读书笔记：HTML秘籍音频与视频

flash适用情况：
1.有许可限制的内容，html5的视频软件没有保护措施，
2.录制视频和音频；
3.自适应视频流；
4.低延迟，高性能音频；
5.动态创建或编辑音频；
<audio>--添加音频
属性：
muted:一开始就关闭声音；
controls包含基本播放控件；
preload告诉浏览器如何下载音频:
      auto(下载整个文件)；
      metadata(先获取音频文件的开头的数据块，确定     基本信息);none(不用预先下载)；
autoplay(告诉浏览器在加载音频文件完自动播放)；
背景音乐播放：只加autoplay属性；如果要关闭用js实；
loop:循环,loop为-1无限循环；
<video>添加视频
属性：
src,controls,preload,autoplay,loop，height,width;
poster(设置替换视频的图片)
使用情况：
当视频第一帧未加载完成；
preload:none;
没有找到视频；
 <video src="puppy.mp4" controls height="300" width="300" preload="none" poster="school.jpg">
<source>标签---浏览器会播放第一个它支持的文件；
<audio>和<video>都可以使用该属性；
<audio controls>
  <socrce src="test2.mp3"  type="audio/mp4">
 
  <socrce src="test.mp3"  type="audio/mp4">
  </audio>
使用javascript控制播放器
1.添加音效
<audio id="background1" loop>
   <source src="xx.mp3" type="audio/mp3">
   <source src="xx.ogg" type="audio/ogg>
<audio>
<audio id="background2" loop>
   <source src="xxx1.mp3" type="audio/mp3">
   <source src="xxx1.ogg" type="audio/ogg>
<audio>
2.创建自定义视频播放器
 <video id="video"  src="puppy.mp4" controls height="300" width="300" preload="none" poster="school.jpg" muted mediagroup>
 
  </video>
  <button οnclick="play()">play
  </button>
 
<script>
function play()
{
video.play();
}
 
</script>