導航:首頁 > 萬維百科 > 網頁設計播放音頻

網頁設計播放音頻

發布時間:2020-11-20 02:06:30

1、如何用html5製作一個網頁用播放器,能夠播放MP3、MP4等格式音視頻文件,功能包含開始、暫停、

<!DOCTYPE>
<html>
<head>
        <meta charset="utf-8" />
    <script type="text/javascript">
        var audioTag = document.createElement('audio');
        if (!(!!(audioTag.canPlayType) && ("no" != audioTag.canPlayType("audio/mpeg")) && ("" != audioTag.canPlayType("audio/mpeg")))) {
            AudioPlayer.embed("audioplayer_1", {soundFile: "your.mp3", transparentpagebg: "yes"});
            $( '#audioplayer').hide();
     }
        else 
        {
$( '#audioplayer' ).audioPlayer();
        }
</script>
</head>
<body>
  <p id="audioplayer_1"></p>
<audio id="audioplayer" preload="auto" controls style="width:100%;" >
    <source src="xxxxxxxx.mp3" type="audio/mp3">
        <!-- 這里SRC中的就是音樂文件的名字,改成你電腦上的。音樂文件要和html文件在同一目錄下-->
</audio>
</body>
</html>

2、網頁製作怎麼插入音樂

製作好之後用右鍵選擇記事本打開,找到<body>在下面加一行<bgsound src="你的MP3地址.mp3" autostart=true loop=infinite>
把音樂移動到和你的網頁文件同一級目錄下面或者子目錄下,例如你的網頁在 page目錄 那麼就把音樂放在 page/**.mp3 或者放在 page/images/**mp3,這樣方便修改和打包網頁文件。

3、網頁設計怎麼做可以讓鍵盤控制音頻開關

建立一個HTML5頁面,放置<audio>標簽,設置音頻文件源,設置循環播放。准備兩張圖片,分別表示開啟和暫停背景音樂兩種狀態,可以點擊。
 
XML/HTML Code復制內容到剪貼板
<audio id="music2" src="music.mp3"  loop="loop">你的瀏覽器不支持audio標簽。</audio>    
<a href="javascript:playPause();"><img src="pause.gif" width="48" height="50" id="music_btn2" border="0"></a>  
Javascript
在點擊開關圖片按鈕的時候調用了javascript腳本,playPause()函數。函數中判斷audio音頻播放狀態,如果已經停止(paused)則調用.play()繼續播放,如果是在播放狀態,則立即暫停播放.pause(),兩種狀態切換時及時更新按鈕圖片,請看代碼:
 JavaScript Code復制內容到剪貼板
function playPause() {    
    var music = document.getElementById('music2');    
    var music_btn = document.getElementById('music_btn2');    
    if (music.paused){    
        music.play();    
        music_btn.src = 'play.gif';    
    }    
    else{    
        music.pause();    
        music_btn.src = 'pause.gif';     
    }    
}   
如果使用jQuery代碼可以這樣寫:
 
JavaScript Code復制內容到剪貼板
<audio id="music" src="http://cctv3.qiniudn.com/zuixingfuderen.mp3" autoplay="autoplay" loop="loop">你的瀏覽器不支持audio標簽。</audio>    
<a id="audio_btn"><img src="play.gif" width="48" height="50" id="music_btn" border="0"></a>    
<script>    
$("#audio_btn").click(function(){    
    var music = document.getElementById("music");    
    if(music.paused){    
        music.play();    
        $("#music_btn").attr("src","play.gif");    
    }else{    
        music.pause();    
        $("#music_btn").attr("src","pause.gif");    
    }    
});    
</script>   

4、網頁製作中如何用flash實現視頻和音頻的播放

原理:
首先要做一個flash,包含媒體動態載入,播放控制功能
然後再網頁中嵌入flash,並附加參數
flash根據頁面參數載入相關媒體文件
詳細的例子樓上說了

5、在用HTML製作網頁時,如果要在網頁嵌入音頻文件,可以用以下( )標記. A. B. C. D.

A:是用來
設置字體
B:是用來
添加設置圖片
C:是用來
添加設置多媒體
D:是用來
添加設置橫線
答案應該知道了吧...

6、急用,求IE瀏覽器網頁製作插入圖片,音頻,視頻所有支持的格式!!!(音頻是要當背景音樂的)

圖片格式大部分都支持<img src="路徑">

插入音頻
<EMBED src="路徑" width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED> 

解釋:其中 width=100 height=40 中的數字分別表專示播放器的寬度和高屬度 ,注意:都選擇0將隱藏播放器(隱藏時一定要選擇自動播放) 

autostart="true"中true或1表示自動播放,false或0表示手動播放 

loop="true" 中的true或1表示重復播放,false或0表示只播放一次 

src=音樂地址 這里的「音樂地址」,修改為你找到的網路上的音樂地址

插入視頻
<video width="658" height="444" poster="圖片路徑" autoplay="autoplay" preload="none" controls="controls"><source src="/first.mp4" /><source src="/first.ogv" /><source src="/first.ogg" /></video>

視頻音頻沒支持所有格式的。

7、網頁製作音頻代碼中type有什麼用

source標簽type屬性的作用是定義播放器在音頻流中的什麼位置開始播放。默認,音頻從開頭回播放。

在HTML5中,<source> 標簽是答 HTML 5 中的新標簽。

<source> 標簽為媒介元素(比如 <video> 和 <audio>)定義媒介資源。

(7)網頁設計播放音頻擴展資料:

<source>標簽的其他屬性:

media    規定媒體資源的類型,供瀏覽器決定是否下載。

src    規定媒體文件的 URL。

實例:

帶有兩個源文件的音頻播放器。瀏覽器需要選擇它所支持的源文件(如果都支持則任選一個):

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">    
您的瀏覽器不支持 audio 元素。
</audio>

注意:IE 8 或更早版本的 IE 瀏覽器都不支持 <source> 標簽。

8、為什麼我的電腦製作網頁在網頁中插入音頻播放不了

1.使用的引用語句不對
2.使用的音頻視頻格式瀏覽器不支持

與網頁設計播放音頻相關的知識