JS萤石云录像回放拖动进度条无法正常播放

本文链接：https://blog.csdn.net/qq_44063746/article/details/144538199

问题描述：

本项目版本：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
});