【踩坑日记1】使用uni.createVideoContext无效

最新推荐文章于 2024-07-05 17:32:15 发布
最新推荐文章于 2024-07-05 17:32:15 发布
阅读量1.4k 收藏 4
点赞数 4
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ming_situ/article/details/131587186
版权

在官方文档中提到

 在自定义组件中，第二个参数传入组件实例this，以操作组件内的<video>组件

很多朋友遇到 uni.createVideoContext 无效，大概率都是因为没有传入this，将 this 传入即可

但是在 vue3 中是没有 this 的

那就应该使用

getCurrentInstance() 方法获取实例，再将实例放入即可，如图所示。

ming_situ
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
uni.request.zip
09-25
本压缩包"uni.request.zip"聚焦于uni-app中的一个关键功能：`uni.request`的封装，这是一个用于进行网络请求的重要工具。这个封装不仅简化了接口调用的过程，还提供了全局方法和变量配置，使得开发过程更加高效和...
uni.webview.1.5.5.js
06-21
“uni.webview.1.5.5.js” 是一个用于描述一个 WebView 组件或库的版本标识符。WebView 在移动应用开发中常用于将 web 内容嵌入应用程序中，允许开发者在应用的用户界面中显示网页。
使用uni.createVideoContext调用play()无效
weixin_46631365的博客
07-15 7432
如果实在自定义组件中使用videoContext 对象，第二个参数需传入组件实例this，以操作组件内 组件。 如： uni.createVideoContext(myVideo, this).play()
记一次小程序的遇到的问题（使用uniapp编写）
weixin_43110440的博客
11-24 764
记一次小程序的遇到的问题（使用uniapp编写） 1.安卓视频调用pause()无效和视频封面无法设置大小 <template> <view class="voide-box" :style="{ '--width': width, '--height': height }"> <video v-if="!show" id="myVideo" @pause="onPause" @ended="ended" @play="play" @click="change()" :m
如何在Vue3中使用视频库Video.js实现视频播放？
有我更精彩的博客
06-16 1727
data() {return {},}],});},');});});},
uniapp 动态修改视频地址
于忠会的博客
01-18 795
来获取到video组件的上下文对象。然后，我们可以调用该对象的。应该与页面中video组件的id保持一致。在UniApp中，可以通过使用。属性来动态修改视频地址。需要注意的是，这里的。
全栈开发，解决uniapp的video组件无法完成进度条修改与uniapp的seek方法失效问题
weixin_64310560的博客
11-27 1176
在制作个人视频小程序时碰到了一个问题:视频的进度无法控制与uniapp中videoContext的seek方法失效每次点击都会导致视频的从头播放问题。然后是设置seek方法，seek中参数一定要为整数。在响应数据方面，需要给数据设置响应数据，大小与格式。首先是创建videoContext的上下文。到这视频就可以完成跳转与拖动了。
微信小程序wx.createVideoContext play pause等接口不起作用
liubangbo的专栏
03-03 2830
在自定义组件中使用微信小程序video组件，调用wx.createVideoContext 方法后，再进行play pause不起作用。发现此方法的第二个参数this是必填的。 需要这样： const v = wx.createVideoContext('myVideo', this); v.seek(this.data.switchPos) v.pause() 官方文档写的不明确，也是醉了。 ...
uniapp微信小程序video不显示，不生效
A1abcvbnm的博客
06-07 488
开发者工具video不显示，无法播放，也没有任何错误，就是不显示。
uniapp 微信小程序CameraContext.stopRecord API无效,无任何回调
LG745070189的博客
12-16 1170
uniapp 微信小程序CameraContext.stopRecord API无效,无任何回调 原因是，开始startRecord这个api还没有成功返回，如果接着又调stopRecord这个api就会出现没反应，无效的情况，所以修改之后，stopRecord写在startRecord的，回调函数里，就ok了 ...
uniapp调用＜camera＞ 提示API `createCameraContext` is not yet implemented
Daily Code的博客
09-16 6637
业务需求要用到orc身份证组件，发现使用uniapp下的组件报下面的错： API createCameraContext is not yet implemented TypeError: Cannot read property ‘takePhoto’ of undefined [Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘takePhoto’ of undefined” 后来认真看了下文档发现调用的API：cre
折磨我致死的uni.createInnerAudioContext()
01-20
uni.createInnerAudioContext创建实例设置url就可以播放了通过play方法开始使用了但是想象和现实十分的不同 列表确实是被生成了 开始出现坑我一开始写出来代码是这样的 今天项目用到uni的音频播放功能 我脑海里第一...
UNI.rar_.uni文件_图标关联
09-23
3. **添加图标**：在`HKEY_CLASSES_ROOT\.uni`下创建一个名为`DefaultIcon`的键，值是包含应用程序可执行文件路径和资源中图标索引的字符串，如`"C:\Program Files\MyApp\MyApp.exe,1"`，其中数字1表示图标资源的...
基于uniapp 的普通音频播放API的封装 uni.createInnerAudioContext()
12-16
可用于播放点击音效。或者提示音效等。不支持的想要播放时可以暂停的功能，但是连续点击可清空上次播放的音频...已测试在H5，app上完美运行，webview下大音频文件可能会有短暂延迟，需要将音频文件进行压缩后进行播放。
uniapp结合vue3获取元素节点 - 获取不到的问题
最新发布
weixin_42498594的博客
07-05 363
template 部分代码，给video 设置了id 和 ref。
uniapp canvas 无法获取 webgl context 的问题解决
学习笔记
10-23 1352
在 uniapp 中做一个查看监控视频的页面，用到的是这个库，原理就是前后台通过 websocket 不断推送新画面内容到前端，前端通过这个 JSMpeg 渲染到前端页面中指定的 canvas 中。而这个 canvas 需要具备 webgl 的内容，而不是 2d 的内容。最初我是在页面中直接预写了一个 canvas 元素结果，当执行的时候始终得到的是null。
uni-app 视频播放遇到的问题-video
热门推荐
liuye066的专栏
12-07 1万+
最近开发一个项目，一个视频列表，点击其中一个视频，全屏播放（像大屏预览似的全屏），图上覆盖截图，全屏和回放图标。 弹出的全屏窗口： videoTest.vue <template> <view style="height: 100%;"> <videoView></videoView> </view> </template> <script> import videoView from './video.
解决Uniapp视频在手机上无法播放的终极指南！
CRMEB小程序商城的博客
03-25 3714
介绍：本文主要介绍uniapp中video标签在手机端无法播放视频的问题并且如何解决。
Uniapp + VUE3.0 实现双向滑块视频裁剪效果
PymBoy的博客
02-22 741
【代码】Uniapp + VUE3.0 实现双向滑块视频裁剪效果。
uni.createvideocontext
03-16
uni.createvideocontext是一个Uni-app的API，用于创建视频上下文对象。通过该对象，可以对视频进行操作，如播放、暂停、跳转等。该API的使用需要在页面中引入uni.createvideocontext组件，并在页面中定义一个video标签。具体使用方法可以参考Uni-app官方文档。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值