Text/Lonely Smile ตกหลุมรักปลา
สำหรับผู้ดูแลเว็บแต่ละราย วิธีทำให้เว็บไซต์ของตนมีเอกลักษณ์เฉพาะตัวและเต็มไปด้วยบุคลิกเป็นเป้าหมายของความพยายามอย่างไม่หยุดยั้ง นอกจากการปรับปรุงเอฟเฟ็กต์ภาพและฟังก์ชั่นโต้ตอบของเพจให้มากที่สุดเท่าที่จะเป็นไปได้แล้ว หากคุณได้ยินเสียงเพลงที่ไพเราะและซาบซึ้งขณะเปิดหน้าเว็บ ผมเชื่อว่าสิ่งนี้จะทำให้เว็บไซต์ของคุณมีสีสันมากขึ้น
1. เรียนรู้การเพิ่มไฟล์เพลง
โดยทั่วไปมีสองวิธีในการเพิ่มเพลงพื้นหลังลงในหน้าเว็บ วิธีแรกคือการเพิ่มผ่านแท็ก <bgsound> ธรรมดา และวิธีที่สองคือการเพิ่มผ่านแท็ก <embed>
(1) ใช้แท็ก <bgsound>
เพื่อเปิดหน้าที่คุณต้องการเพิ่มเพลงพื้นหลังด้วย Dreamweaver คลิก "Code" เพื่อเปิดมุมมองการแก้ไขโค้ด ป้อน "<" ระหว่าง <body>< /body> และเลือก bgsound ใน กล่องแจ้งรหัสป๊อปอัป (รูปที่ 1)
รูปที่ 1
Dreamweaver ป้อนโค้ด "< bgsound" โดยอัตโนมัติแล้วกดแป้นเว้นวรรค กล่องโค้ดจะแสดงรายการแอตทริบิวต์ของแท็ก bgsound ให้คุณเลือกและใช้งานโดยอัตโนมัติ แท็ก bgsound มีคุณลักษณะห้าประการ Balance คือการตั้งค่าความสมดุลด้านซ้ายและขวาของเพลง ความล่าช้าคือการตั้งค่าความล่าช้าในการเล่น การวนซ้ำคือการควบคุมจำนวนลูป src คือเส้นทางไปยังไฟล์เพลงของเรา และระดับเสียงคือ การตั้งค่าระดับเสียง โดยทั่วไปเมื่อเพิ่มเพลงพื้นหลัง เราไม่จำเป็นต้องตั้งค่าอีควอไลเซอร์ซ้ายและขวาและการตั้งค่าดีเลย์สำหรับเพลง ดังนั้นเราจึงต้องการพารามิเตอร์หลักเพียงไม่กี่ตัวเท่านั้น รหัสสุดท้ายมีดังนี้:
< bgsound src="music.mid" loop="-1">
ในบรรดารหัสเหล่านั้น loop="-1" หมายความว่าเพลงจะเล่นแบบวนซ้ำไม่สิ้นสุด หากคุณต้องการกำหนดจำนวน เวลาเล่นให้เปลี่ยนเป็นหมายเลขที่เกี่ยวข้อง
วิธีการเพิ่มเพลงพื้นหลังนี้เป็นวิธีพื้นฐานที่สุดและเป็นวิธีที่ใช้บ่อยที่สุด รูปแบบเพลงพื้นหลังรองรับรูปแบบเพลงกระแสหลักส่วนใหญ่ในปัจจุบัน เช่น WAV, MID, MP3 เป็นต้น หากคุณต้องการคำนึงถึงเบราว์เซอร์ที่มีความเร็วอินเทอร์เน็ตต่ำ คุณสามารถใช้เอฟเฟกต์เสียง MID เป็นเพลงพื้นหลังของหน้าเว็บได้ เนื่องจากไฟล์เพลง MID มีขนาดเล็กจึงสามารถโหลดและเล่นได้อย่างรวดเร็วเมื่อเปิดหน้าเว็บ MID ก็มีข้อบกพร่องเช่นกัน มันสามารถเก็บได้เฉพาะทำนองเพลงเท่านั้น แต่ไม่มีความสามัคคีหรือเนื้อเพลงที่ดี หากความเร็วอินเทอร์เน็ตของคุณเร็วหรือคุณรู้สึกว่าเพลง MID ค่อนข้างน่าเบื่อ คุณสามารถเพิ่มเพลง MP3 ได้เช่นกัน เพียงเปลี่ยน happy.mid ในโค้ดด้านบนเป็น happy.mp3
เคล็ดลับ: การเพิ่มเพลงพื้นหลังลงใน FrontPage นั้นค่อนข้างสะดวกกว่า Dreamweaver เพียงทำการตั้งค่าที่เกี่ยวข้องในกล่องโต้ตอบ "พื้นหลัง" (รูปที่ 2)
รูปที่ 2
(2) การใช้แท็ก <embed>
ไม่ใช่เรื่องปกติที่จะใช้แท็ก <embed> เพื่อเพิ่มเพลง แต่ฟังก์ชันของแท็กจะมีประสิทธิภาพมาก หากรวมกับส่วนควบคุมการเล่นบางอย่าง จะสามารถสร้าง Web Player ได้
การใช้งานโดยพื้นฐานแล้วจะเหมือนกับอันแรก ยกเว้นว่าในขั้นตอนแรกของกล่องพร้อมท์โค้ด อย่าเลือก gbsound แต่ให้เลือกฝังแทน จากนั้นเลือกแอตทริบิวต์และตั้งค่าตามนั้น (รูปที่ 3) จะเห็นได้จากรูปที่ฝังไว้มีคุณลักษณะมากกว่าห้าคุณลักษณะของ gbsound รหัสสุดท้ายจะเป็นดังนี้: < embed src="music.mp3" autostart="true" loop="true"hided="true"></embed>
รูปที่ 3
การเริ่มอัตโนมัติใช้เพื่อตั้งค่าว่าจะให้เพลงเล่นโดยอัตโนมัติเมื่อเปิดเพจหรือไม่ และซ่อนไว้จะตั้งค่าว่าจะซ่อนเครื่องเล่นสื่อหรือไม่ เนื่องจากการฝังนั้นจริงๆ แล้วคล้ายกับเครื่องเล่นเพลงบนเว็บเพจ หากไม่ได้ซ่อนไว้ ปลั๊กอินสื่อเริ่มต้นของระบบของคุณจะปรากฏขึ้น
สำหรับทั้งสองวิธีนี้ ผู้เขียนเชื่อว่าทั้งสองมีข้อดีและข้อเสียในตัวเอง วิธีแรกจะเล่นเพลงเมื่อเปิดหน้า หากย่อหน้าแล้วเล่น เพลงจะหยุดชั่วคราวโดยอัตโนมัติ มันจะไม่เกิดขึ้น เมื่อสิ่งนี้เกิดขึ้น มันจะเล่นต่อไปตราบเท่าที่หน้าต่างไม่ได้ปิด ดังนั้นฉันหวังว่าคุณจะสามารถเลือกวิธีการเพิ่มเพลงตามสถานการณ์ของคุณเองระหว่างการใช้งานได้
หลังจากที่คุณได้เรียนรู้วิธีง่ายๆ ในการเพิ่มเว็บมิวสิคแล้ว คุณควรทำงานกับอินเทอร์เฟซและฟังก์ชันต่างๆ เราสามารถใช้ "Web Music Player" เพื่อสร้างเครื่องเล่นเพลงที่มีสไตล์ได้
2. สร้างเครื่องเล่นเพลงที่ทันสมัย
หลังจากที่คุณได้เรียนรู้วิธีการเพิ่มเพลงบนเว็บอย่างง่าย ๆ แล้ว คุณควรทำงานกับอินเทอร์เฟซและฟังก์ชั่นต่างๆ เราสามารถใช้ "Web Music Player" เพื่อสร้างเครื่องเล่นเพลงที่มีสไตล์ได้
เคล็ดลับ: "Webpage Music Player" เป็นปลั๊กอินของหน้าเว็บ หลังจากเรียกใช้เพจที่สร้างขึ้นแล้ว มันจะเรียกเครื่องเล่น Windows Media ที่มาพร้อมกับระบบให้เล่นเพลง MP3 ที่ตั้งไว้ล่วงหน้า
(1) การตั้งค่าง่ายๆ
ขั้นแรกให้ดาวน์โหลดปลั๊กอินการเล่น (ที่อยู่ดาวน์โหลด: http?//www.mh.fy.cn/soft/music.rar) ให้แตกไฟล์และป้อนไดเร็กทอรี โดยที่ music.htm คือการเล่นที่เราต้องการ หากต้องการโหลดบนหน้าแรก list.htm เป็นหน้าป๊อปอัปเพื่อให้ผู้ชมดูเพลย์ลิสต์ โฟลเดอร์ js มีไฟล์ควบคุมการเล่นหลายไฟล์ และ img มีไฟล์รูปภาพบางไฟล์สำหรับอินเทอร์เฟซการเล่น
ใช้ซอฟต์แวร์แก้ไขหน้าเว็บเพื่อเปิด music.htm และค้นหาโค้ดต่อไปนี้:
< script Language="Javascript">
var blnAutoStart = true?
var blnRndPlay = false?
var
blnStatusBar = false?
var blnShowVolCtrl = true
?
blnUseSmi = false ?
var blnLoopTrk = true?
var blnShowMmInfo =false?
</script>
ที่นี่คุณสามารถทำการตั้งค่าพื้นฐานสำหรับเครื่องเล่นได้ ความหมายของประโยคข้างต้นคือ: จะเล่นอัตโนมัติ, จะเล่นตามลำดับ, ไม่ว่าจะแสดงแถบสถานะ, ไม่ว่าจะแสดงสถานะการควบคุมเสียง, อนุญาตให้แสดงรายการเล่น, จะใช้โหมด SMI, วนซ้ำ และจะแสดงข้อมูลเพลงหรือไม่ คุณสามารถตั้งค่าได้ตามความต้องการ โดยที่จริงคือ "ใช่" และเท็จคือ "ไม่" นอกจากนี้ เพื่อให้แถบการเล่นของคุณเป็นแบบส่วนตัวมากขึ้น คุณยังสามารถค้นหาคำสั่ง <marquee>......< /marquee> ในโค้ด music.htm และเปลี่ยนชื่อหน้าแรกในนั้นให้เป็นชื่อของคุณ หน้าแรกของตัวเอง
(2) เพิ่มเพลย์ลิสต์
เปิดไฟล์เพลย์ลิสต์ bglist.js ในโฟลเดอร์ js ที่นี่คุณสามารถเพิ่มเพลงโปรดของคุณลงในรายการได้ รูปแบบการเพิ่มเฉพาะคือ mkList "song path"? " อาจเป็นที่อยู่ในเครื่องที่คุณอัปโหลดไปยังโฮสต์ หรือคุณสามารถระบุที่อยู่ MP3 บนเครือข่ายได้ "คำอธิบายเพลง" ใช้เพื่อเลื่อนและแสดงบนแถบเล่น และอาจเป็นชื่อของศิลปินและเพลงได้ ตัวอย่างเช่น ในการเพิ่ม "Tornado" ของ Jay Chou ก่อนอื่นเราจะค้นหาที่อยู่ลิงก์ที่สามารถเล่นได้แบบเรียลไทม์บนอินเทอร์เน็ต จากนั้นจึงเพิ่มลงในรายการ: mkList " http://202.102.43.37/hy/yinyue/ Jay Chou/09.mp3 "?"Jay Chou - ทอร์นาโด"
เคล็ดลับ: เพื่อให้เพลงบนหน้าแรกของคุณสดใหม่อยู่เสมอ เราสามารถอัปเดตเพลย์ลิสต์ตามช่วงเวลาได้
(3) ติดตั้งเครื่องเล่น
เพื่อป้องกันไม่ให้การคลิกลิงก์หน้าแรกส่งผลต่อความต่อเนื่องของการเล่นเพลง เราจำเป็นต้องติดตั้งหน้าเล่น music.htm บนหน้าแรกในรูปแบบของเฟรม
ยกตัวอย่าง FrontPage 2003 ดำเนินการ "ใหม่ → เทมเพลตหน้าเว็บอื่น" เพื่อเปิดหน้าต่าง "เทมเพลตหน้าเว็บ" เลือก "Frame Web Page → Footer", "OK" และตั้งค่าหน้าเว็บเริ่มต้นในกรอบด้านบนเป็น ชี้ไปที่หน้าแรกของคุณและในกรอบด้านล่าง ชี้ไปที่ music.htm จากนั้นลบเส้นขอบเฟรมในคุณสมบัติเฟรมและปรับความสูงของเฟรมให้เหมาะสม (รูปที่ 4) ความสูงของเฟรมก็เพียงพอที่จะรองรับ ความสูงของแถบเล่น เมื่อคุณพอใจกับหน้าตัวอย่างแล้ว คุณสามารถบันทึกหน้าเว็บและชี้เว็บไซต์ของคุณไปที่หน้าใหม่นี้ได้
รูปที่ 4