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>注意:IE 8 或更早版本的 IE 瀏覽器都不支持 <source> 標簽。
8、為什麼我的電腦製作網頁在網頁中插入音頻播放不了
1.使用的引用語句不對
2.使用的音頻視頻格式瀏覽器不支持