码迷,mamicode.com
首页 > Web开发 > 详细

HTML5音频播放

时间:2016-07-20 19:42:43      阅读:175      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!