%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88%E0%B9%80%E0%B8%AA%E0%B8%B5%E0%B8%A2%E0%B8%87%E0%B9%80%E0%B8%9E%E0%B8%A5%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%AD%E0%B8%9A%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%80%E0%B8%9E%E0%B8%88 %E0%B8%AB%E0%B8%A3%E0%B8%B7%E0%B8%AD%E0%B9%84%E0%B8%9F%E0%B8%A5%E0%B9%8C Audio %E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A %28HTML5%29 [Article ID : 121]

Dreamweaver เวอร์ชั่น CC เป็นเวอร์ชั่นที่รองรับ New Feature ต่าง ๆ ที่มีให้ใช้งานใน HTML5 การใช้งานไฟล์เสียงหรือไฟล์ประเภท Audio ก็เป็นอีก Feature นึงของ HTML5 ที่ทำให้นักพัฒนาเว็บไซต์ สามารถแทรกหรือใส่ไฟล์เสียงลงไปประกอบเว็บได้โดยง่าย
...สำหรับ Dreamweaver มีขั้นตอนการใช้งานไฟล์เสียง หรือไฟล์ Audio โดยใช้ฟีเจอร์ของ HTML5 ดังกล่าว ด้วยวิธีการ ดังนี้

ก่อนอื่นเราต้องมีการจัดเตรียมไฟล์เพลงกันเสียก่อน โดยไฟล์ที่ต้องจัดเตรียม มีดังนี้
- ไฟล์เสียง หรือไฟล์ประเภท Audio ที่จะทำมาใช้กับเว็บเพจนั้น ควรใช้เป็นฟอร์แมท MP3 เนื่องจากเป็นฟอร์แมทที่รองรับในทุก Web Browser เช่น music.mp3 เป็นต้น

เมื่อจัดเตรียมไฟล์ข้างต้นแล้ว จากนั้นให้ใช้โปรแกรม Dreamweaver ในการนำไฟล์เสียงนั้นมาใช้กับเว็บเพจ โดยมีขั้นตอน ดังนี้

1. นำ Cursor ไปวางไว้ยังตำแหน่งหน้าเว็บพจที่ต้องการให้แสดง Controls ของไฟล์เสียง
2. จากนั้นเลือกไปที่ Insert -> Common -> Media -> HTML5 Audio ดังรูป *Dreamweaver CC

3. โปรแกรมจะ Insert สัญลักษณ์สำหรับ Audio ลงเว็บเพจ ดังรูป 4. เลือกที่สัญลักษณ์ในข้อ 3 จากนั้นให้ทำการกำหนดค่าที่ Properties Panel ดังรูป จากรูปข้างต้น มีการกำหนดค่าที่ Properties Panel ดังนี้
- ID : audio1 *หรือชื่ออื่นตามต้องการ
- Source : เลือกไปที่ไฟล์เสียง หรือไฟล์ MP3 ที่ได้จัดเตรียมไว้
- Controls : เลือก
- Autoplay : เลือก

5. เมื่อกำหนดค่าเบื้องต้นดังข้อ 4 ได้แล้ว ทำการ Save และกดปุ่ม F12 เพื่อพรีวิวดูการแสดงผลกับ Web Browser