OPlayer
Oh! Another HTML5 video player.
Website: https://oplayer.vercel.app | https://shiyiya.github.io/oplayer
Examples: ./examples | Contributing
Discussions: Discord | GitHub Discussions | QQGroup
Feature
- Streaming formats
- HLS
- MPEG DASH
- WebTorrent
- FLV
- Any other custom streaming formats
- Media formats
- MP4 H.264
- WebM
- Ogg Theora Vorbis
- Features
- Danmaku
- Screenshot
- Hotkeys
- Thumbnails
- Subtitle
Usage
pnpm i @oplayer/core @oplayer/ui @oplayer/danmaku
# or
yarn add @oplayer/core @oplayer/ui @oplayer/danmakuimport Player from '@oplayer/core'
import ui from '@oplayer/ui'
import danmaku from '@oplayer/danmaku'
Player.make(document.body, {
source: {
src: 'https://oplayer.vercel.app/君の名は.mp4',
poster: 'https://oplayer.vercel.app/poster.png'
}
})
.use([
danmaku({ source: 'https://oplayer.vercel.app/danmaku.xml' }),
ui({
theme: { primaryColor: '#f00' },
subtitle: {
source: [
{
name: 'Default',
default: true,
src: 'https://oplayer.vercel.app/君の名は.srt'
}
]
},
thumbnails: { src: 'https://oplayer.vercel.app/thumbnails.jpg', number: 100 },
highlight: [
{
time: 12,
text: '谁でもいいはずなのに'
},
{
time: 34,
text: '夏の想い出がまわる'
},
{
time: 58,
text: 'こんなとこにあるはずもないのに'
},
{
time: 88,
text: '－－终わり－－'
}
]
})
])
.create()Official plugin
Who use OPlayer?
- UPV : free animes no ad
- ...