v1.0.45

README.md

@@ -14,25 +14,6 @@ Website: https://oplayer.vercel.app | https://shiyiya.github.io/oplayer
 
 ![oplayer](./oplayer.png)
 
-## 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
 
 ### 1. Use the module manager to import:
@@ -89,14 +70,3 @@ Player.make(document.getElementById('oplayer'), {
 
 - [UPV](https://月色真美.life) : free animes no ad
 - [enime.moe](https://enime.moe) : An anime streaming site. Just hop in and watch with speed without VPN or ads
-- ...
-
-## Thanks
-
-- [Boy\_\_Yan](https://www.iconfont.cn/collections/detail?cid=40262)
-- [1214monkey](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=12086)
-- [loop](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=15901)
-- [quality](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=13520)
-- [speed](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=39216)
-
-- https://developer.mozilla.org/zh-CN/docs/Web/CSS/::backdrop

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oplayer/core",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "Oh! Another web video player.",
   "type": "module",
   "main": "./dist/index.es.js",

packages/danmaku/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oplayer/danmaku",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "Danmaku plugin for oplayer",
   "type": "module",
   "main": "./dist/index.es.js",

packages/dash/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oplayer/dash",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "Dash plugin for oplayer",
   "type": "module",
   "main": "./dist/index.es.js",

packages/hls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oplayer/hls",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "Hls plugin for oplayer",
   "type": "module",
   "main": "./dist/index.es.js",

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oplayer/react",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "React wrapper for oplayer.",
   "type": "module",
   "main": "./dist/index.es.js",

packages/torrent/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oplayer/torrent",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "Torrent plugin for oplayer.",
   "type": "module",
   "main": "./dist/index.es.js",

packages/ui/README.md

@@ -1,3 +1,77 @@
 # oplayer-theme-snow
 
-Offical ui for oplayer
+ui plugin for oplayer
+
+## Usage
+
+```ts
+OUI({
+  autoFocus: true,
+  screenshot: true,
+  theme: { primaryColor: '#f00' },
+  subtitle: {
+    color: 'hotpink',
+    fontSize: isMobile ? 16 : 20,
+    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: '－－终わり－－'
+    }
+  ],
+  menu: [
+    {
+      name: 'source',
+      children: [
+        {
+          name: 'mp4',
+          default: true,
+          value: 'https://oplayer.vercel.app/君の名は.mp4'
+        },
+        {
+          name: 'hls',
+          value: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8'
+        },
+        {
+          name: 'dash',
+          value: 'https://dash.akamaized.net/akamai/bbb_30fps/bbb_30fps.mpd'
+        }
+      ],
+      onChange({ value }) {
+        player.changeSource({ src: value })
+      }
+    }
+  ]
+})
+```
+
+## Icon
+
+- [Boy\_\_Yan](https://www.iconfont.cn/collections/detail?cid=40262)
+- [1214monkey](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=12086)
+- [loop](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=15901)
+- [quality](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=13520)
+- [speed](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=39216)

packages/ui/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oplayer/ui",
-  "version": "1.0.44",
-  "description": "Official ui for oplayer",
+  "version": "1.0.45",
+  "description": "ui plugin for oplayer",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/index.d.ts",

packages/ui/src/components/Error.ts

@@ -16,7 +16,6 @@ const errorCls = $.css(`
   font-size: 1em;
   background: #000;
   z-index: 99;
-  justify-content: center;
   align-items: center;
   padding: 0 10px;
   -moz-user-select: text;