html音乐转码,浏览器音频兼容和ffmpeg的音频转码使用

音频/视频

body{padding:20px 50px; }table td, table th{padding:5px 10px;text-align:center;

}table th{color:blue;font-size:20px; }table tr td:nth-of-type(1){color:purple;font-size:20px;font-weight:bold;;}.first-th{font-size:12px;color:black;position:relative; }.th-div1{position:absolute;

}.th-div2{position:absolute;left:50%;margin-left:-40px;width:100%;line-height:1px;border-top:1px solid black;transform:rotate(30deg);

}.th-div3{position:absolute;top:6px;right:4px;

}tbody tr:nth-of-type(1){background-color:#ffffcc; }tbody tr:nth-of-type(2){background-color:#ccffcc; }tbody tr:nth-of-type(3){background-color:#ccccff; }tbody tr:nth-of-type(4){background-color:#FFF0F5; }.testOne{margin:20px 5px;padding:10px;border:1px dashed black;

}.playBtn{margin-left:20px;width:120px;height:50px;background-color:#fff;border:1px solid black;border-radius:50px;line-heght:50px;

}

格式

浏览器

ChromeFirefoxOperaSafariIE11EdgeOGGYESYESYESNONOYESMP3YESYESYESYESYESYESWAVYESYESYESYESNOYESMP4YESYESYESYESYESYESWebMYESYESYESNONOYES

• 注意：
• Safari浏览器对于wav音频格式和mp4视频格式的支持，需要把页面部署到web服务器里面。
  如果只是单纯的用Safari浏览器打开磁盘的一个静态页面，会发现不支持这两种格式
• 同上Opera浏览器对于ogg视频格式的支持，也需要把页面部署到web服务器上。

1、测试一下，三个audio标签，src依次为ogg、mp3、wav格式文件

不支持该格式播放

不支持该格式播放

不支持该格式播放