init artplayerPluginAds

packages/artplayer-plugin-ads/.npmignore

@@ -0,0 +1,10 @@
+node_modules
+.DS_Store
+yarn.lock
+package-lock.json
+test
+coverage
+.nyc_output
+.parcel-cache
+.cache
+docs

packages/artplayer-plugin-ads/.npmrc

@@ -0,0 +1 @@
+package-lock=false

packages/artplayer-plugin-ads/README.md

@@ -0,0 +1,15 @@
+# artplayer-plugin-ads
+
+Ads plugin for ArtPlayer
+
+## Demo
+
+[https://artplayer.org](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-ads/index.js&example=ads)
+
+## Usage
+
+[https://artplayer.org/document/en/Plugins/ads](https://artplayer.org/document/en/Plugins/ads)
+
+## License
+
+MIT © Harvey Zack

packages/artplayer-plugin-ads/package.json

@@ -0,0 +1,23 @@
+{
+  "license": "MIT",
+  "version": "4.4.8",
+  "name": "artplayer-plugin-ads",
+  "types": "types/artplayer-plugin-ads.d.ts",
+  "description": "Ads plugin for ArtPlayer",
+  "main": "dist/artplayer-plugin-ads.js",
+  "author": "Harvey Zack <laozhaochaguan@gmail.com>",
+  "browserslist": "> 0.5%, last 2 versions, not dead",
+  "homepage": "https://artplayer.org",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zhw2590582/ArtPlayer.git"
+  },
+  "bugs": {
+    "url": "https://github.com/zhw2590582/ArtPlayer/issues"
+  },
+  "keywords": [
+    "html5",
+    "video",
+    "player"
+  ]
+}

packages/artplayer-plugin-ads/src/index.js

@@ -0,0 +1,15 @@
+export default function artplayerPluginAds(option) {
+    return (art) => {
+        return {
+            name: 'artplayerPluginAds',
+        };
+    };
+}
+
+artplayerPluginAds.env = process.env.NODE_ENV;
+artplayerPluginAds.version = process.env.APP_VER;
+artplayerPluginAds.build = process.env.BUILD_DATE;
+
+if (typeof window !== 'undefined') {
+    window['artplayerPluginAds'] = artplayerPluginAds;
+}

packages/artplayer-plugin-ads/types/artplayer-plugin-ads.d.ts

@@ -0,0 +1,164 @@
+import type Artplayer from 'artplayer';
+
+export = artplayerPluginAds;
+export as namespace artplayerPluginAds;
+
+type Danmu = {
+    /**
+     * 弹幕文本
+     */
+    text: string;
+
+    /**
+     * 弹幕发送模式，0为滚动，1为静止
+     */
+    mode?: 0 | 1;
+
+    /**
+     * 弹幕颜色
+     */
+    color?: string;
+
+    /**
+     * 弹幕出现的时间，单位为秒
+     */
+    time?: number;
+
+    /**
+     * 弹幕是否有描边
+     */
+    border?: boolean;
+};
+
+type Option = {
+    /**
+     * 弹幕源，可以是弹幕数组，xml 地址或者一个返回 Promise 的函数
+     */
+    danmuku: Danmu[] | string | (() => Promise<Danmu[]>) | Promise<Danmu[]>;
+
+    /**
+     * 弹幕持续时间，单位秒，范围在[1 ~ 10]
+     */
+    speed?: number;
+
+    /**
+     * 弹幕上下边距，支持数字和高度的百分比
+     */
+    margin?: [number | `${number}%`, number | `${number}%`];
+
+    /**
+     * 弹幕透明度，范围在[0 ~ 1]
+     */
+    opacity?: number;
+
+    /**
+     * 默认字体颜色
+     */
+    color?: string;
+
+    /**
+     * 默认弹幕发送模式，0为滚动，1为静止
+     */
+    mode?: 0 | 1;
+
+    /**
+     * 字体大小，支持数字和高度的百分比
+     */
+    fontSize?: number | `${number}%`;
+
+    /**
+     * 弹幕过滤函数，返回 true 则可以发送
+     */
+    filter?: (danmu: Danmu) => boolean;
+
+    /**
+     * 是否防重叠
+     */
+    antiOverlap?: boolean;
+
+    /**
+     * 是否使用 web worker
+     */
+    useWorker?: boolean;
+
+    /**
+     * 是否同步到播放速度
+     */
+    synchronousPlayback?: boolean;
+
+    /**
+     * 输入框锁定时间，单位秒，范围在[1 ~ 60]
+     */
+    lockTime?: number;
+
+    /**
+     * 输入框最大可输入的字数，范围在[0 ~ 500]
+     */
+    maxLength?: number;
+
+    /**
+     * 输入框最小宽度，范围在[0 ~ 500]，填 0 则为无限制
+     */
+    minWidth?: number;
+
+    /**
+     * 输入框最大宽度，范围在[0 ~ Infinity]，填 0 则为 100% 宽度
+     */
+    maxWidth?: number;
+
+    /**
+     * 通过 mount 选项可以自定义输入框挂载的位置，默认挂载于播放器底部，仅在当宽度小于最小值时生效
+     */
+    mount?: Element;
+
+    /**
+     * 输入框自定义挂载时的主题色，默认为 dark，可以选填亮色 light
+     */
+    theme?: 'dark' | 'light';
+
+    /**
+     * 发送弹幕前的自定义校验，返回 true 则可以发送
+     */
+    beforeEmit?: (danmu: Danmu) => boolean;
+};
+
+type danmuku = {
+    name: 'artplayerPluginDanmuku';
+
+    /**
+     * 发送一条实时弹幕
+     */
+    emit: (danmu: Danmu) => danmuku;
+
+    /**
+     * 重载弹幕源，或者切换新弹幕
+     */
+    load: () => Promise<danmuku>;
+
+    /**
+     * 实时改变弹幕配置
+     */
+    config: (option: Option) => danmuku;
+
+    /**
+     * 隐藏弹幕层
+     */
+    hide: () => danmuku;
+
+    /**
+     * 显示弹幕层
+     */
+    show: () => danmuku;
+
+    /**
+     * 是否隐藏弹幕层
+     */
+    isHide: boolean;
+
+    /**
+     * 是否弹幕层停止状态
+     */
+    isStop: boolean;
+};
+
+declare const artplayerPluginAds: (option: Option) => (art: Artplayer) => danmuku;