branch-video-player-sdk 0.2.11 → 0.2.13

package/dist/runtime/player.html

@@ -1,7 +1,56 @@
 <!doctype html>
-<html lang="en">
-  <head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>BranchVideo Player</title>  <script type="module" crossorigin src="./assets/player-Bf_D5PLO.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/player-Bi0QW1hL.css">
-</head>
-  <body><div id="root"></div></body>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <title>BranchVideo Player</title>
+    <style>
+      html, body, #root { width: 100%; height: 100%; margin: 0; background: #000; overflow: hidden; }
+      .bv-boot-overlay { position: fixed; inset: 0; display: flex; flex-direction: column; background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%); }
+      .bv-boot-cover { position: absolute; inset: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
+      .bv-boot-bottom { position: absolute; left: 0; right: 0; bottom: 4.4vw; padding: 0 10%; color: #fff; font-family: sans-serif; }
+      .bv-boot-meta { display: flex; justify-content: space-between; align-items: baseline; }
+      .bv-boot-bar { height: 8px; margin: 8px 0; border: 1px solid #CEC1B6; background: rgba(107, 94, 82, 0.4); }
+      .bv-boot-bar > i { display: block; width: 0; height: 100%; background: #EB6728; }
+      .bv-boot-desc { text-align: center; font-weight: 700; }
+    </style>
+    <script type="module" crossorigin src="./assets/player-Dv33xIOl.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/player-Bi0QW1hL.css">
+  </head>
+  <body>
+    <div id="root">
+      <div class="bv-boot-overlay" aria-label="资源下载中">
+        <div class="bv-boot-cover" data-boot-cover aria-hidden="true"></div>
+        <div class="bv-boot-bottom">
+          <div class="bv-boot-row" data-testid="loading-progress-row">
+            <div class="bv-boot-meta">
+              <div>0%</div>
+              <div>0B / 0B</div>
+            </div>
+            <div class="bv-boot-bar"><i data-boot-progress></i></div>
+          </div>
+          <div class="bv-boot-desc">资源下载中</div>
+        </div>
+      </div>
+    </div>
+    <script>
+      (function () {
+        var search = new URLSearchParams(location.search)
+        var hashQuery = location.hash.indexOf('?') >= 0 ? new URLSearchParams(location.hash.slice(location.hash.indexOf('?') + 1)) : null
+        var cover = search.get('cover') || (hashQuery && hashQuery.get('cover')) || ''
+        if (/^https?:\/\//i.test(cover)) {
+          var layer = document.querySelector('[data-boot-cover]')
+          if (layer) layer.style.backgroundImage = 'url("' + cover.replace(/"/g, '') + '")'
+        }
+        var bar = document.querySelector('[data-boot-progress]')
+        if (!bar) return
+        var started = Date.now()
+        var timer = setInterval(function () {
+          var progress = Math.min(15, (Date.now() - started) / 4000 * 15)
+          bar.style.width = progress + '%'
+        }, 100)
+        window.addEventListener('pagehide', function () { clearInterval(timer) })
+      })()
+    </script>
+  </body>
 </html>

package/dist/url.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u="/branch-video-runtime/player.html",c=e=>/^\d+$/.test(e)&&Number(e)>0&&Number(e)<=65535,f=e=>{const t=e.split(".");return t.length===4&&t.every(r=>/^\d+$/.test(r)&&Number(r)<=255)},a=e=>{if(!/^[0-9a-f:]+$/i.test(e))return!1;const t=e.split("::");if(t.length>2)return!1;const r=t.flatMap(s=>s?s.split(":"):[]);return r.every(s=>/^[0-9a-f]{1,4}$/i.test(s))?t.length===2?r.length<8:r.length===8:!1},l=e=>{const t=e.endsWith(".")?e.slice(0,-1):e;return/^[\d.]+$/.test(t)?f(t):!!t&&!t.includes("..")&&t.split(".").every(r=>/^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i.test(r))},p=e=>{if(!e||e.includes("@"))return!1;if(e.startsWith("[")){const s=e.indexOf("]"),n=e.slice(1,s),i=e.slice(s+1);return s<=1||!a(n)?!1:!i||i.startsWith(":")&&c(i.slice(1))}const t=e.lastIndexOf(":");if(t===-1)return l(e);const r=e.slice(0,t);return l(r)&&!r.includes(":")&&c(e.slice(t+1))},d=e=>{const t=/^(https?):\/\/([^\s/?#]+)([/\?#].*)?$/i.exec(e);return!t||!p(t[2])?null:{authority:t[2],suffix:t[3]||""}},m=e=>d(e)!==null,o=(e,t)=>{if(!m(t)||e==="runtimeUrl"&&t.includes("#"))throw new TypeError(`${e} must be an absolute HTTP(S) URL`);return t},U=e=>{const t=d(e);if(!t||t.suffix&&t.suffix!=="/")throw new TypeError("parentOrigin must be an HTTP(S) origin");return e.endsWith("/")?e.slice(0,-1):e};function h(e){const t=e.runtimeUrl?o("runtimeUrl",e.runtimeUrl):u,r=o("scriptUrl",e.scriptUrl),s=e.parentOrigin===void 0?void 0:U(e.parentOrigin),n=[`script=${encodeURIComponent(r)}`,"embedPlatform=web_player_sdk","sdkProtocol=1"];s&&n.push(`parentOrigin=${encodeURIComponent(s)}`),e.cshost&&n.push(`cshost=${encodeURIComponent(e.cshost)}`),e.controls!==void 0&&n.push(`controls=${e.controls}`),e.debug!==void 0&&n.push(`debug=${e.debug}`);const i=t.includes("?")?"&":"?";return`${t}${i}${n.join("&")}`}exports.DEFAULT_RUNTIME_PATH=u;exports.buildBranchVideoPlayerUrl=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d="/branch-video-runtime/player.html",l=e=>/^\d+$/.test(e)&&Number(e)>0&&Number(e)<=65535,a=e=>{const r=e.split(".");return r.length===4&&r.every(t=>/^\d+$/.test(t)&&Number(t)<=255)},p=e=>{if(!/^[0-9a-f:]+$/i.test(e))return!1;const r=e.split("::");if(r.length>2)return!1;const t=r.flatMap(n=>n?n.split(":"):[]);return t.every(n=>/^[0-9a-f]{1,4}$/i.test(n))?r.length===2?t.length<8:t.length===8:!1},o=e=>{const r=e.endsWith(".")?e.slice(0,-1):e;return/^[\d.]+$/.test(r)?a(r):!!r&&!r.includes("..")&&r.split(".").every(t=>/^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i.test(t))},m=e=>{if(!e||e.includes("@"))return!1;if(e.startsWith("[")){const n=e.indexOf("]"),i=e.slice(1,n),s=e.slice(n+1);return n<=1||!p(i)?!1:!s||s.startsWith(":")&&l(s.slice(1))}const r=e.lastIndexOf(":");if(r===-1)return o(e);const t=e.slice(0,r);return o(t)&&!t.includes(":")&&l(e.slice(r+1))},u=e=>{const r=/^(https?):\/\/([^\s/?#]+)([/\?#].*)?$/i.exec(e);return!r||!m(r[2])?null:{authority:r[2],suffix:r[3]||""}},U=e=>u(e)!==null,c=(e,r)=>{if(!U(r)||e==="runtimeUrl"&&r.includes("#"))throw new TypeError(`${e} must be an absolute HTTP(S) URL`);return r},h=e=>{const r=u(e);if(!r||r.suffix&&r.suffix!=="/")throw new TypeError("parentOrigin must be an HTTP(S) origin");return e.endsWith("/")?e.slice(0,-1):e};function g(e){const r=e.runtimeUrl?c("runtimeUrl",e.runtimeUrl):d,t=c("scriptUrl",e.scriptUrl),n=e.cover===void 0?void 0:c("cover",e.cover),i=e.parentOrigin===void 0?void 0:h(e.parentOrigin),s=[`script=${encodeURIComponent(t)}`,"embedPlatform=web_player_sdk","sdkProtocol=1"];n&&s.push(`cover=${encodeURIComponent(n)}`),i&&s.push(`parentOrigin=${encodeURIComponent(i)}`),e.cshost&&s.push(`cshost=${encodeURIComponent(e.cshost)}`),e.controls!==void 0&&s.push(`controls=${e.controls}`),e.debug!==void 0&&s.push(`debug=${e.debug}`);const f=r.includes("?")?"&":"?";return`${r}${f}${s.join("&")}`}exports.DEFAULT_RUNTIME_PATH=d;exports.buildBranchVideoPlayerUrl=g;

package/dist/url.d.ts

@@ -2,6 +2,7 @@ export interface BranchVideoPlayerUrlOptions {
     /** Runtime 入口地址。不传则使用 SDK 内置的 /branch-video-runtime/player.html */
     runtimeUrl?: string;
     scriptUrl: string;
+    cover?: string;
     parentOrigin?: string;
     cshost?: string;
     controls?: boolean;

package/dist/url.js

@@ -1,47 +1,47 @@
-const d = "/branch-video-runtime/player.html", c = (t) => /^\d+$/.test(t) && Number(t) > 0 && Number(t) <= 65535, f = (t) => {
-  const e = t.split(".");
-  return e.length === 4 && e.every((r) => /^\d+$/.test(r) && Number(r) <= 255);
-}, p = (t) => {
-  if (!/^[0-9a-f:]+$/i.test(t)) return !1;
-  const e = t.split("::");
-  if (e.length > 2) return !1;
-  const r = e.flatMap((s) => s ? s.split(":") : []);
-  return r.every((s) => /^[0-9a-f]{1,4}$/i.test(s)) ? e.length === 2 ? r.length < 8 : r.length === 8 : !1;
-}, l = (t) => {
-  const e = t.endsWith(".") ? t.slice(0, -1) : t;
-  return /^[\d.]+$/.test(e) ? f(e) : !!e && !e.includes("..") && e.split(".").every((r) => /^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i.test(r));
-}, a = (t) => {
-  if (!t || t.includes("@")) return !1;
-  if (t.startsWith("[")) {
-    const s = t.indexOf("]"), n = t.slice(1, s), i = t.slice(s + 1);
-    return s <= 1 || !p(n) ? !1 : !i || i.startsWith(":") && c(i.slice(1));
+const f = "/branch-video-runtime/player.html", o = (e) => /^\d+$/.test(e) && Number(e) > 0 && Number(e) <= 65535, p = (e) => {
+  const r = e.split(".");
+  return r.length === 4 && r.every((t) => /^\d+$/.test(t) && Number(t) <= 255);
+}, a = (e) => {
+  if (!/^[0-9a-f:]+$/i.test(e)) return !1;
+  const r = e.split("::");
+  if (r.length > 2) return !1;
+  const t = r.flatMap((n) => n ? n.split(":") : []);
+  return t.every((n) => /^[0-9a-f]{1,4}$/i.test(n)) ? r.length === 2 ? t.length < 8 : t.length === 8 : !1;
+}, l = (e) => {
+  const r = e.endsWith(".") ? e.slice(0, -1) : e;
+  return /^[\d.]+$/.test(r) ? p(r) : !!r && !r.includes("..") && r.split(".").every((t) => /^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i.test(t));
+}, m = (e) => {
+  if (!e || e.includes("@")) return !1;
+  if (e.startsWith("[")) {
+    const n = e.indexOf("]"), i = e.slice(1, n), s = e.slice(n + 1);
+    return n <= 1 || !a(i) ? !1 : !s || s.startsWith(":") && o(s.slice(1));
   }
-  const e = t.lastIndexOf(":");
-  if (e === -1) return l(t);
-  const r = t.slice(0, e);
-  return l(r) && !r.includes(":") && c(t.slice(e + 1));
-}, u = (t) => {
-  const e = /^(https?):\/\/([^\s/?#]+)([/\?#].*)?$/i.exec(t);
-  return !e || !a(e[2]) ? null : { authority: e[2], suffix: e[3] || "" };
-}, m = (t) => u(t) !== null, o = (t, e) => {
-  if (!m(e) || t === "runtimeUrl" && e.includes("#")) throw new TypeError(`${t} must be an absolute HTTP(S) URL`);
-  return e;
-}, h = (t) => {
-  const e = u(t);
-  if (!e || e.suffix && e.suffix !== "/") throw new TypeError("parentOrigin must be an HTTP(S) origin");
-  return t.endsWith("/") ? t.slice(0, -1) : t;
+  const r = e.lastIndexOf(":");
+  if (r === -1) return l(e);
+  const t = e.slice(0, r);
+  return l(t) && !t.includes(":") && o(e.slice(r + 1));
+}, d = (e) => {
+  const r = /^(https?):\/\/([^\s/?#]+)([/\?#].*)?$/i.exec(e);
+  return !r || !m(r[2]) ? null : { authority: r[2], suffix: r[3] || "" };
+}, h = (e) => d(e) !== null, c = (e, r) => {
+  if (!h(r) || e === "runtimeUrl" && r.includes("#")) throw new TypeError(`${e} must be an absolute HTTP(S) URL`);
+  return r;
+}, U = (e) => {
+  const r = d(e);
+  if (!r || r.suffix && r.suffix !== "/") throw new TypeError("parentOrigin must be an HTTP(S) origin");
+  return e.endsWith("/") ? e.slice(0, -1) : e;
 };
-function U(t) {
-  const e = t.runtimeUrl ? o("runtimeUrl", t.runtimeUrl) : d, r = o("scriptUrl", t.scriptUrl), s = t.parentOrigin === void 0 ? void 0 : h(t.parentOrigin), n = [
-    `script=${encodeURIComponent(r)}`,
+function g(e) {
+  const r = e.runtimeUrl ? c("runtimeUrl", e.runtimeUrl) : f, t = c("scriptUrl", e.scriptUrl), n = e.cover === void 0 ? void 0 : c("cover", e.cover), i = e.parentOrigin === void 0 ? void 0 : U(e.parentOrigin), s = [
+    `script=${encodeURIComponent(t)}`,
     "embedPlatform=web_player_sdk",
     "sdkProtocol=1"
   ];
-  s && n.push(`parentOrigin=${encodeURIComponent(s)}`), t.cshost && n.push(`cshost=${encodeURIComponent(t.cshost)}`), t.controls !== void 0 && n.push(`controls=${t.controls}`), t.debug !== void 0 && n.push(`debug=${t.debug}`);
-  const i = e.includes("?") ? "&" : "?";
-  return `${e}${i}${n.join("&")}`;
+  n && s.push(`cover=${encodeURIComponent(n)}`), i && s.push(`parentOrigin=${encodeURIComponent(i)}`), e.cshost && s.push(`cshost=${encodeURIComponent(e.cshost)}`), e.controls !== void 0 && s.push(`controls=${e.controls}`), e.debug !== void 0 && s.push(`debug=${e.debug}`);
+  const u = r.includes("?") ? "&" : "?";
+  return `${r}${u}${s.join("&")}`;
 }
 export {
-  d as DEFAULT_RUNTIME_PATH,
-  U as buildBranchVideoPlayerUrl
+  f as DEFAULT_RUNTIME_PATH,
+  g as buildBranchVideoPlayerUrl
 };

package/package.json

@@ -1,30 +1,30 @@
-{
-  "name": "branch-video-player-sdk",
-  "version": "0.2.11",
-  "type": "module",
-  "main": "./dist/index.umd.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "unpkg": "./dist/index.umd.cjs",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.umd.cjs"
-    },
-    "./url": {
-      "types": "./dist/url.d.ts",
-      "import": "./dist/url.js",
-      "require": "./dist/url.cjs"
-    },
-    "./vite": {
-      "types": "./dist/vite.d.ts",
-      "import": "./dist/vite.js",
-      "require": "./dist/vite.cjs"
-    }
-  },
-  "files": [
-    "dist",
-    "README.md"
-  ]
-}
+{
+  "name": "branch-video-player-sdk",
+  "version": "0.2.13",
+  "type": "module",
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "unpkg": "./dist/index.umd.cjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./url": {
+      "types": "./dist/url.d.ts",
+      "import": "./dist/url.js",
+      "require": "./dist/url.cjs"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.js",
+      "require": "./dist/vite.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ]
+}