腾讯云点播 java demo_JavaWeb-SpringBoot_（下）腾讯云点播服务之视频的显示-demo

腾讯视频云点播　　传送门

项目在腾讯云点播服务之视频的上传(上)【附源码】的基础上添加了两个html页面

(播放视频GIF会超过10M。。。)

packagecom.Gary.videodemo.controller;importjava.util.Random;importorg.springframework.web.bind.annotation.RequestMapping;importorg.springframework.web.bind.annotation.ResponseBody;importorg.springframework.web.bind.annotation.RestController;importorg.springframework.web.servlet.ModelAndView;importcom.Gary.videodemo.utils.Signature;

@RestControllerpublic classIndexController {

@RequestMapping("/start2")publicModelAndView start2() {return new ModelAndView("/start2.html");

}

@RequestMapping("/start")publicModelAndView start() {return new ModelAndView("/start.html");

}

@RequestMapping("/plus")publicModelAndView plus()

{return new ModelAndView("/video-plus.html");

}

@RequestMapping("/")publicModelAndView index(){return new ModelAndView("/video.html");

}

@RequestMapping("/sign")

@ResponseBodypublicString getSign()

{//得到Sign

Signature sign = newSignature();//个人API密钥中的Secret Id

sign.setSecretId("AKIDkNsDQWZOYYVSHu49kDh9Uh1FSoxxxxxx");//个人API密钥中的Secret Key

sign.setSecretKey("XDn1a3NWzN0Tp4vH3zpSp5fEX2xxxxxx");

sign.setCurrentTime(System.currentTimeMillis()/ 1000);

sign.setRandom(newRandom().nextInt(java.lang.Integer.MAX_VALUE));

sign.setSignValidDuration(3600 * 24 * 2);

String signature= null;try{

signature=sign.getUploadSignature();

System.out.println("signature : " +signature);

}catch(Exception e) {

System.out.print("获取签名失败");

e.printStackTrace();

}returnsignature;

}

}

IndexController.java

Insert title here

Gary播放界面 1

//告诉浏览器要播放什么视频 start为播放地方的id

varplayer=TCPlayer("start",

{

fileID:"5285890785018500000",//请传入需要播放的视频filID 必须

appID:"1257730000",//请传入点播账号的appID 必须

autoplay:false //是否自动播放

});

start.html

Insert title here

Gary播放界面 2

start2.html

腾讯云视频的管理

显示腾讯云视频显示方法有两种

(一)通过TCPlayer实现视频的播放

(二)iframe视频播放

分别在腾讯云视频管理下的Web视频播放器代码生成下有案例

第一种方法通过TCPlayer实现视频的播放

需要引入css与js文件，把视频播放当成一个相应的模板去使用

//告诉浏览器要播放什么视频 start为播放地方的id

var player = TCPlayer("start",

{

fileID:"5285890785018500000", //请传入需要播放的视频filID 必须

appID: "1257730000", //请传入点播账号的appID 必须

autoplay: false //是否自动播放

});

不引入css文件会出现视频控制页面，如下

第二种方法使用iframe视频播放

Gary播放界面 2

腾讯云为了避免用户写太多配置，我们可以直接通过src打开视频目录连接进行视频播放

只需修改用户id，视频id即可　　其余路径不能错　　此视频连接传送门

//1257702179.vod2.myqcloud.com/vod-player/1257730000/5285890785018500000/tcplayer/console/vod-player.html

vod-player.html？后边设置视频的属性　　长度、宽度、是否自动播放

vod-player.html?autoplay=false&width=1920&height=1080