English | 中文
Chimee is a web video player created by Qiwoo Team. It's based on the web video element. It support multiple media streams, including mp4, m3u8, flv etc.
In most situation, we need to support complex function based on video, such as barrage, advertising. It's hard to maintain them if you we just write it based on video. So we may need to have a frame to sort out the logic and handle the communication. So Chimee offer you a plugin system, so that you can splitt your complex function into multiple plugins. Through this reform of development, developers can decouple logic, to achieve gray-scale release and other functions.
Chimee help developer to achieve video scenes easier and quicker.
Chimee is a web video player
What's more, it's also a component framework based on video element.
z-index problem.npm install --save chimee
TODO: will offer when we publish chimee
You can use chimee directly.
Assume you have a div whose id is wrapper.
<body>
<div id="wrapper">
</div>
</body>
Then you can setup Chimee on it.
import Chimee from 'chimee';
const chimee = new Chimee('#wrapper');
chimee.on('play', () => console.log('play!!'));
chimee.load('http://cdn.toxicjohann.com/lostStar.mp4');
chimee.play(); // play!!
Sometimes we need to custom more, we can pass in an object.
import Chimee from 'chimee';
const chimee = new Chimee({
wrapper: '#wrapper',
src: 'http://cdn.toxicjohann.com/lostStar.mp4',
controls: true,
autoplay: true,
events: {
play () {
console.log('play!!');
}
}
});
// play!!
If you need to play video in flv or hls. You should add preset.
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,
preset: {
flv,
hls
}
});
chimee.play();
If you want to know more about chimee, please click here.
Chimee will use the original skin of browser if you do not use any plugin. You may want to try our UI plugin.
import ui from 'chimee-plugin-ui';
import Chimee from 'chimee';
Chimee.install(ui);
const chimee = new Chimee({
wrapper: '#wrapper',
src: 'http://cdn.toxicjohann.com/lostStar.mp4',
plugins: [ui.name],
controls: false,
autoplay: true
});
If you want to know more about Chimee's plugin, please click here.
If you don't want to care too much. And just need a useful video player. You can install chimes-player, which contain base ui and logger.
import ChimeePlayer from 'chimee-player';
const chimee = new ChimeePlayer({
wrapper: '#wrapper',
src: 'http://cdn.toxicjohann.com/lostStar.mp4',
controls: false,
autoplay: true
});
coming soon~
clone this project
npm install
npm start
Then open http://127.0.0.1:10001/demo/base/index.html
You can choose another page as you want
Please read the realase notes.
FAQs
a video-player aims to bring wonderful experience on browser
The npm package chimee receives a total of 22 weekly downloads. As such, chimee popularity was classified as not popular.
We found that chimee demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.