HTML中如何添加背景音乐
有4个方法：1.
可以用传统的方法插入背景音乐
<body>
<bgsound
src="你要播放的音乐url">
</body>
2.
广泛兼各种浏览器的方法
<embed
src="背景音乐的路径"
loop=“是否循环播放”></embed>
3.插入一个flash播放器，然后播放相应的音乐。个人不推荐这种方法，因为flash已经没前途了，比如，现在的手机浏览器几乎都不直接支持flash了。
4.用HTML5的<audio>标签来添加音乐。我个人推荐楼主用这个方法，因为现在几乎所有的浏览器都兼容html5，除了少数古董浏览器，例如IE8等等。
<audio
controls="controls"
hidden="hidden"
autoplay="autoplay"
loop="loop">
<source
src="你要播放的音乐.ogg"
type="audio/ogg"
/>
<source
src="你要播放的音乐.mp3"
type="audio/mpeg"
/>
</audio>
上面这段代码可以让播放器隐藏起来，不影响网页布局。
绛旓細1銆侀鍏堣鍒涘缓涓涓畝鍗鐨缃戦〉锛岀綉椤典笂鍙湁涓涓狣IV鏂囨湰鍐呭锛2銆佸湪杩欎釜缃戦〉涓璂IV鐨勬枃鏈唴瀹逛腑锛屽彲浠ユ坊鍔犳湁鑳屾櫙闊充箰鐨勭綉椤碉紱3銆佽涓虹綉椤娣诲姞鑳屾櫙闊充箰锛屽彲浠ヤ娇鐢╡mbed鏍囩锛屽苟涓哄叾娣诲姞src灞炴э紝杩欐槸鐢ㄦ潵鎸囧畾闊充箰鎵鍦ㄨ矾寰勭殑锛宔mbed src="tt.mp3" hidden="true"锛4銆佷负浜嗛殣钘忚儗鏅煶涔愪互杩欎釜澶氬獟浣撴帶浠讹紝embed...
绛旓細鍦―reamweaver涓虹綉椤娣诲姞鑳屾櫙闊充箰鎾斁鍣紝鏄赴瀵岄〉闈㈡椿鍔ㄧ殑閲嶈鍐呭銆傛湰绡囨暀绋嬪皢灏盌reamweaver缃戦〉鑳屾櫙闊充箰鎾斁鍣鐨娣诲姞杩涜璇︾粏璁茶В銆1銆侀鍏堝湪鍦ㄧ珯鐐逛腑鏂板缓HTML椤圭洰锛堝鍥1鎵绀猴級銆2銆侀夋嫨Dreamweaver鐨勨滆璁♀濈獥鍙ｏ紝鎻掑叆鈥斿竷灞瀵硅薄鈥擠iv鏍囩銆傚湪闅忓悗璺冲嚭鐨勨滄彃鍏iv鏍囩鈥濆璇濇涓洿鎺ョ偣鍑烩滅‘瀹氣濇寜閽紙濡傚浘3...
绛旓細<body> <bgsound src="浣犺鎾斁鐨勯煶涔恥rl"> </body> 2.骞挎硾鍏煎悇绉嶆祻瑙堝櫒鐨勬柟娉 <embed src="鑳屾櫙闊充箰鐨勮矾寰"loop=鈥滄槸鍚﹀惊鐜挱鏀锯></embed> 3.鎻掑叆涓涓猣lash鎾斁鍣紝鐒跺悗鎾斁鐩稿簲鐨闊充箰銆備釜浜轰笉鎺ㄨ崘杩欑鏂规硶锛屽洜涓篺lash宸茬粡娌″墠閫斾簡锛屾瘮濡傦紝鐜板湪鐨勬墜鏈烘祻瑙堝櫒鍑犱箮閮戒笉鐩存帴鏀寔flash浜嗐4.鐢HTML5...
绛旓細鐢佃剳銆佹祻瑙堝櫒銆乭tml缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓鐨<body>鏍囩涓紝杈撳叆html浠ｇ爜锛<audio autoplay="autoplay" loop=""><source src="11704.mp3"></audio>銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃朵竴杩涘叆椤甸潰灏辫嚜鍔ㄦ挱鏀句簡鑳屾櫙闊充箰銆
绛旓細<body> <bgsound src="浣犺鎾斁鐨勯煶涔恥rl"> </body> 2锛屽鏋滀綘鐨勭敤鎴锋槸褰撳墠鐨勫ぇ瀛︾敓銆佹櫤鑳芥墜鏈虹敤鎴凤紝閭ｄ箞瀹屽叏鍙互閲囩敤琚箍娉涙敮鎸鐨凥TML5鐨<video>鏍囩鎾斁鑳屾櫙闊充箰銆<audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop"> <source src="浣犺鎾斁鐨勯煶涔.ogg" type="audio...
绛旓細杩樻湁涓槸鍔犺儗鏅煶涔愶紝Dreamweaver鑷姩杈撳叆鈥<bgsound鈥濅唬鐮佸悗鎸夌┖鏍奸敭锛屼唬鐮佹彁绀烘浼氳嚜鍔ㄥ皢bgsound鏍囩鐨灞炴у垪鍑烘潵渚涗綘閫夋嫨浣跨敤銆俠gsound鏍囩鍏辨湁浜斾釜灞炴э紝鍏朵腑balance鏄缃煶涔愮殑宸﹀彸鍧囪 锛宒elay鏄繘琛屾挱鏀惧欢鏃剁殑璁剧疆锛宭oop鏄惊鐜鏁扮殑鎺у埗锛宻rc鍒欐槸鎴戜滑闊充箰鏂囦欢鐨勮矾寰勶紝volume鏄煶閲忚缃備竴鑸湪娣诲姞鑳屾櫙闊充箰...
绛旓細鍦ㄤ唬鐮佽鍥鐨鏈涓嬫柟鍔犲叆<bgsound src="鑳屾櫙闊充箰" loop="-1" />灏辫浜嗚儗鏅煶涔愭槸浣犺嚜宸卞湪鏈湴鐢佃剳涓婇夊彇鐨勩
绛旓細5銆佸湪瀵硅瘽妗嗕腑鍗曞嚮鈥滀粠璁＄畻鏈轰笂閫夋嫨涓涓枃浠垛濇寜閽紙姝ゆ楠ゆ湁浜涙儏鍐典笅鍙暐锛6銆佸湪瀵硅瘽妗嗕腑鈥滄煡鎵捐寖鍥粹濅笅鎷夊垪琛ㄦ涓夋嫨鑳屾櫙闊充箰鎵鍦鐨纾佺洏锛堟瘮濡傦細鈥滄湰鍦扮鐩楨鈥濓級7銆佸湪瀵硅瘽妗嗙殑鏂囦欢澶瑰垪琛ㄤ腑鍙屽嚮鑷繁鐨勬枃浠跺す鐨勫浘鏍囷紝缁х画鍙屽嚮鑳屾櫙闊充箰鎵鍦ㄧ殑鏂囦欢澶癸紙姣斿锛氣滀細鑰冪粌涔犵礌鏉愨濓級鐨勫浘鏍 8銆佸弻鍑讳綔涓鸿儗鏅...
绛旓細<BGSOUND> 鏄敤浠鎻掑叆鑳屾櫙闊充箰锛屼絾鍙傜敤鏂 IE锛屽叾鍙傛暟璁惧畾涓嶅銆傚涓 <BGSOUND src="your.mid"autostart=true loop=infinite> src="your.mid"璁惧畾 midi 妗ｆ鍙婅矾寰勶紝鍙互鏄浉瀵规垨缁濆銆俛utostart=true 鏄惁鍦ㄩ煶涔愭。浼犲畬涔嬪緦锛屽氨鑷姩鎾斁闊充箰銆倀rue 鏄紝false 鍚 (鍐呭畾鍊)銆俵oop=infinite 鏄惁鑷姩...
