play shoutcast internet radio steaming with html5

Updated: 25 June 2018

HTML5 > AUDIO

<audio controls="controls">
  <source src="horse.ogg" type="audio/ogg" />
  <source src="horse.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.</audio>

html5 มี tag audio เพื่อใช้สำหรับแสดงตัว player ในการเล่นเพลง ซึ่งเอามาแทน flash นั้นเอง ทีนี้หากต้องการให้มันเล่นบน radio online ละ? หากต้องการเปิดไฟล์ที่มาจากการ streaming ละ จะทำอย่างไร มาดู code ดังนี้

<audio src="https://IP:PORT/" controls="controls">
Your browser does not support this audio element.</audio>

ตัวอย่าง

<audio src="https://103.113.110.11:5858/" controls="controls">
Your browser does not support this audio element.</audio>

หากทดสอบแล้ว browser ไม่สามารถเล่นเพลงได้ ให้เพิ่ม ;stream.mp3 หรือ ชื่ออื่นก็ได้ เข้าไปดังนี้

<audio src="https://103.113.110.11:5858/;stream.mp3" controls="controls">
Your browser does not support this audio element.</audio>

• Facebook
• Twitter
• Line

audio html5 radio shoutcast