fix:使用远程静态文件视频加载问题

2023-09-27 22:14:07 +08:00 · 2023-09-27 22:14:07 +08:00 · e99b119525
parent afab36ed82
commit e99b119525
1 changed files with 80 additions and 0 deletions
--- a/templates/assets/lib/dplayer/web/dplayer-source.html
+++ b/templates/assets/lib/dplayer/web/dplayer-source.html
@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="renderer" content="webkit" />
+  <meta name="viewport"
+        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, shrink-to-fit=no, viewport-fit=cover" />
+  <title>DPlayer</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      -webkit-tap-highlight-color: transparent;
+      outline: none;
+      text-decoration: none;
+    }
+
+    html,
+    body,
+    #dplayer {
+      width: 100%;
+      height: 100%;
+    }
+  </style>
+</head>
+
+<body>
+<div id="dplayer"></div>
+<script src="/assets/lib/hls/hls.min.js"></script>
+<script src="/assets/lib/dplayer/DPlayer.min.js"></script>
+<script>
+  var getUrlParams = function (key) {
+    var search = location.search;
+    // 判断是否为字符串类型
+    if (typeof search !== "string") {
+      search = search.toString();
+    }
+    var paramsSplit = search.replace(/^[^\?]*\?/i, "").split(/&/);
+    var params = {};
+    // 数据为空
+    if (paramsSplit.length < 1) {
+      return params;
+    }
+    if (Array.isArray(paramsSplit)) {
+      paramsSplit.forEach(function (item) {
+        // 数据为空, 退出方法
+        if (!item) {
+          return false;
+        }
+        var itemSplit = item.split(/=/);
+
+        // 判断字符串中是否有多个=
+        if (itemSplit.length >= 2) {
+          // 是
+          var key = itemSplit.splice(0, 1);
+          params[key] = itemSplit.join("=");
+        }
+      });
+    }
+    return key ? params[key] : params;
+  }
+
+  new DPlayer({
+    container: document.getElementById('dplayer'), // 播放器容器元素
+    autoplay: false, // 视频自动播放
+    theme: '#409eff', // 主题色
+    loop: false, // 视频循环播放
+    screenshot: false, // 开启截图，如果开启，视频和视频封面需要允许跨域
+    airplay: true, // 在 Safari 中开启 AirPlay
+    volume: 0.5, // 默认音量，请注意播放器会记忆用户设置，用户手动设置音量后默认音量即失效
+    playbackSpeed: [2, 1.5, 1.25, 1], // 可选的播放速率，可以设置成自定义的数组
+    video: {
+      url: getUrlParams('url')
+    }
+  })
+</script>
+</body>
+
+</html>