หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

webamp

การปรับแต่งของ WinAMP 2.9 ใน HTML5 และ JavaScript ด้วยการรองรับผิวอย่างเต็มรูปแบบ เท่าที่เห็นใน TechCrunch, เมนบอร์ด, Gizmodo, Hacker News (1, 2, 3, 4) และที่อื่น ๆ


ตรวจสอบเธรด Twitter นี้สำหรับรายการคุณสมบัติที่แสดง ทำงานในรุ่นที่ทันสมัยของ Edge, Firefox, Safari และ Chrome IE ไม่ได้รับการสนับสนุน

เพิ่ม webamp ไปยังเว็บไซต์ของคุณ

นี่คือตัวอย่าง ที่น้อยที่สุด ของการเพิ่ม webamp ลงในหน้า:

 <div id = "app"> </div> <script src = "https://unpkg.com/webamp"> </script> <script> const app = document.getElementById ("app") const webamp = ใหม่ webamp (); webamp.render เมื่อพร้อม (แอพ); </script>

สำหรับตัวอย่างเพิ่มเติมรวมถึงวิธีเพิ่มไฟล์เสียงลองดู examples/ ไดเรกทอรีและเอกสาร API

เกี่ยวกับที่เก็บนี้

Webamp ใช้วิธี Monorepo ดังนั้นนอกเหนือจากโมดูล Webamp NPM ที่เก็บนี้มีรหัสสำหรับโครงการที่เกี่ยวข้องอย่างใกล้ชิดและบางชิ้นของ Webamp ซึ่งเผยแพร่เป็นโมดูลแบบสแตนด์อโลน:

  • packages/webamp : โมดูล Webamp NPM

  • packages/webamp/demo : เว็บไซต์สาธิตที่อาศัยอยู่ที่ webamp.org

  • packages/ani-cursor : โมดูล NPM สำหรับการแสดงเคอร์เซอร์ .ani เป็นภาพเคลื่อนไหวเป็นภาพเคลื่อนไหว CSS

  • packages/skin-database : ส่วนประกอบเซิร์ฟเวอร์ของ https://skins.webamp.org ซึ่งยังรันบอท Twitter ของเราและบอท Discord สำหรับการแชทชุมชนของเรา

  • packages/skin-museum-client : ส่วนประกอบส่วนหน้าของ https://skins.webamp.org

  • packages/winamp-eqf : โมดูล NPM สำหรับการแยกวิเคราะห์และสร้างไฟล์ที่ตั้งไว้ล่วงหน้าของ Winamp Equalizer ( .eqf )

  • packages/archive-org-webamp-integration-tests : การรวมที่ยืนยันว่าการรวม Webamp ของ Archive.org ทำงานได้ตามที่คาดไว้

  • packages/webamp-modern : ต้นแบบสำรวจการแสดงผล "ทันสมัย" สกิน winamp ในเบราว์เซอร์

  • examples : ตัวอย่างบางส่วนที่แสดงวิธีการใช้โมดูล NPM

ชุมชน

เข้าร่วมการแชทชุมชนของเราใน Discord: https://discord.gg/fbtdmqr

ชุมชนที่เกี่ยวข้อง:

  • Winamp Community Update Pack-"ปลั๊กอินใหม่เพื่อเพิ่มคุณสมบัติเพิ่มเติมให้กับ WinAMP รวมถึงปลั๊กอินทดแทนเพื่อให้การใช้งานที่ดีขึ้นของปลั๊กอินบางส่วนที่รวมอยู่ใน WinAMP" (ฟอรัม / เซิร์ฟเวอร์ Discord)

ในป่า

รายการเว็บไซต์ที่ไม่สมบูรณ์โดยใช้ webamp:

  • Internet Archive - The Internet Archive ช่วยให้คุณดูตัวอย่างสกิน winamp และฟังแทร็กเสียงโดยใช้ webamp

  • winAmpify.io - ไคลเอนต์ Spotify ออนไลน์โดยใช้ webamp

  • Webamp Desktop - เวอร์ชันแอพอิเล็กตรอนของ Webamp

  • 98.js.org - Windows 98 โคลนใน JavaScript (GitHub)

  • winxp.now.sh - โคลน Windows XP ใน JavaScript ด้วย React (GitHub)

  • Try Andy's Desk - ประสบการณ์เดสก์ท็อปที่มีธีมหน้าต่างแปลก ๆ

  • www.dkdomino.zone - เครื่องเล่นเพลงส่วนตัวของใครบางคน

ขอบคุณ

  • Butterchurn การใช้งาน WebGL ที่น่าทึ่ง 2 WebGL สร้างและรวมเข้ากับ webamp โดย: jberg

  • การวิจัยและการสร้างต้นแบบฟีเจอร์: @paez

  • ข้อเสนอแนะเบต้าจับ UI ที่ไม่สอดคล้องกันขนาดเล็กจำนวนมาก: Luigihann

  • ข้อเสนอแนะเบต้าและคำตอบภายในสำหรับคำถาม WinAmp ที่คลุมเครือ: Darren Owen

  • บริจาคชื่อโมดูล webamp NPM: Dave Eddy

ขอบคุณ Justin Frankel และทุกคนที่ Nullsoft สำหรับ Winamp ซึ่งเป็นแรงบันดาลใจให้พวกเราหลายคน

ใบอนุญาต

ในขณะที่ชื่อ WinAmp, อินเทอร์เฟซและไฟล์เสียงตัวอย่างเป็นคุณสมบัติของ NullSoft แน่นอนรหัสภายในโครงการนี้จะถูกเผยแพร่ภายใต้ใบอนุญาต MIT ที่ถูกกล่าวว่าถ้าคุณทำอะไรที่น่าสนใจกับรหัสนี้โปรดแจ้งให้เราทราบ ฉันชอบที่จะเห็นมัน

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด