• HTML 5 音频


    HTML 5 音频

    =================================================================================

    音频是视频的重要组成部分,如果视频缺少了音频,就成了,无声视频,也许看起来效果会差很多

    =================================================================================

    在进入html5的音频学习的时候,我们不得不先关注一下音频的格式:

    音频格式

    当前,audio 元素支持三种音频格式:

     IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0
    Ogg Vorbis    
    MP3    
    Wav    
    ==================================================================================

    如何工作

    如需在 HTML5 中播放音频,您所有需要的是:

    <audio src="song.ogg" controls="controls">
    </audio>
    

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

    <audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的:

    ===================================================================================

    实例

    <audio src="song.ogg" controls="controls">
    Your browser does not support the audio tag.
    </audio>

    ==========================================================================================

    Internet Explorer

    
    

    Internet Explorer 8 不支持 audio 元素。在 IE 9 中,将提供对 audio 元素的支持。

    ==========================================================================================

    <audio> 标签的属性

    属性描述
    autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。
    controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
    loop loop 如果出现该属性,则每当音频结束时重新开始播放。
    preload preload

    如果出现该属性,则音频在页面加载时进行加载,并预备播放。

    如果使用 "autoplay",则忽略该属性。

    src url 要播放的音频的 URL。
    ============================================================================================
  • 相关阅读:
    Intellij IDEA 一些不为人知的技巧
    IDEA配置GIT
    返回数据
    IDEA字体设置
    @RequestParam
    @RequestMapping
    基于jquery fly插件实现加入购物车抛物线动画效果,jquery.fly.js
    js倒计时代码 适合于促销-倒计时代码
    phpstorm 10 注册码
    dispaly:table-cell,inline-block,阐述以及案例
  • 原文地址:https://www.cnblogs.com/yufei121/p/6188789.html
Copyright © 2020-2023  润新知