ผู้เขียน หัวข้อ: การเขียน Radio online stteam ให้เว็บ แบบ HTML5  (อ่าน 367 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ admin

  • Admin
  • สมาชิกระดับสูงมาก
  • *****
  • กระทู้: 266
  • การ์ม่า: +0/-1
    • ดูรายละเอียด
การเขียน Radio online stteam ให้เว็บ แบบ HTML5
« เมื่อ: สิงหาคม 21, 2016, 04:07:52 PM »

   ยังไม่เห็นคนไทย สอน แต่ ของต่างประเทศ มีสอน ไม่ซับซ้อน

 :find1: :find1: :find1: :kicu1:


 แต่เป็นที่น่าเสียดาย หลังจากลองเขียนแล้ว HMTL5 ส่วน Audio tag Browser อื่นยังไม่ support มีเพียงเล่นได้ แค่ IE11 ต่ำกว่าก็ไม่ได้ ดังนั้นในมุมมอง จึงสู้ flash ไม่ได้ แต่ ที่เหมาะสมคือ ทำแล้วเปิด ในระบบ Andriod ได้เลย เพราะ support  ตั้งแต่ kitkat 4.4 ขึ้นมา support HTML5


NO OK


tag ที่ใช้งานมีเท่านี้ แหละ

<audio  src="http://ชื่อhost : ชื่อ port" controls autoplays  preload ></audio>

ตามตัวอย่าง VDO นั้นเขาเขียน ใช้ CSS บังคับกล่อง ให้เป็น player.class  เพื่อควบคุม ระบบ

นี้คือตัวอย่าง จาก การเขียน player และหน้ากาก player
<iframe src="http://player.radioforge.com/v2/shoutcast.html?radiolink=htttp://111.1.1.1:1234&radiotype=shoutcast1&bcolor=&image=rdn&facebook=Fb&twitter=TW&title=madc&artist=www" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="367" height="227"></iframe>

ท่านสามารถไปทดสอบกันได้ที่

http://www.radioforge.com/html5-radio-player/
« แก้ไขครั้งสุดท้าย: สิงหาคม 21, 2016, 04:42:01 PM โดย admin »

ออฟไลน์ admin

  • Admin
  • สมาชิกระดับสูงมาก
  • *****
  • กระทู้: 266
  • การ์ม่า: +0/-1
    • ดูรายละเอียด
Re: การเขียน Radio online stteam ให้เว็บ แบบ HTML5
« ตอบกลับ #1 เมื่อ: สิงหาคม 21, 2016, 04:59:19 PM »
อันนี้สร้าง บน wordspress

https://www.youtube.com/watch?v=XPg7jc0ycNs


Advanced SHOUTcast Flash/HTML5 Player
https://www.youtube.com/watch?v=A5B1DH-PlU0

หรือจะเขียนแบบ JS ก็ดูอันนี้

https://www.youtube.com/watch?v=z_R04FgGvtw


ทุกวันนี้ HTML 5 มีความสามารถมาก แต่ก็ต้องการโปรแกรม รุ่นใหม่ support ด้วย เพราะ HTML5 นั้น สามารถสร้าง App ได้ เขียน เกมส์ก็ได้ ทั้ง 2D และ 3D