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