play button

play-button

ส่วนประกอบเว็บในการเล่นเสียงหรือวิดีโอด้วยปุ่ม

การสาธิต การอ่านเพิ่มเติม

ตัวอย่าง

 < script type =" module " src =" play-button.js " > </ script >

< play-button >
  < audio controls src =" https://darn.es/sounds/daviddarnes.m4a " > </ audio >
  < button > Play </ button >
</ play-button > 

คุณสมบัติ

องค์ประกอบเว็บนี้ช่วยให้คุณ:

• ควบคุมองค์ประกอบ audio หรือ video ด้วย button เดียวซึ่งสามารถเล่นและหยุดเสียงหรือวิดีโอชั่วคราว

การติดตั้ง

คุณมีตัวเลือกเล็กน้อย (เลือกหนึ่งในนั้น):

1. ติดตั้งผ่าน NPM: npm install @daviddarnes/play-button
2. ดาวน์โหลดแหล่งข้อมูลด้วยตนเองจาก GitHub ไปยังโครงการของคุณ
3. ข้ามขั้นตอนนี้และใช้สคริปต์โดยตรงผ่าน CDN ของบุคคลที่สาม (ไม่แนะนำสำหรับการใช้งานการผลิต)

การใช้งาน

ตรวจสอบให้แน่ใจว่าคุณรวม <script> ในโครงการของคุณ (เลือกหนึ่งในนั้น):

 <!-- Host yourself -->
< script type =" module " src =" play-button.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script type =" module " src =" https://www.unpkg.com/@daviddarnes/[email protected]/play-button.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script type =" module " src =" https://esm.sh/@daviddarnes/[email protected] " > </ script > 

เครดิต

ด้วยขอบคุณผู้คนต่อไปนี้:

• Zach Leatherman สำหรับสร้างแรงบันดาลใจให้กับเทมเพลต repo ส่วนประกอบของเว็บนี้