เราได้รับคำถามที่น่าสนใจเมื่อสัปดาห์ที่แล้วที่ TechJunkie Towers มันถือเป็นสิ่งที่ฉันไม่เคยพิจารณามาก่อนและต้องการทราบวิธีการฝังเสียง MP3 ในหน้าเว็บด้วย Google Drive ในฐานะที่เป็นคนที่บริหารเว็บไซต์จำนวนมากสำหรับองค์กรคำถามก็ถูกส่งมาให้ฉันตอบ
โดยปกติแล้วคุณจะโฮสต์สื่อใด ๆ ข้างเว็บไซต์ถ้าคุณต้องการที่จะมีมันบนหน้า มันช่วยให้สิ่งต่าง ๆ เป็นระเบียบและลดจำนวนข้อความค้นหาภายนอกที่หน้าเว็บของคุณต้องทำขณะโหลด อย่างไรก็ตามนั่นไม่ใช่วิธีเดียวที่จะทำสิ่งต่าง ๆ และถ้าด้วยเหตุผลบางประการที่คุณไม่สามารถโฮสต์เสียงของคุณไว้ข้างเว็บไซต์ของคุณคุณสามารถใช้ Google Drive หรือบริการคลาวด์อื่น ๆ เพื่อโฮสต์และเชื่อมโยงไปยังหน้าเว็บของคุณ
ในขณะที่บทช่วยสอนนี้มีการฝึกฝนที่ฝังอยู่ในหน้าเว็บหลักการเดียวกันนี้ใช้กับหน้าออนไลน์ส่วนใหญ่ ซึ่งอาจรวมถึงเครือข่ายโซเชียลบล็อกวิกิหน้า Landing Page หรืออะไรก็ตาม
ฝังเสียงบนหน้าเว็บด้วย Google Drive
หากต้องการฝังเสียงบนหน้าเว็บโดยปกติเราจะอัปโหลดไฟล์ MP3 ไปยังโฮสต์เว็บและวางไว้ในหน้าเว็บ สิ่งนี้จะทำให้หน้าเว็บสามารถสืบค้นโฮสต์และเล่นเพลงได้อย่างรวดเร็วโดยไม่ต้องค้นหาภายนอกเพิ่มเติม นั่นเป็นไปไม่ได้เสมอไป หากคุณไม่มีพื้นที่เก็บข้อมูลบนโฮสต์เว็บของคุณหรือโฮสต์ไม่เร็วมากหรือเหมาะสำหรับการสตรีมคุณต้องหาที่อื่น
นั่นคือที่มาของ Google Drive หรือบริการคลาวด์อื่น ๆ คุณสามารถอัปโหลด MP3 ไปยังที่เก็บข้อมูลบนคลาวด์และเชื่อมโยงไปที่มันจากหน้าเว็บของคุณ จากนั้นทุกครั้งที่มีคนเล่นแทร็กที่พวกเขาสตรีมหากจากไดรฟ์ของคุณแทนที่จะอยู่ในพื้นที่บนเว็บโฮสต์ของคุณ เมื่อพิจารณาว่าเซิร์ฟเวอร์คลาวด์ของ Google มีขนาดใหญ่และทรงพลังคุณสามารถใช้สิ่งเหล่านี้เพื่อประโยชน์ของคุณได้!
นี่คือวิธีการตั้งค่า:
- เข้าสู่ระบบ Google Drive ของคุณตามปกติ
- สร้างโฟลเดอร์และอัปโหลดไฟล์ MP3 ลงในมัน
- ตั้งค่าการอนุญาตสำหรับไฟล์ MP3 เป็น 'เปิด - สาธารณะบนเว็บทุกคนบนอินเทอร์เน็ตสามารถค้นหาและดูได้'
- บันทึกการอนุญาต
- จับลิงค์แชร์ในหน้าแบ่งปัน มันจะเริ่มต้น 'https://drive.google./com/…'
เพียงแค่ติดตั้ง ไฟล์ MP3 ของคุณอยู่ในระบบคลาวด์และทุกคนที่มีลิงก์แชร์สามารถเข้าถึงได้ ตอนนี้เราต้องวางลิงก์นั้นไว้บนหน้าเว็บของคุณเพื่อให้ผู้อื่นสามารถเข้าถึงได้
ฝังลิงค์ไปยังหน้าของคุณ
วิธีที่คุณฝังลิงก์การแชร์นั้นขึ้นอยู่กับสิ่งที่คุณใช้สำหรับเว็บไซต์ของคุณ คุณสามารถใช้วิธีอื่นสำหรับ WordPress หรือ Joomla ได้เช่นเดียวกับ HTML หรือเฟรมเวิร์กอื่น ๆ
วิธีฝัง MP3 ในหน้า WordPress:
- เปิดหน้าเว็บของคุณใน WordPress และสร้างพื้นที่สำหรับไฟล์เสียง
- เลือกปุ่มเพิ่มสื่อที่ด้านบนของเครื่องมือแก้ไขหน้า
- เลือกป้อน URL และวาง URL Google Drive จากด้านบน
- ตั้งชื่อและชื่อแล้วใส่สื่อ
- บันทึกหน้าเมื่อทำเสร็จแล้ว
หากคุณดูตัวอย่างหน้าคุณควรเห็นลิงค์และคำอธิบายที่เพิ่มไว้ในตำแหน่งที่คุณวางไว้บนหน้า เล่นสื่อและมันจะสตรีมสุดลูกหูลูกตาจาก Google Drive ของคุณผ่านหน้า เป็นวิธีที่เป็นระเบียบมากในการเพิ่มสื่อสมบูรณ์ไปยังหน้าเว็บโดยไม่ต้องใช้พื้นที่จัดเก็บในเว็บโฮสต์ของคุณ
หากคุณไม่ได้ใช้ WordPress และจำเป็นต้องฝังโค้ดภายใน iFrame นั่นก็ตรงไปตรงมาเช่นกัน เนื่องจาก iFrames เป็นมาตรฐานเว็บเฟรมเวิร์กและแพลตฟอร์มการเผยแพร่ส่วนใหญ่จึงควรรองรับ ดังนั้นสิ่งที่คุณต้องทำคือสร้าง iFrame และวางไว้บนหน้าของคุณ
วิธีฝังไฟล์ MP3 ของคุณโดยใช้เฟรมเวิร์กอื่น:
- วาง URL การแชร์ Google Drive ลงในโปรแกรมแก้ไขข้อความ
- เปลี่ยน '/ ดู' ที่ส่วนท้ายของ URL สำหรับ '/ ดูตัวอย่าง' และคัดลอก URL ทั้งหมด
- วางลงในรหัสด้านล่างแทน URL ตัวอย่างหลัง 'src ='
- เปิดหน้าเว็บของคุณในโปรแกรมแก้ไข HTML หรือใช้โปรแกรมแก้ไขแพลตฟอร์มของคุณ
- วางรหัสทั้งหมดรวมถึงในหน้าของคุณที่คุณต้องการให้มันปรากฏ
- บันทึกไฟล์และทดสอบ
รหัส:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
เครื่องเล่นควรปรากฏบนหน้าของคุณและเล่นไฟล์ MP3 เมื่อเลือก อย่าลืมตรวจสอบลิงค์ด้วยตัวคุณเองเมื่ออัพโหลดแล้วเพื่อให้แน่ใจว่าใช้ได้ จากนั้นเผยแพร่หน้าแก้ไขแล้วสนุกได้เลย!
นี่คือวิธีการฝังเสียง MP3 ในหน้าเว็บด้วย Google Drive รู้วิธีอื่นใดที่จะทำ? บอกเราเกี่ยวกับมันด้านล่างถ้าคุณทำ!
