chimeejs / chimee-player Goto Github PK
View Code? Open in Web Editor NEWA complete set of H5 player. 这是一套包含UI插件、FLV和HLS解码器的快速上手解决方案,可以按您的业务场景适当调整依赖后重新构建打包。
Home Page: http://chimee.org/#demo
A complete set of H5 player. 这是一套包含UI插件、FLV和HLS解码器的快速上手解决方案,可以按您的业务场景适当调整依赖后重新构建打包。
Home Page: http://chimee.org/#demo
参考 chimee 的 esm 版本,可浏览器直接 import 引入
本人也有在做网页播放器的相关业务工作,遇到最头疼的莫过于国产手机浏览器厂商,对 video 标签的劫持问题,基本上自己写的 video 相关的控制栏样式完全没有什么意义,会被不同的手机浏览器做不同的样式展示,不知道 chimee-player 在做H5播放器的 UI 时,做到了哪一步,有没有什么解决方案呢?
拉其他依赖没问题 但是拉chimee-player就一直卡在checking installable status
我的代码
var vie = new ChimeePlayer({
wrapper: '#wrapper',
// src:"http://cdn.toxicjohann.com/lostStar.mp4",
controls: true,
autoplay: false,
// plugin: [popup.name],
autoload: false
})
打包后,日志报错
Uncaught SyntaxError: Unexpected token ] chimee-player.browser.js:27620
var getCharForByte = function getCharForByte(byte) {
var charCode = byte;
if (specialCea608CharsCodes.hasOwnProperty(byte)) charCode = specialCea608CharsCodes[byte];
return String.fromCharCode(charCode);
};
flv格式的视频源频繁的切换直播,初始化播放器,会报这样的错误。
chimee-player.browser.js:43052 DOMException: Failed to execute 'appendBuffer' on 'SourceBuffer': This SourceBuffer has been removed from the parent media source.
怎么播放rtsp?或者用什么方式可以播放rtsp?
为什么[email protected]的依赖chimee版本是0.11.0,不是0.12.0,网络摄像头播放直播流特别卡,但使用演示平台就没有问题,不知道跟这个有没有关系?
设置为box: 'hls'
提示的是 chimee-kernel-hls hlsError internalException
报错:vendor.1fd61b8e0a1f3bc4b8db.js:72323 [chimee-kernel-hls hlsError] > bufferSeekOverHole
有的都能播放,有的只有音频,没有视频,有的音频和视频都没有,这是咋回事呢?谢谢!
http://chimee.org/#demo demo 样式有问题
视频播放结束触发的是‘pause’事件,不触发ended事件,怎么捕获视频播放结束事件?
Welcome feedback
chrome版本 73.0.3683.103。
表现为m3u8资源在控制台里正常加载,但是播放器整个不显示,播放区域是透明的,也不报错。
半年前没问题,是最近才出现的,而且同样页面在360浏览器里仍然正常播放,猜测是新版chrome内核有什么调整导致的。
直接在vue中
import("chimee-player").then(s => {
const ChimeePlayer = s.default;
let box = this.palyermaps[this.property.option.playertype].box;
let isLive = this.palyermaps[this.property.option.playertype].isLive;
let src = this.property.option.src;
this.Instance && this.Instance.destroy();
this.Instance = new ChimeePlayer({
// 播放地址
src: src,
// 直播:live 点播:vod
isLive: isLive,
// 编解码容器
box: box,
poster: this.property.option.poster,
// dom容器
wrapper: this.$el,
// video
autoplay: this.property.option.autoplay,
loop: this.property.option.loop,
muted: this.property.option.muted,
controls: true,
crossOrigin: "anonymous"
});
});
样式丢失
angualr基于ts开发,chimee还没支持,所以ts 引入和文档不太一样,
import * as Chimee from 'chimee-player';
后续开发再来补充其他的区别
比如chrome浏览器报错“Uncaught (in promise) DOMException: The element has no supported source“,但是safari浏览器能正常播放,换别的视频软件也出现这个问题,这是否是chrome的兼容性问题,有没有好的办法
https://cdn.baomitu.com/chimee-player 现在叫 index.browser.js
有点不好看,推荐改成 chimee.js
之类的正常一点的名字。
目前倍速播放基本是视频网站标配了?我们插件有无考虑增加此功能?
我用windows的dos命令copy把ts文件跟png文件合并后生成新的png文件作为m3u8列表的文件,chimee无法播放,请问是什么原因,我该怎么处理
请问支持G711U编码的音频吗?我播音频是G711U编码的视频好像没有声音
比如chrome浏览器报错“Uncaught (in promise) DOMException: The element has no supported source“
目前未找到对应的解码方案,能支持吗?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.