HTML5视频-只从视频中获取音乐

Question

我想加载一个视频，其中我只向用户呈现视频的声音。事实上，如果我只能从视频中下载音轨，那将是最好的。

是否可以加载带有标签的视频，然后只获取声音？

视频以.m4v或.mp4文件扩展名编码为H.264编解码器。

Answer 1

我认为只下载音轨是不可能的，所以你无论如何都必须播放视频，但你可以隐藏它。

你可以使用js库（比如jplayer或videojs，所以你有控件），并通过css删除视频。

看看这个js小提琴：http://jsfiddle.net/8Hm6y/

将插件插入文档的头部：

<link href="http://vjs.zencdn.net/4.1/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.1/video.js"></script> 

指定源文件的HTML：

<video id="" class="video-js vjs-default-skin"
  controls preload="auto" data-setup='{"controls": true}'>
 <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
 <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
 <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
</video>

CSS：

#vjs_video_4_html5_api {  
    display:none; /* remove video */
}
.vjs-big-play-button {
    display:none !important;  /* remove play button inside video*/
}
#vjs_video_4{
    height:38px !important;  /* make container smaller */
}
.vjs-control-bar {  /* make controlbar visible */
    visibility: visible !important;
    opacity: 1 !important;
    transition-duration: 0s!important;
    display:block !important;
}

在这种情况下，我使用了videojs，这样我就有了视频的控件，然后我用css隐藏了视频。随意调整css以满足您的需求。

希望能有所帮助。