หากคุณต้องการให้ผู้เยี่ยมชมเว็บไซต์ของคุณเพลิดเพลินกับไฟล์ MP3 วิธีที่ง่ายที่สุดในการทำเช่นนี้คือการฝังไฟล์ลงในหน้า ด้วยเครื่องเล่น MP3 แบบฝัง ผู้เยี่ยมชมไม่จำเป็นต้องดาวน์โหลดไฟล์เสียงโดยตรงหรือใช้ซอฟต์แวร์เพิ่มเติมเพราะเล่นแบบอินไลน์
เราจะอธิบายรายละเอียดวิธีการต่างๆ ที่คุณสามารถใช้เพื่อฝังไฟล์ MP3 บนเว็บไซต์ของคุณ ซึ่งรวมถึงการใช้ HTML5 และ Google ไดรฟ์
1. ฝัง MP3 บนเว็บไซต์ของคุณด้วย HTML5
หากคุณสะดวกที่จะแก้ไขโค้ดของเว็บไซต์ วิธีที่ง่ายที่สุดวิธีหนึ่งในการฝังไฟล์ MP3 คือการใช้ HTML5
HTML5 แท็กอาจดูเหมือนเป็นพื้นฐานตั้งแต่แรกเห็น แต่มีประสิทธิภาพเนื่องจากเข้ากันได้กับเบราว์เซอร์เดสก์ท็อปและมือถือหลักๆ ทั้งหมด
ในการฝัง MP3 ด้วย HTML5 ให้ใช้รหัสนี้:
Your browser does not support the audio tag.
เพียงแค่เปลี่ยน MP3 URL ที่นี่ ด้วยไฟล์เสียงที่คุณอัพโหลด ไฟล์นี้ไม่สามารถเป็นไฟล์ที่จัดเก็บไว้ในคอมพิวเตอร์ของคุณได้ จะต้องออนไลน์
วิธีใช้ ssd และ hdd
รหัสนี้จะวางเครื่องเล่นเสียงขนาดเล็กบนหน้าเว็บ ซึ่งผู้ใช้สามารถเล่น หยุดชั่วคราว ขัด และปรับระดับเสียงได้ นี่คือสิ่งที่ดูเหมือนใน Firefox:
รหัสนี้ยังรวมถึงข้อความที่จะแสดงแทนโปรแกรมเล่นสื่อ ในกรณีที่เบราว์เซอร์ของผู้ใช้ไม่สนับสนุนโปรแกรมเล่น
คุณสามารถใช้แอตทริบิวต์เช่น เล่นอัตโนมัติ และ ห่วง เช่นนั้น:
Your browser does not support the audio tag.
โปรดทราบว่าเบราว์เซอร์ส่วนใหญ่ไม่รองรับการเล่นอัตโนมัติ เนื่องจากถือเป็นแนวปฏิบัติที่ไม่ถูกต้องในการบังคับเสียงไปยังผู้ใช้โดยอัตโนมัติ
การปรับแต่งพื้นฐานสามารถนำไปใช้กับบล็อกเครื่องเล่นเสียงผ่าน CSS เช่น ชายแดน และ การขยายความ . อย่างไรก็ตาม คุณจะต้องใช้ JavaScript เพื่อจัดรูปแบบตัวเล่นเองอย่างเหมาะสม เพื่อให้สอดคล้องกันในเบราว์เซอร์ต่างๆ
ดูข้อมูลเพิ่มเติมเกี่ยวกับแอตทริบิวต์และการปรับแต่งเสียงของโปรแกรมเล่นเสียง HTML5 ได้ที่ MDN Web Docs .
วิธีเอาข้อความเฟสบุ๊คเก่ากลับมา
ที่เกี่ยวข้อง: เอฟเฟกต์ HTML สุดเจ๋งที่ใครๆ ก็เพิ่มลงในเว็บไซต์ของตนได้
2. ฝัง MP3 บนเว็บไซต์ของคุณด้วย Google Drive
Google ไดรฟ์คือ ผู้ให้บริการที่เก็บข้อมูลบนคลาวด์ที่ยอดเยี่ยมและฟรี . คุณสามารถใช้เพื่ออัปโหลดไฟล์ MP3 และสร้างเครื่องเล่นเสียง
เมื่ออัปโหลด MP3 ไปยัง Google Drive:
- คลิกขวา ไฟล์และคลิก รับลิงค์ .
- เปลี่ยนการจำกัดการเข้าถึงเป็น ใครมีลิงค์ .
- สุดท้ายคลิก คัดลอกลิงค์ .
สิ่งนี้จะให้ URL ที่คล้ายกับสิ่งนี้แก่คุณ:
https://drive.google.com/file/d/123/view?usp=sharing
แทนที่ view?usp=sharing กับ ดูตัวอย่าง เช่นนั้น:
https://drive.google.com/file/d/123/preview
จากนั้น ใช้ an เพื่อฝังเครื่องเล่น MP3 บนเว็บไซต์ของคุณ แทนที่ URL ของไดรฟ์ ด้วย URL ที่คุณเพิ่งแก้ไข:
คุณสามารถปรับ เพิ่ม หรือลบแอตทริบิวต์ (like กรอบชายแดน และ ความกว้าง ) ตามความจำเป็น
การดำเนินการนี้จะฝังไฟล์ MP3 บนเว็บไซต์ของคุณโดยใช้โปรแกรมเล่น Google ไดรฟ์ ผู้ใช้สามารถเล่น ขัด และปรับระดับเสียงได้ เช่นเดียวกับโปรแกรมเล่น HTML5 นี่คือสิ่งที่ดูเหมือน:
ความแตกต่างที่สำคัญคือการมีอยู่ของa โผล่ออกมา ปุ่ม. ซึ่งจะเปิด MP3 ใน Google Drive ซึ่งผู้ใช้สามารถเพิ่มความคิดเห็น แชร์ไฟล์ และอื่นๆ
3. ฝัง MP3 บนเว็บไซต์ของคุณด้วย CMS
หากคุณใช้ระบบจัดการเนื้อหา (CMS) สำหรับเว็บไซต์ของคุณ คุณยังคงสามารถใช้วิธีการข้างต้นได้ อย่างไรก็ตาม คุณอาจไม่สะดวกใจที่จะแก้ไขโค้ด HTML
ลายเส้นหมายถึงอะไรในการส่งข้อความ
CMS ที่ดีใดๆ จะช่วยให้คุณเพิ่มเสียงลงในเว็บไซต์ของคุณได้อย่างง่ายดายผ่านอินเทอร์เฟซ ตัวอย่างเช่น บน WordPress คุณเพียงแค่ต้อง เพิ่มบล็อค , เลือก เครื่องเสียง แล้วก็ ที่อัพโหลด MP3 เลือกจาก .ของคุณ ห้องสมุดสื่อ , หรือ แทรกจาก URL .
ไม่ว่าคุณจะใช้ Google Sites, ExpressionEngine หรือบริการอย่าง Squarespace กระบวนการในการเพิ่มเสียงจะแตกต่างออกไปเล็กน้อย ดังนั้นโปรดอ่านเอกสารช่วยเหลือของบริษัทสำหรับคำแนะนำทั้งหมด
ให้ผู้มาเยี่ยมชมของคุณฟัง MP3 ได้อย่างง่ายดาย
ด้วยวิธีการใดๆ ข้างต้น ผู้เยี่ยมชมเว็บไซต์ของคุณจะสามารถฟังไฟล์ MP3 ผ่านเครื่องเล่นสื่อได้อย่างง่ายดาย
ที่กล่าวว่าคุณไม่จำเป็นต้องใช้ไฟล์ MP3 เสมอไป มีรูปแบบเสียงทั่วไปอื่นๆ มากมาย เช่น WAV และ FLAC ที่คุณสามารถเล่นแบบอินไลน์บนเว็บไซต์ของคุณได้อย่างเท่าเทียมกัน
แบ่งปัน แบ่งปัน ทวีต อีเมล 10 รูปแบบเสียงที่พบบ่อยที่สุด: คุณควรใช้รูปแบบใด?คุณรู้เกี่ยวกับ MP3 แล้ว แต่ AAC, FLAC, OGG หรือ WMA ล่ะ? เหตุใดจึงมีรูปแบบไฟล์เสียงมากมายและมีรูปแบบเสียงที่ดีที่สุดหรือไม่
อ่านต่อไป หัวข้อที่เกี่ยวข้อง- อินเทอร์เน็ต
- การพัฒนาเว็บ
- เครื่องมือของผู้ดูแลเว็บ
- HTML5
โจเกิดมาพร้อมกับคีย์บอร์ดและเริ่มเขียนเกี่ยวกับเทคโนโลยีทันที เขามีศิลปศาสตรบัณฑิต (เกียรตินิยม) ด้านธุรกิจและปัจจุบันเป็นนักเขียนอิสระเต็มเวลาที่ชอบทำให้เทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
เพิ่มเติมจาก Joe Keeleyสมัครรับจดหมายข่าวของเรา
เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!
คลิกที่นี่เพื่อสมัครสมาชิก