HTML5 และเสียง

HTML5 ให้มาตรฐานสำหรับการเล่นไฟล์เสียง

HTML5 เสียงเป็นเรื่องของสเปค HTML5 ที่ผสมผสานสัญญาณเสียงการเล่นและการสังเคราะห์เช่นเดียวกับเสียงพูดเป็นข้อความในเบราว์เซอร์

เสียงบนเว็บ

ก่อน HTML5 ไม่มีมาตรฐานสำหรับการเล่นไฟล์เสียงบนหน้าเว็บ

ก่อน HTML5, ไฟล์เสียงสามารถเล่นเฉพาะกับ plug-in (like flash)

HTML5 <audio> องค์ประกอบระบุวิธีมาตรฐานในการฝังเสียงในหน้าเว็บ

สนับสนุนเบราว์เซอร์

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ <audio> องค์ประกอบ

ใช้ HTML <audio> ธาตุ

ในการเล่นไฟล์เสียงในรูปแบบ HTML ใช้ <audio> องค์ประกอบ:

ก <เสียง> องค์ประกอบหมายถึงเสียงหรือสตรีมเสียง เป็นที่นิยมใช้ในการเล่นกลับไฟล์เสียงเดียวภายในหน้าเว็บที่แสดงเครื่องมือ GUI กับการเล่น / หยุดชั่วคราว / การควบคุมระดับเสียง

ก <เสียง> องค์ประกอบที่มีแอตทริบิวต์เหล่านี้:

แอตทริบิวต์ทั่วโลก (accesskey; ระดับ; contenteditable; ContextMenu; dir; ลาก; Dropzone; ซ่อน; ID; lang; ตรวจการสะกด; สไตล์; TabIndex; ชื่อ; แปล)

เล่นอัตโนมัติ = "เล่นอัตโนมัติ" หรือ "" (สตริงว่าง) หรือเปล่าสั่งให้ตัวแทนผู้ใช้ที่จะเริ่มต้นการเล่นสตรีมเสียงโดยอัตโนมัติทันทีที่มันสามารถทำได้โดยไม่ต้องหยุด

โหลด = "ไม่มี" หรือ "เมตาดาต้า" หรือ "อัตโนมัติ" หรือ "" (สตริงว่าง) หรือเปล่าหมายถึงคำแนะนำกับตัวแทนผู้ใช้เกี่ยวกับว่าการดาวน์โหลดในแง่ดีของสตรีมเสียงตัวเองหรือเมตาดาต้าของมันถือว่าคุ้มค่า

"ไม่มี": คำแนะนำกับตัวแทนผู้ใช้ที่ผู้ใช้ไม่ได้คาดหวังว่าจะต้องมีกระแสข้อมูลเสียงหรือลดการจราจรที่ไม่จำเป็นเป็นที่พึงปรารถนา

"เมตาดาต้า": คำแนะนำกับตัวแทนผู้ใช้ที่ผู้ใช้ไม่ได้คาดหวังว่าจะต้องสตรีมเสียง แต่ที่เรียกข้อมูลเมตา (ระยะเวลาและอื่น ๆ ) เป็นที่พึงปรารถนา

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

ควบคุม = "ควบคุม" หรือ "" (สตริงว่าง) หรือเปล่าสั่งให้ตัวแทนผู้ใช้ที่จะเปิดเผยส่วนติดต่อผู้ใช้สำหรับการควบคุมการเล่นสตรีมเสียง

ห่วง = "ห่วง" หรือ "" (สตริงว่าง) หรือเปล่าสั่งให้ตัวแทนผู้ใช้ที่จะแสวงหาการกลับไปที่จุดเริ่มต้นของกระแสเสียงเมื่อมาถึงที่สิ้นสุด mediagroup สตริง = สั่งให้ตัวแทนผู้ใช้ในการเชื่อมโยงหลายวิดีโอและ / หรือเสียงลำธารด้วยกัน

ปิดเสียง = "เงียบ" หรือ "" (สตริงว่าง) หรือเปล่าหมายถึงสถานะเริ่มต้นของกระแสข้อมูลเสียงอาจเอาชนะค่าของผู้ใช้ src = ไม่ว่างเปล่า [URL] ที่อาจเกิดขึ้นล้อมรอบด้วยพื้นที่ URL สำหรับสตรีมเสียง

HTML เสียง - วิธีการทำงาน

controls แอตทริบิวต์เพิ่มการควบคุมเสียงเหมือนเล่นหยุดและปริมาณ

ข้อความระหว่าง <audio> และ </audio> แท็กจะแสดงในเบราว์เซอร์ที่ไม่สนับสนุน <audio> องค์ประกอบ

หลาย <source> องค์ประกอบที่สามารถเชื่อมโยงไปยังไฟล์เสียงที่แตกต่างกัน เบราว์เซอร์จะใช้รูปแบบแรกที่ได้รับการยอมรับ

HTML เสียง - การสนับสนุนเบราว์เซอร์

ปัจจุบันมี 3 รูปแบบไฟล์ที่รองรับสำหรับ <audio> องค์ประกอบ: MP3, WAV, และ Ogg:

HTML เสียง - ประเภทสื่อ

HTML Audio - วิธีคุณสมบัติและกิจกรรม

HTML5 กำหนดวิธีการ DOM, คุณสมบัติและเหตุการณ์สำหรับ <audio> องค์ประกอบ

นี้ช่วยให้คุณโหลดเล่นและหยุดไฟล์เสียงเช่นเดียวกับระยะเวลาและปริมาณชุด

นอกจากนี้ยังมีเหตุการณ์ DOM ที่สามารถแจ้งให้ทราบเมื่อเสียงเริ่มที่จะเล่นถูกหยุดชั่วคราว ฯลฯ

สำหรับการอ้างอิง DOM เต็มไปของเรา HTML5 เสียง / วิดีโอ DOM อ้างอิง

HTML5 แท็กเสียง

HTML เสียง - Web Speech API

เว็บ Speech API มีวัตถุประสงค์เพื่อให้วิธีการป้อนข้อมูลทางเลือกสำหรับการใช้งานเว็บ (โดยไม่ใช้แป้นพิมพ์) ด้วย API นี้นักพัฒนาสามารถให้เว็บแอปความสามารถในการคัดลอกเสียงข้อความจากไมโครโฟนของคอมพิวเตอร์ เสียงที่บันทึกไว้จะถูกส่งไปยังเซิร์ฟเวอร์สำหรับการถอดความคำพูดหลังจากที่ข้อความที่ถูกพิมพ์ออกมาสำหรับผู้ใช้ API ตัวเองเป็นไม่เชื่อเรื่องพระเจ้าของพื้นฐานการดำเนินการรู้จำเสียงพูดและสามารถรองรับเซิร์ฟเวอร์ทั้งสองตามเช่นเดียวกับ recognizers ฝังตัว กลุ่ม HTML Speech บ่มเพาะได้เสนอการดำเนินงานของเทคโนโลยีเสียงพูดในเบราว์เซอร์ในรูปแบบของชุด API ที่ข้ามแพลตฟอร์ม API ที่มีทั้ง:

• การพูดการป้อนข้อมูล API
• ข้อความที่จะพูด API