zoukankan      html  css  js  c++  java
  • 【HTML5】 web上的音频

    <!--
        audio通过属性的设置可以控制音频播放的行为:
        表6-2 audio元素的属性
        ————————————————————————————————————————————————————————
        属性            值                 描述
        autoplay        autoplay          音频就绪后马上播放
        controls        controls          向用户显示控件,比如播放按钮
        loop            loop            音频播放结束后重新播放
        preload         preload           音频在页面加载并预备播放。如果使用“autoplay”,则忽略该属性
        src             url               要播放音频的url
        ————————————————————————————————————————————————————————
    
        表6-3 audio元素的方法
        ————————————————————————————————————————————————————————
        方法                        描述
        addTextTrack()              向音频添加新的文本轨道
        canPlayType()               检测浏览器是否能播放指定的音频类型
        load()                      重新加载音频元素
        play()                      开始播放音频
        pause()                     暂停当前播放的音频
        ————————————————————————————————————————————————————————
    
        表6-4 audio元素的常用事件
        ————————————————————————————————————————————————————————
        事件                           描述
        canplay                       当前浏览器可以播放音频时
        pause                          当音频已暂停时
        play                            当音频已开始或不再暂停时
        playing                         当音频在因缓冲而暂停或停止后就就绪时
        progress                        当浏览器正在下载音频时
        volumechange                    当音量已更改时
        timeupdate                      当前的播放位置已更改时
        ————————————————————————————————————————————————————————
    
        -->
    
        <!DOCTYPE html>
        <html>
        <head>
            <meta charset="utf-8">
            <title>audio</title>
        </head>
        <body>
            <br>
            <audio src="E:MUSICDiplo - revolution.mp3" controls="controls" autoplay="autoplay">
                您的浏览器不支持audio标签
            </audio>
        </body>
        </html>
    
    <!--
        另外,audio元素可以设置多个source元素。source元素可以连接不同的音频文件,浏览器将使用第一个可识别的格式
    
        <audio controls>
        <source src=".../a.mp3" type="audio/mpeg"></audio>
        <source src=".../b.mp3" type="audio/ogg"></audio>
    -->

    运行结果:

  • 相关阅读:
    C#无限极分类树-创建-排序-读取 用Asp.Net Core+EF实现之方法二:加入缓存机制
    如何将CKeditor编辑器的上传和thinkphp结合
    在 VisualStudio 给文件起一个带分号的文件名会怎样
    dotnet ConditionalWeakTable 的底层原理
    GitHub 的 Action 判断仅在主仓库才执行脚本
    ASP.NET Core 将文件夹内容输出为压缩包文件方法
    dotnet Microsoft.Recognizers.Text 超强大的自然语言关键词提取库
    dotnet CBB 为什么决定推送 Tag 才能打包
    WPF 通过 InputManager 模拟调度触摸事件
    如何参与 .NET 的开发和设计
  • 原文地址:https://www.cnblogs.com/dragonir/p/5698582.html
Copyright © 2011-2022 走看看