vue调用萤石播放回放提示错误：_this.jSPlugin.JS_Play is not a function

最新推荐文章于 2024-08-07 15:52:59 发布
最新推荐文章于 2024-08-07 15:52:59 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/a343981218/article/details/119459388
版权
本文介绍了如何在Vue项目中使用萤石的jssdk，特别是ezuikit.js的引用和修改，以解决播放ez协议直播流的问题。针对播放延迟加载，建议在autoPlay处设置定时器。同时指出，每个页面仅能播放一个ez协议直播，对多窗口播放的期待。对于非ez协议，推荐使用video标签进行播放。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

: _this.jSPlugin.JS_Play is not a function

下载最新的萤石jssdk，把这个ezuikit.js文件放到vue的指定js目录

要想运行播放萤石直播的ez协议，还需要把sdk中的js文件夹，放到vue的public目录（非专业选手）；

修改ezuikit.js416行，把autoPlay这里加定时器延迟加载播放

直播播放非ez协议时，要用video标签嵌入；播放ez协议时，要用div标签，貌似每个页面只能播放一个ez协议，不知道萤石后面会不会新增播放多个ez窗口功能。

uniapp [全端兼容] - 详细实现接入使用海康威视监控云端显示及控制功能，网站集成安装海康监控及实时监控显示、摄像头控制，实时推流、回放、放大缩小画面、视频画面截图、截屏抓拍及播放器解决延迟教程
王二红
07-18 1万+
uniapp，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，vue，海康威视，海康监控，摄像头监控，实时监控画面，海康插件，无法连接，报错，uniApp对接海康处理接口认证规则，监控实时预览和回放功能，海康api接口，安全认证，海康开放平台，官方文档，播放海康摄像头的监控视频，海康实时监控播放详细步骤，web，黑屏，视频播放，回放，视频流地址，取流协议，视频sdk播放，hik，rtsp，rtmp，hls，ws，网站，网页，h5页面，后台管理系统，对接海康监控设备
【vue2对接萤石云接口，实现摄像头直播页面的调取显示】
qq_39236283的博客
04-13 1969
vue2对接萤石云摄像头直播接口
Wordpress Uncaught TypeError: b(...).not(...).filter(...).mediaelementplayer is not a function
weixin_34033624的博客
02-17 1106
Wordpress 插件页面报错如下图： 原因及解决方法： 引入了两次 jquery.js 或 jquery.js 定义的变量导致报错，删除在插件页面自己引入的 jquery,js 即可解决报错。 大部分 js 问题都与 jquery.js 重复引用有关，所以一般可以先从 jquery.js 问题入手解决。 转载于:https://www.cnblogs.com/ryanzhen...
简单的视频、音频播放、Uncaught TypeError: $(...).play is not a function
weixin_43193877的博客
02-26 3225
在H5中 视频音频是不能用直接加载完自动播放的 解决方法： 一、需要用按钮执行下操作： 知识点：js控制媒体 play()播放 pause()暂停 load()重新加载 如下例代码： <audio id="aud" src="../images/25a6_b1be_6839_45fbf93c9a2711793f685617c824bdd7.mp3" controls autoplay &g...
jQuery中报错：$(...).play is not a function
Freya_yyy的博客
01-13 5493
问题：使用jQuery库制作一个记事本时，使用audio标签设置提示音时报错显示 $(...).play is not a function 原因： &lt;audio class="alert" src="alert.mp3"&gt;这是一个播放器&lt;/audio&gt; var $alerter = $('.alert');  $alerter得到一个jQuery对象，j...
关于this.$refs.audio.play is not a function的问题
Robergean的博客
07-25 2285
既然是个数组那问题就好办了，在设置的时候加上索引[ 0 ] 就可以了。 this.$refs.audio[0].play();
React 兼容萤石云和海康威视播放组件
weixin_45991188的博客
06-22 1625
React视频播放组件
uniapp对接萤石云 实现监控播放、云台控制、截图、录像、历史映像等功能
阿晨的博客
03-28 3653
uniapp对接萤石云 实现监控播放、云台控制、截图、录像、历史映像等功能
vue3引用组件时报错，但是可以正常运行
qq_40702027的博客
08-18 1992
查了一下原因好像是vetur插件检查代码报的错，vetur主要是检查vue2代码的，检查vue3会有一些报错，vue3可以使用volar插件。提一下volar插件在vsCode的低版本上可能会有安装不上的问题，需要更新一下vsCode版本。今天用vue3写dome时封装组件遇到一个报错，记录一下。
EasyNVR录像回看进度条拖动回导致画面卡住不动是什么原因？
EasyNVR官方技术博客
08-10 1535
目前EasyNVR作为TSINGSEE青犀视频开发的稳定可靠的智能安防监控平台，具备视频采集、直播、转码、分发等能力，其中在录像功能方面，不仅可以调取录像视频直接回放，还可以将录像文件通过接口调用下载。有用户反馈在使用EasyNVR录像回看功能时，进度条偶尔会卡住。 通过排查发现，是在使用时间轴功能时，将进度条拖动到靠前位置，画面则会卡住不动，但进度条时间仍在运行。 切换录像格式为列表视图查看录像文件播放都比较正常。 没有发生和时间轴模式相似的问题，确定视频源没有问题，下一步就是排查播放器问题
EZUIKit-JavaScript-test:海康萤石云测试
05-15
UIKit Javascript 使用说明 #demo_hk1是4个视频框 简介 UIKit，是基于萤石开放平台OpenSDK封装的UI组件，使用过程中不必学习专业的业务概念，更不用调用繁琐的接口，能够以极简的嵌入方式，快速在您的应用中集成视频功能。 萤石开放平台官网 浏览器支持 chrome ie9+ 国产浏览器请使用急速模式(webkit内核) Android 4.4+ Safari for iOS 9.3+ 使用说明 页面引入js [removed][removed] 页面创建一个video标签 [若设置autoplay属性则默认自动播放] <video id="myPlayer" poster="[这里可以填入封面图片URL]" controls playsInline webkit-p
使用萤石云ezuikit sdk时报错出现Module._malloc Out of memory
最新发布
hq123897的博客
08-07 368
萤石云ezuikit出现Out of memory解码性不足
萤石（海康视频）---vue中使用（ezuikit-js）
wo_1021的博客
07-20 9718
第一次使用萤石直播接入vue中使用，遇到了很多坑，在下面总结以下： 萤石官网：https://open.ys7.com/cn 这个是ezuikit-js的使用方法：https://www.npmjs.com/package/ezuikit-js 第一个坑： 通过官网给的接口https://open.ys7.com/api/lapp/token/get获取accessToken，传入appKey和appSecret后，发现报‘10001’的错，但检查了格式都是正确的，结果发现他的请求头是这样...
vue import 引入时报错
m0_66590360的博客
01-23 1267
最新学习vue 开发 在安装完一系列环境后 想使用。语句引入本地vue.js 会出现错误提示 的原因。
vue中使用萤石云播放视频
weixin_43870864的博客
08-16 3763
vue中使用萤石云播放视频
vue 萤石_记录Vue结合萤石视频ezuikit.js的爬坑记录
weixin_39820588的博客
12-22 1593
1.前言由于开发需要，项目需要接入萤石的视频监控。萤石官方提供了三种协议的的视频方式，hls，rtmp，ezopen。三种协议是视频直播有一定差别，由于hls有十多秒的延迟，不符合项目的要求，所以本人采用了延迟最低的ezopen。在使用的过程中遇到了很多很多的坑，即使在尝试别人的解决方案依旧无用。希望这篇文章对使用的同学有所帮助。2.初探看看官方文档，他有一个UIKit JavaScript的de...
视频监控 ezuikit.js
程序媛的博客
09-21 4838
前端页面实现视频监控功能。需求是点击页面上的一个视频监控的按钮，然后弹出一个窗口显示正在监控的视频页面。主要用到萤石ezuikit.js技术，实现该视频监控功能。
萤石云轻应用ezuikit.js视频不能播放
hq123897的博客
08-07 500
ezuikit.js视频不能播放解决方法
javascript - mediaElement.play() 方法返回一个被拒绝的 promise
w1404273025的博客
04-15 946
javascript - mediaElement.play() 方法返回一个被拒绝的 promise
vue项目里面用不了window.JSPlugin方法，是什么原因
06-07
可能是因为window对象在Vue项目中不是全局对象，而是组件作用域对象。如果你想在Vue组件中使用window.JSPlugin方法，你可以在组件中使用mounted钩子函数，这样可以保证在组件挂载之后再去访问window对象，例如： ```javascript mounted() { //在mounted钩子函数中使用window.JSPlugin方法 window.JSPlugin.methodName(); } ``` 另外，如果你的JSPlugin方法是在外部插件中定义的，你需要在Vue项目中先将插件引入，并确保插件已经正确加载。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

飘摇的海啸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值