If there are multiple videos you can control player with id that defined by yourself. viewCore (id, player) { console.log(id, player) this.players[id] = player } example HLS import HLSCore from '@cloudgeek/play
main.js 里 import { createApp } from "vue"; const app = createApp(); app.use(...) 另外看了下你用的vue-core-video-player的这个库好像没有vue3版本的,还是用vue2.x写的, sovue3项目里应该用不了这个库,重新找个支持vue3.0的吧 有用1 回复 查看全部 3 个回答 推荐问题 想在H5项目,Vue3中...
'https://static.smartisanos.cn/common/video/production/delta/r2.mp4', liveStrSource: 'https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8', }; }, methods:{ viewCore(id,player){ console.log(id,player); this.players[id]=player; ...
地址: https://github.com/LarchLiu/vue3-video-player 这个上面有例子,可以参考。 如果出现问题: npm install @cloudgeek/playcore-hls --save 效果:
@cloudgeek/playcore-hls Support HLS file playback via hls.js hls vue3-video-player cloudgeek• 0.1.7 • 3 years ago • 3 dependents • MITpublished version 0.1.7, 3 years ago3 dependents licensed under $MIT 210 no-framework-video-player A no framework video player.you can use ...
自定义程度较高但是如果希望快速实现一个还算是美观的播放器,videoJs就稍显逊色了。如果我们希望实现弹幕功能,自己手写确实是一种方法,但是消耗时间比较多,需要反复调试,如果采用现有轮子的话,CommentCoreLibrary是相对来说比较好的选择,可是如果需要同时引用多个video渲染包可能需要考虑兼容性等等问题,而且我看了下Comment...
Vue3使用vue3-video-player 摘要:地址: https://github.com/LarchLiu/vue3-video-player 这个上面有例子,可以参考。 如果出现问题: npm install @cloudgeek/playcore-hls --save 效果: 阅读全文 posted @ 2021-05-15 22:47 青花メ 阅读(3534) 评论(0) 推荐(0) ...
选用vue3VideoPlay这个插件,值得注意的是,这个插件有一个问题,其默认package.json中有一个路径是错的,要改写成下面这个: 另外,该插件官方的文档也有点问题,mp4文件不知道为什么播放不了,本地文件也播放不了…… 经过测试,网络m3u8文件可以播放,所以下面使用此格式进行播放。(如何获得m3u8链接,写在了补充部分) 代码...
vue-core-video-player 3D WebGL threejs官网GitHub babylonjs官网 AR model-viewer 游戏 Eva.js Eva-plugin-renderer Eva-plugin-renderer-img官网 浏览器相关的插件 devtools-detector 判断浏览器是否打开了控制台 特效 营销组件 抽奖转盘/九宫格/老虎机 ...
vue-video-player- VueJS视频及直播播放器 vue-fullcalendar- 基于vue.js的全日历组件 rubik- 基于Vuejs2的开源 UI 组件库 VueStar- 带星星动画的vue点赞按钮 vue-mugen-scroll- 无限滚动组件 mint-loadmore- VueJS的双向下拉刷新组件 vue-tables-2- 显示数据的bootstrap样式网格 ...