HTML中如何添加背景音乐？
许多朋友在制作网页的时候想要添加背景音乐，可是因为方法可能过于复杂不想去弄，我给大家带来一个很简单的方法。
1、创建一个简单的网页，网页上只有一个DIV文本内容；
2、在这个网页DIV的文本内容中，可以添加有背景音乐的网页；
3、要为网页添加背景音乐，可以使用embed标签，并为其添加src属性，这是用来指定音乐所在路径的，embedsrc="tt.mp3"hidden="true"；
4、为了隐藏背景音乐以这个多媒体控件，embed标签添加hidden隐藏属性，让背景音乐在打开网页后就自动播放，可以添加autostart属性，autostart="true"；
5、默认下多媒体控件只会播放一次，播放完就停止了，如果想让背景音乐不停的播放，可以添加loop属性，loop="true"。
绛旓細绗竴绉嶏細鍦ㄩ〉闈唬鐮佷腑鐨<style></style>涔嬮棿鍔犲叆<bgsound src="闊充箰url" loop="-1"> 杩欐浠ｇ爜銆傚湪杩欓噷瑕佽鐨勬槸锛屸渓oop鈥濅腑鐨勬暟鍊兼槸闊充箰寰幆鐨勬鏁帮紝鍙缃负浠绘剰姝ｆ暣鏁帮紝鑻ヨ涓衡-1鈥濈殑璇濓紝闊充箰灏嗘案杩滃惊鐜傝繖绉嶈儗鏅煶涔愭槸鎵撳紑鍙跺瓙鍚庣洿鎺ユ挱鏀剧殑锛屽湪缃戦〉涓婁笉浼氭湁鏄剧ず銆傝繖鏄渶绠鍗曠殑涓绉嶃傜浜...
绛旓細鏈绠鍗曠殑鍚慔TML缃戦〉娣诲姞鑳屾櫙闊充箰鐨勬柟娉曟槸浠涔堬紵鍦╤tml5閲岋紝鐩存帴鏈変竴涓搴旂殑鎺т欢灏卞彲浠ユ坊鍔犺儗鏅煶涔愪簡锛屼笅闈㈡垜浠潵鐪嬩竴涓嬨1銆佸湪html5閲岋紝鏈変竴涓猘udio鐨勬爣绛撅紝鎴戜滑鍏堝湪html閲屽姞涓婅繖涓爣绛俱2銆佽繖涓猘udio鏍囩锛岄噷闈㈡湁涓涓瓙鏍囩锛屽氨鏄痵ource鏍囩锛屼富瑕佹槸鐢ㄦ潵鎸囧畾audio鐨勬挱鏀炬簮鐨勩傞氳繃src灞炴ф寚瀹歁p3鏂囦欢...
绛旓細1銆侀鍏堣鍒涘缓涓涓畝鍗曠殑缃戦〉锛岀綉椤典笂鍙湁涓涓狣IV鏂囨湰鍐呭锛2銆佸湪杩欎釜缃戦〉涓璂IV鐨勬枃鏈唴瀹逛腑锛屽彲浠ユ坊鍔犳湁鑳屾櫙闊充箰鐨勭綉椤碉紱3銆佽涓虹綉椤垫坊鍔犺儗鏅煶涔愶紝鍙互浣跨敤embed鏍囩锛屽苟涓哄叾娣诲姞src灞炴э紝杩欐槸鐢ㄦ潵鎸囧畾闊充箰鎵鍦ㄨ矾寰勭殑锛宔mbed src=tt.mp3 hidden=true锛4銆佷负浜嗛殣钘忚儗鏅煶涔愪互杩欎釜澶氬獟浣撴帶浠讹紝embed鏍囩娣...
绛旓細棣栧厛锛屼綘闇瑕佸噯澶囦互涓嬪伐鍏凤細涓鍙扮數鑴戙佷竴娆炬祻瑙堝櫒鍜屼竴涓狧TML缂栬緫鍣ㄣ傛墦寮浣鐨凥TML缂栬緫鍣紝姣斿Dreamweaver鎴朣ublimeText锛岀劧鍚庡紑濮嬪垱寤轰竴涓柊鐨凥TML鏂囦欢锛屾瘮濡傚懡鍚嶄负"index.html"銆傚湪"index.html"鏂囦欢鐨勬爣绛惧唴锛屼綘闇瑕鎻掑叆鐗瑰畾鐨勪唬鐮佹潵瀹炵幇闊充箰鐨鑷姩鎾斁銆傚叿浣撴潵璇达紝娣诲姞浠ヤ笅浠ｇ爜锛氬湪杩欎釜浠ｇ爜娈典腑锛宍autoplay...
绛旓細娣诲姞闊充箰鍏跺疄寰堢畝鍗曪紝灏变笂闈竴琛屼唬鐮佷篃灏卞畬鎴愪簡锛屽鏋滀娇鐢ㄥ伐鍏凤紝涔熸槸涓婇潰鐨浠ｇ爜锛屽鏋滄槸鑷繁鎵嬪啓锛屼篃杩樻槸浼氫笂闈㈢殑浠ｇ爜锛屽敮涓涓嶅悓鐨勫氨鏄彲浠ヨ嚜宸遍夋嫨濂楅銆傞偅涔堝鏋滀娇鐢ㄥ伐鍏风殑璇濓紝涔熸槸瑕佺敓鎴愪唬鐮佺殑锛屼笉杩囦唬鐮佹瘮鑷繁瀹屾垚鐨勪唬鐮佽澶氫竴鐐癸紝瀹屾暣涓鐐癸紝鏇翠笓涓氫竴鐐癸紝鍥犱负鏄満鍣ㄨ嚜宸卞啓鐨勪唬鐮侊紝閭ｄ箞鍦ㄩ槄璇荤殑鏃跺欙紝濡傛灉...
绛旓細1.鍙互鐢ㄤ紶缁鐨鏂规硶鎻掑叆鑳屾櫙闊充箰 <body> <bgsound src="浣犺鎾斁鐨勯煶涔恥rl"> </body> 2.骞挎硾鍏煎悇绉嶆祻瑙堝櫒鐨勬柟娉 <embed src="鑳屾櫙闊充箰鐨勮矾寰"loop=鈥滄槸鍚﹀惊鐜挱鏀锯></embed> 3.鎻掑叆涓涓猣lash鎾斁鍣紝鐒跺悗鎾斁鐩稿簲鐨勯煶涔愩備釜浜轰笉鎺ㄨ崘杩欑鏂规硶锛屽洜涓篺lash宸茬粡娌″墠閫斾簡锛屾瘮濡傦紝鐜板湪鐨勬墜鏈烘祻瑙堝櫒鍑犱箮...
绛旓細鏈绠鍗曠殑鍚慔TML缃戦〉娣诲姞鑳屾櫙闊充箰鐨勬柟娉曟槸浠涔堬紵鍦╤tml5閲岋紝鐩存帴鏈変竴涓搴旂殑鎺т欢灏卞彲浠ユ坊鍔犺儗鏅煶涔愪簡锛屼笅闈㈡垜浠潵鐪嬩竴涓嬨01 鍦╤tml5閲岋紝鏈変竴涓猘udio鐨勬爣绛撅紝鎴戜滑鍏堝湪html閲鍔犱笂杩欎釜鏍囩銆02 杩欎釜audio鏍囩锛岄噷闈㈡湁涓涓瓙鏍囩锛屽氨鏄痵ource鏍囩锛屼富瑕佹槸鐢ㄦ潵鎸囧畾audio鐨勬挱鏀炬簮鐨勩傞氳繃src灞炴ф寚瀹歁p...
绛旓細1銆侀鍏堝湪鍦ㄧ珯鐐逛腑鏂板缓HTML椤圭洰锛堝鍥1鎵绀猴級銆2銆侀夋嫨Dreamweaver鐨勨滆璁♀濈獥鍙ｏ紝鎻掑叆鈥斿竷灞瀵硅薄鈥擠iv鏍囩銆傚湪闅忓悗璺冲嚭鐨鈥滄彃鍏iv鏍囩鈥濆璇濇涓洿鎺ョ偣鍑烩滅‘瀹氣濇寜閽紙濡傚浘3鎵绀猴級銆傚浘33銆佸垹闄iv鏍囩涓殑鏂囧瓧鍐呭锛屽啀娆¤繘琛岋細鎻掑叆鈥斿獟浣撯旀彃浠舵搷浣溿4銆佷綘鍙互灏闊充箰鏂囦欢鏀惧浣犲凡缁忓垱寤哄ソ鐨勭珯鐐逛腑锛...
绛旓細鐢佃剳銆佹祻瑙堝櫒銆乭tml缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓鐨<body>鏍囩涓紝杈撳叆html浠ｇ爜锛<audio autoplay="autoplay" loop=""><source src="11704.mp3"></audio>銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃朵竴杩涘叆椤甸潰灏辫嚜鍔ㄦ挱鏀句簡鑳屾櫙闊充箰銆
绛旓細1銆佽缃儗鏅浘鐗囷細<body background="鍥剧墖鐨鍦板潃"> 2銆佽缃鑳屾櫙闊充箰锛氱涓绉嶏細鍦ㄩ〉闈唬鐮佷腑鐨<head></head>涔嬮棿鍔犲叆<bgsound src="闊充箰url" loop="-1"> 锛屸渓oop鈥濅腑鐨勬暟鍊兼槸闊充箰寰幆鐨勬鏁帮紝鍙缃负浠绘剰姝ｆ暣鏁帮紝鑻ヨ涓衡-1鈥濓紝琛ㄧず闊充箰姘歌繙寰幆銆傝繖绉嶈儗鏅煶涔愭槸鎵撳紑鍙跺瓙鍚庣洿鎺ユ挱鏀剧殑锛屽湪缃戦〉...
