首页 > 其他 > 详细

H5 音频视频

时间:2021-01-02 22:59:28      阅读:27      评论:0      收藏:0      [点我收藏+]

H5 音频 视频 <audio> <video>  都必须要写的一个属性  播放插件 controls

  音频:<audio>

  背景音乐:<bgsound src=""  autostart="自动开始? true 或 false "  loop=“是否自动播放” hidden=“是否隐藏”

  auido:3种文件格式   浏览器会选择一个可用格式  自动播放

   <source src=".ogg">

  <surce src=".mp3">

  <surce src=".mav"> 

  audio 播放属性:

   autoplay:自动播放

  loop: 循环播放,永久循环

  muted:静音

  preload:auto || none  页面刷新重新加载

  js:play() 自动播放

  <audio id="audio"  src="1.mp3"></audio>

  pause() 暂停

  muted=true /false 静音

  load() 重新加载

  播放其他音频:

  audio.src=" 地址"

  audio.play()

  audio.currentTime=0 改变当前播放进度 

监听播放是否完成:

  ended 事件

  audio.onended=function() {}

  audio.addEventListen 

时间:

  currentTime() 当前播放时间

  duration() 音频总时常

  progrees   正在请求

  timeupdate   播放时长

视频:<video>

视频与音频属性用法一样。只是多了一项 postier=“ ” 视频封面属性

进入全屏: (webkit/moz)movie.mozRequestFullscreen()  ,  request Fullscreen()

退出全屏: 自认为无效。在全屏状态下无法加入交互事件 只能依靠 浏览器自身机制

 

H5 音频视频

原文:https://www.cnblogs.com/Yi-Wei/p/14222569.html

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