ckplayer 截图-rtmp（附：js将base64图片下载到本地）demo

基本信息

源码名称：ckplayer 截图-rtmp（附：js将base64图片下载到本地）demo

源码大小：0.46M

文件格式：.rar

开发语言：js

更新时间：2019-05-20

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：78630559

本次赞助数额为： 2 元　

源码介绍

ckplayer 截图-rtmp（附：js将base64图片下载到本地）demo

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试视频地址</title>
</head>
<body>
<script type="text/javascript" src="../ckplayer/ckplayer.js"></script>
<div id="video" style="width:600px;height:400px;"></div>
<div><button onclick="allScreenshot1(1)">截图</button></div>
 <img src="" id="img1" alt="" />
<script type="text/javascript">
	var videoObj="videoObject1";
	var player="player1";
	var playerUrl="rtmp://58.200.131.2:1935/livetv/hunantv";
	var conDic = "#video";
	var crossXmlUrl ="192.168.1.123:8080/VFCManagePlatform/crossdomain.xml";
	window[videoObj] = {
				container: conDic, //容器的ID或className
				variable: player,//播放函数名称
				autoplay:true,
				live:true,
				video: playerUrl,
				loaded: 'callBackFunctionw',
				flashplayer:true,
				//crossdomain:crossXmlUrl,
				overspread:true,
				volume:0
	};
	window[player] = new ckplayer(window[videoObj]);
	
	
	function callBackFunctionw(){
		player1.changeControlBarShow(false);
		player1.addListener('screenshot', allScreenshot1);
	}
	function allScreenshot1(obj){
		if(obj==1){//点击调用
			console.log(player1);
			player1.screenshot("player",false,"2-26.jpg");
		}else if(obj!=0&&obj!=null){//监听回调 保存数据
			document.getElementById('img1').setAttribute( 'src', obj.base64 );
			let imgData =obj.base64;
			downloadFile('测试.png', imgData);
			obj=0;
		}else{//返回数据为null
			
		}
	}
    //下载
    function downloadFile(fileName, content) {
      let aLink = document.createElement('a');
      let blob = base64ToBlob(content); //new Blob([content]);

      let evt = document.createEvent("HTMLEvents");
      evt.initEvent("click", true, true);//initEvent 不加后两个参数在FF下会报错  事件类型，是否冒泡，是否阻止浏览器的默认行为
      aLink.download = fileName;
      aLink.href = URL.createObjectURL(blob);

      // aLink.dispatchEvent(evt);
      //aLink.click()
      aLink.dispatchEvent(new MouseEvent('click', {bubbles: true, cancelable: true, view: window}));//兼容火狐
    }
    //base64转blob
    function base64ToBlob(code) {
      let parts = code.split(';base64,');
      let contentType = parts[0].split(':')[1];
      let raw = window.atob(parts[1]);
      let rawLength = raw.length;

      let uInt8Array = new Uint8Array(rawLength);

      for (let i = 0; i < rawLength;   i) {
        uInt8Array[i] = raw.charCodeAt(i);
      }
      return new Blob([uInt8Array], {type: contentType});
    }
</script>
</body>
</html>