zoukankan      html  css  js  c++  java
  • html5 audio的语法以及属性和方法

    使用语法
    <audio src="song.mp3" controls="controls" loop="loop" autoplay="autoplay">亲 您的浏览器不支持html5的audio标签</audio>
    属性
    src  是歌曲的路径
    controls  播放控制 如果给标签里写了 controls="controls" 那么网页会显示audio自带的播放控件,如果没写就不会显示.
    loop 歌曲循环 在标签里添加该属性歌曲循环 如果你的歌曲是从后台调取的的 也可以在ajax里设置 loop=true/false来控制;
    autoplay 当歌曲加载后自动播放,但是只有pc端可以实现 移动端不行(pc端的浏览器要比移动端的完善很多,对有些属性支持也会好很多)
    以上是标签内的属性 当然也可以作为对象属性来调取控制auido.*

    audio不单单是个标签 他也是window下的一个对象,对象就有属性和方法,作为对象他有哪些常用的方法呢
    对象属性:
    currentTime 获取当前播放时间
    duration 获取歌曲的总时间
    play 是否在播放 返回true/false
    pause 是否暂停 返回true/false
    对象方法:
    play() 播放歌曲
    pause() 暂停歌曲
    load()重新加载歌曲

  • 相关阅读:
    冒泡排序
    跑马(行转列,列转行)
    选择排序
    day06-迭代器
    day05-装饰器作业
    day07-生成器
    day08-内置函数和匿名函数
    day09-正侧表达式
    144-SpringBoot的编码问题?
    143-SprinBoot如何使用Servlet?
  • 原文地址:https://www.cnblogs.com/dawenhao/p/6203749.html
Copyright © 2011-2022 走看看