javaweb七牛云切片视频+播放

使用七牛云存储视频切片并播放

一共包括了以下这些点:

  • 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"
};

参考资料:

Java开发七牛云存储 ,上传视频与图片文件 , 页面播放器GrindPlayer.swf
m3u8的浏览器播放器

猜你喜欢

转载自blog.csdn.net/u012206458/article/details/71631600
今日推荐