Yetian_2000的博客

1. window.requestAnimationFrame语法：window.requestAnimationFrame( callback )window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。（在前端开发的 web页面嵌入C++开发的视频客户端，针对移动浏览器窗口计算客户端位置会用到）需要注意的是：1.电脑屏幕是1

我在这个项目中是使用的是mp4格式的播放文件<div class="video-wrap"> <div class="video" id="live-video"> </div></div>methods: { getLiveDetail(val) { let _this = this //重点1： 假设后台给我的是一个数组形式的视频播放路径 let pathArra = ["https://10.35.

最近在学习ckplayer播放器，想把它用于web上播放公司的摄像头监控视频。下面记录一下1、下载ckplayer包下载地址2、把下载后的包解压后把ckplayer文件夹及里面的内容一起复制到需要集成项目的公共文件下，我这里的项目配置的公共文件夹为public3、在项目的入口index.html模板文件下引入 <script type="text/javascript" src="%PUBLIC_URL%/ckplayer/ckplayer.js" charset="utf-8" dat

阮一峰的websockt日志：http://www.ruanyifeng.com/blog/2017/05/websocket.html?utm_source=tuicool&utm_medium=referral主要使用技术点：var ws = new WebSocket("wss://echo.websocket.org");ws.onopen = function(evt) { console.log("Connection open ..."); ws.send("He

// 点击目录索引（渲染的列表上绑定点击事件）, // 这个item主要携带的参数是timePoint ，需要传递给客户端，调取视频 skipTime(item) { this.seekVideo({ seekSecond: item.timePoint }) },// function 跳转打标位置 seekVideo(param) { var player = this.player player && player.DPSDK_.

最后一步就是：执行player && player.DPSDK_OpenVideos(videoParams)方法，播放视频：关键在于提供一下videoParams里面相关的参数。（可能需要通过接口获得）var videoParams = { 'mode': 2, // 模式，int，1-预览（直播）,2-回放（点播） 'url': url, // 带token的rtspurl，string 'playSeed': timeNum

这种方式播放视频的优点：实时性好。技术难点在于：前端和C++客户端的交互。主要使用的插件，与技术：DPSDK_VideoPlayer这个插件，需要下载这个js，这个js，客户端提供了一系列的方法供我们前端调用。如下：视频播放的流程：player.DPSDK_Init（）=====》player.DPSDK_Login（）=======》player.DPSDK_SetCallBack(cb)=====》展示位置 player.DPSDK_ShowModule(jsonParam) 与播放视频