ad

今日,我想和大伙儿共享一个优异的可拓展的多用途H5游戏玩家架构Chimee。

mp4高清播放器有哪些-免费视频播放器使用方法-第1张图片H5直播间/点播播放器直播播放器。

奇美舞蹈团视频云前面制做的H5模块化设计视频播放软件,大牌明星达到2.2K 。适用mp4.m3u8.flv等文件格式,让开发人员快速迭代开发设计。

mp4高清播放器有哪些-免费视频播放器使用方法-第2张图片作用特性

最先奇美是一个视频播放软件。

可以播放 mp4.m3u8.flv 等多种多样文件格式的rtmp协议。处理绝大多数的兼容问题,可以处理包含全屏幕.全屏播放.内联播放视频等普遍视頻5201;求。

次之,奇美是根据视頻设计方案的组件化架构。

允许大家应用软件切分业务流程上与视頻有关的作用。针对每一个部件而言,他们的撰写都等同于立即实际操作 video 原素,简单便捷。会整理好软件间的等级关联,使我们可免于被 z-index 困惑。给予了如全透明软件.透过软件.内表层软件等各种方式,可以遮盖多种多样互动场景。给予了多种多样便捷的形式使我们开展部件间的沟通交流。容许大家界定高优先软件,进而使我们高效进行工作上的广告宣传要求。适用多线程部件。mp4高清播放器有哪些-免费视频播放器使用方法-第3张图片固定不动$ npm i chimee -S

应用软件

import Chimee from 'chimee';const chimee = new Chimee({ wrAPPer: '#wrapper', src: 'http://cdn.toxicjohann.com/lostStar.mp4', controls: true, autoplay: true,});chimee.on('play', () => console.log('play!!'));chimee.play();

假如必须播放视频flv或hls文件格式,请发送至视频解码器。

import Chimee from 'chimee';import flv from 'chimee-kernel-flv';import hls from 'chimee-kernel-hls';const chimee = new Chimee({ wrapper: '#wrapper', src: 'http://cdn.toxicjohann.com/lostStar.mp4', controls: true, autoplay: true, kernels: { flv, hls }});chimee.play();mp4高清播放器有哪些-免费视频播放器使用方法-第4张图片构造

针对深层订制需求层次不一样的客户,奇美的横着和1446;向分层次设计方案能够更灵便地达到对应的要求。

mp4高清播放器有哪些-免费视频播放器使用方法-第5张图片假如你采用的是移动智能终端,请应用专为移动智能终端设计方案的奇美播放器。有移动智能终端常见的基本上ui和软件。import ChimeeMobilePlayer from 'chimee-mobile-player';const player = new ChimeeMobilePlayer({ wrapper: '#wrapper', // video dom器皿 src: 'http://cdn.toxicjohann.com/lostStar.mp4', autoplay: true, controls: true, playsInline: true, preload: true, x5VideoPlayerFullscreen: true, x5VideoOrientation: true, xWebkitAirplay: true, muted: true});

除此之外,它还适用自定操纵栏.情况操作界面.弹出来弹出来软件.挪动手势操作和弹出来设定。

mp4高清播放器有哪些-免费视频播放器使用方法-第6张图片mp4高清播放器有哪些-免费视频播放器使用方法-第7张图片mp4高清播放器有哪些-免费视频播放器使用方法-第8张图片mp4高清播放器有哪些-免费视频播放器使用方法-第9张图片mp4高清播放器有哪些-免费视频播放器使用方法-第10张图片

挺好的一套可拓展的H5视频播放软件组件化架构,大伙儿不能错过了哟!这是一个非常好的可拓展的H5视频播放软件部件架构,因此你不能错过了它!

# 文本文档详细地址http://chimee.org/# 库房详细地址https://GitHub.com/Chimeejs/chimee

好啦,就是这样。有感兴趣的小伙伴能够看一看。热烈欢迎共享沟通交流!

qianqu
( 千趣源码网全面的综合平台 )
ad
ad
ad
ad
千趣源码