Refactor Control class to update control option variables and element references

docs/uncompiled/artplayer-plugin-dash-control/index.js

@@ -0,0 +1,348 @@
+// modules are defined as an array
+// [ module function, map of requires ]
+//
+// map of requires is short require name -> numeric require
+//
+// anything defined in a previous bundle is accessed via the
+// orig method which is the require for previous bundles
+
+(function (modules, entry, mainEntry, parcelRequireName, globalName) {
+  /* eslint-disable no-undef */
+  var globalObject =
+    typeof globalThis !== 'undefined'
+      ? globalThis
+      : typeof self !== 'undefined'
+      ? self
+      : typeof window !== 'undefined'
+      ? window
+      : typeof global !== 'undefined'
+      ? global
+      : {};
+  /* eslint-enable no-undef */
+
+  // Save the require from previous bundle to this closure if any
+  var previousRequire =
+    typeof globalObject[parcelRequireName] === 'function' &&
+    globalObject[parcelRequireName];
+
+  var cache = previousRequire.cache || {};
+  // Do not use `require` to prevent Webpack from trying to bundle this call
+  var nodeRequire =
+    typeof module !== 'undefined' &&
+    typeof module.require === 'function' &&
+    module.require.bind(module);
+
+  function newRequire(name, jumped) {
+    if (!cache[name]) {
+      if (!modules[name]) {
+        // if we cannot find the module within our internal map or
+        // cache jump to the current global require ie. the last bundle
+        // that was added to the page.
+        var currentRequire =
+          typeof globalObject[parcelRequireName] === 'function' &&
+          globalObject[parcelRequireName];
+        if (!jumped && currentRequire) {
+          return currentRequire(name, true);
+        }
+
+        // If there are other bundles on this page the require from the
+        // previous one is saved to 'previousRequire'. Repeat this as
+        // many times as there are bundles until the module is found or
+        // we exhaust the require chain.
+        if (previousRequire) {
+          return previousRequire(name, true);
+        }
+
+        // Try the node require function if it exists.
+        if (nodeRequire && typeof name === 'string') {
+          return nodeRequire(name);
+        }
+
+        var err = new Error("Cannot find module '" + name + "'");
+        err.code = 'MODULE_NOT_FOUND';
+        throw err;
+      }
+
+      localRequire.resolve = resolve;
+      localRequire.cache = {};
+
+      var module = (cache[name] = new newRequire.Module(name));
+
+      modules[name][0].call(
+        module.exports,
+        localRequire,
+        module,
+        module.exports,
+        this
+      );
+    }
+
+    return cache[name].exports;
+
+    function localRequire(x) {
+      var res = localRequire.resolve(x);
+      return res === false ? {} : newRequire(res);
+    }
+
+    function resolve(x) {
+      var id = modules[name][1][x];
+      return id != null ? id : x;
+    }
+  }
+
+  function Module(moduleName) {
+    this.id = moduleName;
+    this.bundle = newRequire;
+    this.exports = {};
+  }
+
+  newRequire.isParcelRequire = true;
+  newRequire.Module = Module;
+  newRequire.modules = modules;
+  newRequire.cache = cache;
+  newRequire.parent = previousRequire;
+  newRequire.register = function (id, exports) {
+    modules[id] = [
+      function (require, module) {
+        module.exports = exports;
+      },
+      {},
+    ];
+  };
+
+  Object.defineProperty(newRequire, 'root', {
+    get: function () {
+      return globalObject[parcelRequireName];
+    },
+  });
+
+  globalObject[parcelRequireName] = newRequire;
+
+  for (var i = 0; i < entry.length; i++) {
+    newRequire(entry[i]);
+  }
+
+  if (mainEntry) {
+    // Expose entry point to Node, AMD or browser globals
+    // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
+    var mainExports = newRequire(mainEntry);
+
+    // CommonJS
+    if (typeof exports === 'object' && typeof module !== 'undefined') {
+      module.exports = mainExports;
+
+      // RequireJS
+    } else if (typeof define === 'function' && define.amd) {
+      define(function () {
+        return mainExports;
+      });
+
+      // <script>
+    } else if (globalName) {
+      this[globalName] = mainExports;
+    }
+  }
+})({"hK3r6":[function(require,module,exports) {
+var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
+parcelHelpers.defineInteropFlag(exports);
+parcelHelpers.export(exports, "default", ()=>artplayerPluginDashControl);
+var _qualitySvg = require("bundle-text:./quality.svg");
+var _qualitySvgDefault = parcelHelpers.interopDefault(_qualitySvg);
+var _audioSvg = require("bundle-text:./audio.svg");
+var _audioSvgDefault = parcelHelpers.interopDefault(_audioSvg);
+function uniqBy(array, property) {
+    const seen = new Map();
+    return array.filter((item)=>{
+        const key = item[property];
+        if (key === undefined) return true;
+        return !seen.has(key) && seen.set(key, 1);
+    });
+}
+function artplayerPluginDashControl(option = {}) {
+    return (art)=>{
+        const { $video } = art.template;
+        const { errorHandle } = art.constructor.utils;
+        function updateQuality(dashPlayer) {
+            const qualities = dashPlayer.getBitrateInfoListFor("video");
+            if (!qualities.length) return;
+            const config = option.quality || {};
+            const auto = config.auto || "Auto";
+            const title = config.title || "Quality";
+            const getName = config.getName || ((level)=>`${level.height}p`);
+            const currentQuality = dashPlayer.getQualityFor("video");
+            const defaultLevel = qualities[currentQuality];
+            const defaultHtml = defaultLevel ? getName(defaultLevel) : auto;
+            const selector = uniqBy(qualities.map((item, index)=>{
+                return {
+                    html: getName(item, index),
+                    value: index,
+                    default: currentQuality === index
+                };
+            }), "html").sort((a, b)=>b.value - a.value);
+            selector.push({
+                html: auto,
+                value: "auto",
+                default: dashPlayer.getSettings().streaming.abr.autoSwitchBitrate["video"]
+            });
+            const onSelect = (item)=>{
+                if (item.value === "auto") dashPlayer.updateSettings({
+                    streaming: {
+                        abr: {
+                            autoSwitchBitrate: {
+                                video: true
+                            }
+                        }
+                    }
+                });
+                else {
+                    dashPlayer.updateSettings({
+                        streaming: {
+                            abr: {
+                                autoSwitchBitrate: {
+                                    video: false
+                                }
+                            }
+                        }
+                    });
+                    dashPlayer.setQualityFor("video", item.value);
+                }
+                art.notice.show = `${title}: ${item.html}`;
+                art.emit("artplayerPluginDashControl:quality", item);
+                return item.html;
+            };
+            if (config.control) art.controls.update({
+                name: "dash-quality",
+                position: "right",
+                html: defaultHtml,
+                style: {
+                    padding: "0 10px"
+                },
+                selector: selector,
+                onSelect: onSelect,
+                mounted: ()=>{
+                    art.on("artplayerPluginDashControl:quality", (item)=>{
+                        art.controls.check(item);
+                    });
+                }
+            });
+            if (config.setting) art.setting.update({
+                name: "dash-quality",
+                tooltip: defaultHtml,
+                html: title,
+                icon: (0, _qualitySvgDefault.default),
+                width: 200,
+                selector: selector,
+                onSelect: onSelect,
+                mounted: ()=>{
+                    art.on("artplayerPluginDashControl:quality", (item)=>{
+                        art.setting.check(item);
+                    });
+                }
+            });
+        }
+        function updateAudio(dashPlayer) {
+            const audioTracks = dashPlayer.getTracksFor("audio");
+            if (!audioTracks.length) return;
+            const config = option.audio || {};
+            const title = config.title || "Audio";
+            const getName = config.getName || ((track)=>track.lang || track.id);
+            const currentTrack = dashPlayer.getCurrentTrackFor("audio");
+            const defaultHtml = currentTrack ? getName(currentTrack) : "Default";
+            const selector = uniqBy(audioTracks.map((item)=>{
+                return {
+                    html: getName(item),
+                    value: item.id,
+                    default: currentTrack && currentTrack.id === item.id
+                };
+            }), "html");
+            const onSelect = (item)=>{
+                dashPlayer.setCurrentTrack(audioTracks.find((track)=>track.id === item.value));
+                art.loading.show = true;
+                art.notice.show = `${title}: ${item.html}`;
+                art.emit("artplayerPluginDashControl:audio", item);
+                return item.html;
+            };
+            if (config.control) art.controls.update({
+                name: "dash-audio",
+                position: "right",
+                html: defaultHtml,
+                style: {
+                    padding: "0 10px"
+                },
+                selector: selector,
+                onSelect: onSelect,
+                mounted: ()=>{
+                    art.on("artplayerPluginDashControl:audio", (item)=>{
+                        art.controls.check(item);
+                    });
+                }
+            });
+            if (config.setting) art.setting.update({
+                name: "dash-audio",
+                tooltip: defaultHtml,
+                html: title,
+                icon: (0, _audioSvgDefault.default),
+                width: 200,
+                selector: selector,
+                onSelect: onSelect,
+                mounted: ()=>{
+                    art.on("artplayerPluginDashControl:audio", (item)=>{
+                        art.setting.check(item);
+                    });
+                }
+            });
+        }
+        function update() {
+            errorHandle(art.dash?.getVideoElement() === $video, 'Cannot find instance of DASH from "art.dash"');
+            updateQuality(art.dash);
+            updateAudio(art.dash);
+        }
+        art.on("ready", update);
+        art.on("restart", update);
+        return {
+            name: "artplayerPluginDashControl",
+            update
+        };
+    };
+}
+if (typeof window !== "undefined") window["artplayerPluginDashControl"] = artplayerPluginDashControl;
+
+},{"bundle-text:./quality.svg":"kKfho","bundle-text:./audio.svg":"9cTEO","@parcel/transformer-js/src/esmodule-helpers.js":"5dUr6"}],"kKfho":[function(require,module,exports) {
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"18\"><path fill=\"#fff\" d=\"M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z\"></path></svg>";
+
+},{}],"9cTEO":[function(require,module,exports) {
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"18\"><path fill=\"#fff\" d=\"M256 80C149.9 80 62.4 159.4 49.6 262c9.4-3.8 19.6-6 30.4-6c26.5 0 48 21.5 48 48l0 128c0 26.5-21.5 48-48 48c-44.2 0-80-35.8-80-80l0-16 0-48 0-48C0 146.6 114.6 32 256 32s256 114.6 256 256l0 48 0 48 0 16c0 44.2-35.8 80-80 80c-26.5 0-48-21.5-48-48l0-128c0-26.5 21.5-48 48-48c10.8 0 21 2.1 30.4 6C449.6 159.4 362.1 80 256 80z\"></path></svg>";
+
+},{}],"5dUr6":[function(require,module,exports) {
+exports.interopDefault = function(a) {
+    return a && a.__esModule ? a : {
+        default: a
+    };
+};
+exports.defineInteropFlag = function(a) {
+    Object.defineProperty(a, "__esModule", {
+        value: true
+    });
+};
+exports.exportAll = function(source, dest) {
+    Object.keys(source).forEach(function(key) {
+        if (key === "default" || key === "__esModule" || Object.prototype.hasOwnProperty.call(dest, key)) return;
+        Object.defineProperty(dest, key, {
+            enumerable: true,
+            get: function() {
+                return source[key];
+            }
+        });
+    });
+    return dest;
+};
+exports.export = function(dest, destName, get) {
+    Object.defineProperty(dest, destName, {
+        enumerable: true,
+        get: get
+    });
+};
+
+},{}]},["hK3r6"], "hK3r6", "parcelRequire4dc0")
+
+//# sourceMappingURL=index.js.map

docs/uncompiled/artplayer-plugin-dash-control/index.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/artplayer-plugin-dash-control/src/index.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-d9842915446976aa.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-fd32f05dba0c94f1.js","node_modules/@parcel/transformer-js/src/esmodule-helpers.js"],"sourcesContent":["import $quality from 'bundle-text:./quality.svg';\nimport $audio from 'bundle-text:./audio.svg';\n\nfunction uniqBy(array, property) {\n    const seen = new Map();\n    return array.filter((item) => {\n        const key = item[property];\n        if (key === undefined) {\n            return true;\n        }\n        return !seen.has(key) && seen.set(key, 1);\n    });\n}\n\nexport default function artplayerPluginDashControl(option = {}) {\n    return (art) => {\n        const { $video } = art.template;\n        const { errorHandle } = art.constructor.utils;\n\n        function updateQuality(dashPlayer) {\n        Line truncated