uniapp中Video无法在APP中seek到某个时间点问题

最新推荐文章于 2024-07-10 15:58:14 发布
最新推荐文章于 2024-07-10 15:58:14 发布
阅读量1.8k 收藏 3
点赞数 3
分类专栏： uni-app 文章标签： uni-app web app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013114610/article/details/122123455
版权

最近，在uniapp项目中遇到h5 video播放视频在网页上可seek到特定的时间点播放，但离线打包App后却无法跳转到特定时间点播放，后发现App调用了原生播放器，需在play()方法中再设置seek到某个时间点才生效，且需要将浮点型的时间转换为整数。

随风飘bill
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
uniapp video视频层级过高 遮挡顶部导航 页面弹窗 使用原生子窗体解决问题
05-30
在uniapp项目中 video层级过高 页面滑动时 遮挡顶部导航 或者页面有弹窗效果 视频同时也会遮挡弹窗 使用subNVues 解决此问题 pages.json 中 配置{ "path": "pages/index/index", "style": { ...
uniapp开发的多端影视APP，对接的苹果CMS
09-10
在uniapp中，可以通过自定义事件和生命周期方法来控制播放、暂停、快进、后退等操作。同时，通过苹果10CMS的API获取视频流地址，实现动态加载，提高播放速度。 缓存功能是提升用户体验的重要手段。uniapp支持本地...
uni-app的video禁止快进及seek()上的小坑
Anchor
04-04 9445
最近项目做的uniapp，一个需求，要求播放的视频不可以快进。 首先想到可以隐藏video进度条以及禁止手势控制 查看uniapp官方文档https://uniapp.dcloud.io/component/video，可知show-progress可以控制进度条的隐藏（但是要注意后面的注释，若是不设置宽度大于240的时候才会显示，我一开始一直都是小屏播放发现即使设置了属性为false还是一...
uniapp APP端解决video seek跳转时间不准确的问题
最新发布
qq_39693854的博客
07-10 362
设置advanced，设置好video的src路径后再创建 uni.createVideoContext，seek需要整型
uniapp 小程序 观看视频退出时获取观看时长
weixin_60404020的博客
05-24 470
【代码】uniapp 小程序 观看视频退出时获取观看时长。
全栈开发，解决uniapp的video组件无法完成进度条修改与uniapp的seek方法失效问题
weixin_64310560的博客
11-27 1138
在制作个人视频小程序时碰到了一个问题:视频的进度无法控制与uniapp中videoContext的seek方法失效每次点击都会导致视频的从头播放问题。然后是设置seek方法，seek中参数一定要为整数。在响应数据方面，需要给数据设置响应数据，大小与格式。首先是创建videoContext的上下文。到这视频就可以完成跳转与拖动了。
android 视频播放指定位置,【报Bug】uniapp 视频api seek方法 在APP中安卓端 无法跳转到指定的位置播放...
weixin_28900461的博客
05-27 1217
产品分类：uniapp/AppPC开发环境操作系统：WindowsPC开发环境操作系统版本号：windows10 专业版HBuilderX类型：正式HBuilderX版本号：2.9.8手机系统：Android手机系统版本号：Android 10手机厂商：华为手机机型：JEF-AN20页面类型：vuenvue编译模式：fast打包方式：云端项目创建方式：HBuilderX示例代码：export de...
【解决uniapp】audio seek失效，seeked监听不到 createInnerAudioContext创建
weixin_41492957的博客
12-01 2456
最近项目中，用到了audio播放，因为需要修改原来audio的样式，一开始用的插件市场的，做了一些修改 用户试用后，提出了需要进入后台也行播放，因为组件中用的video模拟的，所以进入后台后会自动暂停。 原来的audio不再维护，官方推荐下用了createInnerAudioContext创建audio，因为有一个需求是 当用户有历史播放的时候，下次进入audio,即到达上次播放的时间点继续播放 我聪明的小脑袋，一下子就想到了seek（因为之前只接触过video播放，也只想到了seek）,结果seek了一
问题的展现小程序seek 不起作用
天天的博客
01-24 812
学习小程序遇到了，遇到俩问题了， 一个是头像无法显示 image 不起作用 一个就是今天的 播放时间无法回显 就是时间可以拿到，但是设置就是不起作用，会的小伙伴可以告诉我！
uniapp微信小程序video视频监听播放时间
m0_55258023的博客
09-14 4880
uniapp微信小程序video视频监听播放时间
解决uniapp开发抖音小程序video-player覆盖问题，超详细教程，前端相关操作，已成功上线产品
03-28
在uniapp框架中进行抖音小程序开发时，可能会遇到video-player组件覆盖问题，这通常是由于布局、样式冲突或者组件配置不当导致的。本教程将详细解析如何解决这一问题，并且已经成功应用于上线产品，确保方法的有效性...
uniapp中设置横屏竖屏
07-06
在uni-app框架中，开发者可以方便地进行横屏和竖屏的切换。uni-app是一款基于Vue.js的多端开发框架，能够帮助开发者一次编写，多端运行，包括iOS、Android、H5、小程序等平台。本文将详细介绍如何在uni-app中实现横...
解决html5中video标签无法播放mp4问题的办法
11-21
然而，由于不同浏览器对视频编码和格式的支持存在差异，可能会遇到视频无法播放的问题，尤其是在尝试播放由第三方工具如“格式工厂”转码后的文件时。 本文主要讨论的是一个常见的问题，即HTML5的`<video>` 标签...
uniapp 音频 点击重复播放且无法暂停
m0_63067906的博客
05-28 895
无
uniapp微信小程序PC端Video设置播放初始时间的两种方法以及initial-time播放的时候进度显示播放却重新播放的问题
weixin_44295184的博客
10-10 1793
uniapp微信小程序PC端Video设置播放初始时间的两种方法
Unity Android上视频使用Seek方法跳转有误差
weixin_30349597的博客
01-08 214
Android中seek方法的跳转位置其实不是参数的位置，而是视频离参数最近的关键帧的位置，所以经常会发生视频在seek的时候会导致位置有偏差。。。。 解决方法：修改视频关键帧数量。 方法1.Pr中可以导出视频的时候修改关键帧间隔。 方法2.使用FFmpeg工具。 FFmpeg的安装可以参考：https://jingyan.baidu.com/article/f7ff0bfcd64cea...
uniapp实现点击播放功能
AAuchina的博客
06-28 1527
以上是一个简单的uni-app实现点击播放功能的示例，你可以根据实际需求和项目结构进行适当的调整和修改。在实际开发中，你可能需要使用具体的视频或音频播放插件来实现更高级的功能，例如uni-AD/video插件、uni-AD/audio插件等，可以根据插件提供的API来进行具体的播放操作。时，按钮文本显示为"暂停"，并显示"视频正在播放"的文本。在uni-app项目中创建一个"播放器"页面或组件。在data中添加一个变量，用于控制播放状态。的值，可以在模板中切换按钮显示的文本或样式。// 其他播放操作…
uniapp中video视频手动控制播放和暂停
热门推荐
qq_40591925的博客
03-16 1万+
html: <video id="myVideo" :src="liveBackplay_url"></video> js: this.videoContext = uni.createVideoContext('myVideo');//创建视频实例指向video 使用： this.videoContext.play(); 播放 this.videoContext.pause(); 暂停
uniapp之音频播放器
weixin_72222776的博客
03-25 5710
uniapp音频播放器
uniapp中video播放方法
06-02
在uniapp中，可以使用 `<video>` 标签来播放视频，具体方法如下： 1. 在页面中添加 `<video>` 标签： ```html <video src="http://example.com/path/to/video.mp4"></video> ``` 2. 在 `<script>` 中监听 `<video>` 的生命周期事件，例如 `loadedmetadata`，`play`，`pause`，`ended` 等事件，以便对视频进行控制。 ```html <template> <video src="http://example.com/path/to/video.mp4" @loadedmetadata="onLoadedMetadata" @play="onPlay" @pause="onPause" @ended="onEnded"></video> </template> <script> export default { methods: { onLoadedMetadata() { console.log('视频元数据已加载'); }, onPlay() { console.log('视频开始播放'); }, onPause() { console.log('视频暂停'); }, onEnded() { console.log('视频播放结束'); } } } </script> ``` 3. 在 `<script>` 中使用 `uni.createVideoContext(id)` 方法获取 `<video>` 的上下文，以便对视频进行更精细的控制，例如播放、暂停、跳转等操作。 ```html <template> <video id="my-video" src="http://example.com/path/to/video.mp4"></video> <button @click="playVideo">播放</button> <button @click="pauseVideo">暂停</button> <button @click="seekVideo(30)">跳转到30秒</button> </template> <script> export default { methods: { playVideo() { uni.createVideoContext('my-video').play(); }, pauseVideo() { uni.createVideoContext('my-video').pause(); }, seekVideo(position) { uni.createVideoContext('my-video').seek(position); } } } </script> ``` 以上就是在uniapp中播放视频的方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

随风飘bill

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

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

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

打赏作者

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

抵扣说明：

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

余额充值