使用七牛云存储视频切片并播放
一共包括了以下这些点:
- web视频播放器
- 七牛云上传视频
- 七牛云视频切片
- 播放m3u8格式视频
这里提供了所有需要的jar和视频插件 http://download.csdn.net/detail/u012206458/9839804
web视频播放器
参考七牛音视频播放推荐
https://developer.qiniu.com/kodo/kb/1362/audio-and-video-support-and-audio-and-video
我选择了GrindPlayer http://osmfhls.kutu.ru/docs/grind/ ,按照简单的示例就能播放了:
<!DOCTYPE html>
<html>
<head>
<title>Grind Player</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://yandex.st/swfobject/2.2/swfobject.min.js"></script>
<script type="text/javascript">
var flashvars = {
src: "YOUR SOURCE URL HERE"
};
var params = {
allowFullScreen: true
, allowScriptAccess: "always"
, bgcolor: "#000000"
};
var attrs = {
name: "player"
};
swfobject.embedSWF("GrindPlayer.swf", "player", "854", "480", "10.2", null, flashvars, params, attrs);
</script>
</head>
<body>
<div id="player"></div>
</body>
</html>
需要引入的播放插件GrindPlayer.swf文件
七牛云上传视频
在七牛云上新注册一个账号,有免费的10g存储空间,测试够用了
首先下载七牛云的java-sdk https://developer.qiniu.com/sdk#official-sdk
有文档介绍也有github源码demo,可以上传文件试下 ,把需要的参数替换成自己账号下的就可以了
除了使用sdk,七牛云的操作也都可以直接调用api实现
七牛云视频切片
音视频切片api及参数说明 https://developer.qiniu.com/dora/api/1485/audio-and-video-slice
最后播放m3u8格式视频
这种格式的视频不能直接引入播放了, 需要加一个m3u8的插件来完成,官方文档http://osmfhls.kutu.ru/docs/osmfhls/ 没有找到,但根据信息查到了另一个 亲测可替代的 https://github.com/denivip/osmf-hls-plugin , github上开源的 StrobeMediaPlayback目录下面的HLSDynamicPlugin.swf 文件
然后在第一步flashvars 里加入一个初始配置即可:
var flashvars = {
src: "YOUR SOURCE URL HERE",
plugin_m3u8: "HLSDynamicPlugin.swf"
};
参考资料: