diff --git a/package.json b/package.json index 455e3092f..a9a49f237 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,7 @@ "start": "npx cross-env NODE_ENV=development npx servor docs index.html 8081 5000", "build": "npx cross-env NODE_ENV=production node ./scripts/build.js", "build:all": "npm run build all && git add . && git commit -m \"build all packages\" -n", - "test": "npx cross-env NODE_ENV=test mocha-chrome ./test/index2.html --mocha '{\"ui\":\"bdd\"}'", + "test": "npx cross-env NODE_ENV=test mocha-chrome ./test/index.html --mocha '{\"ui\":\"bdd\"}'", "lint": "npx eslint packages/*/src", "sizereport": "npx sizereport --config" }, @@ -67,6 +67,7 @@ "node-html-parser": "^5.1.0", "node-sass": "^6.0.1", "postcss": "^8.3.11", + "prettier": "^2.5.0", "rollup": "^2.60.1", "rollup-plugin-eslint": "^7.0.0", "rollup-plugin-postcss": "^4.0.2", diff --git a/scripts/createTests.js b/scripts/createTests.js index b1eae0da4..5854c1b94 100644 --- a/scripts/createTests.js +++ b/scripts/createTests.js @@ -2,6 +2,7 @@ const fs = require('fs'); const path = require('path'); const glob = require('glob'); const { parse } = require('node-html-parser'); +const prettier = require('prettier'); const htmls = glob .sync(path.join(process.cwd(), 'docs/document/zh-cn/**/*.html')) @@ -24,7 +25,7 @@ const htmls = glob .flat(Infinity) .filter((item) => item.trim().startsWith('var art')) .map((item) => item.replace(/\/assets/g, 'https://artplayer.org/assets')) - .map((item) => item.replace(/\s{3}/g, '\n ')); + .map((item) => item.replace(/\s{3}/g, '\n ')); const tests = ` describe('Document', function() { @@ -47,4 +48,5 @@ describe('Document', function() { }); `; -fs.writeFileSync(path.join(process.cwd(), 'test/document.test.js'), tests); +const format = prettier.format(tests, { semi: true, parser: 'babel' }); +fs.writeFileSync(path.join(process.cwd(), 'test/document.test.js'), format); diff --git a/test/document.test.js b/test/document.test.js index 44eca96bc..6219a73e0 100644 --- a/test/document.test.js +++ b/test/document.test.js @@ -1,2001 +1,2007 @@ -describe('Document', function () { - afterEach(function () { - [...Artplayer.instances].forEach((art) => { - art.destroy(true); - }); +describe("Document", function () { + afterEach(function () { + [...Artplayer.instances].forEach((art) => { + art.destroy(true); + }); + }); + + it("Test0", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + var $video = art.template.query(".art-video"); + console.info($video); }); - it('Test0', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - var $video = art.template.query('.art-video'); - console.info($video); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test1", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + var $video = art.query(".art-video"); + console.info($video); }); - it('Test1', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - var $video = art.query('.art-video'); - console.info($video); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test2", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.storage.set("your-key", "your-value"); + art.storage.get("your-key"); + art.storage.del("your-key"); + art.storage.clean(); + + expect(art.id).to.be.an("number"); + }); + + it("Test3", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.i18n.get("Play")); }); - it('Test2', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.storage.set('your-key', 'your-value'); - art.storage.get('your-key'); - art.storage.del('your-key'); - art.storage.clean(); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test4", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + lang: "jp", + }); + art.i18n.update({ + "zh-cn": { + Language: "简体", + }, + "zh-tw": { + Language: "繁體", + }, + en: { + Language: "English", + }, + jp: { + Language: "日文", + }, + fr: { + Language: "Français", + }, + ru: { + Language: "Russe", + }, }); - it('Test3', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.i18n.get('Play')); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test5", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + subtitle: { + url: "https://artplayer.org/assets/sample/subtitle.srt", + + encoding: "utf-8", + + bilingual: true, + + style: { + color: "#03A9F4", + + "font-size": "30px", + }, + }, + }); + art.on("ready", () => { + art.seek = 20; + setTimeout(() => { + art.subtitle.style({ + color: "red", + + "font-size": "40px", + }); + }, 3000); }); - it('Test4', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - lang: 'jp', - }); - art.i18n.update({ - 'zh-cn': { - Language: '简体', - }, - 'zh-tw': { - Language: '繁體', - }, - en: { - Language: 'English', - }, - jp: { - Language: '日文', - }, - fr: { - Language: 'Français', - }, - ru: { - Language: 'Russe', - }, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test6", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + subtitle: { + url: "https://artplayer.org/assets/sample/subtitle.srt", + + encoding: "utf-8", + + bilingual: true, + + style: { + color: "#03A9F4", + + "font-size": "30px", + }, + }, + }); + art.on("ready", () => { + art.seek = 20; + setTimeout(() => { + art.subtitle.switch("https://artplayer.org/assets/sample/subtitle.srt"); + }, 3000); }); - it('Test5', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - subtitle: { - url: 'https://artplayer.org/assets/sample/subtitle.srt', + expect(art.id).to.be.an("number"); + }); - encoding: 'utf-8', + it("Test7", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + var img = "https://artplayer.org/assets/sample/layer.png"; + art.on("ready", () => { + setTimeout(() => { + art.layers.add({ + html: ``, - bilingual: true, + style: { + position: "absolute", - style: { - color: '#03A9F4', + top: "20px", - 'font-size': '30px', + right: "20px", + + opacity: ".9", + }, + }); + }, 3000); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test8", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.notice.show = "自定义提示信息1"; + art.notice.show = "自定义提示信息2"; + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test9", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + setTimeout(() => { + art.controls.show = false; + }, 3000); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test10", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + setTimeout(() => { + art.controls.add({ + position: "right", + + index: 10, + + html: "自定义按钮", + + tooltip: "自定义按钮的提示", + + click: function () { + console.log("你点击了自定义按钮"); + }, + }); + }, 3000); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test11", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.contextmenu.show = true; + setTimeout(() => { + art.contextmenu.show = false; + }, 3000); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test12", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.contextmenu.show = true; + setTimeout(() => { + art.contextmenu.add({ + html: "自定义菜单", + + click: function () { + console.info("你点击了自定义菜单"); + + art.contextmenu.show = false; + }, + }); + }, 3000); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test13", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.loading.show = true; + setTimeout(() => { + art.loading.show = false; + }, 3000); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test14", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.mask.show = true; + setTimeout(() => { + art.mask.show = false; + }, 3000); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test15", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.hotkey.add(65, () => { + console.info("你点击了 A 键"); + }); + art.hotkey.add(66, () => { + console.info("你点击了 B 键"); + }); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test16", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + setting: true, + autoSize: true, + }); + art.on("ready", () => { + art.seek = 20; + art.setting.show = true; + setTimeout(() => { + art.setting.show = false; + }, 3000); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test17", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + setting: true, + autoSize: true, + }); + art.on("ready", () => { + art.seek = 20; + art.setting.show = true; + art.setting.add({ + html: "自定义设置", + + click: function () { + console.info("你点击了自定义设置"); + + art.setting.show = false; + }, + }); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test18", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(Artplayer.instances.length); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test19", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("video:play", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test20", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test21", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("play", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test22", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("pause", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test23", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("seek", (...args) => { + console.info(args); + }); + art.on("ready", (...args) => { + art.seek = 5; + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test24", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("volume", (...args) => { + console.info(args); + }); + art.on("ready", (...args) => { + art.volume = 0.5; + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test25", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("destroy", (...args) => { + console.info(args); + }); + art.on("ready", (...args) => { + art.destroy(); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test26", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("focus", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test27", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("blur", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test28", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("hover", (state) => { + // state 为true时，鼠标从外面移进播放器 + // state 为false时，鼠标从播放器移出外面 + console.info(state); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test29", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + autoSize: true, + }); + art.on("resize", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test30", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("mousemove", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test31", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("url", (...args) => { + console.info(args); + }); + art.on("ready", (...args) => { + art.url = "https://artplayer.org/assets/sample/video.mp4?t=0"; + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test32", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + fullscreen: true, + }); + art.on("fullscreen", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test33", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + fullscreenWeb: true, + }); + art.on("fullscreenWeb", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test34", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("hotkey", (...args) => { + console.info(args); + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test35", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test36", function () { + var art = new Artplayer({ + container: ".artplayer-app", + // container: document.querySelector('.artplayer-app'), + url: "https://artplayer.org/assets/sample/video.mp4", + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test37", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test38", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + poster: "https://artplayer.org/assets/sample/poster.jpg", + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test39", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + title: "【新海诚动画】『秒速5センチメートル』", + screenshot: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test40", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + theme: "#ffad00", + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test41", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + volume: 0.5, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test42", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + isLive: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test43", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + muted: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test44", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + autoplay: true, + muted: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test45", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + autoMini: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test46", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + loop: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test47", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + flip: true, + setting: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test48", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + rotate: true, + setting: true, + autoSize: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test49", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + playbackRate: true, + setting: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test50", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + aspectRatio: true, + setting: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test51", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + screenshot: true, + // 可选 + moreVideoAttr: { + crossOrigin: "anonymous", + }, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test52", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + setting: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test53", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + hotkey: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test54", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + pip: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test55", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + mutex: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test56", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + fullscreen: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test57", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + fullscreenWeb: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test58", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + subtitle: { + url: "https://artplayer.org/assets/sample/subtitle.srt", + }, + setting: true, + subtitleOffset: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test59", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + miniProgressBar: true, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test60", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + localVideo: true, + controls: [ + { + name: "preview", + + position: "right", + + html: "打开视频", + + mounted: ($preview) => { + art.plugins.localVideo.attach($preview); + }, + }, + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test61", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + localSubtitle: true, + controls: [ + { + name: "preview", + + position: "right", + + html: "打开字幕", + + mounted: ($preview) => { + art.plugins.localSubtitle.attach($preview); + }, + }, + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test62", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + setting: true, + settings: [ + { + disable: false, + + name: "button", + + index: 10, + + html: "自定义按钮", + + tooltip: "自定义按钮的提示1", + + style: { + color: "red", + }, + + click: function () { + console.log("你点击了自定义按钮1"); + }, + + mounted: function () { + console.log("自定义按钮挂载完成1"); + }, + }, + + { + html: "自定义按钮2", + + tooltip: "自定义按钮的提示2", + + style: { + color: "green", + }, + + click: function () { + console.log("你点击了自定义按钮2"); + }, + }, + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test63", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + contextmenu: [ + { + html: "自定义菜单", + + click: function () { + console.info("你点击了自定义菜单"); + + art.contextmenu.show = false; + }, + }, + ], + }); + art.on("ready", () => { + art.contextmenu.show = true; + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test64", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + controls: [ + { + disable: false, + + name: "button", + + index: 10, + + position: "right", + + html: "自定义按钮", + + tooltip: "自定义按钮的提示1", + + style: { + color: "red", + }, + + click: function () { + console.log("你点击了自定义按钮1"); + }, + + mounted: function () { + console.log("自定义按钮挂载完成1"); + }, + }, + + { + position: "left", + + html: "自定义按钮2", + + tooltip: "自定义按钮的提示2", + + style: { + color: "green", + }, + + click: function () { + console.log("你点击了自定义按钮2"); + }, + }, + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test65", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + quality: [ + { + default: true, + + html: "SD 480P", + + url: "https://artplayer.org/assets/sample/video.mp4", + }, + + { + html: "HD 720P", + + url: "https://artplayer.org/assets/sample/video.mp4", + }, + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test66", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + highlight: [ + { + time: 60, + + text: "One more chance", + }, + + { + time: 120, + + text: "谁でもいいはずなのに", + }, + + { + time: 180, + + text: "夏の想い出がまわる", + }, + + { + time: 240, + + text: "こんなとこにあるはずもないのに", + }, + + { + time: 300, + + text: "－－终わり－－", + }, + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test67", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + whitelist: ["iPhone OS 11"], + // whitelist: ['*'], + // whitelist: [(ua) => /iPhone OS 11/gi.test(ua)], + // whitelist: [/iPhone OS 11/gi], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test68", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + thumbnails: { + url: "https://artplayer.org/assets/sample/thumbnails.png", + + number: 100, + + width: 160, + + height: 90, + + column: 10, + }, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test69", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + subtitle: { + url: "https://artplayer.org/assets/sample/subtitle.srt", + + encoding: "utf-8", + + bilingual: true, + + style: { + color: "#03A9F4", + + "font-size": "30px", + }, + }, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test70", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + moreVideoAttr: { + "webkit-playsinline": true, + + playsInline: true, + }, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test71", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + icons: { + loading: '', + + state: '', + + play: "", + + pause: "", + + volume: "", + + volumeClose: "", + + subtitle: "", + + screenshot: "", + + setting: "", + + fullscreen: "", + + fullscreenWeb: "", + + pip: "", + }, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test72", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.flv", + type: "flv", + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test73", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.flv", + customType: { + flv: function (video, url, art) { + // video: 视频dom元素 + // url: 视频地址 + // art: 当前实例 + }, + }, + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test74", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + lang: "en", + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test75", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + autoSize: true, + setting: true, + playbackRate: true, + fullscreenWeb: true, + plugins: [ + artplayerPluginDanmuku({ + // 弹幕数组 + + danmuku: [ + { + text: "111", // 弹幕文本 + + time: 1, // 发送时间，单位秒 + + color: "#fff", // 弹幕局部颜色 + + border: false, // 是否显示描边 + + mode: 0, // 弹幕模式: 0表示滚动、1静止 + }, + + { + text: "222", + + time: 2, + + color: "red", + + border: true, + + mode: 0, + }, + + { + text: "333", + + time: 3, + + color: "green", + + border: false, + + mode: 1, + }, + ], + + speed: 5, // 全局持续时间 + + opacity: 1, // 全局透明度 + + color: "#fff", // 全局字体颜色 + + size: 25, // 全局字体大小 + + maxlength: 50, // 全局最大长度 + + margin: [10, 20], // 距离顶部和距离底部的高度值 + + synchronousPlayback: false, // 是否同步到播放速度 + }), + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test76", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + plugins: [ + artplayerPluginDanmuku({ + // 弹幕 XML 文件，和 Bilibili 网站的弹幕格式一致 + + danmuku: "https://artplayer.org/assets/sample/danmuku.xml", + }), + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test77", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + plugins: [ + artplayerPluginDanmuku({ + // 使用 Promise 异步返回 + + danmuku: function () { + return new Promise((resovle) => { + return resovle([ + { + text: "111", + + time: 1, }, - }, - }); - art.on('ready', () => { - art.seek = 20; - setTimeout(() => { - art.subtitle.style({ - color: 'red', - 'font-size': '40px', - }); - }, 3000); - }); + { + text: "222", - expect(art.id).to.be.an('number'); - }); - - it('Test6', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - subtitle: { - url: 'https://artplayer.org/assets/sample/subtitle.srt', - - encoding: 'utf-8', - - bilingual: true, - - style: { - color: '#03A9F4', - - 'font-size': '30px', + time: 2, }, - }, - }); - art.on('ready', () => { - art.seek = 20; - setTimeout(() => { - art.subtitle.switch('https://artplayer.org/assets/sample/subtitle.srt'); - }, 3000); - }); - expect(art.id).to.be.an('number'); - }); + { + text: "333", - it('Test7', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - var img = 'https://artplayer.org/assets/sample/layer.png'; - art.on('ready', () => { - setTimeout(() => { - art.layers.add({ - html: ``, - - style: { - position: 'absolute', - - top: '20px', - - right: '20px', - - opacity: '.9', - }, - }); - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test8', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.notice.show = '自定义提示信息1'; - art.notice.show = '自定义提示信息2'; - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test9', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - setTimeout(() => { - art.controls.show = false; - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test10', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - setTimeout(() => { - art.controls.add({ - position: 'right', - - index: 10, - - html: '自定义按钮', - - tooltip: '自定义按钮的提示', - - click: function () { - console.log('你点击了自定义按钮'); - }, - }); - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test11', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.contextmenu.show = true; - setTimeout(() => { - art.contextmenu.show = false; - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test12', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.contextmenu.show = true; - setTimeout(() => { - art.contextmenu.add({ - html: '自定义菜单', - - click: function () { - console.info('你点击了自定义菜单'); - - art.contextmenu.show = false; - }, - }); - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test13', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.loading.show = true; - setTimeout(() => { - art.loading.show = false; - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test14', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.mask.show = true; - setTimeout(() => { - art.mask.show = false; - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test15', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.hotkey.add(65, () => { - console.info('你点击了 A 键'); + time: 3, + }, + ]); }); - art.hotkey.add(66, () => { - console.info('你点击了 B 键'); + }, + }), + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test78", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + plugins: [ + artplayerPluginDanmuku({ + danmuku: "https://artplayer.org/assets/sample/danmuku.xml", + }), + ], + controls: [ + { + position: "right", + + html: "隐藏弹幕", + + click: function () { + art.plugins.artplayerPluginDanmuku.hide(); + }, + }, + + { + position: "right", + + html: "显示弹幕", + + click: function () { + art.plugins.artplayerPluginDanmuku.show(); + }, + }, + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test79", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + plugins: [ + artplayerPluginDanmuku({ + danmuku: "https://artplayer.org/assets/sample/danmuku.xml", + }), + ], + controls: [ + { + position: "right", + + html: "隐藏弹幕", + + click: function (_, event) { + if (art.plugins.artplayerPluginDanmuku.isHide) { + art.plugins.artplayerPluginDanmuku.show(); + + event.target.innerText = "隐藏弹幕"; + } else { + art.plugins.artplayerPluginDanmuku.hide(); + + event.target.innerText = "显示弹幕"; + } + }, + }, + ], + }); + + expect(art.id).to.be.an("number"); + }); + + it("Test80", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + plugins: [ + artplayerPluginDanmuku({ + danmuku: "https://artplayer.org/assets/sample/danmuku.xml", + }), + ], + controls: [ + { + position: "right", + + html: "发送弹幕", + + click: function () { + var text = prompt("请输入弹幕文本", "弹幕测试文本"); + + if (!text || !text.trim()) return; + + var color = "#" + Math.floor(Math.random() * 0xffffff).toString(16); + + art.plugins.artplayerPluginDanmuku.emit({ + text: text, + + color: color, + + border: true, }); - }); - - expect(art.id).to.be.an('number'); + }, + }, + ], }); - it('Test16', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - setting: true, - autoSize: true, - }); - art.on('ready', () => { - art.seek = 20; - art.setting.show = true; - setTimeout(() => { - art.setting.show = false; - }, 3000); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); - }); + it("Test81", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + plugins: [ + artplayerPluginDanmuku({ + danmuku: "https://artplayer.org/assets/sample/danmuku.xml", + }), + ], + controls: [ + { + position: "right", - it('Test17', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - setting: true, - autoSize: true, - }); - art.on('ready', () => { - art.seek = 20; - art.setting.show = true; - art.setting.add({ - html: '自定义设置', + html: '弹幕大小：', - click: function () { - console.info('你点击了自定义设置'); + style: { + display: "flex", - art.setting.show = false; - }, + alignItems: "center", + }, + + mounted: function ($setting) { + const $range = $setting.querySelector("input[type=range]"); + + $range.addEventListener("change", () => { + art.plugins.artplayerPluginDanmuku.config({ + fontSize: Number($range.value), + }); }); - }); - - expect(art.id).to.be.an('number'); + }, + }, + ], }); - it('Test18', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(Artplayer.instances.length); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test82", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + muted: true, + }); + art.on("ready", () => { + art.play(); }); - it('Test19', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('video:play', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test83", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + muted: true, + }); + art.on("ready", () => { + art.play(); + setTimeout(() => { + art.pause(); + }, 3000); }); - it('Test20', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test84", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + muted: true, + }); + art.on("ready", () => { + art.toggle(); + setTimeout(() => { + art.toggle(); + }, 3000); }); - it('Test21', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('play', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test85", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.seek = 5; }); - it('Test22', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('pause', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test86", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.forward = 5; }); - it('Test23', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('seek', (...args) => { - console.info(args); - }); - art.on('ready', (...args) => { - art.seek = 5; - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test87", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.seek = 5; + setTimeout(() => { + art.backward = 2; + }, 3000); }); - it('Test24', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('volume', (...args) => { - console.info(args); - }); - art.on('ready', (...args) => { - art.volume = 0.5; - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test88", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.volume); + art.volume = 0.5; + console.info(art.volume); }); - it('Test25', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('destroy', (...args) => { - console.info(args); - }); - art.on('ready', (...args) => { - art.destroy(); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test89", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.url); + art.url = "https://artplayer.org/assets/sample/video.mp4?t=0"; + console.info(art.url); }); - it('Test26', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('focus', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test90", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.seek = 10; + setTimeout(() => { + art.switchUrl( + "https://artplayer.org/assets/sample/video.mp4?t=0", + "新视频名字" + ); + }, 3000); }); - it('Test27', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('blur', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test91", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.seek = 10; + setTimeout(() => { + art.switchQuality( + "https://artplayer.org/assets/sample/video.mp4?t=0", + "新视频地址" + ); + }, 3000); }); - it('Test28', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('hover', (state) => { - // state 为true时，鼠标从外面移进播放器 - // state 为false时，鼠标从播放器移出外面 - console.info(state); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test92", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.muted); + art.muted = true; + console.info(art.muted); }); - it('Test29', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - autoSize: true, - }); - art.on('resize', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test93", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.currentTime); + art.currentTime = 5; + console.info(art.currentTime); }); - it('Test30', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('mousemove', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test94", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.duration); }); - it('Test31', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('url', (...args) => { - console.info(args); - }); - art.on('ready', (...args) => { - art.url = 'https://artplayer.org/assets/sample/video.mp4?t=0'; - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test95", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.seek = 10; + art.screenshot(); }); - it('Test32', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - fullscreen: true, - }); - art.on('fullscreen', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test96", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.seek = 10; + art.getDataURL().then((url) => console.info(url)); }); - it('Test33', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - fullscreenWeb: true, - }); - art.on('fullscreenWeb', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test97", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.seek = 10; + art.getBlobUrl().then((url) => console.info(url)); }); - it('Test34', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('hotkey', (...args) => { - console.info(args); - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test98", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + fullscreen: true, + }); + art.on("ready", () => { + art.fullscreen = true; + setTimeout(() => { + art.fullscreen = false; + }, 3000); }); - it('Test35', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test99", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + fullscreenWeb: true, + }); + art.on("ready", () => { + art.fullscreenWeb = true; + setTimeout(() => { + art.fullscreenWeb = false; + }, 3000); }); - it('Test36', function () { - var art = new Artplayer({ - container: '.artplayer-app', - // container: document.querySelector('.artplayer-app'), - url: 'https://artplayer.org/assets/sample/video.mp4', - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test100", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + fullscreenWeb: true, + }); + art.on("ready", () => { + art.pip = true; + setTimeout(() => { + art.pip = false; + }, 3000); }); - it('Test37', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test101", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + poster: "https://artplayer.org/assets/sample/poster.jpg", + }); + art.on("ready", () => { + console.info(art.poster); + art.poster = "https://artplayer.org/assets/sample/poster.jpg?t=0"; + console.info(art.poster); }); - it('Test38', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - poster: 'https://artplayer.org/assets/sample/poster.jpg', - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test102", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.mini = true; + setTimeout(() => { + art.mini = false; + }, 3000); }); - it('Test39', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - title: '【新海诚动画】『秒速5センチメートル』', - screenshot: true, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test103", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + muted: true, + }); + art.on("ready", () => { + console.info(art.playing); + art.play(); + console.info(art.playing); }); - it('Test40', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - theme: '#ffad00', - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test104", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.autoSize); + art.autoSize = true; + console.info(art.autoSize); }); - it('Test41', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - volume: 0.5, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test105", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(JSON.stringify(art.rect)); }); - it('Test42', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - isLive: true, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test106", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.flip); + art.flip = "horizontal"; + console.info(art.flip); }); - it('Test43', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - muted: true, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test107", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + autoSize: true, + }); + art.on("ready", () => { + console.info(art.rotate); + art.rotate = 90; + console.info(art.rotate); }); - it('Test44', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - autoplay: true, - muted: true, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test108", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.playbackRate); + art.playbackRate = 2; + console.info(art.playbackRate); }); - it('Test45', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - autoMini: true, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test109", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.aspectRatio); + art.aspectRatio = "16:9"; + console.info(art.aspectRatio); }); - it('Test46', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - loop: true, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test110", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + console.info(art.loop); + art.loop = [5, 10]; + console.info(art.loop); }); - it('Test47', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - flip: true, - setting: true, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); + it("Test111", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + }); + art.on("ready", () => { + art.destroy(); }); - it('Test48', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - rotate: true, - setting: true, - autoSize: true, - }); + expect(art.id).to.be.an("number"); + }); - expect(art.id).to.be.an('number'); - }); + it("Test112", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + controls: [ + { + position: "right", - it('Test49', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - playbackRate: true, - setting: true, - }); + html: "Subtitle 01", - expect(art.id).to.be.an('number'); - }); + selector: [ + { + default: true, - it('Test50', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - aspectRatio: true, - setting: true, - }); + html: 'Subtitle 01', - expect(art.id).to.be.an('number'); - }); - - it('Test51', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - screenshot: true, - // 可选 - moreVideoAttr: { - crossOrigin: 'anonymous', + url: "https://artplayer.org/assets/sample/subtitle.srt?id=1", }, - }); - expect(art.id).to.be.an('number'); - }); + { + html: 'Subtitle 02', - it('Test52', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - setting: true, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test53', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - hotkey: true, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test54', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - pip: true, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test55', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - mutex: true, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test56', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - fullscreen: true, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test57', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - fullscreenWeb: true, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test58', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - subtitle: { - url: 'https://artplayer.org/assets/sample/subtitle.srt', + url: "https://artplayer.org/assets/sample/subtitle.srt?id=2", }, - setting: true, - subtitleOffset: true, - }); + ], - expect(art.id).to.be.an('number'); - }); - - it('Test59', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - miniProgressBar: true, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test60', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - localVideo: true, - controls: [ - { - name: 'preview', - - position: 'right', - - html: '打开视频', - - mounted: ($preview) => { - art.plugins.localVideo.attach($preview); - }, - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test61', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - localSubtitle: true, - controls: [ - { - name: 'preview', - - position: 'right', - - html: '打开字幕', - - mounted: ($preview) => { - art.plugins.localSubtitle.attach($preview); - }, - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test62', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - setting: true, - settings: [ - { - disable: false, - - name: 'button', - - index: 10, - - html: '自定义按钮', - - tooltip: '自定义按钮的提示1', - - style: { - color: 'red', - }, - - click: function () { - console.log('你点击了自定义按钮1'); - }, - - mounted: function () { - console.log('自定义按钮挂载完成1'); - }, - }, - - { - html: '自定义按钮2', - - tooltip: '自定义按钮的提示2', - - style: { - color: 'green', - }, - - click: function () { - console.log('你点击了自定义按钮2'); - }, - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test63', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - contextmenu: [ - { - html: '自定义菜单', - - click: function () { - console.info('你点击了自定义菜单'); - - art.contextmenu.show = false; - }, - }, - ], - }); - art.on('ready', () => { - art.contextmenu.show = true; - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test64', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - controls: [ - { - disable: false, - - name: 'button', - - index: 10, - - position: 'right', - - html: '自定义按钮', - - tooltip: '自定义按钮的提示1', - - style: { - color: 'red', - }, - - click: function () { - console.log('你点击了自定义按钮1'); - }, - - mounted: function () { - console.log('自定义按钮挂载完成1'); - }, - }, - - { - position: 'left', - - html: '自定义按钮2', - - tooltip: '自定义按钮的提示2', - - style: { - color: 'green', - }, - - click: function () { - console.log('你点击了自定义按钮2'); - }, - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test65', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - quality: [ - { - default: true, - - html: 'SD 480P', - - url: 'https://artplayer.org/assets/sample/video.mp4', - }, - - { - html: 'HD 720P', - - url: 'https://artplayer.org/assets/sample/video.mp4', - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test66', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - highlight: [ - { - time: 60, - - text: 'One more chance', - }, - - { - time: 120, - - text: '谁でもいいはずなのに', - }, - - { - time: 180, - - text: '夏の想い出がまわる', - }, - - { - time: 240, - - text: 'こんなとこにあるはずもないのに', - }, - - { - time: 300, - - text: '－－终わり－－', - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test67', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - whitelist: ['iPhone OS 11'], - // whitelist: ['*'], - // whitelist: [(ua) => /iPhone OS 11/gi.test(ua)], - // whitelist: [/iPhone OS 11/gi], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test68', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - thumbnails: { - url: 'https://artplayer.org/assets/sample/thumbnails.png', - - number: 100, - - width: 160, - - height: 90, - - column: 10, - }, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test69', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - subtitle: { - url: 'https://artplayer.org/assets/sample/subtitle.srt', - - encoding: 'utf-8', - - bilingual: true, - - style: { - color: '#03A9F4', - - 'font-size': '30px', - }, - }, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test70', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - moreVideoAttr: { - 'webkit-playsinline': true, - - playsInline: true, - }, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test71', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - icons: { - loading: '', - - state: '', - - play: '', - - pause: '', - - volume: '', - - volumeClose: '', - - subtitle: '', - - screenshot: '', - - setting: '', - - fullscreen: '', - - fullscreenWeb: '', - - pip: '', - }, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test72', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.flv', - type: 'flv', - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test73', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.flv', - customType: { - flv: function (video, url, art) { - // video: 视频dom元素 - // url: 视频地址 - // art: 当前实例 - }, - }, - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test74', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - lang: 'en', - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test75', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - autoSize: true, - setting: true, - playbackRate: true, - fullscreenWeb: true, - plugins: [ - artplayerPluginDanmuku({ - // 弹幕数组 - - danmuku: [ - { - text: '111', // 弹幕文本 - - time: 1, // 发送时间，单位秒 - - color: '#fff', // 弹幕局部颜色 - - border: false, // 是否显示描边 - - mode: 0, // 弹幕模式: 0表示滚动、1静止 - }, - - { - text: '222', - - time: 2, - - color: 'red', - - border: true, - - mode: 0, - }, - - { - text: '333', - - time: 3, - - color: 'green', - - border: false, - - mode: 1, - }, - ], - - speed: 5, // 全局持续时间 - - opacity: 1, // 全局透明度 - - color: '#fff', // 全局字体颜色 - - size: 25, // 全局字体大小 - - maxlength: 50, // 全局最大长度 - - margin: [10, 20], // 距离顶部和距离底部的高度值 - - synchronousPlayback: false, // 是否同步到播放速度 - }), - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test76', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - plugins: [ - artplayerPluginDanmuku({ - // 弹幕 XML 文件，和 Bilibili 网站的弹幕格式一致 - - danmuku: 'https://artplayer.org/assets/sample/danmuku.xml', - }), - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test77', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - plugins: [ - artplayerPluginDanmuku({ - // 使用 Promise 异步返回 - - danmuku: function () { - return new Promise((resovle) => { - return resovle([ - { - text: '111', - - time: 1, - }, - - { - text: '222', - - time: 2, - }, - - { - text: '333', - - time: 3, - }, - ]); - }); - }, - }), - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test78', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - plugins: [ - artplayerPluginDanmuku({ - danmuku: 'https://artplayer.org/assets/sample/danmuku.xml', - }), - ], - controls: [ - { - position: 'right', - - html: '隐藏弹幕', - - click: function () { - art.plugins.artplayerPluginDanmuku.hide(); - }, - }, - - { - position: 'right', - - html: '显示弹幕', - - click: function () { - art.plugins.artplayerPluginDanmuku.show(); - }, - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test79', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - plugins: [ - artplayerPluginDanmuku({ - danmuku: 'https://artplayer.org/assets/sample/danmuku.xml', - }), - ], - controls: [ - { - position: 'right', - - html: '隐藏弹幕', - - click: function (_, event) { - if (art.plugins.artplayerPluginDanmuku.isHide) { - art.plugins.artplayerPluginDanmuku.show(); - - event.target.innerText = '隐藏弹幕'; - } else { - art.plugins.artplayerPluginDanmuku.hide(); - - event.target.innerText = '显示弹幕'; - } - }, - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test80', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - plugins: [ - artplayerPluginDanmuku({ - danmuku: 'https://artplayer.org/assets/sample/danmuku.xml', - }), - ], - controls: [ - { - position: 'right', - - html: '发送弹幕', - - click: function () { - var text = prompt('请输入弹幕文本', '弹幕测试文本'); - - if (!text || !text.trim()) return; - - var color = '#' + Math.floor(Math.random() * 0xffffff).toString(16); - - art.plugins.artplayerPluginDanmuku.emit({ - text: text, - - color: color, - - border: true, - }); - }, - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test81', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - plugins: [ - artplayerPluginDanmuku({ - danmuku: 'https://artplayer.org/assets/sample/danmuku.xml', - }), - ], - controls: [ - { - position: 'right', - - html: '弹幕大小：', - - style: { - display: 'flex', - - alignItems: 'center', - }, - - mounted: function ($setting) { - const $range = $setting.querySelector('input[type=range]'); - - $range.addEventListener('change', () => { - art.plugins.artplayerPluginDanmuku.config({ - fontSize: Number($range.value), - }); - }); - }, - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test82', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - muted: true, - }); - art.on('ready', () => { - art.play(); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test83', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - muted: true, - }); - art.on('ready', () => { - art.play(); - setTimeout(() => { - art.pause(); - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test84', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - muted: true, - }); - art.on('ready', () => { - art.toggle(); - setTimeout(() => { - art.toggle(); - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test85', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.seek = 5; - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test86', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.forward = 5; - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test87', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.seek = 5; - setTimeout(() => { - art.backward = 2; - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test88', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.volume); - art.volume = 0.5; - console.info(art.volume); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test89', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.url); - art.url = 'https://artplayer.org/assets/sample/video.mp4?t=0'; - console.info(art.url); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test90', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.seek = 10; - setTimeout(() => { - art.switchUrl('https://artplayer.org/assets/sample/video.mp4?t=0', '新视频名字'); - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test91', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.seek = 10; - setTimeout(() => { - art.switchQuality('https://artplayer.org/assets/sample/video.mp4?t=0', '新视频地址'); - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test92', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.muted); - art.muted = true; - console.info(art.muted); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test93', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.currentTime); - art.currentTime = 5; - console.info(art.currentTime); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test94', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.duration); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test95', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.seek = 10; - art.screenshot(); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test96', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.seek = 10; - art.getDataURL().then((url) => console.info(url)); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test97', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.seek = 10; - art.getBlobUrl().then((url) => console.info(url)); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test98', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - fullscreen: true, - }); - art.on('ready', () => { - art.fullscreen = true; - setTimeout(() => { - art.fullscreen = false; - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test99', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - fullscreenWeb: true, - }); - art.on('ready', () => { - art.fullscreenWeb = true; - setTimeout(() => { - art.fullscreenWeb = false; - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test100', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - fullscreenWeb: true, - }); - art.on('ready', () => { - art.pip = true; - setTimeout(() => { - art.pip = false; - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test101', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - poster: 'https://artplayer.org/assets/sample/poster.jpg', - }); - art.on('ready', () => { - console.info(art.poster); - art.poster = 'https://artplayer.org/assets/sample/poster.jpg?t=0'; - console.info(art.poster); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test102', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.mini = true; - setTimeout(() => { - art.mini = false; - }, 3000); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test103', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - muted: true, - }); - art.on('ready', () => { - console.info(art.playing); - art.play(); - console.info(art.playing); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test104', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.autoSize); - art.autoSize = true; - console.info(art.autoSize); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test105', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(JSON.stringify(art.rect)); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test106', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.flip); - art.flip = 'horizontal'; - console.info(art.flip); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test107', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - autoSize: true, - }); - art.on('ready', () => { - console.info(art.rotate); - art.rotate = 90; - console.info(art.rotate); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test108', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.playbackRate); - art.playbackRate = 2; - console.info(art.playbackRate); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test109', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.aspectRatio); - art.aspectRatio = '16:9'; - console.info(art.aspectRatio); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test110', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - console.info(art.loop); - art.loop = [5, 10]; - console.info(art.loop); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test111', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - }); - art.on('ready', () => { - art.destroy(); - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test112', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - controls: [ - { - position: 'right', - - html: 'Subtitle 01', - - selector: [ - { - default: true, - - html: 'Subtitle 01', - - url: 'https://artplayer.org/assets/sample/subtitle.srt?id=1', - }, - - { - html: 'Subtitle 02', - - url: 'https://artplayer.org/assets/sample/subtitle.srt?id=2', - }, - ], - - onSelect: function (item, $dom) { - art.subtitle.switch(item.url, { - name: $dom.innerText, - }); - - return '你点击了 ' + item.html; - }, - }, - ], - }); - - expect(art.id).to.be.an('number'); - }); - - it('Test113', function () { - var art = new Artplayer({ - container: '.artplayer-app', - url: 'https://artplayer.org/assets/sample/video.mp4', - setting: true, - }); - art.on('ready', () => { - art.layers.add({ - name: 'layer1', - - html: 'your-layer', - - mounted: function ($layer1) { - // - }, + onSelect: function (item, $dom) { + art.subtitle.switch(item.url, { + name: $dom.innerText, }); - art.contextmenu.add({ - name: 'contextmenu1', - html: 'your-contextmenu', - - mounted: function ($contextmenu1) { - // - }, - }); - art.controls.add({ - name: 'control1', - - html: 'your-control', - - position: 'right', - - mounted: function ($control1) { - // - }, - }); - art.setting.add({ - name: 'setting1', - - html: 'your-setting', - - mounted: function ($setting1) { - // - }, - }); - // 使用查询 query 获取组件的DOM元素 - var $layer1 = art.query('.art-layer-layer1'); - var $contextmenu1 = art.query('.art-contextmenu-contextmenu1'); - var $control1 = art.query('.art-control-control1'); - var $setting1 = art.query('.art-setting-setting1'); - // 推荐使用 name 获取组件的DOM元素 - var $layer1 = art.layers['layer1']; - var $contextmenu1 = art.contextmenu['contextmenu1']; - var $control1 = art.controls['control1']; - var $setting1 = art.setting['setting1']; - }); - - expect(art.id).to.be.an('number'); + return "你点击了 " + item.html; + }, + }, + ], }); + + expect(art.id).to.be.an("number"); + }); + + it("Test113", function () { + var art = new Artplayer({ + container: ".artplayer-app", + url: "https://artplayer.org/assets/sample/video.mp4", + setting: true, + }); + art.on("ready", () => { + art.layers.add({ + name: "layer1", + + html: "your-layer", + + mounted: function ($layer1) { + // + }, + }); + art.contextmenu.add({ + name: "contextmenu1", + + html: "your-contextmenu", + + mounted: function ($contextmenu1) { + // + }, + }); + art.controls.add({ + name: "control1", + + html: "your-control", + + position: "right", + + mounted: function ($control1) { + // + }, + }); + art.setting.add({ + name: "setting1", + + html: "your-setting", + + mounted: function ($setting1) { + // + }, + }); + // 使用查询 query 获取组件的DOM元素 + var $layer1 = art.query(".art-layer-layer1"); + var $contextmenu1 = art.query(".art-contextmenu-contextmenu1"); + var $control1 = art.query(".art-control-control1"); + var $setting1 = art.query(".art-setting-setting1"); + // 推荐使用 name 获取组件的DOM元素 + var $layer1 = art.layers["layer1"]; + var $contextmenu1 = art.contextmenu["contextmenu1"]; + var $control1 = art.controls["control1"]; + var $setting1 = art.setting["setting1"]; + }); + + expect(art.id).to.be.an("number"); + }); }); diff --git a/test/index.html b/test/index.html index 65d373cc5..886b8cf8c 100644 --- a/test/index.html +++ b/test/index.html @@ -38,8 +38,10 @@ + + - - - - - - - - - \ No newline at end of file