问题描述:
本项目版本:vue2.6.12,webpack3.6.0,ezuikit-js0.7.2
在使用萤石云的JavaScript SDK做监控的直播、录像回放时,遇到部分设备的录像回放,无法根据控制面板的拖动进度条查看某时间段的录像。
官方解答:
官方给的解答:“ezuikit-js0.7.2是我们两年前的版本了,7.7.4版本修复了该问题,建议您升级到8.0之后的版本”,于是我npm升级ezuikit-js到7.7.4版本。
结果:项目启动编译失败
于是,我又找官方,官方给了一个文档,上面有关于VUE项目集成ezuikit-js后,启动/编译阶段报node_moduules/loader错误的一些解决方案 ezuikit-js常见问题原因及解决方式
按照他们提供的解决方案,我对webpack自定义配置(include、exclude等方式),过滤对ezuikit.js的二次打包,还是不行。
最终方案:
尝试过各个版本的ezuikit-js,依赖也是删了又npm,webpack也尝试过各种配置忽略,最终,我突发奇想:既然是vue编译导致的无法运行,我就采用静态文件引入的方式,就这样,我把ezuikit-js7.7.4的版本下载下来,用script引入,直接使用,这下项目可以直接启动了,再打开录像回放也好了
<script src="./static/ezuikit-js/ezuikit.js"></script>deviceInfo.EZOPENDemo = new EZUIKit.EZUIKitPlayer({id: 'playWind',width: 960,height: 540,template: "pcRec",//去萤石云后台获取菜单路径为云直播 --> 轻应用 --> 然后在列表里面获取模板,有些官方的有些可以自定义的url: `ezopen://open.ys7.com/${xxxx}/${xxx}.rec`, //.cloud.rec为默认云端回放视频,.rec为默认监控本地视频accessToken: xxxxx
});
希望对你有所帮助!