导航:首页 > 万维百科 > 网页设计播放音频

网页设计播放音频

发布时间: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.使用的音频视频格式浏览器不支持

与网页设计播放音频相关的知识