Downloads
วิธีการแทรกเครื่องเล่นเสียง HTML5 ไปยังหน้าเว็บของคุณโดยใช้ iframe จาก Amazing Audio Player
iframe เป็นวิธีที่สะดวกในการใส่เครื่องเล่นเสียง HTML5 ไปยังหน้าเว็บของคุณและจะได้รับการสนับสนุนในทุกเว็บเบราเซอร์ที่สำคัญซึ่งรวมถึงแท็บเล็ตโทรศัพท์มือถือและคอมพิวเตอร์เดสก์ทอป
กวดวิชานี้จะแนะนำวิธีการแทรกเครื่องเล่นเสียง HTML5 ที่สร้างขึ้นด้วยเครื่องเล่นเสียงที่น่าตื่นตาตื่นใจไปยังหน้าเว็บของคุณกับ iframe
ขั้นตอนที่ 1 - สร้างเครื่องเล่นเสียงที่น่าตื่นตาตื่นใจใน HTML5 เครื่องเล่นเสียง
ที่น่าตื่นตาตื่นใจเครื่องเล่นเสียงเป็นโปรแกรมคอมพิวเตอร์ที่ง่ายต่อการใช้งานซึ่งจะช่วยให้คุณสามารถสร้างเครื่องเล่นเสียง HTML5 ซึ่งทำงานบน iPhone, iPad, Android, Firefox, Chrome, Safari, Opera และ Internet Explorer 7/8/9/10/11
ในการประยุกต์ใช้คุณสามารถเพิ่มไฟล์ MP3 ของคุณให้เลือกผิวแล้วคลิกปุ่มเผยแพร่เพื่อสร้างผู้เล่นเสียงของคุณ HTML5
HTML5 เครื่องเล่นเสียง
ขั้นตอนที่ 2 - อัปโหลดไฟล์ทั้งหมดที่สร้างขึ้นไปยังเว็บเซิร์ฟเวอร์ของคุณ
ในขั้นตอนนี้คุณจะต้องอัปโหลดไฟล์ทั้งหมดที่สร้างขึ้นไปยังเว็บเซิร์ฟเวอร์ของคุณซึ่งรวมถึงไฟล์ HTML และสองโฟลเดอร์ไฟล์เสียงและ audioplayerengine
HTML5 เครื่องเล่นเสียง
ขั้นตอนที่ 3 - ใส่ผู้เล่นไปยังหน้าเว็บของคุณโดยใช้ iframe
ในขั้นตอนนี้คุณต้องใส่ผู้เล่นไปยังหน้าเว็บของคุณโดยใช้รหัส iframe ตัวอย่างเช่น:
1
<iframe src="http://www.yourwbsite.com/playerfolder/audioplayer.html" width="400" height="300" border="0" scrolling="no" frameBorder="0"></iframe>
ในรหัสด้านบน:
คุณจำเป็นต้องเปลี่ยนค่า src ไปยังที่อยู่ URL ที่แท้จริงของไฟล์ audioplayer.html ของคุณ
คุณจำเป็นต้องเปลี่ยนค่าของความกว้างและความสูงเพื่อมูลค่าที่แท้จริงของผู้เล่นของคุณ
ตัวอย่างคือการดังต่อไปนี้:
Amazing Audio Player
แสดงความคิดเห็น