การแทรกเพลงในเว็บ

การแทรกเพลงลงในเว็บสามารถทำได้หลายวิธี
หลักๆ คือ ต้องมีลิงค์ไฟล์เพลง (หรือที่จัดเก็บไฟล์นั่นเอง) และอีกตัวหนึ่งคือโปรแกรมสำหรับเล่นไฟล์
ซึ่งในที่นี่เราจะกำหนดให้โปรแกรม Windows Media Player ที่มีอยู่แล้วในทุกเครื่อง เป็นโปรแกรมเล่นไฟล์
ก่อนจะเริ่มเรียนรู้ต่อไป ข้อกำหนดไฟล์ของกูเกิ้ลไซต์ คือ มีขนาดไม่เกิน 10MB (เมกะไบต์)
ถ้าขนาดไฟล์เพลงที่จะฝากขนาดไม่เกินก็เริ่มลงมือได้เลย หากไฟล์ใหญ่เกินต้องไปลดขนาดไฟล์ก่อน
 
ทั้งนี้ เมื่อคุณใส่ไฟล์เพลงลงไปมากๆ จะส่งผลโดยรวมต่อการใช้พื้นที่เว็บ ขนาด 100MB ลดลงตามไปด้วย
 
ข้อควรระวัง เนื่องจากต้องมีการแก้ไขโค๊ด HTML แนะนำให้สร้างหน้าเว็บใหม่ขึ้นมาทดลองทำโดยเฉพาะ เช่น หน้าทดสอบ
เพื่อกันข้อผิดพลาดกับหน้าเว็บจริง  เมื่อได้ผลตรงตามที่ต้องการแล้วค่อยคัดลอกไปวางในหน้าจริงต่อไป
 
 
 
1.สร้างหน้าเว็บใหม่ โดยเลือก ...ตู้เก็บเอกสาร สำหรับเก็บไฟล์เพลง หรือจะเก็บไฟล์อื่นๆ ก็ได้
 
 
2. จากนั้นเลือกเพิ่มไฟล์
 
3.เลือกที่อยู่ของไฟล์เพลงที่จะเอาขึ้นเว็บ
 
 
 

4.เพียงเท่านี้ คุณก็ได้ไฟล์เพลงเข้ามาอยู่ในเว็บแล้ว
 
 

5. จากนั้นก็คลิกขวาบนข้อความ....ดาวน์โหลด สำหรับดูลิงค์ไฟล์ต่อไป
 
 

6.คัดลอกลิงค์ไฟล์ไปวางในโปรแกรม Notepad 
 
 
สำหรับท่านที่เพิ่งเคยได้ยินชื่อเจ้าโปรแกรม Notepad นี่เป็นครั้งแรก
อาจงงว่ามันอยู่ตรงไหน   ให้ไปที่ Program.......Accessories..........
Notepad จะอ่านว่าโน๊ตเพจ โน๊ตแพจ หรือ โน๊ตแพด อะไรก็ตามขอให้เปิดหาเจอก็แล้วกัน
 
 
 

7.เอาลิงค์ที่คุณคัดลอกมาวางในนี้ซึ่งจะมาทั้งหมด แต่เราจะใช้แค่ลิงค์ที่ระบายสีเท่านั้น
 
 
 

8.ที่นี่ก็มาดูโค๊ดที่จะต้องใช้วางในเว็บ ซึ่งเป็นโค๊ด html ภาษาเขียนเว็บเก่ากึก แต่ก็ยังใช้ได้อยู่
สังเกตที่ระบายสี คือ ส่วนที่คุณต้องเอาลิงค์ที่คัดลอกจาก ข้อ 7 มาวาง เฉพาะ https:.......mp3
 
ตัวอย่าง
=====
<embed type="audio/mpeg" src="http://www.example.com/song.mp3" width="325" height="45" bgcolor="#FFFFFF" autostart="false" loop="false"></embed>
 
 
เว็บเรา
======
<embed type="audio/mpeg" src="https://sites.google.com/site/banrao53/keb-fil-phelng/Track-14.mp3" width="325" height="45" bgcolor="#FFFFFF" autostart="false" loop="false"></embed>
 
 

9.จากนั้นก็เปิดหน้าเว็บที่คุณต้องการแทรกเพลงลงในเว็บ แล้วเข้าไปแก้ไขในโหมด html 
 
 
 
 
แล้วคัดลอกคำสั่งข้างล่างทั้งหมดไปวาง อย่าลืมเปลี่ยนชื่อลิงค์เพลงของคุณให้ถูกต้องด้วย
 
<embed type="audio/mpeg" src="https://sites.google.com/site/banrao53/keb-fil-phelng/Track-14.mp3" width="325" height="45" bgcolor="#FFFFFF" autostart="false" loop="false"></embed> 
 

10. เมื่อใส่ไปแล้วจะปรากฏเป็น Google Gadget ดังภาพข้างล่าง
แล้วบันทึกไฟล์จะแสดงโปรแกรมเล่นเพลงโดยอัตโนมัติดังผลงานตัวอย่างต่อไป
 
 
 
ผลงานตัวอย่าง