build all packages

docs/uncompiled/artplayer-plugin-playlist.js

@@ -0,0 +1,107 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global = global || self, global['artplayer-plugin-playlist'] = factory());
+}(this, function () { 'use strict';
+
+    function artplayerPluginPlaylist(art) {
+      var _art$constructor$util = art.constructor.utils,
+          append = _art$constructor$util.append,
+          errorHandle = _art$constructor$util.errorHandle;
+      var player = art.player,
+          proxy = art.events.proxy,
+          _art$template = art.template,
+          $player = _art$template.$player,
+          $video = _art$template.$video;
+      var $playlist = append($player, "\n        <div class=\"artplay-playlist\">\n            <div class=\"artplay-playlist-inner\"></div>\n        </div>\n    ");
+      var $playlistInner = $playlist.querySelector('.artplay-playlist-inner');
+      var playlist = [];
+      art.on('afterAttachUrl', function () {
+        var index = playlist.findIndex(function (item) {
+          return item.url === $video.src;
+        });
+        var $children = Array.from($playlistInner.children);
+        var $item = $children[index];
+
+        if (index !== -1 && $item) {
+          $children.forEach(function (item) {
+            return item.classList.remove('active');
+          });
+          $item.classList.add('active');
+        }
+      });
+
+      function switchUrl(index) {
+        var itemOption = playlist[index];
+        player.switchUrl(itemOption.url, itemOption.title).then(function () {
+          player.play();
+        });
+      }
+
+      proxy($playlistInner, 'click', function (e) {
+        var optionIndex = e.target.dataset.optionIndex;
+
+        if (optionIndex && Number(optionIndex) <= playlist.length - 1) {
+          switchUrl(optionIndex);
+        }
+      });
+      proxy($playlist, 'click', function (e) {
+        if (e.target === $playlist) {
+          $playlist.style.display = 'none';
+        }
+      });
+      return {
+        name: 'artplayerPluginPlaylist',
+        load: function load(list) {
+          errorHandle(Array.isArray(list), 'Playlist is not an array type');
+          errorHandle(list.length > 0, 'Playlist cannot be empty');
+          playlist = list.map(function (item) {
+            errorHandle(item.url, 'Playlist items require url attribute');
+            errorHandle(item.title, 'Playlist items require title attribute');
+            return item;
+          });
+          $playlistInner.innerHTML = playlist.map(function (item, index) {
+            return "<div class=\"artplay-playlist-item\" data-option-index=\"".concat(index, "\">").concat(item.title, "</div>");
+          }).join('');
+        },
+        show: function show() {
+          $playlist.style.display = 'flex';
+        },
+        hide: function hide() {
+          $playlist.style.display = 'none';
+        },
+        next: function next() {
+          var index = playlist.findIndex(function (item) {
+            return item.url === $video.src;
+          });
+          errorHandle(index !== -1, "Can't find Playlist item");
+
+          if (playlist.length === 1) {
+            switchUrl(0);
+          } else {
+            var nextIndex = index + 1 === playlist.length ? 0 : index + 1;
+            switchUrl(nextIndex);
+          }
+        },
+        prev: function prev() {
+          var index = playlist.findIndex(function (item) {
+            return item.url === $video.src;
+          });
+          errorHandle(index !== -1, "Can't find Playlist item");
+
+          if (playlist.length === 1) {
+            switchUrl(0);
+          } else {
+            var prevIndex = index - 1 === -1 ? playlist.length - 1 : index - 1;
+            switchUrl(prevIndex);
+          }
+        }
+      };
+    }
+
+    window.artplayerPluginPlaylist = artplayerPluginPlaylist;
+
+    return artplayerPluginPlaylist;
+
+}));
+//# sourceMappingURL=artplayer-plugin-playlist.js.map