GameLineHacker

 ลืมรหัสผ่าน
 ลงทะเบียน
ค้นหา
ดู: 11455|ตอบกลับ: 1

โค๊ด html เล่นเสียงจากไฟล์ mp3 , ogg , wav

[คัดลอกลิงก์]
เป็นโค๊ดกล่องเพลง ที่มีปุ่ม Play & แทบเล่นเพลง และ ปุ่มปรับเสียง
ซึ่งจาก html นั้นมีมาให้อยู่แล้ว โดยใช้คำสั่งดังนี้

  1. <audio controls>
  2.   <source src="ชื่อไฟล์.นามสกุลไฟล์" type="โฟเดอร์ที่เก็บเสียง">
  3. browser ของคุณไม่รองรับฟังชั่นนี้.
  4. </audio>
คัดลอกไปที่คลิปบอร์ด


ตัวอย่างการใช้โค๊ดเล่นเสียงจาก mp3 โดยให้ผู้เล่นกดปุ่ม play เอง

  1. <audio controls>
  2.   <source src="sound.mp3" type="audio/mp3">
  3. browser ของคุณไม่รองรับฟังชั่นนี้.
  4. </audio>
คัดลอกไปที่คลิปบอร์ด
ซึ่งผมเก็บไฟล์เสียงไว้ใน audio/mp3/sound.mp3
a.jpg
ไฟล์ index.html หรือ index.php ต้องอยู่แบบนี้นะครับ เพราะโค๊ดจะหาโฟลเดอร์ audio และ โฟลเดอร์ mp3 ในโฟลเดอร์ audio อีกที

โค๊ดสำหรับ ไฟล์ Wav
ซึ่งผมเก็บไฟล์เสียงไว้ใน audio/wav/sound.wav
  1. <audio controls>
  2. <source src="sound.wav" type="audio/wav">
  3. browser ของคุณไม่รองรับฟังชั่นนี้.
  4. </audio>
คัดลอกไปที่คลิปบอร์ด


โค๊ดสำหรับไฟล์ ogg
ซึ่งผมเก็บไฟล์เสียงไว้ใน audio/ogg/sound.ogg

  1. <audio controls>
  2. <source src="sound.ogg" type="audio/ogg">
  3. browser ของคุณไม่รองรับฟังชั่นนี้.
  4. </audio>
คัดลอกไปที่คลิปบอร์ด


คำสั่งเพิ่มเติม

autoplay    - เล่นอัตโนมัติเมื่อเปิดหน้าเว็บนี้
controls     - กล่อง control สำหรับเล่นเสียง
loop          - เมื่อเล่นเสียงเสร็จจะเล่นเสียงซ้ำอีกเรื่อยๆ

ตัวอย่าง

- มีกล่อง control เสียงเพลง และ เล่นอัตโนมัติ
@ ใช้คำสั่ง autoplay และ controls


<audio controls autoplay>
<source src="01.mp3">
Your browser does not support the audio element.
</audio>

ไฟล์เสียงอยู่ที่เดียวกับ ไฟล์เว็บ ก็ให้เรียกใช้ได้ทันที ไม่ต้องใช้เรียกไฟล์ในโฟเดอร์
ฟฟ.jpg

- มีกล่อง control เสียงเพลง เล่นอัตโนมัติ และ เล่นซ้ำเรื่อยๆ

<audio controls autoplay loop>
<source src="01.mp3">
Your browser does not support the audio element.
</audio>


- ซ่อนกล่องcontrolเสียงเพลง เล่นอัตโนมัติ เล่นซ้ำเรื่อยๆ


<audio autoplay loop>
<source src="01.mp3">
Your browser does not support the audio element.
</audio>


เป็นต้น

ตัวอย่างโค๊ดแบบเต็ม
- มีกล่อง control เสียงเพลง และ เล่นอัตโนมัติ เล่นซ้ำ่้<html>
<title>กล่องเล่นเพลง</title>
<head>Music Play</head>
<audio controls autoplay loop>
<source src="01.mp3">
Your browser does not support the audio element.
</audio>
</html>



by : Hackerz.in.th



โพสต์ 2016-4-13 08:19:27 | ดูโพสต์ทั้งหมด

ขอบคุณ
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | ลงทะเบียน

รายละเอียดเครดิต

ประวัติการแบน|GameLineHacker แฮกกันมันส์ สนุกได้ทั่วไทย

GMT+7, 2021-5-8 16:21 , Processed in 0.065732 second(s), 10 queries , File On.

Powered by Discuz! X3.4, Rev.63

Copyright © 2001-2020 Tencent Cloud.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้