วิธีการใช้งานเพลงพื้นหลังของเว็บไซต์

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-05-07 14:32:01

สำหรับเว็บมาสเตอร์แต่ละคนวิธีทำให้เว็บไซต์ของพวกเขาไม่เหมือนใครและเต็มไปด้วยบุคลิกภาพเป็นเป้าหมายของความพยายามที่ไม่หยุดหย่อนเสมอ นอกเหนือจากการพยายามปรับปรุงเอฟเฟกต์ภาพและฟังก์ชั่นการโต้ตอบของหน้าเว็บหากคุณได้ยินเสียงเพลงที่สวยงามและเคลื่อนไหวในขณะที่เปิดหน้าเว็บฉันเชื่อว่าสิ่งนี้จะเพิ่มสีสันให้กับเว็บไซต์ของคุณ

1. เรียนรู้ที่จะเพิ่มไฟล์เพลง

โดยทั่วไปมีสองวิธีในการเพิ่มเพลงพื้นหลังลงในหน้าเว็บ สิ่งแรกคือการเพิ่มผ่านแท็ก <BgSound> สามัญและอื่น ๆ คือการเพิ่มผ่านแท็ก <Embed>

(i) ใช้แท็ก <bgsound>

ใช้ Dreamweaver เพื่อเปิดหน้าเว็บที่จำเป็นต้องเพิ่มเพลงพื้นหลังคลิกรหัสเพื่อเปิดมุมมองการแก้ไขรหัสป้อน <ระหว่าง <body> </body> และเลือก BGSOUND ในกล่องพรอมต์รหัสป๊อปอัพ (รูปที่ 1)

Dreamweaver เข้าสู่ <bgsound code โดยอัตโนมัติและกดแถบ Space กล่องพรอมต์รหัสจะแสดงรายการคุณสมบัติของแท็ก bgsound โดยอัตโนมัติเพื่อให้คุณเลือก มีห้าแอตทริบิวต์ในแท็ก BGSOUND ซึ่งยอดคงเหลือคือการตั้งค่าสมดุลด้านซ้ายและขวาของเพลงความล่าช้าคือการตั้งค่าการเล่นล่าช้าการเล่นลูปคือการควบคุมจำนวนลูป SRC เป็นเส้นทางของไฟล์เพลงของเราและปริมาณคือการตั้งค่าระดับเสียง โดยทั่วไปเมื่อเพิ่มเพลงพื้นหลังเราไม่จำเป็นต้องปรับสมดุลด้านซ้ายและขวาและชะลอเพลงดังนั้นเราจึงต้องการพารามิเตอร์หลักเพียงไม่กี่ตัวเท่านั้น รหัสสุดท้ายมีดังนี้:

ในหมู่พวกเขาลูป = -1 หมายความว่ามีการเล่นดนตรีอย่างไม่สิ้นสุด หากคุณต้องการตั้งค่าจำนวนการเล่นให้เปลี่ยนเป็นหมายเลขที่เกี่ยวข้อง

วิธีการเพิ่มเพลงพื้นหลังนี้เป็นวิธีพื้นฐานที่สุดและวิธีการที่ใช้กันมากที่สุด รูปแบบของเพลงพื้นหลังรองรับรูปแบบเพลงกระแสหลักส่วนใหญ่ในตอนนี้เช่น WAV, MID, MP3 ฯลฯ หากคุณต้องการพิจารณาผู้ชมด้วยความเร็วอินเทอร์เน็ตที่ต่ำกว่าคุณสามารถใช้เอฟเฟกต์เสียงกลางเป็นเพลงประกอบของหน้าเว็บเพราะไฟล์เพลงกลางมีขนาดเล็กดังนั้นจึงสามารถโหลดและเล่นได้อย่างรวดเร็วในระหว่างการเปิดหน้าเว็บ อย่างไรก็ตามกลางก็มีข้อบกพร่อง มันสามารถเก็บทำนองเพลงของเพลงได้โดยไม่ต้องมีความสามัคคีและเนื้อเพลงที่ดี หากคุณมีความเร็วอินเทอร์เน็ตที่รวดเร็วหรือรู้สึกว่าเพลงกลางเป็นเรื่องน่าเบื่อหน่ายเล็กน้อยคุณยังสามารถเพิ่มเพลง MP3 ได้ เพียงแค่เปลี่ยน happy.mid ในรหัสด้านบนเป็น happy.mp3

เคล็ดลับ: มันค่อนข้างสะดวกในการเพิ่มเพลงพื้นหลังให้กับ FrontPage มากกว่า Dreamweaver เพียงแค่ทำการตั้งค่าที่เกี่ยวข้องในกล่องโต้ตอบพื้นหลัง (รูปที่ 2)

(ii) ใช้แท็ก <Embed>

วิธีการเพิ่มเพลงโดยใช้แท็ก <Embed> นั้นไม่ได้เป็นเรื่องธรรมดามาก แต่มันทรงพลังมาก หากคุณรวมการควบคุมการเล่นบางอย่างคุณสามารถสร้างเครื่องเล่นเว็บได้

การใช้งานของมันนั้นเหมือนกับการใช้งานแรกยกเว้นในกล่องพรอมต์รหัสของขั้นตอนแรกอย่าเลือก GBSound แต่เลือกฝังแทน จากนั้นเลือกคุณสมบัติสำหรับการตั้งค่าที่สอดคล้องกัน (รูปที่ 3) จากรูปจะเห็นได้ว่าคุณสมบัติของการฝังนั้นมีมากกว่าห้าคุณสมบัติของ GBSound รหัสสุดท้ายมีดังนี้: <ฝัง src = music.mp3 autostart = true loop = true hidden = true> </embed>

Autostart ถูกใช้เพื่อตั้งค่าว่าเพลงจะเล่นโดยอัตโนมัติเมื่อเปิดหน้าหรือไม่ในขณะที่ Hidden ตั้งค่าว่าเครื่องเล่นสื่อถูกซ่อนไว้ เนื่องจาก Embed นั้นคล้ายกับเครื่องเล่นเพลงหน้าเว็บหากไม่ได้ซ่อนอยู่มันจะแสดงปลั๊กอินสื่อเริ่มต้นของระบบของคุณ

สำหรับวิธีการทั้งสองนี้ผู้เขียนเชื่อว่าทั้งคู่มีข้อดีและข้อเสีย: วิธีแรกจะเล่นเพลงเมื่อหน้าเปิดและหากเพจถูกย่อให้เล็กสุดเพลงจะถูกหยุดโดยอัตโนมัติ หากใช้วิธีที่สองสิ่งนี้จะไม่เกิดขึ้น ตราบใดที่หน้าต่างไม่ได้ปิดมันจะเล่นต่อไป ดังนั้นฉันหวังว่าทุกคนจะเลือกวิธีการเพิ่มเพลงตามสถานการณ์ของตนเองในระหว่างกระบวนการสมัคร

หลังจากเรียนรู้วิธีง่ายๆในการเพิ่มเว็บเพลงคุณควรใช้ความพยายามในอินเทอร์เฟซและฟังก์ชั่น เราสามารถใช้ "Web Music Player" เพื่อสร้างเครื่องเล่นเพลงที่มีสไตล์

2. สร้างเครื่องเล่นเพลงที่ทันสมัย

เคล็ดลับ: "Web Music Player" เป็นปลั๊กอินเว็บ หลังจากเรียกใช้หน้าหน้าสร้างแล้วมันจะเรียก Windows Media Player ของระบบเพื่อเล่นเพลง MP3 ที่ตั้งไว้ล่วงหน้า

(i) การตั้งค่าอย่างง่าย

ก่อนอื่นให้ดาวน์โหลดปลั๊กอินการเล่น (ที่อยู่ดาวน์โหลด: https://www.vevb.com/jiaoben/32793.html), คลายซิปและป้อนไดเรกทอรี Music.htm เป็นหน้าการเล่นบาร์ที่เราต้องการโหลดบนหน้าแรก list.htm เป็นหน้าป๊อปอัพที่ผู้ชมใช้เพื่อดูเพลย์ลิสต์ โฟลเดอร์ JS มีไฟล์ควบคุมการเล่นหลายไฟล์และ IMG เป็นไฟล์รูปภาพสำหรับอินเทอร์เฟซการเล่น

ใช้ซอฟต์แวร์แก้ไขเว็บเพื่อเปิด music.htm และค้นหารหัสต่อไปนี้:

<ภาษาสคริปต์ = JavaScript>

var blnautostart = true

var blnrndplay = false

var blnstatusbar = false

var blnshowvolctrl = true

var blnshowplist = true

var blnusesmi = false

var blnlooptrk = true

var blnshowmminfo = false

</script>

ที่นี่คุณสามารถทำการตั้งค่าพื้นฐานสำหรับผู้เล่น ความหมายของประโยคข้างต้นคือ: ไม่ว่าจะเล่นโดยอัตโนมัติไม่ว่าจะเล่นตามลำดับไม่ว่าจะแสดงแถบสถานะไม่ว่าจะแสดงสถานะการควบคุมเสียงไม่ว่าจะเป็นการแสดงผลของเพลย์ลิสต์ไม่ว่าจะใช้โหมด SMI ไม่ว่าจะเล่นลูป คุณสามารถตั้งค่าตามความต้องการของคุณโดยที่จริงคือใช่และเท็จไม่ใช่ นอกจากนี้เพื่อให้แถบการเล่นของคุณเป็นส่วนตัวมากขึ้นคุณยังสามารถค้นหาคำสั่ง <marquee> </marquee> ในรหัส Music.htm และแก้ไขชื่อหน้าแรกเป็นชื่อหน้าแรกของคุณเอง

(ii) เพิ่มเพลย์ลิสต์

เปิดไฟล์เพลย์ลิสต์ bglist.js ในโฟลเดอร์ JS และคุณสามารถเพิ่มเพลงโปรดของคุณลงในรายการ รูปแบบการเพิ่มที่เฉพาะเจาะจงคือคำอธิบายเพลงเส้นทางเพลง mklist ซึ่งเส้นทางเพลงสามารถเป็นที่อยู่ท้องถิ่นที่คุณอัปโหลดไปยังโฮสต์หรือคุณสามารถระบุที่อยู่ MP3 บนเครือข่าย คำอธิบายเพลงใช้เพื่อเลื่อนเพื่อแสดงบน Playbar ซึ่งสามารถเป็นชื่อของนักร้องและเพลง ตัวอย่างเช่นในการเพิ่ม "พายุทอร์นาโด" ของ Jay Chou ก่อนอื่นเราจะพบที่อยู่ลิงค์ที่สามารถเล่นได้แบบเรียลไทม์บนอินเทอร์เน็ตจากนั้นเพิ่มลงในรายการ: mklist http://202.102.43.37/hy/yinyue/jay chou/09.mp3 Jay Chou-dornado

เคล็ดลับ: เพื่อให้เพลงโฮมเพจของคุณฟังอยู่ตลอดเวลาและใหม่อย่างต่อเนื่องเราสามารถอัปเดตเพลย์ลิสต์ได้สักพัก

(iii) ติดตั้งเครื่องเล่น

เพื่อป้องกันไม่ให้คลิกที่ลิงค์โฮมเพจจากผลกระทบต่อความต่อเนื่องของการเล่นเพลงเราจำเป็นต้องติดตั้ง Music.htm บนหน้าแรกในรูปแบบเฟรม

การใช้ FrontPage 2003 เป็นตัวอย่างให้ดำเนินการเทมเพลตเว็บ→ใหม่อื่น ๆ เพื่อปรากฏขึ้นบนหน้าต่างเทมเพลตเว็บเลือกเว็บเพจเฟรม→ส่วนท้ายจากนั้นตั้งค่าเว็บเพจเริ่มต้นในเฟรมด้านบนเพื่อชี้ไปที่โฮมเพจของคุณ ความสูงของเฟรมนั้นเพียงพอที่จะรองรับความสูงของ Playbar หลังจากที่คุณพอใจกับตัวอย่างคุณสามารถบันทึกหน้าและชี้เว็บไซต์ของคุณไปยังหน้าใหม่นี้