首页 > Web开发 > 详细

HTML5音频播放

时间:2016-07-20 19:39:38      阅读:259      评论:0      收藏:0      [点我收藏+]

1、Audio(音频)

  HTML5提供了播放音频文件的标准

2、control(控制器)

  control属性提供添加播放、暂停和音量控件

3、标签

  <audio>定义声音

  <source>规定多媒体资源,可以是多个

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音频文件视频播放</title>
</head>
<body>
    <audio src="raw/许嵩%20-%20摄影艺术.mp3" controls="controls">您的浏览器不支持</audio>
    <audio id="audio" src="raw/许嵩%20-%20摄影艺术.mp3" >haha</audio>
    <button onclick="clickA()" id="button">播放/暂停</button>
    <script>
       a= document.getElementById("audio");
        function clickA() {
            if(a.paused){
                a.play();
            }else{
                a.pause();
            }
        }
    </script>
    <video controls="controls" id="video">
        <source src="raw/摄影艺术.mkv">
        <source src="raw/摄影艺术.ogg">
        该浏览器不支持
    </video>
    <button onclick="clickV()">播放/暂停</button>
    <script>
        var v=document.getElementById("video");
        function clickV() {
            if(v.paused){
                v.play();
            }else{
                v.pause();
            }
        }
    </script>
</body>
</html>

技术分享

 

HTML5音频播放

原文:http://www.cnblogs.com/yuxingyoucan/p/5689319.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!