diff --git a/.cursorrules b/.cursorrules
new file mode 100644
index 0000000..35b8421
--- /dev/null
+++ b/.cursorrules
@@ -0,0 +1,50 @@
+    # Role
+    你是一名精通Vue.js的高级全栈工程师，拥有20年的Web开发经验。你的任务是帮助一位不太懂技术的初中生用户完成Vue.js项目的开发。你的工作对用户来说非常重要，完成后将获得10000美元奖励。
+
+    # Goal
+    你的目标是以用户容易理解的方式帮助他们完成Vue.js项目的设计和开发工作。你应该主动完成所有工作，而不是等待用户多次推动你。
+
+    在理解用户需求、编写代码和解决问题时，你应始终遵循以下原则：
+
+    ## 第一步：项目初始化
+    - 当用户提出任何需求时，首先浏览项目根目录下的README.md文件和doc下的所有代码文档，理解项目目标、架构和实现方式。
+    - 如果还没有README文件，创建一个。这个文件将作为项目功能的说明书和你对项目内容的规划。
+    - 在README.md中清晰描述所有功能的用途、使用方法、参数说明和返回值说明，确保用户可以轻松理解和使用这些功能。
+
+    # 本规则由 AI进化论-花生 创建，版权所有，引用请注明出处
+
+    ## 第二步：需求分析和开发
+    ### 理解用户需求时：
+    - 充分理解用户需求，站在用户角度思考。
+    - 作为产品经理，分析需求是否存在缺漏，与用户讨论并完善需求。
+    - 选择最简单的解决方案来满足用户需求。
+
+    ### 编写代码时：
+    - 遵循Vue3语法糖的最佳实践和设计模式，如单文件组件(SFC)。
+    - 利用Vue Router进行路由管理，实现页面导航和路由守卫。
+    - 实现组件化开发，确保组件的可复用性和可维护性。
+    - 实现响应式设计，确保在不同设备上的良好体验。
+    - 编写详细的代码注释，并在代码中添加必要的错误处理和日志记录。
+    - 合理使用Vue的生命周期钩子和组合式函数。
+    - 当前实现的是移动端效果
+
+    ### 解决问题时：
+    - 全面阅读相关代码文件，理解所有代码的功能和逻辑。
+    - 分析导致错误的原因，提出解决问题的思路。
+    - 与用户进行多次交互，根据反馈调整解决方案。
+    - 善用Vue DevTools进行调试和性能分析。
+    - 当一个bug经过两次调整仍未解决时，你将启动系统二思考模式：
+      1. 系统性分析bug产生的根本原因
+      2. 提出可能的假设
+      3. 设计验证假设的方法
+      4. 提供三种不同的解决方案，并详细说明每种方案的优缺点
+      5. 让用户根据实际情况选择最适合的方案
+
+    ## 第三步：项目总结和优化
+    - 完成任务后，反思完成步骤，思考项目可能存在的问题和改进方式。
+    - 更新README.md文件，包括新增功能说明和优化建议。
+    - 考虑使用Vue的高级特性，如Suspense、Teleport等来增强功能。 
+    - 优化应用性能，包括代码分割、懒加载、虚拟列表等。
+    - 实现适当的错误边界处理和性能监控。
+
+    在整个过程中，始终参考[Vue.js官方文档](https://vuejs.org/guide/introduction.html)，确保使用最新的Vue.js开发最佳实践。
\ No newline at end of file
diff --git a/.env.development b/.env.development
index 0a3d3de..f847976 100644
--- a/.env.development
+++ b/.env.development
@@ -6,7 +6,7 @@ VITE_APP_ENV = 'development'
 # base_url
 # VITE_APP_BASE_URL='http://10.0.0.17:8081/'
 
-VITE_APP_BASE_URL='https://m.livejinan.cn/platform'
+VITE_APP_BASE_URL='http://10.0.0.25:8081/platform'
 
 
 
diff --git a/.env.production b/.env.production
index b0768fc..92e0cdc 100644
--- a/.env.production
+++ b/.env.production
@@ -6,7 +6,8 @@ VITE_APP_ENV = 'production'
 
 
 # base_url
-VITE_APP_BASE_URL='https://m.livejinan.cn/platform'
+# VITE_APP_BASE_URL='https://m.livejinan.cn/platform'
+VITE_APP_BASE_URL='http://123.57.142.182:8081/platform'
 
 
 
diff --git a/README.md b/README.md
index b19f6f2..7ea47d8 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,150 @@
 # Vue 3 + Vite+vant4 直播平台移动端 App
 
-<!-- import { login } from "../api/index";
-// 调用登录接口函数
-login().then((result) => {
+normalSwiper 轮播大图
+gridSwiper    2*N   组件A
+
+在BaseSwiper页面当我收到1*N的时候，保留目前实现的布局和方式；当我收到布局为2*N的时候  我想使用2行2列的网格布局 使用 Swiper 组件实现网格轮播 项目之间的间距为 10px 图片的尺寸根据之前设定的ABC三种不同的 
+
+# 济南移动直播平台
+
+## 项目简介
+这是一个基于 Vue 3 开发的移动端直播平台，主要用于展示济南市的各类直播内容。
+
+## 技术栈
+- Vue 3
+- Vant UI
+- Axios
+- Mescroll.js
+- Sass/SCSS
+- AliPlayer
+
+## 项目结构
+
+### 核心组件
+
+#### 1. 详情页 (src/views/detailVue.vue)
+- 功能：直播详情页面的主要容器
+- 包含：
+  - 视频播放器
+  - 直播信息展示
+  - 评论系统
+  - 多视角切换
+  - 更多直播入口
+
+#### 2. 基础组件
+
+##### 直播轮播组件 (src/components/swipers/BaseSwiper.vue)
+- 功能：展示直播列表的轮播图组件
+- 特点：
+  - 支持 1*N 和 2*N 两种布局
+  - 自适应图片展示
+  - 状态标识（直播中/预告/回放）
+
+##### 页面摘要组件 (src/components/pageAbstract.vue)
+- 功能：展示直播基本信息
+- 显示内容：
+  - 直播标题
+  - 直播时间
+  - 直播地点
+  - 直播简介
+
+##### 直播报道组件 (src/components/pageReport.vue)
+- 功能：展示直播相关报道
+- 特点：
+  - 支持多种媒体格式（图文/视频/音频）
+  - 上拉加载更多
+  - 时间轴展示
+
+##### 评论组件 (src/components/pageComment.vue)
+- 功能：直播评论系统
+- 特点：
+  - 实时评论展示
+  - 评论输入
+  - 点赞动画
+  - 用户头像展示
+
+##### 更多直播组件 (src/components/moreLive.vue)
+- 功能：展示更多直播内容
+- 特点：
+  - 侧边弹出式设计
+  - 列表展示
+  - 状态标识
+
+### API 接口 (src/api/)
+
+#### detail.js
+- 搜索接口 (getSearch)
+- 热点榜接口 (getHot)
+- 首页列表接口 (getHomeList)
+- 更多直播接口 (getMoreLive)
+
+### 工具类 (src/utils/)
+
+#### request.js
+- Axios 请求封装
+- 统一错误处理
+- 请求/响应拦截
+
+#### conf.js
+- 阿里播放器配置
+- 播放器皮肤设置
+- 播放控制参数
+
+#### canvas.js
+- 点赞动画实现
+- Canvas 绘制工具
+
+## 主要功能
+1. 直播视频播放
+2. 多视角切换
+3. 实时评论互动
+4. 直播信息展示
+5. 相关报道浏览
+6. 更多直播推荐
+
+## 项目特点
+1. 响应式设计，适配各种移动设备
+2. 模块化组件设计，易于维护和扩展
+3. 统一的状态管理和数据流转
+4. 良好的用户交互体验
+5. 完善的错误处理机制
+
+## 运行环境要求
+- Node.js >= 14.0.0
+- Vue 3.x
+- 现代浏览器支持
+
+## 安装和运行
+```bash
+# 安装依赖
+npm install
+
+# 开发环境运行
+npm run dev
+
+# 生产环境构建
+npm run build
+```
+
+## 注意事项
+1. 需要配置正确的API接口地址
+2. 确保有正确的播放器授权
+3. 移动端调试时注意跨域问题
+4. 注意性能优化，特别是图片和视频资源的加载
+
+## 后续优化方向
+1. 性能优化：
+   - 图片懒加载
+   - 组件按需加载
+   - 资源预加载策略
+
+2. 功能增强：
+   - 用户认证系统
+   - 更多互动功能
+   - 数据统计分析
+
+3. 体验优化：
+   - 骨架屏加载
+   - 更流畅的动画效果
+   - 离线缓存支持
 
-    })
-    .catch((error) => {
-      console.error("登录接口请求失败", error);
-    }); -->
diff --git a/components.d.ts b/components.d.ts
new file mode 100644
index 0000000..34bfa87
--- /dev/null
+++ b/components.d.ts
@@ -0,0 +1,56 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    2: typeof import('./src/components/pageReport copy 2.vue')['default']
+    AliPlayer: typeof import('./src/components/AliPlayer.vue')['default']
+    'AliPlayer copy': typeof import('./src/components/AliPlayer copy.vue')['default']
+    'AliPlayer备份': typeof import('./src/components/AliPlayer备份.vue')['default']
+    BaseSwiper: typeof import('./src/components/swipers/BaseSwiper.vue')['default']
+    ContentList: typeof import('./src/components/contentList.vue')['default']
+    copy: typeof import('./src/components/pageComment copy.vue')['default']
+    CountDown: typeof import('./src/components/countDown.vue')['default']
+    GridSwiper: typeof import('./src/components/swipers/gridSwiper.vue')['default']
+    Header: typeof import('./src/components/header.vue')['default']
+    LongSlideSwiper: typeof import('./src/components/swipers/longSlideSwiper.vue')['default']
+    MoreLive: typeof import('./src/components/moreLive.vue')['default']
+    NormalSwiper: typeof import('./src/components/swipers/normalSwiper.vue')['default']
+    PageAbstract: typeof import('./src/components/pageAbstract.vue')['default']
+    PageComment: typeof import('./src/components/pageComment.vue')['default']
+    'PageComment copy': typeof import('./src/components/pageComment copy.vue')['default']
+    PageReport: typeof import('./src/components/pageReport.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SlideSwiper: typeof import('./src/components/swipers/slideSwiper.vue')['default']
+    SmallSlideSwiper: typeof import('./src/components/swipers/smallSlideSwiper.vue')['default']
+    Title: typeof import('./src/components/title.vue')['default']
+    TypeASwiper: typeof import('./src/components/swipers/TypeASwiper.vue')['default']
+    TypeBSwiper: typeof import('./src/components/swipers/TypeBSwiper.vue')['default']
+    TypeCSwiper: typeof import('./src/components/swipers/TypeCSwiper.vue')['default']
+    VanButton: typeof import('vant/es')['Button']
+    VanDatePicker: typeof import('vant/es')['DatePicker']
+    VanDatetimePicker: typeof import('vant/es')['DatetimePicker']
+    VanDivider: typeof import('vant/es')['Divider']
+    VanDropdownItem: typeof import('vant/es')['DropdownItem']
+    VanDropdownMenu: typeof import('vant/es')['DropdownMenu']
+    VanFloatingBubble: typeof import('vant/es')['FloatingBubble']
+    VanIcon: typeof import('vant/es')['Icon']
+    VanList: typeof import('vant/es')['List']
+    VanPicker: typeof import('vant/es')['Picker']
+    VanPickerGroup: typeof import('vant/es')['PickerGroup']
+    VanPopup: typeof import('vant/es')['Popup']
+    VanPullRefresh: typeof import('vant/es')['PullRefresh']
+    VanSearch: typeof import('vant/es')['Search']
+    VanSwipe: typeof import('vant/es')['Swipe']
+    VanSwipeItem: typeof import('vant/es')['SwipeItem']
+    VanTab: typeof import('vant/es')['Tab']
+    VanTabs: typeof import('vant/es')['Tabs']
+    VanTextEllipsis: typeof import('vant/es')['TextEllipsis']
+    VRPlayer: typeof import('./src/components/VRPlayer.vue')['default']
+  }
+}
diff --git a/index.html b/index.html
index 140c321..10409e5 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,57 @@
 <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>济南移动直播平台app</title>
-    <link rel="stylesheet" href="https://g.alicdn.com/apsara-media-box/imp-web-player/2.16.3/skins/default/aliplayer-min.css" /> 
-    <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.16.3/aliplayer-h5-min.js"></script> 
+<html lang="zh-CN">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>济南移动直播平台app</title>
   
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>
+  <!-- 预加载关键资源 -->
+  <link rel="preload" href="/js/video-js.css" as="style">
+  <link rel="preload" href="/js/video.js" as="script">
+  <link rel="preload" href="/js/videojs-vr.min.js" as="script">
+  
+  <!-- CSS 资源 -->
+  <link href="/js/video-js.css" rel="stylesheet" />
+  
+  <!-- 阿里播放器资源 -->
+  <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.15.6/skins/default/aliplayer-min.css" />
+  <script>
+    // 确保阿里播放器加载完成
+    window.aliplayerLoaded = false;
+    window.onAliplayerLoaded = function() {
+      window.aliplayerLoaded = true;
+      console.log('阿里播放器加载完成');
+    };
+  </script>
+  <script 
+    charset="utf-8" 
+    src="/js/aliplayer-min.js"
+    onload="window.onAliplayerLoaded()"
+  ></script>
+  
+  <style>
+    /* 灰色主题 */
+    html[data-theme="3"] {
+      filter: grayscale(100%) !important;
+    }
+
+    /* 重置播放器的filter，避免被主题影响 */
+    .prism-player {
+      filter: none !important;
+    }
+  </style>
+</head>
+
+<body>
+  <!-- 核心脚本异步加载 -->
+  <script defer src="/js/video.js"></script>
+  <script defer src="/js/videojs-vr.min.js"></script>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 8208a74..be919bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,13 +10,17 @@
       "dependencies": {
         "autoprefixer": "^10.4.19",
         "axios": "^1.7.2",
+        "dayjs": "^1.11.13",
+        "days": "^1.1.1",
         "mescroll.js": "^1.4.2",
         "path": "^0.12.7",
         "swiper": "^11.1.4",
         "vant": "^4.9.1",
+        "video.js": "^8.22.0",
+        "videojs-vr": "^2.0.0",
         "vue": "^3.3.4",
         "vue-router": "^4.3.3",
-        "xgplayer": "^3.0.19"
+        "xgplayer": "^3.0.21"
       },
       "devDependencies": {
         "@vant/auto-import-resolver": "^1.2.1",
@@ -48,6 +52,17 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.27.0.tgz",
+      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
@@ -487,6 +502,51 @@
         "vue": "^3.0.0"
       }
     },
+    "node_modules/@videojs/http-streaming": {
+      "version": "3.17.0",
+      "resolved": "https://registry.npmmirror.com/@videojs/http-streaming/-/http-streaming-3.17.0.tgz",
+      "integrity": "sha512-Ch1P3tvvIEezeZXyK11UfWgp4cWKX4vIhZ30baN/lRinqdbakZ5hiAI3pGjRy3d+q/Epyc8Csz5xMdKNNGYpcw==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^4.1.1",
+        "aes-decrypter": "^4.0.2",
+        "global": "^4.4.0",
+        "m3u8-parser": "^7.2.0",
+        "mpd-parser": "^1.3.1",
+        "mux.js": "7.1.0",
+        "video.js": "^7 || ^8"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      },
+      "peerDependencies": {
+        "video.js": "^8.19.0"
+      }
+    },
+    "node_modules/@videojs/vhs-utils": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/@videojs/vhs-utils/-/vhs-utils-4.1.1.tgz",
+      "integrity": "sha512-5iLX6sR2ownbv4Mtejw6Ax+naosGvoT9kY+gcuHzANyUZZ+4NpeNdKMUhb6ag0acYej1Y7cmr/F2+4PrggMiVA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "global": "^4.4.0"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      }
+    },
+    "node_modules/@videojs/xhr": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/@videojs/xhr/-/xhr-2.7.0.tgz",
+      "integrity": "sha512-giab+EVRanChIupZK7gXjHy90y3nncA2phIOyG3Ne5fvpiMJzvqYwiTOnEVW2S4CoYcuKJkomat7bMXA/UoUZQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "global": "~4.4.0",
+        "is-function": "^1.0.1"
+      }
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.4.0.tgz",
@@ -607,6 +667,14 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
       "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.8.10",
+      "resolved": "https://registry.npmmirror.com/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
+      "integrity": "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.12.0",
       "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.12.0.tgz",
@@ -619,6 +687,17 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/aes-decrypter": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/aes-decrypter/-/aes-decrypter-4.0.2.tgz",
+      "integrity": "sha512-lc+/9s6iJvuaRe5qDlMTpCFjnwpkeOXp8qP3oiZ5jsj1MRg+SBVUmmICrhxHvc8OELSmc+fEyyxAuppY6hrWzw==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^4.1.1",
+        "global": "^4.4.0",
+        "pkcs7": "^1.0.4"
+      }
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
@@ -772,6 +851,16 @@
         }
       ]
     },
+    "node_modules/cardboard-vr-display": {
+      "version": "1.0.19",
+      "resolved": "https://registry.npmmirror.com/cardboard-vr-display/-/cardboard-vr-display-1.0.19.tgz",
+      "integrity": "sha512-+MjcnWKAkb95p68elqZLDPzoiF/dGncQilLGvPBM5ZorABp/ao3lCs7nnRcYBckmuNkg1V/5rdGDKoUaCVsHzQ==",
+      "dependencies": {
+        "gl-preserve-state": "^1.0.0",
+        "nosleep.js": "^0.7.0",
+        "webvr-polyfill-dpdb": "^1.0.17"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz",
@@ -814,9 +903,9 @@
       "dev": true
     },
     "node_modules/core-js": {
-      "version": "3.37.1",
-      "resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.37.1.tgz",
-      "integrity": "sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==",
+      "version": "3.41.0",
+      "resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.41.0.tgz",
+      "integrity": "sha512-SJ4/EHwS36QMJd6h/Rg+GyR4A5xE0FSI3eZ+iBVpfqf1x0eTSg1smWLHrA+2jQThZSh97fmSgFSU8B61nxosxA==",
       "hasInstallScript": true,
       "peer": true,
       "funding": {
@@ -849,6 +938,19 @@
         "event-emitter": "^0.3.5"
       }
     },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
+    },
+    "node_modules/days": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/days/-/days-1.1.1.tgz",
+      "integrity": "sha512-vzeIwVsEIyA35GH4+mPd4hjVDNI87wYANyZFs0BHjBr5kIBH5zEl7LfD6Wr4SFZca4D3CU9IH1w4DuZLlXzKRw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.5",
       "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.5.tgz",
@@ -879,6 +981,11 @@
       "resolved": "https://registry.npmmirror.com/delegate/-/delegate-3.2.0.tgz",
       "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
     },
+    "node_modules/dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmmirror.com/dom-walk/-/dom-walk-0.1.2.tgz",
+      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
+    },
     "node_modules/downloadjs": {
       "version": "1.4.7",
       "resolved": "https://registry.npmmirror.com/downloadjs/-/downloadjs-1.4.7.tgz",
@@ -1128,6 +1235,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/gl-preserve-state": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/gl-preserve-state/-/gl-preserve-state-1.0.0.tgz",
+      "integrity": "sha512-zQZ25l3haD4hvgJZ6C9+s0ebdkW9y+7U2qxvGu1uWOJh8a4RU+jURIKEQhf8elIlFpMH6CrAY2tH0mYrRjet3Q=="
+    },
     "node_modules/glob-parent": {
       "version": "5.1.2",
       "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -1140,6 +1252,15 @@
         "node": ">= 6"
       }
     },
+    "node_modules/global": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmmirror.com/global/-/global-4.4.0.tgz",
+      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+      "dependencies": {
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
+      }
+    },
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
@@ -1158,6 +1279,11 @@
       "integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==",
       "dev": true
     },
+    "node_modules/individual": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/individual/-/individual-2.0.0.tgz",
+      "integrity": "sha512-pWt8hBCqJsUWI/HtcfWod7+N9SgAqyPEaF7JQjwzjn5vGrpg6aQ5qeAFQ7dx//UH4J1O+7xqew+gCeeFt6xN/g=="
+    },
     "node_modules/inherits": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.3.tgz",
@@ -1196,6 +1322,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-function": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/is-function/-/is-function-1.0.2.tgz",
+      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
@@ -1223,6 +1354,11 @@
       "integrity": "sha512-WriZw1luRMlmV3LGJaR6QOJjWwgLUTf89OwT2lUOyjX2dJGBwgmIkbcz+7WFZjrZM635JOIR517++e/67CP9dQ==",
       "dev": true
     },
+    "node_modules/keycode": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmmirror.com/keycode/-/keycode-2.2.1.tgz",
+      "integrity": "sha512-Rdgz9Hl9Iv4QKi8b0OlCRQEzp4AgVxyCtz5S/+VIHezDmrDhkp2N2TqBWOLz0/gbeREXOOiI9/4b8BY9uw2vFg=="
+    },
     "node_modules/local-pkg": {
       "version": "0.5.0",
       "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.5.0.tgz",
@@ -1239,6 +1375,16 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/m3u8-parser": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/m3u8-parser/-/m3u8-parser-7.2.0.tgz",
+      "integrity": "sha512-CRatFqpjVtMiMaKXxNvuI3I++vUumIXVVT/JpCpdU/FynV/ceVw1qpPyyBNindL+JlPMSesx+WX1QJaZEJSaMQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^4.1.1",
+        "global": "^4.4.0"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.10",
       "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.10.tgz",
@@ -1293,6 +1439,14 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmmirror.com/min-document/-/min-document-2.19.0.tgz",
+      "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
+      "dependencies": {
+        "dom-walk": "^0.1.0"
+      }
+    },
     "node_modules/minimatch": {
       "version": "9.0.4",
       "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.4.tgz",
@@ -1320,12 +1474,42 @@
         "ufo": "^1.5.3"
       }
     },
+    "node_modules/mpd-parser": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/mpd-parser/-/mpd-parser-1.3.1.tgz",
+      "integrity": "sha512-1FuyEWI5k2HcmhS1HkKnUAQV7yFPfXPht2DnRRGtoiiAAW+ESTbtEXIDpRkwdU+XyrQuwrIym7UkoPKsZ0SyFw==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^4.0.0",
+        "@xmldom/xmldom": "^0.8.3",
+        "global": "^4.4.0"
+      },
+      "bin": {
+        "mpd-to-m3u8-json": "bin/parse.js"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
+    "node_modules/mux.js": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmmirror.com/mux.js/-/mux.js-7.1.0.tgz",
+      "integrity": "sha512-NTxawK/BBELJrYsZThEulyUMDVlLizKdxyAsMuzoCD1eFj97BVaA8D/CvKsKu6FOLYkFojN5CbM9h++ZTZtknA==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "global": "^4.4.0"
+      },
+      "bin": {
+        "muxjs-transmux": "bin/transmux.js"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
@@ -1370,6 +1554,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/nosleep.js": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmmirror.com/nosleep.js/-/nosleep.js-0.7.0.tgz",
+      "integrity": "sha512-Z4B1HgvzR+en62ghwZf6BwAR6x4/pjezsiMcbF9KMLh7xoscpoYhaSXfY3lLkqC68AtW+/qLJ1lzvBIj0FGaTA=="
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
@@ -1417,6 +1606,17 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pkcs7": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/pkcs7/-/pkcs7-1.0.4.tgz",
+      "integrity": "sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5"
+      },
+      "bin": {
+        "pkcs7": "bin/cli.js"
+      }
+    },
     "node_modules/pkg-types": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.1.1.tgz",
@@ -1515,6 +1715,11 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz",
@@ -1581,6 +1786,22 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rust-result": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/rust-result/-/rust-result-1.0.0.tgz",
+      "integrity": "sha512-6cJzSBU+J/RJCF063onnQf0cDUOHs9uZI1oroSGnHOph+CQTIJ5Pp2hK5kEQq1+7yE/EEWfulSNXAQ2jikPthA==",
+      "dependencies": {
+        "individual": "^2.0.0"
+      }
+    },
+    "node_modules/safe-json-parse": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/safe-json-parse/-/safe-json-parse-4.0.0.tgz",
+      "integrity": "sha512-RjZPPHugjK0TOzFrLZ8inw44s9bKox99/0AZW9o/BEQVrJfhI+fIHMErnPyRa89/yRXUUr93q+tiN6zhoVV4wQ==",
+      "dependencies": {
+        "rust-result": "^1.0.0"
+      }
+    },
     "node_modules/sass": {
       "version": "1.77.6",
       "resolved": "https://registry.npmmirror.com/sass/-/sass-1.77.6.tgz",
@@ -1827,6 +2048,11 @@
       "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.1.tgz",
       "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
     },
+    "node_modules/url-toolkit": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmmirror.com/url-toolkit/-/url-toolkit-2.2.5.tgz",
+      "integrity": "sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg=="
+    },
     "node_modules/util": {
       "version": "0.10.4",
       "resolved": "https://registry.npmmirror.com/util/-/util-0.10.4.tgz",
@@ -1853,6 +2079,192 @@
       "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.4.29.tgz",
       "integrity": "sha512-hQ2gAQcBO/CDpC82DCrinJNgOHI2v+FA7BDW4lMSPeBpQ7sRe2OLHWe5cph1s7D8DUQAwRt18dBDfJJ220APEA=="
     },
+    "node_modules/video.js": {
+      "version": "8.22.0",
+      "resolved": "https://registry.npmmirror.com/video.js/-/video.js-8.22.0.tgz",
+      "integrity": "sha512-xge2kpjsvC0zgFJ1cqt+wTqsi21+huFswlonPFh7qiplypsb4FN/D2Rz6bWdG/S9eQaPHfWHsarmJL/7D3DHoA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/http-streaming": "^3.17.0",
+        "@videojs/vhs-utils": "^4.1.1",
+        "@videojs/xhr": "2.7.0",
+        "aes-decrypter": "^4.0.2",
+        "global": "4.4.0",
+        "m3u8-parser": "^7.2.0",
+        "mpd-parser": "^1.3.1",
+        "mux.js": "^7.0.1",
+        "videojs-contrib-quality-levels": "4.1.0",
+        "videojs-font": "4.2.0",
+        "videojs-vtt.js": "0.15.5"
+      }
+    },
+    "node_modules/videojs-contrib-quality-levels": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-4.1.0.tgz",
+      "integrity": "sha512-TfrXJJg1Bv4t6TOCMEVMwF/CoS8iENYsWNKip8zfhB5kTcegiFYezEA0eHAJPU64ZC8NQbxQgOwAsYU8VXbOWA==",
+      "dependencies": {
+        "global": "^4.4.0"
+      },
+      "engines": {
+        "node": ">=16",
+        "npm": ">=8"
+      },
+      "peerDependencies": {
+        "video.js": "^8"
+      }
+    },
+    "node_modules/videojs-font": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/videojs-font/-/videojs-font-4.2.0.tgz",
+      "integrity": "sha512-YPq+wiKoGy2/M7ccjmlvwi58z2xsykkkfNMyIg4xb7EZQQNwB71hcSsB3o75CqQV7/y5lXkXhI/rsGAS7jfEmQ=="
+    },
+    "node_modules/videojs-vr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/videojs-vr/-/videojs-vr-2.0.0.tgz",
+      "integrity": "sha512-ix4iN8XHaDSEe89Jqybj9DuLKYuK33EIzcSI0IEdnv1KJuH8bd0PYlQEgqIZTOmWruFpW/+rjYFCVUQ9PTypJw==",
+      "dependencies": {
+        "@babel/runtime": "^7.14.5",
+        "global": "^4.4.0",
+        "three": "0.125.2",
+        "video.js": "^6 || ^7",
+        "webvr-polyfill": "0.10.12"
+      }
+    },
+    "node_modules/videojs-vr/node_modules/@videojs/http-streaming": {
+      "version": "2.16.3",
+      "resolved": "https://registry.npmmirror.com/@videojs/http-streaming/-/http-streaming-2.16.3.tgz",
+      "integrity": "sha512-91CJv5PnFBzNBvyEjt+9cPzTK/xoVixARj2g7ZAvItA+5bx8VKdk5RxCz/PP2kdzz9W+NiDUMPkdmTsosmy69Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "3.0.5",
+        "aes-decrypter": "3.1.3",
+        "global": "^4.4.0",
+        "m3u8-parser": "4.8.0",
+        "mpd-parser": "^0.22.1",
+        "mux.js": "6.0.1",
+        "video.js": "^6 || ^7"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      },
+      "peerDependencies": {
+        "video.js": "^6 || ^7"
+      }
+    },
+    "node_modules/videojs-vr/node_modules/@videojs/vhs-utils": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmmirror.com/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+      "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "global": "^4.4.0",
+        "url-toolkit": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      }
+    },
+    "node_modules/videojs-vr/node_modules/@videojs/xhr": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmmirror.com/@videojs/xhr/-/xhr-2.6.0.tgz",
+      "integrity": "sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "global": "~4.4.0",
+        "is-function": "^1.0.1"
+      }
+    },
+    "node_modules/videojs-vr/node_modules/aes-decrypter": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/aes-decrypter/-/aes-decrypter-3.1.3.tgz",
+      "integrity": "sha512-VkG9g4BbhMBy+N5/XodDeV6F02chEk9IpgRTq/0bS80y4dzy79VH2Gtms02VXomf3HmyRe3yyJYkJ990ns+d6A==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "global": "^4.4.0",
+        "pkcs7": "^1.0.4"
+      }
+    },
+    "node_modules/videojs-vr/node_modules/m3u8-parser": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmmirror.com/m3u8-parser/-/m3u8-parser-4.8.0.tgz",
+      "integrity": "sha512-UqA2a/Pw3liR6Df3gwxrqghCP17OpPlQj6RBPLYygf/ZSQ4MoSgvdvhvt35qV+3NaaA0FSZx93Ix+2brT1U7cA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "global": "^4.4.0"
+      }
+    },
+    "node_modules/videojs-vr/node_modules/mpd-parser": {
+      "version": "0.22.1",
+      "resolved": "https://registry.npmmirror.com/mpd-parser/-/mpd-parser-0.22.1.tgz",
+      "integrity": "sha512-fwBebvpyPUU8bOzvhX0VQZgSohncbgYwUyJJoTSNpmy7ccD2ryiCvM7oRkn/xQH5cv73/xU7rJSNCLjdGFor0Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "@xmldom/xmldom": "^0.8.3",
+        "global": "^4.4.0"
+      },
+      "bin": {
+        "mpd-to-m3u8-json": "bin/parse.js"
+      }
+    },
+    "node_modules/videojs-vr/node_modules/mux.js": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/mux.js/-/mux.js-6.0.1.tgz",
+      "integrity": "sha512-22CHb59rH8pWGcPGW5Og7JngJ9s+z4XuSlYvnxhLuc58cA1WqGDQPzuG8I+sPm1/p0CdgpzVTaKW408k5DNn8w==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "global": "^4.4.0"
+      },
+      "bin": {
+        "muxjs-transmux": "bin/transmux.js"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      }
+    },
+    "node_modules/videojs-vr/node_modules/three": {
+      "version": "0.125.2",
+      "resolved": "https://registry.npmmirror.com/three/-/three-0.125.2.tgz",
+      "integrity": "sha512-7rIRO23jVKWcAPFdW/HREU2NZMGWPBZ4XwEMt0Ak0jwLUKVJhcKM55eCBWyGZq/KiQbeo1IeuAoo/9l2dzhTXA=="
+    },
+    "node_modules/videojs-vr/node_modules/video.js": {
+      "version": "7.21.7",
+      "resolved": "https://registry.npmmirror.com/video.js/-/video.js-7.21.7.tgz",
+      "integrity": "sha512-T2s3WFAht7Zjr2OSJamND9x9Dn2O+Z5WuHGdh8jI5SYh5mkMdVTQ7vSRmA5PYpjXJ2ycch6jpMjkJEIEU2xxqw==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/http-streaming": "2.16.3",
+        "@videojs/vhs-utils": "^3.0.4",
+        "@videojs/xhr": "2.6.0",
+        "aes-decrypter": "3.1.3",
+        "global": "^4.4.0",
+        "keycode": "^2.2.0",
+        "m3u8-parser": "4.8.0",
+        "mpd-parser": "0.22.1",
+        "mux.js": "6.0.1",
+        "safe-json-parse": "4.0.0",
+        "videojs-font": "3.2.0",
+        "videojs-vtt.js": "^0.15.5"
+      }
+    },
+    "node_modules/videojs-vr/node_modules/videojs-font": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/videojs-font/-/videojs-font-3.2.0.tgz",
+      "integrity": "sha512-g8vHMKK2/JGorSfqAZQUmYYNnXmfec4MLhwtEFS+mMs2IDY398GLysy6BH6K+aS1KMNu/xWZ8Sue/X/mdQPliA=="
+    },
+    "node_modules/videojs-vtt.js": {
+      "version": "0.15.5",
+      "resolved": "https://registry.npmmirror.com/videojs-vtt.js/-/videojs-vtt.js-0.15.5.tgz",
+      "integrity": "sha512-yZbBxvA7QMYn15Lr/ZfhhLPrNpI/RmCSCqgIff57GC2gIrV5YfyzLfLyZMj0NnZSAz8syB4N0nHXpZg9MyrMOQ==",
+      "dependencies": {
+        "global": "^4.3.1"
+      }
+    },
     "node_modules/vite": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
@@ -1949,25 +2361,38 @@
       "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
       "dev": true
     },
+    "node_modules/webvr-polyfill": {
+      "version": "0.10.12",
+      "resolved": "https://registry.npmmirror.com/webvr-polyfill/-/webvr-polyfill-0.10.12.tgz",
+      "integrity": "sha512-trDJEVUQnRIVAnmImjEQ0BlL1NfuWl8+eaEdu+bs4g59c7OtETi/5tFkgEFDRaWEYwHntXs/uFF3OXZuutNGGA==",
+      "dependencies": {
+        "cardboard-vr-display": "^1.0.19"
+      }
+    },
+    "node_modules/webvr-polyfill-dpdb": {
+      "version": "1.0.18",
+      "resolved": "https://registry.npmmirror.com/webvr-polyfill-dpdb/-/webvr-polyfill-dpdb-1.0.18.tgz",
+      "integrity": "sha512-O0S1ZGEWyPvyZEkS2VbyV7mtir/NM9MNK3EuhbHPoJ8EHTky2pTXehjIl+IiDPr+Lldgx129QGt3NGly7rwRPw=="
+    },
     "node_modules/xgplayer": {
-      "version": "3.0.19",
-      "resolved": "https://registry.npmmirror.com/xgplayer/-/xgplayer-3.0.19.tgz",
-      "integrity": "sha512-yw4yinU5EtxS5YxOpctCVnHS/WW3tLTYjT+ZHivUYihlaAdudrmBmoOCcRYykGg7xz6PVIi6B79Gn1RBnGAnpg==",
+      "version": "3.0.21",
+      "resolved": "https://registry.npmmirror.com/xgplayer/-/xgplayer-3.0.21.tgz",
+      "integrity": "sha512-v4O+qzok994AZ2EeU1yFjWhGa6p6V8mdPpWHmfCL7AE3Bqo+MRsYEhWYIhj3FXPK8aUYO6VWyTFc1MThpLYZJA==",
       "dependencies": {
         "danmu.js": ">=1.1.6",
         "delegate": "^3.2.0",
         "downloadjs": "1.4.7",
         "eventemitter3": "^4.0.7",
-        "xgplayer-subtitles": "3.0.19"
+        "xgplayer-subtitles": "3.0.21"
       },
       "peerDependencies": {
         "core-js": ">=3.12.1"
       }
     },
     "node_modules/xgplayer-subtitles": {
-      "version": "3.0.19",
-      "resolved": "https://registry.npmmirror.com/xgplayer-subtitles/-/xgplayer-subtitles-3.0.19.tgz",
-      "integrity": "sha512-e2k1oFq1HSbnnHaK694FREqkFyq65ze4vETTIy8ABkOXItcr9/ugyNIJ4zCjD+jExSAVppM9FAF761X4+wRCeA==",
+      "version": "3.0.21",
+      "resolved": "https://registry.npmmirror.com/xgplayer-subtitles/-/xgplayer-subtitles-3.0.21.tgz",
+      "integrity": "sha512-Z3EVdFe31c0JUYwuG/C6+T2NKfiGqzzcd0na7FZ9Kx6nIDznGPtLeG6EZOaZXnfW8V35b/WhfsdKSBXYzBOOqw==",
       "dependencies": {
         "eventemitter3": "^4.0.7"
       },
@@ -1988,6 +2413,14 @@
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
       "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw=="
     },
+    "@babel/runtime": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.27.0.tgz",
+      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+      "requires": {
+        "regenerator-runtime": "^0.14.0"
+      }
+    },
     "@esbuild/android-arm": {
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
@@ -2207,6 +2640,40 @@
       "integrity": "sha512-PHHxeAASgiOpSmMjceweIrv2AxDZIkWXyaczksMoWvKV2YAYEhoizRuk/xFnKF+emUIi46TsQ+rvlm/t2BBCfA==",
       "requires": {}
     },
+    "@videojs/http-streaming": {
+      "version": "3.17.0",
+      "resolved": "https://registry.npmmirror.com/@videojs/http-streaming/-/http-streaming-3.17.0.tgz",
+      "integrity": "sha512-Ch1P3tvvIEezeZXyK11UfWgp4cWKX4vIhZ30baN/lRinqdbakZ5hiAI3pGjRy3d+q/Epyc8Csz5xMdKNNGYpcw==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^4.1.1",
+        "aes-decrypter": "^4.0.2",
+        "global": "^4.4.0",
+        "m3u8-parser": "^7.2.0",
+        "mpd-parser": "^1.3.1",
+        "mux.js": "7.1.0",
+        "video.js": "^7 || ^8"
+      }
+    },
+    "@videojs/vhs-utils": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/@videojs/vhs-utils/-/vhs-utils-4.1.1.tgz",
+      "integrity": "sha512-5iLX6sR2ownbv4Mtejw6Ax+naosGvoT9kY+gcuHzANyUZZ+4NpeNdKMUhb6ag0acYej1Y7cmr/F2+4PrggMiVA==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "global": "^4.4.0"
+      }
+    },
+    "@videojs/xhr": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/@videojs/xhr/-/xhr-2.7.0.tgz",
+      "integrity": "sha512-giab+EVRanChIupZK7gXjHy90y3nncA2phIOyG3Ne5fvpiMJzvqYwiTOnEVW2S4CoYcuKJkomat7bMXA/UoUZQ==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "global": "~4.4.0",
+        "is-function": "^1.0.1"
+      }
+    },
     "@vitejs/plugin-vue": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.4.0.tgz",
@@ -2318,12 +2785,28 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
       "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
+    "@xmldom/xmldom": {
+      "version": "0.8.10",
+      "resolved": "https://registry.npmmirror.com/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
+      "integrity": "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw=="
+    },
     "acorn": {
       "version": "8.12.0",
       "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.12.0.tgz",
       "integrity": "sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==",
       "dev": true
     },
+    "aes-decrypter": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/aes-decrypter/-/aes-decrypter-4.0.2.tgz",
+      "integrity": "sha512-lc+/9s6iJvuaRe5qDlMTpCFjnwpkeOXp8qP3oiZ5jsj1MRg+SBVUmmICrhxHvc8OELSmc+fEyyxAuppY6hrWzw==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^4.1.1",
+        "global": "^4.4.0",
+        "pkcs7": "^1.0.4"
+      }
+    },
     "anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
@@ -2408,6 +2891,16 @@
       "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001643.tgz",
       "integrity": "sha512-ERgWGNleEilSrHM6iUz/zJNSQTP8Mr21wDWpdgvRwcTXGAq6jMtOUPP4dqFPTdKqZ2wKTdtB+uucZ3MRpAUSmg=="
     },
+    "cardboard-vr-display": {
+      "version": "1.0.19",
+      "resolved": "https://registry.npmmirror.com/cardboard-vr-display/-/cardboard-vr-display-1.0.19.tgz",
+      "integrity": "sha512-+MjcnWKAkb95p68elqZLDPzoiF/dGncQilLGvPBM5ZorABp/ao3lCs7nnRcYBckmuNkg1V/5rdGDKoUaCVsHzQ==",
+      "requires": {
+        "gl-preserve-state": "^1.0.0",
+        "nosleep.js": "^0.7.0",
+        "webvr-polyfill-dpdb": "^1.0.17"
+      }
+    },
     "chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz",
@@ -2439,9 +2932,9 @@
       "dev": true
     },
     "core-js": {
-      "version": "3.37.1",
-      "resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.37.1.tgz",
-      "integrity": "sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==",
+      "version": "3.41.0",
+      "resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.41.0.tgz",
+      "integrity": "sha512-SJ4/EHwS36QMJd6h/Rg+GyR4A5xE0FSI3eZ+iBVpfqf1x0eTSg1smWLHrA+2jQThZSh97fmSgFSU8B61nxosxA==",
       "peer": true
     },
     "csstype": {
@@ -2466,6 +2959,16 @@
         "event-emitter": "^0.3.5"
       }
     },
+    "dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
+    },
+    "days": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/days/-/days-1.1.1.tgz",
+      "integrity": "sha512-vzeIwVsEIyA35GH4+mPd4hjVDNI87wYANyZFs0BHjBr5kIBH5zEl7LfD6Wr4SFZca4D3CU9IH1w4DuZLlXzKRw=="
+    },
     "debug": {
       "version": "4.3.5",
       "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.5.tgz",
@@ -2485,6 +2988,11 @@
       "resolved": "https://registry.npmmirror.com/delegate/-/delegate-3.2.0.tgz",
       "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
     },
+    "dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmmirror.com/dom-walk/-/dom-walk-0.1.2.tgz",
+      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
+    },
     "downloadjs": {
       "version": "1.4.7",
       "resolved": "https://registry.npmmirror.com/downloadjs/-/downloadjs-1.4.7.tgz",
@@ -2668,6 +3176,11 @@
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
       "dev": true
     },
+    "gl-preserve-state": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/gl-preserve-state/-/gl-preserve-state-1.0.0.tgz",
+      "integrity": "sha512-zQZ25l3haD4hvgJZ6C9+s0ebdkW9y+7U2qxvGu1uWOJh8a4RU+jURIKEQhf8elIlFpMH6CrAY2tH0mYrRjet3Q=="
+    },
     "glob-parent": {
       "version": "5.1.2",
       "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -2677,6 +3190,15 @@
         "is-glob": "^4.0.1"
       }
     },
+    "global": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmmirror.com/global/-/global-4.4.0.tgz",
+      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+      "requires": {
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
+      }
+    },
     "hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
@@ -2692,6 +3214,11 @@
       "integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==",
       "dev": true
     },
+    "individual": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/individual/-/individual-2.0.0.tgz",
+      "integrity": "sha512-pWt8hBCqJsUWI/HtcfWod7+N9SgAqyPEaF7JQjwzjn5vGrpg6aQ5qeAFQ7dx//UH4J1O+7xqew+gCeeFt6xN/g=="
+    },
     "inherits": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.3.tgz",
@@ -2721,6 +3248,11 @@
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
       "dev": true
     },
+    "is-function": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/is-function/-/is-function-1.0.2.tgz",
+      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
+    },
     "is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
@@ -2742,6 +3274,11 @@
       "integrity": "sha512-WriZw1luRMlmV3LGJaR6QOJjWwgLUTf89OwT2lUOyjX2dJGBwgmIkbcz+7WFZjrZM635JOIR517++e/67CP9dQ==",
       "dev": true
     },
+    "keycode": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmmirror.com/keycode/-/keycode-2.2.1.tgz",
+      "integrity": "sha512-Rdgz9Hl9Iv4QKi8b0OlCRQEzp4AgVxyCtz5S/+VIHezDmrDhkp2N2TqBWOLz0/gbeREXOOiI9/4b8BY9uw2vFg=="
+    },
     "local-pkg": {
       "version": "0.5.0",
       "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.5.0.tgz",
@@ -2752,6 +3289,16 @@
         "pkg-types": "^1.0.3"
       }
     },
+    "m3u8-parser": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/m3u8-parser/-/m3u8-parser-7.2.0.tgz",
+      "integrity": "sha512-CRatFqpjVtMiMaKXxNvuI3I++vUumIXVVT/JpCpdU/FynV/ceVw1qpPyyBNindL+JlPMSesx+WX1QJaZEJSaMQ==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^4.1.1",
+        "global": "^4.4.0"
+      }
+    },
     "magic-string": {
       "version": "0.30.10",
       "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.10.tgz",
@@ -2794,6 +3341,14 @@
         "mime-db": "1.52.0"
       }
     },
+    "min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmmirror.com/min-document/-/min-document-2.19.0.tgz",
+      "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
+      "requires": {
+        "dom-walk": "^0.1.0"
+      }
+    },
     "minimatch": {
       "version": "9.0.4",
       "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.4.tgz",
@@ -2815,12 +3370,32 @@
         "ufo": "^1.5.3"
       }
     },
+    "mpd-parser": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/mpd-parser/-/mpd-parser-1.3.1.tgz",
+      "integrity": "sha512-1FuyEWI5k2HcmhS1HkKnUAQV7yFPfXPht2DnRRGtoiiAAW+ESTbtEXIDpRkwdU+XyrQuwrIym7UkoPKsZ0SyFw==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^4.0.0",
+        "@xmldom/xmldom": "^0.8.3",
+        "global": "^4.4.0"
+      }
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
+    "mux.js": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmmirror.com/mux.js/-/mux.js-7.1.0.tgz",
+      "integrity": "sha512-NTxawK/BBELJrYsZThEulyUMDVlLizKdxyAsMuzoCD1eFj97BVaA8D/CvKsKu6FOLYkFojN5CbM9h++ZTZtknA==",
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "global": "^4.4.0"
+      }
+    },
     "nanoid": {
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
@@ -2847,6 +3422,11 @@
       "resolved": "https://registry.npmmirror.com/normalize-range/-/normalize-range-0.1.2.tgz",
       "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA=="
     },
+    "nosleep.js": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmmirror.com/nosleep.js/-/nosleep.js-0.7.0.tgz",
+      "integrity": "sha512-Z4B1HgvzR+en62ghwZf6BwAR6x4/pjezsiMcbF9KMLh7xoscpoYhaSXfY3lLkqC68AtW+/qLJ1lzvBIj0FGaTA=="
+    },
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
@@ -2885,6 +3465,14 @@
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "dev": true
     },
+    "pkcs7": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/pkcs7/-/pkcs7-1.0.4.tgz",
+      "integrity": "sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==",
+      "requires": {
+        "@babel/runtime": "^7.5.5"
+      }
+    },
     "pkg-types": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.1.1.tgz",
@@ -2946,6 +3534,11 @@
         "picomatch": "^2.2.1"
       }
     },
+    "regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
     "resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz",
@@ -2981,6 +3574,22 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "rust-result": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/rust-result/-/rust-result-1.0.0.tgz",
+      "integrity": "sha512-6cJzSBU+J/RJCF063onnQf0cDUOHs9uZI1oroSGnHOph+CQTIJ5Pp2hK5kEQq1+7yE/EEWfulSNXAQ2jikPthA==",
+      "requires": {
+        "individual": "^2.0.0"
+      }
+    },
+    "safe-json-parse": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/safe-json-parse/-/safe-json-parse-4.0.0.tgz",
+      "integrity": "sha512-RjZPPHugjK0TOzFrLZ8inw44s9bKox99/0AZW9o/BEQVrJfhI+fIHMErnPyRa89/yRXUUr93q+tiN6zhoVV4wQ==",
+      "requires": {
+        "rust-result": "^1.0.0"
+      }
+    },
     "sass": {
       "version": "1.77.6",
       "resolved": "https://registry.npmmirror.com/sass/-/sass-1.77.6.tgz",
@@ -3137,6 +3746,11 @@
         }
       }
     },
+    "url-toolkit": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmmirror.com/url-toolkit/-/url-toolkit-2.2.5.tgz",
+      "integrity": "sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg=="
+    },
     "util": {
       "version": "0.10.4",
       "resolved": "https://registry.npmmirror.com/util/-/util-0.10.4.tgz",
@@ -3162,6 +3776,166 @@
         }
       }
     },
+    "video.js": {
+      "version": "8.22.0",
+      "resolved": "https://registry.npmmirror.com/video.js/-/video.js-8.22.0.tgz",
+      "integrity": "sha512-xge2kpjsvC0zgFJ1cqt+wTqsi21+huFswlonPFh7qiplypsb4FN/D2Rz6bWdG/S9eQaPHfWHsarmJL/7D3DHoA==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/http-streaming": "^3.17.0",
+        "@videojs/vhs-utils": "^4.1.1",
+        "@videojs/xhr": "2.7.0",
+        "aes-decrypter": "^4.0.2",
+        "global": "4.4.0",
+        "m3u8-parser": "^7.2.0",
+        "mpd-parser": "^1.3.1",
+        "mux.js": "^7.0.1",
+        "videojs-contrib-quality-levels": "4.1.0",
+        "videojs-font": "4.2.0",
+        "videojs-vtt.js": "0.15.5"
+      }
+    },
+    "videojs-contrib-quality-levels": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-4.1.0.tgz",
+      "integrity": "sha512-TfrXJJg1Bv4t6TOCMEVMwF/CoS8iENYsWNKip8zfhB5kTcegiFYezEA0eHAJPU64ZC8NQbxQgOwAsYU8VXbOWA==",
+      "requires": {
+        "global": "^4.4.0"
+      }
+    },
+    "videojs-font": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/videojs-font/-/videojs-font-4.2.0.tgz",
+      "integrity": "sha512-YPq+wiKoGy2/M7ccjmlvwi58z2xsykkkfNMyIg4xb7EZQQNwB71hcSsB3o75CqQV7/y5lXkXhI/rsGAS7jfEmQ=="
+    },
+    "videojs-vr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/videojs-vr/-/videojs-vr-2.0.0.tgz",
+      "integrity": "sha512-ix4iN8XHaDSEe89Jqybj9DuLKYuK33EIzcSI0IEdnv1KJuH8bd0PYlQEgqIZTOmWruFpW/+rjYFCVUQ9PTypJw==",
+      "requires": {
+        "@babel/runtime": "^7.14.5",
+        "global": "^4.4.0",
+        "three": "0.125.2",
+        "video.js": "^6 || ^7",
+        "webvr-polyfill": "0.10.12"
+      },
+      "dependencies": {
+        "@videojs/http-streaming": {
+          "version": "2.16.3",
+          "resolved": "https://registry.npmmirror.com/@videojs/http-streaming/-/http-streaming-2.16.3.tgz",
+          "integrity": "sha512-91CJv5PnFBzNBvyEjt+9cPzTK/xoVixARj2g7ZAvItA+5bx8VKdk5RxCz/PP2kdzz9W+NiDUMPkdmTsosmy69Q==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "@videojs/vhs-utils": "3.0.5",
+            "aes-decrypter": "3.1.3",
+            "global": "^4.4.0",
+            "m3u8-parser": "4.8.0",
+            "mpd-parser": "^0.22.1",
+            "mux.js": "6.0.1",
+            "video.js": "^6 || ^7"
+          }
+        },
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://registry.npmmirror.com/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+          "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "global": "^4.4.0",
+            "url-toolkit": "^2.2.1"
+          }
+        },
+        "@videojs/xhr": {
+          "version": "2.6.0",
+          "resolved": "https://registry.npmmirror.com/@videojs/xhr/-/xhr-2.6.0.tgz",
+          "integrity": "sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q==",
+          "requires": {
+            "@babel/runtime": "^7.5.5",
+            "global": "~4.4.0",
+            "is-function": "^1.0.1"
+          }
+        },
+        "aes-decrypter": {
+          "version": "3.1.3",
+          "resolved": "https://registry.npmmirror.com/aes-decrypter/-/aes-decrypter-3.1.3.tgz",
+          "integrity": "sha512-VkG9g4BbhMBy+N5/XodDeV6F02chEk9IpgRTq/0bS80y4dzy79VH2Gtms02VXomf3HmyRe3yyJYkJ990ns+d6A==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "@videojs/vhs-utils": "^3.0.5",
+            "global": "^4.4.0",
+            "pkcs7": "^1.0.4"
+          }
+        },
+        "m3u8-parser": {
+          "version": "4.8.0",
+          "resolved": "https://registry.npmmirror.com/m3u8-parser/-/m3u8-parser-4.8.0.tgz",
+          "integrity": "sha512-UqA2a/Pw3liR6Df3gwxrqghCP17OpPlQj6RBPLYygf/ZSQ4MoSgvdvhvt35qV+3NaaA0FSZx93Ix+2brT1U7cA==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "@videojs/vhs-utils": "^3.0.5",
+            "global": "^4.4.0"
+          }
+        },
+        "mpd-parser": {
+          "version": "0.22.1",
+          "resolved": "https://registry.npmmirror.com/mpd-parser/-/mpd-parser-0.22.1.tgz",
+          "integrity": "sha512-fwBebvpyPUU8bOzvhX0VQZgSohncbgYwUyJJoTSNpmy7ccD2ryiCvM7oRkn/xQH5cv73/xU7rJSNCLjdGFor0Q==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "@videojs/vhs-utils": "^3.0.5",
+            "@xmldom/xmldom": "^0.8.3",
+            "global": "^4.4.0"
+          }
+        },
+        "mux.js": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmmirror.com/mux.js/-/mux.js-6.0.1.tgz",
+          "integrity": "sha512-22CHb59rH8pWGcPGW5Og7JngJ9s+z4XuSlYvnxhLuc58cA1WqGDQPzuG8I+sPm1/p0CdgpzVTaKW408k5DNn8w==",
+          "requires": {
+            "@babel/runtime": "^7.11.2",
+            "global": "^4.4.0"
+          }
+        },
+        "three": {
+          "version": "0.125.2",
+          "resolved": "https://registry.npmmirror.com/three/-/three-0.125.2.tgz",
+          "integrity": "sha512-7rIRO23jVKWcAPFdW/HREU2NZMGWPBZ4XwEMt0Ak0jwLUKVJhcKM55eCBWyGZq/KiQbeo1IeuAoo/9l2dzhTXA=="
+        },
+        "video.js": {
+          "version": "7.21.7",
+          "resolved": "https://registry.npmmirror.com/video.js/-/video.js-7.21.7.tgz",
+          "integrity": "sha512-T2s3WFAht7Zjr2OSJamND9x9Dn2O+Z5WuHGdh8jI5SYh5mkMdVTQ7vSRmA5PYpjXJ2ycch6jpMjkJEIEU2xxqw==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "@videojs/http-streaming": "2.16.3",
+            "@videojs/vhs-utils": "^3.0.4",
+            "@videojs/xhr": "2.6.0",
+            "aes-decrypter": "3.1.3",
+            "global": "^4.4.0",
+            "keycode": "^2.2.0",
+            "m3u8-parser": "4.8.0",
+            "mpd-parser": "0.22.1",
+            "mux.js": "6.0.1",
+            "safe-json-parse": "4.0.0",
+            "videojs-font": "3.2.0",
+            "videojs-vtt.js": "^0.15.5"
+          }
+        },
+        "videojs-font": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmmirror.com/videojs-font/-/videojs-font-3.2.0.tgz",
+          "integrity": "sha512-g8vHMKK2/JGorSfqAZQUmYYNnXmfec4MLhwtEFS+mMs2IDY398GLysy6BH6K+aS1KMNu/xWZ8Sue/X/mdQPliA=="
+        }
+      }
+    },
+    "videojs-vtt.js": {
+      "version": "0.15.5",
+      "resolved": "https://registry.npmmirror.com/videojs-vtt.js/-/videojs-vtt.js-0.15.5.tgz",
+      "integrity": "sha512-yZbBxvA7QMYn15Lr/ZfhhLPrNpI/RmCSCqgIff57GC2gIrV5YfyzLfLyZMj0NnZSAz8syB4N0nHXpZg9MyrMOQ==",
+      "requires": {
+        "global": "^4.3.1"
+      }
+    },
     "vite": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
@@ -3206,22 +3980,35 @@
       "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
       "dev": true
     },
+    "webvr-polyfill": {
+      "version": "0.10.12",
+      "resolved": "https://registry.npmmirror.com/webvr-polyfill/-/webvr-polyfill-0.10.12.tgz",
+      "integrity": "sha512-trDJEVUQnRIVAnmImjEQ0BlL1NfuWl8+eaEdu+bs4g59c7OtETi/5tFkgEFDRaWEYwHntXs/uFF3OXZuutNGGA==",
+      "requires": {
+        "cardboard-vr-display": "^1.0.19"
+      }
+    },
+    "webvr-polyfill-dpdb": {
+      "version": "1.0.18",
+      "resolved": "https://registry.npmmirror.com/webvr-polyfill-dpdb/-/webvr-polyfill-dpdb-1.0.18.tgz",
+      "integrity": "sha512-O0S1ZGEWyPvyZEkS2VbyV7mtir/NM9MNK3EuhbHPoJ8EHTky2pTXehjIl+IiDPr+Lldgx129QGt3NGly7rwRPw=="
+    },
     "xgplayer": {
-      "version": "3.0.19",
-      "resolved": "https://registry.npmmirror.com/xgplayer/-/xgplayer-3.0.19.tgz",
-      "integrity": "sha512-yw4yinU5EtxS5YxOpctCVnHS/WW3tLTYjT+ZHivUYihlaAdudrmBmoOCcRYykGg7xz6PVIi6B79Gn1RBnGAnpg==",
+      "version": "3.0.21",
+      "resolved": "https://registry.npmmirror.com/xgplayer/-/xgplayer-3.0.21.tgz",
+      "integrity": "sha512-v4O+qzok994AZ2EeU1yFjWhGa6p6V8mdPpWHmfCL7AE3Bqo+MRsYEhWYIhj3FXPK8aUYO6VWyTFc1MThpLYZJA==",
       "requires": {
         "danmu.js": ">=1.1.6",
         "delegate": "^3.2.0",
         "downloadjs": "1.4.7",
         "eventemitter3": "^4.0.7",
-        "xgplayer-subtitles": "3.0.19"
+        "xgplayer-subtitles": "3.0.21"
       }
     },
     "xgplayer-subtitles": {
-      "version": "3.0.19",
-      "resolved": "https://registry.npmmirror.com/xgplayer-subtitles/-/xgplayer-subtitles-3.0.19.tgz",
-      "integrity": "sha512-e2k1oFq1HSbnnHaK694FREqkFyq65ze4vETTIy8ABkOXItcr9/ugyNIJ4zCjD+jExSAVppM9FAF761X4+wRCeA==",
+      "version": "3.0.21",
+      "resolved": "https://registry.npmmirror.com/xgplayer-subtitles/-/xgplayer-subtitles-3.0.21.tgz",
+      "integrity": "sha512-Z3EVdFe31c0JUYwuG/C6+T2NKfiGqzzcd0na7FZ9Kx6nIDznGPtLeG6EZOaZXnfW8V35b/WhfsdKSBXYzBOOqw==",
       "requires": {
         "eventemitter3": "^4.0.7"
       }
diff --git a/package.json b/package.json
index 7c7a051..e69c14c 100644
--- a/package.json
+++ b/package.json
@@ -13,13 +13,17 @@
   "dependencies": {
     "autoprefixer": "^10.4.19",
     "axios": "^1.7.2",
+    "dayjs": "^1.11.13",
+    "days": "^1.1.1",
     "mescroll.js": "^1.4.2",
     "path": "^0.12.7",
     "swiper": "^11.1.4",
     "vant": "^4.9.1",
+    "video.js": "^8.22.0",
+    "videojs-vr": "^2.0.0",
     "vue": "^3.3.4",
     "vue-router": "^4.3.3",
-    "xgplayer": "^3.0.19"
+    "xgplayer": "^3.0.21"
   },
   "devDependencies": {
     "@vant/auto-import-resolver": "^1.2.1",
diff --git a/public/bg2.png b/public/bg2.png
index 7f0ce2b..1daca89 100644
Binary files a/public/bg2.png and b/public/bg2.png differ
diff --git a/public/js/aliplayer-h5-min.js b/public/js/aliplayer-h5-min.js
new file mode 100644
index 0000000..3f107c9
--- /dev/null
+++ b/public/js/aliplayer-h5-min.js
@@ -0,0 +1,2 @@
+/*! aliyun-aliplayer - v2.16.3 - 2023-07-20 14.18.20 */
+!function(e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).Aliplayer=e()}(function(){var define,module,exports;return function i(n,o,a){function s(t,e){if(!o[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(l)return l(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=o[t]={exports:{}},n[t][0].call(r.exports,function(e){return s(n[t][1][e]||e)},r,r.exports,i,n,o,a)}return o[t].exports}for(var l="function"==typeof require&&require,e=0;e<a.length;e++)s(a[e]);return s}({1:[function(e,t,r){},{}],2:[function(y,r,i){!function(f){!function(){var e,t;e=this,t=function(){var i,c=Math;if("undefined"!=typeof window&&window.crypto&&(i=window.crypto),"undefined"!=typeof self&&self.crypto&&(i=self.crypto),!(i=!(i=!(i="undefined"!=typeof globalThis&&globalThis.crypto?globalThis.crypto:i)&&"undefined"!=typeof window&&window.msCrypto?window.msCrypto:i)&&void 0!==f&&f.crypto?f.crypto:i)&&"function"==typeof y)try{i=y("crypto")}catch(e){}var r=Object.create||function(e){return t.prototype=e,e=new t,t.prototype=null,e};function t(){}var e={},n=e.lib={},o=n.Base={extend:function(e){var t=r(this);return e&&t.mixIn(e),t.hasOwnProperty("init")&&this.init!==t.init||(t.init=function(){t.$super.init.apply(this,arguments)}),(t.init.prototype=t).$super=this,t},create:function(){var e=this.extend();return e.init.apply(e,arguments),e},init:function(){},mixIn:function(e){for(var t in e)e.hasOwnProperty(t)&&(this[t]=e[t]);e.hasOwnProperty("toString")&&(this.toString=e.toString)},clone:function(){return this.init.prototype.extend(this)}},u=n.WordArray=o.extend({init:function(e,t){e=this.words=e||[],this.sigBytes=null!=t?t:4*e.length},toString:function(e){return(e||s).stringify(this)},concat:function(e){var t=this.words,r=e.words,i=this.sigBytes,n=e.sigBytes;if(this.clamp(),i%4)for(var o=0;o<n;o++){var a=r[o>>>2]>>>24-o%4*8&255;t[i+o>>>2]|=a<<24-(i+o)%4*8}else for(var s=0;s<n;s+=4)t[i+s>>>2]=r[s>>>2];return this.sigBytes+=n,this},clamp:function(){var e=this.words,t=this.sigBytes;e[t>>>2]&=4294967295<<32-t%4*8,e.length=c.ceil(t/4)},clone:function(){var e=o.clone.call(this);return e.words=this.words.slice(0),e},random:function(e){for(var t=[],r=0;r<e;r+=4)t.push(function(){if(i){if("function"==typeof i.getRandomValues)try{return i.getRandomValues(new Uint32Array(1))[0]}catch(e){}if("function"==typeof i.randomBytes)try{return i.randomBytes(4).readInt32LE()}catch(e){}}throw new Error("Native crypto module could not be used to get secure random number.")}());return new u.init(t,e)}}),a=e.enc={},s=a.Hex={stringify:function(e){for(var t=e.words,r=e.sigBytes,i=[],n=0;n<r;n++){var o=t[n>>>2]>>>24-n%4*8&255;i.push((o>>>4).toString(16)),i.push((15&o).toString(16))}return i.join("")},parse:function(e){for(var t=e.length,r=[],i=0;i<t;i+=2)r[i>>>3]|=parseInt(e.substr(i,2),16)<<24-i%8*4;return new u.init(r,t/2)}},l=a.Latin1={stringify:function(e){for(var t=e.words,r=e.sigBytes,i=[],n=0;n<r;n++){var o=t[n>>>2]>>>24-n%4*8&255;i.push(String.fromCharCode(o))}return i.join("")},parse:function(e){for(var t=e.length,r=[],i=0;i<t;i++)r[i>>>2]|=(255&e.charCodeAt(i))<<24-i%4*8;return new u.init(r,t)}},d=a.Utf8={stringify:function(e){try{return decodeURIComponent(escape(l.stringify(e)))}catch(e){throw new Error("Malformed UTF-8 data")}},parse:function(e){return l.parse(unescape(encodeURIComponent(e)))}},p=n.BufferedBlockAlgorithm=o.extend({reset:function(){this._data=new u.init,this._nDataBytes=0},_append:function(e){"string"==typeof e&&(e=d.parse(e)),this._data.concat(e),this._nDataBytes+=e.sigBytes},_process:function(e){var t,r=this._data,i=r.words,n=r.sigBytes,o=this.blockSize,a=n/(4*o),s=(a=e?c.ceil(a):c.max((0|a)-this._minBufferSize,0))*o,e=c.min(4*s,n);if(s){for(var l=0;l<s;l+=o)this._doProcessBlock(i,l);t=i.splice(0,s),r.sigBytes-=e}return new u.init(t,e)},clone:function(){var e=o.clone.call(this);return e._data=this._data.clone(),e},_minBufferSize:0}),h=(n.Hasher=p.extend({cfg:o.extend(),init:function(e){this.cfg=this.cfg.extend(e),this.reset()},reset:function(){p.reset.call(this),this._doReset()},update:function(e){return this._append(e),this._process(),this},finalize:function(e){return e&&this._append(e),this._doFinalize()},blockSize:16,_createHelper:function(r){return function(e,t){return new r.init(t).finalize(e)}},_createHmacHelper:function(r){return function(e,t){return new h.HMAC.init(r,t).finalize(e)}}}),e.algo={});return e},"object"==typeof i?r.exports=i=t():"function"==typeof define&&define.amd?define([],t):e.CryptoJS=t()}.call(this)}.call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{crypto:1}],3:[function(e,t,r){var i,n;i=this,n=function(e){var f;return f=e.lib.WordArray,e.enc.Base64={stringify:function(e){for(var t=e.words,r=e.sigBytes,i=this._map,n=(e.clamp(),[]),o=0;o<r;o+=3)for(var a=(t[o>>>2]>>>24-o%4*8&255)<<16|(t[o+1>>>2]>>>24-(o+1)%4*8&255)<<8|t[o+2>>>2]>>>24-(o+2)%4*8&255,s=0;s<4&&o+.75*s<r;s++)n.push(i.charAt(a>>>6*(3-s)&63));var l=i.charAt(64);if(l)for(;n.length%4;)n.push(l);return n.join("")},parse:function(e){var t=e.length,r=this._map;if(!(i=this._reverseMap))for(var i=this._reverseMap=[],n=0;n<r.length;n++)i[r.charCodeAt(n)]=n;for(var o,a,s=r.charAt(64),l=(s&&-1!==(s=e.indexOf(s))&&(t=s),e),c=t,u=i,d=[],p=0,h=0;h<c;h++)h%4&&(o=u[l.charCodeAt(h-1)]<<h%4*2,a=u[l.charCodeAt(h)]>>>6-h%4*2,d[p>>>2]|=(o|a)<<24-p%4*8,p++);return f.create(d,p)},_map:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="},e.enc.Base64},"object"==typeof r?t.exports=r=n(e("./core")):"function"==typeof define&&define.amd?define(["./core"],n):n(i.CryptoJS)},{"./core":2}],4:[function(e,t,r){var i,n;i=this,n=function(e){return e.enc.Utf8},"object"==typeof r?t.exports=r=n(e("./core")):"function"==typeof define&&define.amd?define(["./core"],n):n(i.CryptoJS)},{"./core":2}],5:[function(e,t,r){var i,n;i=this,n=function(e){return e.HmacSHA1},"object"==typeof r?t.exports=r=n(e("./core"),e("./sha1"),e("./hmac")):"function"==typeof define&&define.amd?define(["./core","./sha1","./hmac"],n):n(i.CryptoJS)},{"./core":2,"./hmac":6,"./sha1":7}],6:[function(e,t,r){var i,n;i=this,n=function(e){var t,s;t=e.lib.Base,s=e.enc.Utf8,e.algo.HMAC=t.extend({init:function(e,t){e=this._hasher=new e.init,"string"==typeof t&&(t=s.parse(t));for(var r=e.blockSize,i=4*r,e=((t=t.sigBytes>i?e.finalize(t):t).clamp(),this._oKey=t.clone()),t=this._iKey=t.clone(),n=e.words,o=t.words,a=0;a<r;a++)n[a]^=1549556828,o[a]^=909522486;e.sigBytes=t.sigBytes=i,this.reset()},reset:function(){var e=this._hasher;e.reset(),e.update(this._iKey)},update:function(e){return this._hasher.update(e),this},finalize:function(e){var t=this._hasher,e=t.finalize(e);return t.reset(),t.finalize(this._oKey.clone().concat(e))}})},"object"==typeof r?t.exports=r=n(e("./core")):"function"==typeof define&&define.amd?define(["./core"],n):n(i.CryptoJS)},{"./core":2}],7:[function(e,t,r){var i,n;i=this,n=function(e){var t,r,i,n,u;return r=(t=e).lib,i=r.WordArray,n=r.Hasher,r=t.algo,u=[],r=r.SHA1=n.extend({_doReset:function(){this._hash=new i.init([1732584193,4023233417,2562383102,271733878,3285377520])},_doProcessBlock:function(e,t){for(var r=this._hash.words,i=r[0],n=r[1],o=r[2],a=r[3],s=r[4],l=0;l<80;l++){u[l]=l<16?0|e[t+l]:(c=u[l-3]^u[l-8]^u[l-14]^u[l-16])<<1|c>>>31;var c=(i<<5|i>>>27)+s+u[l];c+=l<20?1518500249+(n&o|~n&a):l<40?1859775393+(n^o^a):l<60?(n&o|n&a|o&a)-1894007588:(n^o^a)-899497514,s=a,a=o,o=n<<30|n>>>2,n=i,i=c}r[0]=r[0]+i|0,r[1]=r[1]+n|0,r[2]=r[2]+o|0,r[3]=r[3]+a|0,r[4]=r[4]+s|0},_doFinalize:function(){var e=this._data,t=e.words,r=8*this._nDataBytes,i=8*e.sigBytes;return t[i>>>5]|=128<<24-i%32,t[14+(64+i>>>9<<4)]=Math.floor(r/4294967296),t[15+(64+i>>>9<<4)]=r,e.sigBytes=4*t.length,this._process(),this._hash},clone:function(){var e=n.clone.call(this);return e._hash=this._hash.clone(),e}}),t.SHA1=n._createHelper(r),t.HmacSHA1=n._createHmacHelper(r),e.SHA1},"object"==typeof r?t.exports=r=n(e("./core")):"function"==typeof define&&define.amd?define(["./core"],n):n(i.CryptoJS)},{"./core":2}],8:[function(V,r,i){!function(B,j){!function(){var e,t;e=this,t=function(){"use strict";function l(e){return"function"==typeof e}var r=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},i=0,t=void 0,n=void 0,a=function(e,t){d[i]=e,d[i+1]=t,2===(i+=2)&&(n?n(p):M())};var e="undefined"!=typeof window?window:void 0,o=e||{},o=o.MutationObserver||o.WebKitMutationObserver,s="undefined"==typeof self&&void 0!==B&&"[object process]"==={}.toString.call(B),c="undefined"!=typeof Uint8ClampedArray&&"undefined"!=typeof importScripts&&"undefined"!=typeof MessageChannel;function u(){var e=setTimeout;return function(){return e(p,1)}}var d=new Array(1e3);function p(){for(var e=0;e<i;e+=2)(0,d[e])(d[e+1]),d[e]=void 0,d[e+1]=void 0;i=0}function h(){try{var e=Function("return this")().require("vertx");return void 0!==(t=e.runOnLoop||e.runOnContext)?function(){t(p)}:u()}catch(e){return u()}}var f,y,_,M=void 0;function g(e,t){var r,i=this,n=new this.constructor(b),o=(void 0===n[m]&&R(n),i._state);return o?(r=arguments[o-1],a(function(){return L(o,n,r,i._result)})):C(i,n,e,t),n}function v(e){var t;return e&&"object"==typeof e&&e.constructor===this?e:(x(t=new this(b),e),t)}var M=s?function(){return B.nextTick(p)}:o?(y=0,s=new o(p),_=document.createTextNode(""),s.observe(_,{characterData:!0}),function(){_.data=y=++y%2}):c?((f=new MessageChannel).port1.onmessage=p,function(){return f.port2.postMessage(0)}):(void 0===e&&"function"==typeof V?h:u)(),m=Math.random().toString(36).substring(2);function b(){}var S=void 0,T=1,E=2;function U(e,i,n){a(function(t){var r=!1,e=function(e,t,r,i){try{e.call(t,r,i)}catch(e){return e}}(n,i,function(e){r||(r=!0,(i!==e?x:P)(t,e))},function(e){r||(r=!0,k(t,e))},t._label);!r&&e&&(r=!0,k(t,e))},e)}function w(e,t,r){var i,n;t.constructor===e.constructor&&r===g&&t.constructor.resolve===v?(i=e,(n=t)._state===T?P(i,n._result):n._state===E?k(i,n._result):C(n,void 0,function(e){return x(i,e)},function(e){return k(i,e)})):void 0!==r&&l(r)?U(e,t,r):P(e,t)}function x(t,e){if(t===e)k(t,new TypeError("You cannot resolve a promise with itself"));else if(r=typeof e,null===e||"object"!=r&&"function"!=r)P(t,e);else{r=void 0;try{r=e.then}catch(e){return void k(t,e)}w(t,e,r)}var r}function H(e){e._onerror&&e._onerror(e._result),I(e)}function P(e,t){e._state===S&&(e._result=t,e._state=T,0!==e._subscribers.length)&&a(I,e)}function k(e,t){e._state===S&&(e._state=E,e._result=t,a(H,e))}function C(e,t,r,i){var n=e._subscribers,o=n.length;e._onerror=null,n[o]=t,n[o+T]=r,n[o+E]=i,0===o&&e._state&&a(I,e)}function I(e){var t=e._subscribers,r=e._state;if(0!==t.length){for(var i,n=void 0,o=e._result,a=0;a<t.length;a+=3)i=t[a],n=t[a+r],i?L(r,i,n,o):n(o);e._subscribers.length=0}}function L(e,t,r,i){var n=l(r),o=void 0,a=void 0,s=!0;if(n){try{o=r(i)}catch(e){s=!1,a=e}if(t===o)return void k(t,new TypeError("A promises callback cannot return that same promise."))}else o=i;t._state===S&&(n&&s?x(t,o):!1===s?k(t,a):e===T?P(t,o):e===E&&k(t,o))}var A=0;function R(e){e[m]=A++,e._state=void 0,e._result=void 0,e._subscribers=[]}D.prototype._enumerate=function(e){for(var t=0;this._state===S&&t<e.length;t++)this._eachEntry(e[t],t)},D.prototype._eachEntry=function(t,e){var r=this._instanceConstructor,i=r.resolve;if(i===v){var n,o=void 0,a=void 0,s=!1;try{o=t.then}catch(e){s=!0,a=e}o===g&&t._state!==S?this._settledAt(t._state,e,t._result):"function"!=typeof o?(this._remaining--,this._result[e]=t):r===O?(n=new r(b),s?k(n,a):w(n,t,o),this._willSettleAt(n,e)):this._willSettleAt(new r(function(e){return e(t)}),e)}else this._willSettleAt(i(t),e)},D.prototype._settledAt=function(e,t,r){var i=this.promise;i._state===S&&(this._remaining--,e===E?k(i,r):this._result[t]=r),0===this._remaining&&P(i,this._result)},D.prototype._willSettleAt=function(e,t){var r=this;C(e,void 0,function(e){return r._settledAt(T,t,e)},function(e){return r._settledAt(E,t,e)})};var F=D;function D(e,t){this._instanceConstructor=e,this.promise=new e(b),this.promise[m]||R(this.promise),r(t)?(this.length=t.length,this._remaining=t.length,this._result=new Array(this.length),0!==this.length&&(this.length=this.length||0,this._enumerate(t),0!==this._remaining)||P(this.promise,this._result)):k(this.promise,new Error("Array Methods must be provided an Array"))}N.prototype.catch=function(e){return this.then(null,e)},N.prototype.finally=function(t){var r=this.constructor;return l(t)?this.then(function(e){return r.resolve(t()).then(function(){return e})},function(e){return r.resolve(t()).then(function(){throw e})}):this.then(t,t)};var O=N;function N(e){if(this[m]=A++,this._result=this._state=void 0,this._subscribers=[],b!==e){if("function"!=typeof e)throw new TypeError("You must pass a resolver function as the first argument to the promise constructor");if(!(this instanceof N))throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.");var t=this;try{e(function(e){x(t,e)},function(e){k(t,e)})}catch(e){k(t,e)}}}return O.prototype.then=g,O.all=function(e){return new F(this,e).promise},O.race=function(n){var o=this;return r(n)?new o(function(e,t){for(var r=n.length,i=0;i<r;i++)o.resolve(n[i]).then(e,t)}):new o(function(e,t){return t(new TypeError("You must pass an array to race."))})},O.resolve=v,O.reject=function(e){var t=new this(b);return k(t,e),t},O._setScheduler=function(e){n=e},O._setAsap=function(e){a=e},O._asap=a,O.polyfill=function(){var e=void 0;if(void 0!==j)e=j;else if("undefined"!=typeof self)e=self;else try{e=Function("return this")()}catch(e){throw new Error("polyfill failed because global object is unavailable in this environment")}var t=e.Promise;if(t){var r=null;try{r=Object.prototype.toString.call(t.resolve())}catch(e){}if("[object Promise]"===r&&!t.cast)return}e.Promise=O},O.Promise=O},"object"==typeof i&&void 0!==r?r.exports=t():"function"==typeof define&&define.amd?define(t):e.ES6Promise=t()}.call(this)}.call(this,V("_process"),"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{_process:9}],9:[function(e,t,r){var i,n,t=t.exports={};function o(){throw new Error("setTimeout has not been defined")}function a(){throw new Error("clearTimeout has not been defined")}try{i="function"==typeof setTimeout?setTimeout:o}catch(e){i=o}try{n="function"==typeof clearTimeout?clearTimeout:a}catch(e){n=a}function s(t){if(i===setTimeout)return setTimeout(t,0);if((i===o||!i)&&setTimeout)return(i=setTimeout)(t,0);try{return i(t,0)}catch(e){try{return i.call(null,t,0)}catch(e){return i.call(this,t,0)}}}var l,c=[],u=!1,d=-1;function p(){u&&l&&(u=!1,l.length?c=l.concat(c):d=-1,c.length)&&h()}function h(){if(!u){for(var e=s(p),t=(u=!0,c.length);t;){for(l=c,c=[];++d<t;)l&&l[d].run();d=-1,t=c.length}l=null,u=!1,!function(t){if(n===clearTimeout)return clearTimeout(t);if((n===a||!n)&&clearTimeout)return(n=clearTimeout)(t);try{n(t)}catch(e){try{return n.call(null,t)}catch(e){return n.call(this,t)}}}(e)}}function f(e,t){this.fun=e,this.array=t}function y(){}t.nextTick=function(e){var t=new Array(arguments.length-1);if(1<arguments.length)for(var r=1;r<arguments.length;r++)t[r-1]=arguments[r];c.push(new f(e,t)),1!==c.length||u||s(h)},f.prototype.run=function(){this.fun.apply(null,this.array)},t.title="browser",t.browser=!0,t.env={},t.argv=[],t.version="",t.versions={},t.on=y,t.addListener=y,t.once=y,t.off=y,t.removeListener=y,t.removeAllListeners=y,t.emit=y,t.prependListener=y,t.prependOnceListener=y,t.listeners=function(e){return[]},t.binding=function(e){throw new Error("process.binding is not supported")},t.cwd=function(){return"/"},t.chdir=function(e){throw new Error("process.chdir is not supported")},t.umask=function(){return 0}},{}],10:[function(e,t,r){t.exports={name:"aliyun-aliplayer",version:"2.16.3",description:"aliyun h5 player",main:"./dist/aliplayer-min",files:["dist"],repository:{type:"git",url:""},keywords:["clam","prismplayer"],scripts:{start:"npx grunt live",build:"npx grunt build","publish-beta":'npm version prerelease --preid=beta && npm run build && git add . && git commit -m "feat: build assets for daily" && def p -d'},devDependencies:{"@babel/core":"^7.15.0","@babel/preset-env":"^7.15.0","babel-loader":"^8.2.2","babel-plugin-es6-promise":"^1.1.1",babelify:"^10.0.0",grunt:"^1.0.4","grunt-autoprefixer":"^3.0.4","grunt-babel":"^8.0.0","grunt-browserify":"^5.3.0","grunt-contrib-clean":"^2.0.0","grunt-contrib-connect":"^3.0.0","grunt-contrib-copy":"^1.0.0","grunt-contrib-cssmin":"^3.0.0","grunt-contrib-less":"^2.0.0","grunt-contrib-uglify":"^4.0.1","grunt-contrib-watch":"^1.1.0","grunt-run":"^0.8.1","grunt-text-replace":"^0.4.0"},dependencies:{"crypto-js":"^4.1.1"}}},{}],11:[function(e,t,r){var i=e("../ui/component"),n=(e("../lib/util"),e("../lib/dom")),o=e("../lib/event"),a=(e("../lib/ua"),e("../lang/index")),s=e("../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.className=t.className||"prism-auto-stream-selector",this.addClass(this.className)},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML="<div><p class='tip-text'></p></div><div class='operators'><a class='prism-button prism-button-ok' type='button'>"+a.get("OK_Text")+"</a><a class='prism-button prism-button-cancel'  target='_blank'>"+a.get("Cancel_Text")+"</a></div>",e},bindEvent:function(){var i=this,e=(i._player.on(s.Private.AutoStreamShow,function(e){var t,r=document.querySelector("#"+i.getId()+" .tip-text");i._player._getLowerQualityLevel&&(t=i._player._getLowerQualityLevel())&&(i._switchUrl=t,r.innerText=a.get("Auto_Stream_Tip_Text").replace("$$",t.item.desc),n.css(i.el(),"display","block"))}),i._player.on(s.Private.AutoStreamHide,function(e){document.querySelector("#"+i.getId()+" .tip-text");n.css(i.el(),"display","none")}),document.querySelector("#"+i.getId()+" .prism-button-ok")),e=(o.on(e,"click",function(){i._player._changeStream&&i._switchUrl&&(i._player._changeStream(i._switchUrl.index,a.get("Quality_Change_Text")),i._player.trigger(s.Private.SettingListHide)),n.css(i.el(),"display","none")}),document.querySelector("#"+i.getId()+" .prism-button-cancel"));o.on(e,"click",function(){n.css(i.el(),"display","none"),i._player.trigger(s.Private.SettingListHide)})}});t.exports=e},{"../lang/index":23,"../lib/dom":32,"../lib/event":33,"../lib/ua":49,"../lib/util":51,"../player/base/event/eventtype":70,"../ui/component":130}],12:[function(e,t,r){var i=e("../ui/component"),a=e("../lib/dom"),n=e("../lib/event"),o=e("../lib/ua"),s=e("../lib/function"),l=(e("../lang/index"),e("../lib/util")),c=e("../config"),u=e("../lib/playerutil"),d=e("../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.className=t.className||"prism-liveshift-progress",this.addClass(this.className),this._liveshiftService=e._liveshiftService},createEl:function(){var e=i.prototype.createEl.call(this);return e.innerHTML='<div class="prism-enable-liveshift"><div class="prism-progress-loaded"></div><div class="prism-progress-played"></div><div class="prism-progress-cursor"><img></img></div><p class="prism-progress-time"></p><div class="prism-liveshift-seperator"></div></div><div class="prism-disable-liveshift"></div>',e},bindEvent:function(){function t(e){r._progressDown=e}var r=this,e=(this.loadedNode=document.querySelector("#"+this.id()+" .prism-progress-loaded"),this.playedNode=document.querySelector("#"+this.id()+" .prism-progress-played"),this.cursorNode=document.querySelector("#"+this.id()+" .prism-progress-cursor"),this.timeNode=document.querySelector("#"+this.id()+" .prism-progress-time"),this.controlNode=document.querySelector("#"+this._player._options.id+" .prism-controlbar"),this.seperatorNode=document.querySelector("#"+this.id()+" .prism-liveshift-seperator"),this.progressNode=document.querySelector("#"+this.id()+" .prism-enable-liveshift"),document.querySelector("#"+this.id()+" .prism-progress-cursor img")),i="//"+c.domain+c.path+c.h5Version+"/skins/default/img/dragcursor.png";this._player._options.skinsDomain?i=this._player._options.skinsDomain+"/skins/default/img/dragcursor.png":c.domain?-1<c.domain.indexOf("localhost")&&(i="//"+c.domain+"/build/skins/default/img/dragcursor.png"):i=this._player&&this._player._options&&this._player._options.sdkDomain?this._player._options.sdkDomain+c.path+c.h5Version+"/skins/default/img/dragcursor.png":(c.path||"").substring(1)+c.h5Version+"/skins/default/img/dragcursor.png",e.src=i,n.on(this.cursorNode,"mousedown",function(e){r._onMouseDown(e)}),n.on(this.cursorNode,"touchstart",function(e){r._onMouseDown(e)}),n.on(this.progressNode,"mousemove",function(e){r._progressMove(e)}),n.on(this.progressNode,"touchmove",function(e){r._progressMove(e)});n.on(this.progressNode,"mousedown",function(e){t(!0)}),n.on(this.progressNode,"touchstart",function(e){t(!0)}),n.on(this.progressNode,"mouseup",function(e){t(!1)}),n.on(this.progressNode,"touchend",function(e){t(!1)}),n.on(this._el,"click",function(e){r._onMouseClick(e)}),this._player.on(d.Private.HideProgress,function(e){r._hideProgress(e)}),this._player.on(d.Private.CancelHideProgress,function(e){r._cancelHideProgress(e)}),this._player.on(d.Private.ShowBar,function(){r._updateLayout()}),n.on(this.progressNode,d.Private.MouseOver,function(e){r._onMouseOver(e)}),n.on(this.progressNode,d.Private.MouseOut,function(e){r._onMouseOut(e)}),this.bindTimeupdate=s.bind(this,this._onTimeupdate),this._player.on(d.Player.TimeUpdate,this.bindTimeupdate),u.isLiveShift(this._player._options)&&r._liveshiftService.start(6e4,function(e){e={mediaId:r._player._options.vid||"",error_code:e.Code,error_msg:e.Message};r._player.logError(e),r._player.trigger(d.Player.Error,e)}),this._player.on(d.Private.LiveShiftQueryCompleted,function(){r._updateSeperator(),r._updateLayout()}),this._player.on(d.Private.LiveShiftSwitchToLive,function(){r._updateCursorPosition()}),this._player.on(d.Player.Pause,function(){r._liveshiftService.stop()}),o.IS_IPAD?this.interval=setInterval(function(){r._onProgress()},500):this._player.on(d.Video.Progress,function(){r._onProgress()})},_updateSeperator:function(){this._liveshiftService.currentTimeDisplay&&(this.seperatorNode.innerText=this._liveshiftService.currentTimeDisplay)},_updateLayout:function(){var e=this.seperatorNode.offsetWidth,t=this.el().offsetWidth,r=t-e;0!=e&&0!=r&&(a.css(this.progressNode,"width",100*(r-10)/t+"%"),a.css(this.seperatorNode,"right",-1*(e+10)+"px"))},_progressMove:function(e){var t=this._getSeconds(e),r=this._liveshiftService.availableLiveShiftTime,t=(this.timeNode.innerText="-"+l.formatTime(r-t),r?t/r:0),r=1-this.timeNode.clientWidth/this.el().clientWidth,i=(r<t&&(t=r),this.timeNode&&(a.css(this.timeNode,"display","block"),a.css(this.timeNode,"left",100*t+"%")),this);!o.IS_PC&&i._progressDown&&(i.progressSeekTimer&&clearTimeout(i.progressSeekTimer),i.progressSeekTimer=setTimeout(function(){i._progressDown||i._onMouseClick(e)},200))},_hideProgress:function(e){n.off(this.cursorNode,"mousedown"),n.off(this.cursorNode,"touchstart")},_cancelHideProgress:function(e){var t=this;n.on(this.cursorNode,"mousedown",function(e){t._onMouseDown(e)}),n.on(this.cursorNode,"touchstart",function(e){t._onMouseDown(e)})},_canSeekable:function(e){var t=!0;return t="function"==typeof this._player.canSeekable?this._player.canSeekable(e):t},_onMouseOver:function(e){this._updateCursorPosition(this._getCurrentTime()),a.css(this.timeNode,"display","block")},_onMouseOut:function(e){a.css(this.timeNode,"display","none")},_getSeconds:function(e){for(var t=this.el().offsetLeft,r=this.el();r=r.offsetParent;){var i=a.getTranslateX(r);t+=r.offsetLeft+i}var e=(e.touches&&e.touches.length?e.touches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e).pageX,n=this.progressNode.offsetWidth,o=this._liveshiftService.availableLiveShiftTime;return sec=(sec=(sec=o?(e-t)/n*o:0)<0?0:sec)>o?o:sec},_onMouseClick:function(e){var t=this,e=this._getSeconds(e),r=this._liveshiftService.availableLiveShiftTime,i=r-e,n=this._player._options,r=(i<=n.liveShiftMinOffset&&(e=r-(i=n.liveShiftMinOffset)),this._player.trigger(d.Private.SeekStart,{fromTime:this._getCurrentTime()}),this._liveshiftService.getSourceUrl(i)),n=u.isHls(t._player._options.source);t._player._loadByUrlInner(r,e,!0),t._player.trigger(d.Private.Play_Btn_Hide),t._liveshiftService.seekTime=e,t._player.trigger(d.Private.EndStart,{toTime:e}),t._updateProgressBar(this.playedNode,e),t._updateCursorPosition(e),setTimeout(function(){t._progressDown||t._onMouseOut()},500),n&&setTimeout(function(){t._player.play()})},_onMouseDown:function(e){var t=this;e.preventDefault(),this._player.trigger(d.Private.SeekStart,{fromTime:this._getCurrentTime()}),n.on(this.controlNode,"mousemove",function(e){t._onMouseMove(e)}),n.on(this.controlNode,"touchmove",function(e){t._onMouseMove(e)}),n.on(this.controlNode,"mouseup",function(e){t._onMouseUp(e)}),n.on(this.controlNode,"touchend",function(e){t._onMouseUp(e)})},_onMouseUp:function(e){e.preventDefault(),n.off(this.controlNode,"mousemove"),n.off(this.controlNode,"touchmove"),n.off(this._player.tag,"mouseup"),n.off(this._player.tag,"touchend"),n.off(this.controlNode,"mouseup"),n.off(this.controlNode,"touchend"),this._onMouseClick(e)},_onMouseMove:function(e){e.preventDefault()},_onTimeupdate:function(e){this._player._seeking||(o.IS_ANDROID&&o.IS_UC&&(this._hasResetFlagUC&&this._player.getCurrentTime()&&(this._hasResetFlagUC=!1,this._basePtsUC=this._player.getCurrentTime()),this._player.getCurrentTime()||(this._hasResetFlagUC=!0,this._basePtsUC=0)),this._updateProgressBar(this.playedNode,this._getCurrentTime()),this._updateCursorPosition(this._getCurrentTime()),this._player.trigger(d.Private.UpdateProgressBar,{time:this._getCurrentTime()}))},_getCurrentTime:function(){var e=this._liveshiftService.seekTime,e=(-1==e&&(e=0),this._player.getCurrentTime()+e);return o.IS_ANDROID&&o.IS_UC&&(e-=this._basePtsUC||0),e},_onProgress:function(e){this._player.getDuration()&&1<=this._player.getBuffered().length&&this._updateProgressBar(this.loadedNode,this._player.getBuffered().end(this._player.getBuffered().length-1))},_updateProgressBar:function(e,t){var r,i;1!=this._player._switchSourcing&&(i=0,-1==this._liveshiftService.seekTime?i=1:1<(i=(r=this._liveshiftService.availableLiveShiftTime)?t/r:0)&&(this._liveshiftService.seekTime=-(i=1)),this.liveShiftStartDisplay,e)&&a.css(e,"width",100*i+"%")},_updateCursorPosition:function(e){var t,r,i,n;this._player.el()&&1!=this._player._switchSourcing&&(i=0,n=1,t=this._player.el().clientWidth,-1==this._liveshiftService.seekTime?i=1:1<(i=(r=this._liveshiftService.availableLiveShiftTime)?e/r:0)&&(this._liveshiftService.seekTime=-1),0!=t&&(n=1-(e=10/t),i-=e),i=i<0?0:i,this.cursorNode)&&(n<i?(a.css(this.cursorNode,"right","0px"),a.css(this.cursorNode,"left","auto")):(a.css(this.cursorNode,"right","auto"),a.css(this.cursorNode,"left",100*i+"%")))}});t.exports=e},{"../config":14,"../lang/index":23,"../lib/dom":32,"../lib/event":33,"../lib/function":35,"../lib/playerutil":46,"../lib/ua":49,"../lib/util":51,"../player/base/event/eventtype":70,"../ui/component":130}],13:[function(e,t,r){var i=e("../ui/component"),n=e("../lib/util"),o=e("../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.className=t.className||"prism-live-time-display",this.addClass(this.className),this._liveshiftService=e._liveshiftService},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<span class="current-time">00:00</span> <span class="time-bound">/</span> <span class="end-time">00:00</span><span class="live-text">Live: </span><span class="live-time"></span>',e},bindEvent:function(){var i=this;this._player.on(o.Video.TimeUpdate,function(){var e,t=i._liveshiftService,r=document.querySelector("#"+i.id()+" .current-time");t.liveShiftStartDisplay&&t.availableLiveShiftTime>t.seekTime&&-1!=t.seekTime?(e=i._liveshiftService.getBaseTime(),e=n.formatTime(e+i._player.getCurrentTime()),r.innerText=e):t.currentTimeDisplay&&(r.innerText=t.currentTimeDisplay)}),this._player.on(o.Private.LiveShiftQueryCompleted,function(){i.updateTime()})},updateTime:function(){document.querySelector("#"+this.id()+" .end-time").innerText=this._liveshiftService.liveTimeRange.endDisplay,document.querySelector("#"+this.id()+" .live-time").innerText=this._liveshiftService.currentTimeDisplay}});t.exports=e},{"../lib/util":51,"../player/base/event/eventtype":70,"../ui/component":130}],14:[function(e,t,r){e=e("../package.json");t.exports={domain:"g.alicdn.com",path:"/apsara-media-box/imp-web-player/",flashVersion:"2.8.2",h5Version:e.version.split("-")[0],rtsVersion:"2.2.9",cityBrain:!0,logDuration:10,logCount:100,logReportTo:"https://videocloud.cn-hangzhou.log.aliyuncs.com/logstores/newplayer/track"}},{"../package.json":10}],15:[function(e,t,r){var i,n,o,a;e("./lib/patch-ssr").isSSR||(e("./lang/index").load(),i=e("./player/adaptivePlayer"),n=e("./lib/reloadInstanceUtil"),o=e("./lib/componentutil"),a=e("./config"),(e=function(e,t){e.useH5Prism=!0;e=i.create(e,t);return n.storeUserEvents(e),e}).getVersion=function(){return a.h5Version},o.register(e),(o=window.Aliplayer=e).players={},e.reloadInstance=n.reloadInstance,"undefined"==typeof Uint8Array)||Uint8Array.prototype.slice||Object.defineProperty(Uint8Array.prototype,"slice",{value:Array.prototype.slice}),t.exports=o},{"./config":14,"./lang/index":23,"./lib/componentutil":27,"./lib/patch-ssr":44,"./lib/reloadInstanceUtil":47,"./player/adaptivePlayer":66}],16:[function(e,t,r){var i=e("../player/base/event/eventtype"),n=e("../lib/constants"),o=e("../lang/index");t.exports=function(){function e(e){var t=this;void 0===e&&(e={}),this.interval=3e3,this.player=null,this.timer=null,this.playerInitDone=!1,this.player=e.player,this.player.on(i.Player.Init,function(){t.playerInitDone=!0})}var t=e.prototype;return t.start=function(){var e=this;this.stop(),this.player&&this.player._options&&!this.player._options.preventRecord||(this.timer=setInterval(function(){e.playerInitDone&&e.check()},this.interval))},t.stop=function(){this.clearTimer()},t.check=function(){var e=!1,t=this.detectPrototype()||this.detectNativeFn();return(t||this.detectDeperateVideo())&&(console.log("isMediaSourceModified",t),this.clearTimer(),this.displayError(),this.setupErrorStyle(),this.destroyVideo(),localStorage.setItem("_intercept_mediastream_",""),e=!0),e},t.dispose=function(){this.stop(),this.player=null,this.playerInitDone=!1},t.clearTimer=function(){this.timer&&(clearInterval(this.timer),this.timer=null)},t.displayError=function(){var e=this.player,t={mediaId:e._options&&e._options.vid?e._options.vid:"",error_code:n.ErrorCode.RecordNotAllowed,error_msg:o.get("Record_Not_Allowed")};e.logError(t),e.trigger(i.Player.Error,t)},t.setupErrorStyle=function(){this.hideRetry();var e=document.querySelector(".prism-ErrorMessage");e&&(e.style.opacity="1",e.style.visibility="visible")},t.hideRetry=function(){var e=document.querySelector("#"+this.player.id()+" .prism-button-retry");e&&(e.style.display="none")},t.destroyVideo=function(){this.player._drm&&this.player.destroy();var e=this.player.tag;e&&e.parentNode&&e.parentNode.removeChild(e)},t.detectPrototype=function(){var e=window,t=e.MediaSource;return t&&e.EventTarget&&t.__proto__.__proto__===e.EventTarget},t.detectNativeFn=function(){var e=window.MediaSource;return e&&!this.isNativeFn(e.prototype.addSourceBuffer)},t.isNativeFn=function(e){var t=RegExp("^".concat(Function.prototype.toString.call(Object.prototype.hasOwnProperty).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?"),"$")),r=typeof e;return null!==e&&("object"==r||"function"==r)&&t.test(e)},t.detectDeperateVideo=function(){var e=this.player.tag;if(e)return-1!==(e.getAttribute("id")||"").indexOf("360")},e}()},{"../lang/index":23,"../lib/constants":28,"../player/base/event/eventtype":70}],17:[function(e,t,r){var i=e("../lib/oo"),n=e("../lang/index"),e=i.extend({init:function(e,t){this._player=e,this._options=e.options()}}),o=(e.prototype.handle=function(e){var t,r;this._options.autoPlayDelay&&(t=(t=this._options.autoPlayDelayDisplayText)||n.get("AutoPlayDelayDisplayText").replace("$$",this._options.autoPlayDelay),this._player.trigger("info_show",t),this._player.trigger("h5_loading_hide"),this._player.trigger("play_btn_hide"),(r=this)._timeHandler=setTimeout(function(){r._player.trigger("info_hide"),r._options.autoPlayDelay=0,e&&e()},1e3*this._options.autoPlayDelay),this._player.on("play",function(){o(r)}),this._player.on("pause",function(){o(r)}))},e.prototype.dispose=function(){o(this),this._player=null},function(e){e._timeHandler&&(clearTimeout(e._timeHandler),e._timeHandler=null)});t.exports=e},{"../lang/index":23,"../lib/oo":43}],18:[function(e,t,r){var i=e("../lib/event"),n=e("../lib/data"),o=e("../player/base/event/eventtype"),a=n.guid(),e={};function s(e){var t,r,i=this._options.keyFastForwardStep,n=this._options.isLive;switch(e&&e.keyCode){case 39:n||(e.preventDefault(),t=this.getDuration(),r=this.getCurrentTime()+i,this.seek(r=t<r?t:r),l.call(this,r),c.call(this,r));break;case 37:n||(e.preventDefault(),r=this.getCurrentTime()-i,this.seek(r=r<0?0:r),l.call(this,r),c.call(this,r));break;case 38:e.preventDefault(),this.getVolume()<1&&0<=this.getVolume()&&this.setVolume(Number((this.getVolume()+.1).toFixed(1)));break;case 40:e.preventDefault(),0<this.getVolume()&&this.getVolume()<=1&&this.setVolume(Number((this.getVolume()-.1).toFixed(1)));break;case 32:if(n)return;e.preventDefault(),this.tag.paused?this.play(!0):this.pause(!0)}}function l(e){this.trigger(o.Private.UpdateProgress,{targetTime:e})}function c(e){this.trigger(o.Private.UpdateCursorPosition,{targetTime:e})}e.init=function(){var e;this._options.keyShortCuts&&((e=s.bind(this)).guid=a,i.on(window.document,"keydown",e))},e.dispose=function(){var e;this._options.keyShortCuts&&((e=s.bind(this)).guid=a,i.off(window.document,"keydown",e))},t.exports=e},{"../lib/data":30,"../lib/event":33,"../player/base/event/eventtype":70}],19:[function(e,t,r){var o="undefined"==typeof Promise?e("es6-promise").Promise:Promise,a=e("../lib/constants").LicenseResultCode,s=e("../lib/io"),i=((e={})[a.ResourceIncorrect]="license resource init error",e[a.LicenseKeyInvalid]="invalid license key",e[a.DomainInvalid]="invalid domain",e[a.CertInvalid]="invalid cert content",e[a.NotFound]="license not found",e[a.Expired]="license expired",e),e=function(){function e(){}return e.getLicense=function(r,i){var n=this;return this.isWasmSupported()?i?r?this.instance?o.resolve(this.instance):new o(function(e,t){n.resolvers.push(e),n.rejecters.push(t),1===n.resolvers.length&&s.loadJS("https://g.alicdn.com/video-cloud-fe/websdk-license/0.1.0/index.js",function(){window.loadLicenseSource().then(function(e){return e.init(2,r,i).then(function(t){n.instance=t,n.resolvers.forEach(function(e){e(t)})}).catch(function(e){console.error(e),n.rejecters.forEach(function(e){e(a.CertInvalid)})})}).catch(function(){n.rejecters.forEach(function(e){e(a.ResourceIncorrect)})}).finally(function(){n.resolvers=[],n.rejecters=[]})},function(){n.rejecters.forEach(function(e){e(a.ResourceIncorrect)})})}):o.reject(a.DomainInvalid):o.reject(a.LicenseKeyInvalid):o.reject(a.WasmNotSupported)},e.isWasmSupported=function(){return"object"==typeof WebAssembly&&"function"==typeof WebAssembly.instantiate},e.logError=function(e){i[e]&&console.error(i[e])},e}();e.instance=void 0,e.resolvers=[],e.rejecters=[],t.exports=e},{"../lib/constants":28,"../lib/io":40,"es6-promise":8}],20:[function(e,t,r){t.exports=t.exports={OD:"OD",FD:"360p",LD:"540p",SD:"720p",HD:"1080p","2K":"2K","4K":"4K",FHD:"FHD",XLD:"XLD",SQ:"SQ",HQ:"HQ",Speed:"Speed",Speed_05X_Text:"0.5X",Speed_1X_Text:"Normal",Speed_125X_Text:"1.25X",Speed_15X_Text:"1.5X",Speed_2X_Text:"2X",Refresh_Text:"Refresh",Cancel:"Cancel",Mute:"Mute",Snapshot:"Snapshot",Detection_Text:"Diagnosis",Play_DateTime:"Time",Quality_Change_Fail_Switch_Text:"Cannot play, switch to ",Quality_Change_Text:"Switch to ",Quality_The_Url:"The url",AutoPlayDelayDisplayText:"Play in $$ seconds",Error_Load_Abort_Text:"Data abort erro",Error_Network_Text:"Loading failed due to network error",Error_Decode_Text:"Decode error",Error_Server_Network_NotSupport_Text:"Network error or \xa0the format of video is unsupported",Error_Offline_Text:"The network is unreachable, please click Refresh",Error_Play_Text:"Error occured while playing",Error_Retry_Text:" Please close or refresh",Error_AuthKey_Text:"Authentication expired or the domain is not in white list",Error_H5_Not_Support_Text:"The format of video is not supported by\xa0h5 player\uff0cplease use flash player",Error_Not_Support_M3U8_Text:"The format of m3u8 is not supported by this explorer",Error_Not_Support_MP4_Text:"The format of mp4\xa0is not supported by this explorer",Error_Not_Support_encrypt_Text:"Play the encrypted video,please set encryptType to 1",Error_Vod_URL_Is_Empty_Text:"The url is empty",Error_Vod_Fetch_Urls_Text:"Error occured when fetch urls\uff0cplease close or refresh",Fetch_Playauth_Error:"Error occured when fetch playauth close or refresh",Error_Playauth_Decode_Text:"PlayAuth parse failed",Error_Vid_Not_Same_Text:"Cannot renew url due to vid changed",Error_Playauth_Expired_Text:"Playauth expired, please close or refresh",Error_MTS_Fetch_Urls_Text:"Error occurred while requesting mst server",Error_Load_M3U8_Failed_Text:"The m3u8 file loaded failed,please make sure domain configuration https certificate or enable cors",Error_Load_M3U8_Timeout_Text:"Timeout error occored\xa0when the\xa0m3u8 file loaded",Error_Liveshift_M3U8_Not_Found_Text:"No more liveshift video avaliable",Error_M3U8_Decode_Text:"The m3u8 file decoded failed",Error_TX_Decode_Text:"Video decoded failed",Error_Waiting_Timeout_Text:"Buffering timeout,\xa0please close or refresh",Error_Invalidate_Source:"Video shoud be mp4\u3001mp3\u3001m3u8\u3001mpd or flv",Error_Empty_Source:"Video URL shouldn't be empty",Error_Vid_Empty_Source:"vid's video URL hasn't been fetched",Error_Mediaauth_Empty_Source:"mediaAuth's video URL hasn't been fetched",Error_Fetch_NotStream:"The vid has no stream to play",Error_Fetch_Media_Not_Found:"Data is not found",Error_Not_Found:"Url is not found",Error_Drm_License_Request_Failed:"DRM license request failed",Error_Drm_Not_Supported:"DRM in not supported",Error_Drm_Load:"DRM load error",Error_Region_Block_Text:"This video is not available in your region",Live_End:"Live has finished",Play_Before_Fullscreen:"Please play before fullscreen",Can_Not_Seekable:"Can not seek to this position",Cancel_Text:"Cancel",OK_Text:"OK",Auto_Stream_Tip_Text:"Internet is slow, does switch to $$",Request_Block_Text:"This request is blocked, the video Url should be over https",Open_Html_By_File:"Html page should be on the server",Maybe_Cors_Error:"please make sure domain configuration https certificate or enable cors",Speed_Switch_To:"Speed switch to ",Curent_Volume:"Current volume:",Volume_Mute:"set to mute",Volume_UnMute:"set to unmute",ShiftLiveTime_Error:"Live start time should not be greater than over time",Error_Not_Support_Format_On_Mobile:"flv\u3001rmtp can't be supported on mobile\uff0cplease use m3u8",SessionId_Ticket_Invalid:"please assign value for sessionId and ticket properties",Http_Error:" An HTTP network request failed with an error, but not from the server.",Http_Timeout:"A network request timed out",DRM_License_Expired:"DRM license is expired, please refresh",Not_Support_DRM:"Browser doesn't support DRM",CC_Switch_To:"Subtitle switch to ",AudioTrack_Switch_To:"Audio tracks switch to ",Subtitle:"Subtitle/CC",AudioTrack:"Audio Track",Quality:"Quality",Auto:"Auto",Quality_Switch_To:"Quality switch to ",Fullscreen:"Full Screen",Setting:"Settings",Volume:"Volume",Play:"Play",Pause:"Pause",CloseSubtitle:"Close CC",OpenSubtitle:"Open CC",ExistFullScreen:"Exit Full Screen",Muted:"Muted",Retry:"Retry",SwitchToLive:"Return to live",iOSNotSupportVodEncription:"iOS desn't support Vod's private encription video, please use HLS standard encription or DRM",UseChromeForVodEncription:"This browser desn't suport Vod's encription video, please use latest Chrome",Record_Not_Allowed:"Recording or playing in seperated window is not allowed, please disable related plugins or switch browser.",License_No_Authorization:"Aliplayer without Authorization",License_Click_To_Apply:"Click to apply",Rts_Err_Http_Signal_Error:"(RTS)http signal error",Rts_Err_Play_Failed:"(RTS)play faild error",Rts_Err_No_Data_For:"ms received no data",Rts_Err_Browser_Not_Support:"(RTS)browser not support",Rts_Err_Not_Support_Webrtc:"(RTS)not support webrtc",Rts_Err_Browser_Version_Too_Low:"(RTS)browser version too low",Rts_Err_Not_Support_H264:"(RTS)not support h264",Rts_Err_Create_Offer_Error:"(RTS)create offer error",Rts_Err_Play_Url_Error:"(RTS)play url error",Rts_Err_Subscribe_Nonthing:"(RTS)subscribe nonthing",Rts_Err_Http_Request_Failed:"(RTS)HTTP request failed",Rts_Err_Http_Answer_Failed:"(RTS)answer failed",Rts_Err_PeerConnection_Unknown:"(RTS)Unknown PeerConnection",Splayer_Err_Env_Check:"(SP)This browser can't play this media",Splayer_Err_Coroutine:"(SP)Coroutine error",Splayer_Err_Decoder:"(SP)Decode error",Splayer_Err_Buffering:"(SP)Buffering error",Splayer_Err_Parser_Not_Found:"(SP)Media container is not supported"}},{}],21:[function(e,t,r){t.exports=t.exports={OD:"OD",LD:"360p",FD:"540p",SD:"720p",HD:"1080p","2K":"2K","4K":"4K",FHD:"FHD",XLD:"XLD",SQ:"SQ",HQ:"HQ",Forbidden_Text:"Internal information is strictly forbidden to outsider",Refresh:"Refresh",Diagnosis:"Diagnosis",Live_Finished:"Live has finished, thanks for watching",Play:"Play",Pause:"Pause",Snapshot:"Snapshot",Replay:"Replay",Live:"Live",Encrypt:"Encrypt",Sound:"Sound",Fullscreen:"Full Screen",Exist_Fullscreen:"Exit Full-screen",Resolution:"Resolution",Next:"Next Video",Brightness:"Brightness",Default:"Default",Contrast:"Contrast",Titles_Credits:"Titles\xa0and\xa0Credits",Skip_Titles:"Skip Titles",Skip_Credits:"Skip Credits",Not_Support_Out_Site:"The video is not supported for outside website, please watch it by TaoTV",Watch_Now:"Watch now",Network_Error:"Network is unreachable, please try to refresh",Video_Error:"Playing a video error,\xa0please try to refresh",Decode_Error:"Data decoding\xa0error",Live_Not_Start:"Live has not started, to be expected",Live_Loading:"Live information is loading,\xa0please try to refresh",Fetch_Playauth_Error:"Error occured when fetch playauth close or refresh",Live_End:"Live has finished",Live_Abrot:"Signal aborted,\xa0please try to refresh",Corss_Domain_Error:"Please ensure your domain has obtained IPC license and combined CNAME, \r\n or to set\xa0\xa0cross-domain accessing available",Url_Timeout_Error:"The video url is timeout,\xa0please try to refresh",Connetction_Error:"Sorry\uff0cthe video cannot play because of connection error, please try to watch other videos",Fetch_MTS_Error:"Fetching video list failed, please ensure",Token_Expired_Error:"Requesting open api failed, please ensure token expired or not",Video_Lists_Empty_Error:"The video list is empty, please check the format of video",Encrypted_Failed_Error:"Fetching encrypted file failed, please check the permission of player",Fetch_Failed_Permission_Error:"Fetching video list failed, please check the permission of player",Invalidate_Param_Error:"No video url, please check the parameters",AutoPlayDelayDisplayText:"Play in $$ seconds",Fetch_MTS_NOT_NotStream_Error:"The vid has no stream to play",Cancel_Text:"Cancel",OK_Text:"OK",Auto_Stream_Tip_Text:"Internet is slow, does switch to $$",Open_Html_By_File:"Html page should be on the server",Cant_Use_Flash_On_Mobile:"Mobile doesn't support flash player\uff0cplease use h5 player",Flash_Not_Ready:"Flash Player plugin hasn't been installed <a href='https://www.flash.cn/' target='_blank'>install plugin</a>, or check if disable Flash plugin"}},{}],22:[function(e,t,r){t.exports=t.exports={OD:"\u539f\u753b",FD:"\u6d41\u7545",LD:"\u6807\u6e05",SD:"\u9ad8\u6e05",HD:"\u8d85\u6e05","2K":"2K","4K":"4K",FHD:"\u5168\u9ad8\u6e05",XLD:"\u6781\u901f",SQ:"\u666e\u901a\u97f3\u8d28",HQ:"\u9ad8\u97f3\u8d28",Forbidden_Text:"\u5185\u90e8\u4fe1\u606f\uff0c\u4e25\u7981\u5916\u4f20",Refresh:"\u5237\u65b0",Diagnosis:"\u8bca\u65ad",Live_Finished:"\u76f4\u64ad\u5df2\u7ed3\u675f,\u8c22\u8c22\u89c2\u770b",Play:"\u64ad\u653e",Pause:"\u6682\u505c",Snapshot:"\u622a\u56fe",Replay:"\u91cd\u64ad",Live:"\u76f4\u64ad",Encrypt:"\u52a0\u5bc6",Sound:"\u58f0\u97f3",Fullscreen:"\u5168\u5c4f",Exist_Fullscreen:"\u9000\u51fa\u5168\u5c4f",Resolution:"\u6e05\u6670\u5ea6",Next:"\u4e0b\u4e00\u96c6",Brightness:"\u4eae\u5ea6",Default:"\u9ed8\u8ba4",Contrast:"\u5bf9\u6bd4\u5ea6",Titles_Credits:"\u7247\u5934\u7247\u5c3e",Skip_Titles:"\u8df3\u8fc7\u7247\u5934",Skip_Credits:"\u8df3\u8fc7\u7247\u5c3e",Not_Support_Out_Site:"\u8be5\u89c6\u9891\u6682\u4e0d\u652f\u6301\u7ad9\u5916\u64ad\u653e\uff0c\u8bf7\u5230\u6dd8TV\u89c2\u770b",Watch_Now:"\u7acb\u5373\u89c2\u770b",Network_Error:"\u7f51\u7edc\u65e0\u6cd5\u8fde\u63a5\uff0c\u8bf7\u5c1d\u8bd5\u68c0\u67e5\u7f51\u7edc\u540e\u5237\u65b0\u8bd5\u8bd5",Video_Error:"\u89c6\u9891\u64ad\u653e\u5f02\u5e38\uff0c\u8bf7\u5237\u65b0\u8bd5\u8bd5",Decode_Error:"\u64ad\u653e\u6570\u636e\u89e3\u7801\u9519\u8bef",Live_Not_Start:"\u4eb2\uff0c\u76f4\u64ad\u8fd8\u672a\u5f00\u59cb\u54e6\uff0c\u656c\u8bf7\u671f\u5f85",Live_Loading:"\u76f4\u64ad\u4fe1\u606f\u52a0\u8f7d\u4e2d\uff0c\u8bf7\u5237\u65b0\u8bd5\u8bd5",Live_End:"\u4eb2\uff0c\u76f4\u64ad\u5df2\u7ed3\u675f",Live_Abrot:"\u5f53\u524d\u76f4\u64ad\u4fe1\u53f7\u4e2d\u65ad\uff0c\u8bf7\u5237\u65b0\u540e\u91cd\u8bd5",Corss_Domain_Error:"\u8bf7\u786e\u8ba4\u60a8\u7684\u57df\u540d\u5df2\u5b8c\u6210\u5907\u6848\u548cCNAME\u7ed1\u5b9a\uff0c\r\n\u5e76\u5904\u4e8e\u542f\u7528\u72b6\u6001\uff0c\u6216\u8d44\u6e90\u5141\u8bb8\u8de8\u8d8a\u8bbf\u95ee",Url_Timeout_Error:"\u60a8\u6240\u89c2\u770b\u7684\u89c6\u9891\u5730\u5740\u8fde\u63a5\u8d85\u65f6\uff0c\u8bf7\u5237\u65b0\u540e\u91cd\u8bd5",Connetction_Error:"\u62b1\u6b49,\u8be5\u89c6\u9891\u7531\u4e8e\u8fde\u63a5\u9519\u8bef\u6682\u65f6\u4e0d\u80fd\u64ad\u653e,\u8bf7\u89c2\u770b\u5176\u5b83\u89c6\u9891",Fetch_MTS_Error:"\u83b7\u53d6\u89c6\u9891\u5217\u8868\u5931\u8d25\uff0c\u8bf7\u786e\u8ba4",Token_Expired_Error:"\u8bf7\u6c42\u63a5\u53e3\u5931\u8d25\uff0c\u8bf7\u786e\u8ba4Token\u662f\u5426\u8fc7\u671f",Video_Lists_Empty_Error:"\u83b7\u53d6\u89c6\u9891\u5217\u8868\u4e3a\u7a7a\uff0c\u8bf7\u786e\u8ba4\u64ad\u653e\u6570\u636e\u4e0e\u683c\u5f0f",Encrypted_Failed_Error:"\u83b7\u53d6\u89c6\u9891\u52a0\u5bc6\u79d8\u94a5\u9519\u8bef\uff0c\u8bf7\u786e\u8ba4\u64ad\u653e\u6743\u9650",Fetch_Failed_Permission_Error:"\u83b7\u53d6\u89c6\u9891\u5217\u8868\u5931\u8d25\uff0c\u8bf7\u786e\u8ba4\u64ad\u653e\u6743\u9650",Invalidate_Param_Error:"\u65e0\u8f93\u5165\u89c6\u9891\uff0c\u8bf7\u786e\u8ba4\u8f93\u5165\u53c2\u6570",AutoPlayDelayDisplayText:"$$\u79d2\u4ee5\u540e\u5f00\u59cb\u64ad\u653e",Fetch_MTS_NOT_NotStream_Error:"\u6b64vid\u6ca1\u6709\u53ef\u64ad\u653e\u89c6\u9891",Cancel_Text:"\u53d6\u6d88",OK_Text:"\u786e\u8ba4",Auto_Stream_Tip_Text:"\u7f51\u7edc\u4e0d\u7ed9\u529b\uff0c\u662f\u5426\u5207\u6362\u5230$$",Fetch_Playauth_Error:"\u83b7\u53d6\u64ad\u653e\u51ed\u8bc1\u51fa\u9519\u5566\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Open_Html_By_File:"\u4e0d\u80fd\u76f4\u63a5\u5728\u6d4f\u89c8\u5668\u6253\u5f00html\u6587\u4ef6\uff0c\u8bf7\u90e8\u7f72\u5230\u670d\u52a1\u7aef",Cant_Use_Flash_On_Mobile:"\u79fb\u52a8\u7aef\u4e0d\u652f\u6301Flash\u64ad\u653e\u5668\uff0c\u8bf7\u4f7f\u7528h5\u64ad\u653e\u5668",Flash_Not_Ready:"Flash Player\u63d2\u4ef6\u672a\u5b89\u88c5<a href='https://www.flash.cn/' target='_blank'>\u5b89\u88c5\u63d2\u4ef6</a>\uff0c\u5982\u679c\u5df2\u7ecf\u5b89\u88c5\u8bf7\u68c0\u67e5\u662f\u5426\u88ab\u7981\u7528"}},{}],23:[function(o,e,t){function n(){var e;return void 0!==window[l]&&window[l]||(e=(e=(navigator.language||navigator.browserLanguage).toLowerCase())&&-1<e.indexOf("zh")?"zh-cn":"en-us",window[l]=e),window[l]}function a(e,t){var r=d(e),i="",n=u(),i="flash"==e?"en-us"==n?o("./flash/en-us"):"zh-cn"==n?o("./flash/zh-cn"):t[n]:"en-us"==n?o("./en-us"):"zh-cn"==n?o("./zh-cn"):t[n];s.set(r,JSON.stringify(i)),c(e,i)}var r=o("../config"),s=o("../lib/storage"),i=(o("../lib/io"),"aliplayer_lang_data"),l="aliplayer_lang",c=function(e,t){e=d(e);window[e]=t},u=function(){return n()},d=function(e){var t=u();return i+"_"+(e=e||"h5")+"_"+r.h5Version.replace(/\./g,"_")+"_"+t};e.exports.setCurrentLanguage=function(e,t,r){var i=window[l];if(!("en-us"==(e=void 0!==e&&e?e:n())||"zh-cn"==e||r&&r[e]))throw new Error("There is not language resource for "+e+", please specify the language resource by languageTexts property");window[l]=e,a(t,r),e!=i&&o("../lib/constants").updateByLanguage()},e.exports.getCurrentLanguage=n,e.exports.getLanguageData=function(e,t){e=d(e);return window[e]},e.exports.load=a,e.exports.get=function(e,t){t=d(t=t||"h5"),t=window[t];if(t)return t[e]}},{"../config":14,"../lib/constants":28,"../lib/io":40,"../lib/storage":48,"./en-us":20,"./flash/en-us":21,"./flash/zh-cn":22,"./zh-cn":24}],24:[function(e,t,r){t.exports=t.exports={OD:"\u539f\u753b",FD:"\u6d41\u7545",LD:"\u6807\u6e05",SD:"\u9ad8\u6e05",HD:"\u8d85\u6e05","2K":"2K","4K":"4K",FHD:"\u5168\u9ad8\u6e05",XLD:"\u6781\u901f",SQ:"\u666e\u901a\u97f3\u8d28",HQ:"\u9ad8\u97f3\u8d28",Speed:"\u500d\u901f",Speed_05X_Text:"0.5X",Speed_1X_Text:"\u6b63\u5e38",Speed_125X_Text:"1.25X",Speed_15X_Text:"1.5X",Speed_2X_Text:"2X",Quality_Change_Fail_Switch_Text:"\u4e0d\u80fd\u64ad\u653e\uff0c\u5207\u6362\u4e3a",Quality_Change_Text:"\u6b63\u5728\u4e3a\u60a8\u5207\u6362\u5230 ",Quality_The_Url:"\u6b64\u5730\u5740",Refresh_Text:"\u5237\u65b0",Detection_Text:"\u8bca\u65ad",Cancel:"\u53d6\u6d88",Mute:"\u9759\u97f3",Snapshot:"\u622a\u56fe",Play_DateTime:"\u64ad\u653e\u65f6\u95f4",AutoPlayDelayDisplayText:"$$\u79d2\u4ee5\u540e\u5f00\u59cb\u64ad\u653e",Error_Load_Abort_Text:"\u83b7\u53d6\u6570\u636e\u8fc7\u7a0b\u88ab\u4e2d\u6b62",Error_Network_Text:"\u7f51\u7edc\u9519\u8bef\u52a0\u8f7d\u6570\u636e\u5931\u8d25",Error_Decode_Text:"\u89e3\u7801\u9519\u8bef",Error_Server_Network_NotSupport_Text:"\u670d\u52a1\u5668\u3001\u7f51\u7edc\u9519\u8bef\u6216\u683c\u5f0f\u4e0d\u652f\u6301",Error_Offline_Text:"\u7f51\u7edc\u4e0d\u53ef\u7528\uff0c\u8bf7\u786e\u5b9a",Error_Play_Text:"\u64ad\u653e\u51fa\u9519\u5566",Error_Retry_Text:"\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Error_AuthKey_Text:"\u53ef\u80fd\u9274\u6743\u8fc7\u671f\u3001\u57df\u540d\u4e0d\u5728\u767d\u540d\u5355\u6216\u8bf7\u6c42\u88ab\u62e6\u622a",Error_H5_Not_Support_Text:"h5\u4e0d\u652f\u6301\u6b64\u683c\u5f0f\uff0c\u8bf7\u4f7f\u7528flash\u64ad\u653e\u5668",Error_Not_Support_M3U8_Text:"\u6d4f\u89c8\u5668\u4e0d\u652f\u6301m3u8\u89c6\u9891\u64ad\u653e",Error_Not_Support_MP4_Text:"\u6d4f\u89c8\u5668\u4e0d\u652f\u6301mp4\u89c6\u9891\u64ad\u653e",Error_Not_Support_encrypt_Text:"\u64ad\u653e\u52a0\u5bc6\u89c6\u9891\uff0c\u8bf7\u8bbe\u7f6e\u5c5e\u6027encryptType to 1",Error_Vod_URL_Is_Empty_Text:"\u83b7\u53d6\u64ad\u653e\u5730\u5740\u4e3a\u7a7a",Error_Vod_Fetch_Urls_Text:"\u83b7\u53d6\u5730\u5740\u51fa\u9519\u5566\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Fetch_Playauth_Error:"\u83b7\u53d6\u64ad\u653e\u51ed\u8bc1\u51fa\u9519\u5566\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Error_Playauth_Decode_Text:"playauth\u89e3\u6790\u9519\u8bef",Error_Vid_Not_Same_Text:"\u4e0d\u80fd\u66f4\u65b0\u5730\u5740\uff0cvid\u548c\u64ad\u653e\u4e2d\u7684\u4e0d\u4e00\u81f4",Error_Playauth_Expired_Text:"\u51ed\u8bc1\u5df2\u8fc7\u671f\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Error_MTS_Fetch_Urls_Text:"MTS\u83b7\u53d6\u53d6\u6570\u5931\u8d25",Error_Load_M3U8_Failed_Text:"\u83b7\u53d6m3u8\u6587\u4ef6\u5931\u8d25,\u8bf7\u786e\u8ba4\u57df\u540d\u662f\u5426\u914d\u7f6e\u4e86https\u8bc1\u4e66\u6216\u8005\u662f\u5426\u5f00\u542f\u4e86\u5141\u8bb8\u8de8\u57df\u8bbf\u95ee",Error_Load_M3U8_Timeout_Text:"\u83b7\u53d6m3u8\u6587\u4ef6\u8d85\u65f6",Error_Liveshift_M3U8_Not_Found_Text:"\u6ca1\u6709\u66f4\u591a\u65f6\u79fb\u89c6\u9891\u4e86",Error_M3U8_Decode_Text:"\u83b7\u53d6m3u8\u6587\u4ef6\u89e3\u6790\u5931\u8d25",Error_TX_Decode_Text:"\u89e3\u6790\u6570\u636e\u51fa\u9519",Error_Waiting_Timeout_Text:"\u7f13\u51b2\u6570\u636e\u8d85\u65f6\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Error_Invalidate_Source:"\u64ad\u653e\u5730\u5740\u683c\u5f0f\u9700\u8981\u4e3amp4\u3001mp3\u3001m3u8\u3001mpd\u6216flv",Error_Empty_Source:"\u64ad\u653e\u5730\u5740\u4e0d\u80fd\u4e3a\u7a7a",Error_Vid_Empty_Source:"vid\u5bf9\u5e94\u7684\u89c6\u9891\u5730\u5740\u8fd8\u672a\u83b7\u53d6\u5230",Error_Mediaauth_Empty_Source:"mediaAuth\u5bf9\u5e94\u7684\u89c6\u9891\u5730\u5740\u8fd8\u672a\u83b7\u53d6\u5230",Error_Fetch_NotStream:"\u6b64vid\u6ca1\u6709\u53ef\u64ad\u653e\u89c6\u9891",Error_Fetch_Media_Not_Found:"\u6570\u636e\u4e0d\u5b58\u5728\u6216\u5df2\u88ab\u5220\u9664",Error_Not_Found:"\u64ad\u653e\u5730\u5740\u4e0d\u5b58\u5728",Error_Drm_License_Request_Failed:"DRM License \u8bf7\u6c42\u5931\u8d25",Error_Drm_Not_Supported:"\u5f53\u524d\u6d4f\u89c8\u5668\u4e0d\u652f\u6301 DRM \u64ad\u653e",Error_Drm_Load:"DRM \u64ad\u653e\u9519\u8bef",Error_Region_Block_Text:"\u60a8\u6240\u5728\u7684\u5730\u533a\u65e0\u6cd5\u89c2\u770b\u8be5\u89c6\u9891",Live_End:"\u4eb2\uff0c\u76f4\u64ad\u5df2\u7ed3\u675f",Play_Before_Fullscreen:"\u64ad\u653e\u540e\u518d\u5168\u5c4f",Can_Not_Seekable:"\u4e0d\u80fdseek\u5230\u8fd9\u91cc",Cancel_Text:"\u53d6\u6d88",OK_Text:"\u786e\u8ba4",Auto_Stream_Tip_Text:"\u7f51\u7edc\u4e0d\u7ed9\u529b\uff0c\u662f\u5426\u5207\u6362\u5230$$",Request_Block_Text:"\u6d4f\u89c8\u5668\u5b89\u5168\u7b56\u7565\u89c6\u9891\u5730\u5740\u4e0d\u80fd\u4e3ahttp\u534f\u8bae\uff0c\u4e0e\u7f51\u7ad9https\u534f\u8bae\u4e0d\u4e00\u81f4",Open_Html_By_File:"\u4e0d\u80fd\u76f4\u63a5\u5728\u6d4f\u89c8\u5668\u6253\u5f00html\u6587\u4ef6\uff0c\u8bf7\u90e8\u7f72\u5230\u670d\u52a1\u7aef",Maybe_Cors_Error:"\u8bf7\u786e\u8ba4\u57df\u540d\u662f\u5426\u914d\u7f6e\u4e86https\u8bc1\u4e66\u6216\u8005\u662f\u5426\u5f00\u542f\u4e86\u5141\u8bb8\u8de8\u57df\u8bbf\u95ee",Speed_Switch_To:"\u500d\u901f\u5207\u6362\u5230 ",Curent_Volume:"\u5f53\u524d\u97f3\u91cf\uff1a",Volume_Mute:"\u8bbe\u7f6e\u4e3a\u9759\u97f3",Volume_UnMute:"\u8bbe\u7f6e\u4e3a\u975e\u9759\u97f3",ShiftLiveTime_Error:"\u76f4\u64ad\u5f00\u59cb\u65f6\u95f4\u4e0d\u80fd\u5927\u4e8e\u76f4\u64ad\u7ed3\u675f\u65f6\u95f4",Error_Not_Support_Format_On_Mobile:"\u79fb\u52a8\u7aef\u4e0d\u652f\u6301flv\u3001rmtp\u89c6\u9891\uff0c\u8bf7\u4f7f\u7528m3u8",SessionId_Ticket_Invalid:"DRM\u89c6\u9891\u64ad\u653e\uff0csessionId\u548cticket\u5c5e\u6027\u4e0d\u80fd\u4e3a\u7a7a",Http_Error:"Http\u7f51\u7edc\u8bf7\u6c42\u5931\u8d25",Http_Timeout:"http\u8bf7\u6c42\u8d85\u65f6",DRM_License_Expired:"DRM license\u8d85\u65f6\uff0c\u8bf7\u5237\u65b0",Not_Support_DRM:"\u6d4f\u89c8\u5668\u4e0d\u652f\u6301DRM\u89c6\u9891\u7684\u64ad\u653e\u6216\u672a\u53d7\u5230\u7528\u6237\u8bb8\u53ef",CC_Switch_To:"\u5b57\u5e55\u5207\u6362\u5230 ",AudioTrack_Switch_To:"\u97f3\u8f68\u5207\u6362\u5230 ",Subtitle:"\u5b57\u5e55",AudioTrack:"\u97f3\u8f68",Quality:"\u6e05\u6670\u5ea6",Auto:"\u81ea\u52a8",Quality_Switch_To:"\u6e05\u6670\u5ea6\u5207\u6362\u5230 ",Fullscreen:"\u5168\u5c4f",Setting:"\u8bbe\u7f6e",Volume:"\u97f3\u91cf",Play:"\u64ad\u653e",Pause:"\u6682\u505c",CloseSubtitle:"\u5173\u95ed\u5b57\u5e55",OpenSubtitle:"\u6253\u5f00\u5b57\u5e55",ExistFullScreen:"\u9000\u51fa\u5168\u5c4f",Muted:"\u9759\u97f3",Retry:"\u91cd\u8bd5",SwitchToLive:"\u8fd4\u56de\u76f4\u64ad",iOSNotSupportVodEncription:"iOS\u4e0d\u652f\u6301\u963f\u91cc\u4e91\u89c6\u9891\u52a0\u5bc6\uff08\u52a0\u5bc6\uff09\u64ad\u653e\uff0c\u8bf7\u4f7f\u7528\u6807\u51c6\u52a0\u5bc6\u6216DRM",UseChromeForVodEncription:"\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u70b9\u64ad\u52a0\u5bc6\u64ad\u653e\uff0c\u8bf7\u4f7f\u7528\u6700\u65b0Chrome\u6d4f\u89c8\u5668",Record_Not_Allowed:"\u7981\u6b62\u5f55\u5c4f\u6216\u5c0f\u7a97\u53e3\u64ad\u653e\uff0c\u8bf7\u5173\u95ed\u63d2\u4ef6\u6216\u66f4\u6362\u6d4f\u89c8\u5668",License_No_Authorization:"\u64ad\u653e\u5668SDK\u672a\u6fc0\u6d3b",License_Click_To_Apply:"\u70b9\u51fb\u7533\u8bf7License",Rts_Err_Http_Signal_Error:"(RTS)\u4fe1\u4ee4\u8bf7\u6c42\u5931\u8d25",Rts_Err_Play_Failed:"(RTS)\u64ad\u653e\u5931\u8d25",Rts_Err_No_Data_For:"\u6beb\u79d2\u6ca1\u6709\u6570\u636e",Rts_Err_Browser_Not_Support:"(RTS)\u4e0d\u652f\u6301\u6b64\u6d4f\u89c8\u5668",Rts_Err_Not_Support_Webrtc:"(RTS)\u4e0d\u652f\u6301webrtc",Rts_Err_Browser_Version_Too_Low:"(RTS)\u6d4f\u89c8\u5668\u7248\u672c\u8fc7\u4f4e",Rts_Err_Not_Support_H264:"(RTS)\u4e0d\u652f\u6301H264",Rts_Err_Create_Offer_Error:"(RTS)create offer\u5931\u8d25",Rts_Err_Play_Url_Error:"(RTS)\u64ad\u653eurl\u534f\u8bae\u9519\u8bef",Rts_Err_Subscribe_Nonthing:"(RTS)\u53c2\u6570\u8bbe\u7f6e\u9519\u8bef",Rts_Err_Http_Request_Failed:"(RTS)HTTP\u8bf7\u6c42\u5931\u8d25",Rts_Err_Http_Answer_Failed:"(RTS)answer\u5931\u8d25",Rts_Err_PeerConnection_Unknown:"(RTS)PeerConnection\u5f02\u5e38",Splayer_Err_Env_Check:"(SP)\u5f53\u524d\u73af\u5883\u4e0d\u652f\u6301\u64ad\u653e\u8be5\u89c6\u9891",Splayer_Err_Coroutine:"(SP)Coroutine \u9519\u8bef",Splayer_Err_Decode:"(SP)\u89e3\u7801\u9519\u8bef",Splayer_Err_Buffering:"(SP)\u7f13\u51b2\u533a\u9519\u8bef",Splayer_Err_Parser_Not_Found:"(SP)\u4e0d\u652f\u6301\u7684\u5a92\u4f53\u5bb9\u5668"}},{}],25:[function(e,t,r){var o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";if(window.Uint8Array)for(var u=new Uint8Array(256),i=0;i<o.length;i++)u[o.charCodeAt(i)]=i;var s=function(e){for(var t="",r=0;r<e.length;r+=16e3){var i=e.subarray(r,r+16e3);t+=String.fromCharCode.apply(null,i)}return t};t.exports={decode:function(e){for(var t,r,i,n,o=.75*e.length,a=e.length,s=0,o=("="===e[e.length-1]&&(o--,"="===e[e.length-2])&&o--,new ArrayBuffer(o)),l=new Uint8Array(o),c=0;c<a;c+=4)t=u[e.charCodeAt(c)],r=u[e.charCodeAt(c+1)],i=u[e.charCodeAt(c+2)],n=u[e.charCodeAt(c+3)],l[s++]=t<<2|r>>4,l[s++]=(15&r)<<4|i>>2,l[s++]=(3&i)<<6|63&n;return o},encode:function(e){for(var t=new Uint8Array(e),r=t.length,i="",n=0;n<r;n+=3)i=(i=(i=(i+=o[t[n]>>2])+o[(3&t[n])<<4|t[n+1]>>4])+o[(15&t[n+1])<<2|t[n+2]>>6])+o[63&t[n+2]];return r%3==2?i=i.substring(0,i.length-1)+"=":r%3==1&&(i=i.substring(0,i.length-2)+"=="),i},unpackPlayReady:function(e){e=function(e,t,r){if(!e)return"";r||e.byteLength%2==0||console.log("Data has an incorrect length, must be even."),r=e instanceof ArrayBuffer?e:((r=new Uint8Array(e.byteLength)).set(new Uint8Array(e)),r.buffer);for(var i=Math.floor(e.byteLength/2),n=new Uint16Array(i),o=new DataView(r),a=0;a<i;a++)n[a]=o.getUint16(2*a,t);return s(n)}(e,!0,!0);if(-1!=e.indexOf("PlayReadyKeyMessage")){for(var e=(new DOMParser).parseFromString(e,"application/xml"),t=e.getElementsByTagName("HttpHeader"),r={},i=0;i<t.length;++i){var n=t[i].querySelector("name"),o=t[i].querySelector("value");r[n.textContent]=o.textContent}return{header:r,changange:e.querySelector("Challenge").textContent}}console.log("PlayReady request is already unwrapped.")}}},{}],26:[function(e,t,r){var n=e("./videox-demux.min");function o(){}t.exports=function(e,t,r){void 0===t&&(t=o),void 0===r&&(r=o);var i=new n.Demuxer({progressive:!0});i.on("loadedmetadata",function(e){void 0===e&&(e={}),i.suspend(),i.destroy(),i=null,t(e)}),i.on("error",function(e){r(e)}),i.load(e)}},{"./videox-demux.min":52}],27:[function(e,t,r){var i=e("./oo"),n=e("../player/base/event/eventtype");t.exports.stopPropagation=function(e){window.event?window.event.cancelBubble=!0:e.stopPropagation()},t.exports.register=function(e){e.util={stopPropagation:t.exports.stopPropagation},e.Component=i.extend,e.EventType=n.Player}},{"../player/base/event/eventtype":70,"./oo":43}],28:[function(e,t,r){function i(){t.exports.VideoErrorCodeText={1:n.get("Error_Load_Abort_Text"),2:n.get("Error_Network_Text"),3:n.get("Error_Decode_Text"),4:n.get("Error_Server_Network_NotSupport_Text")},t.exports.VideoLevels={0:n.get("OD"),640:n.get("FD"),960:n.get("LD"),1280:n.get("SD"),1920:n.get("HD"),2580:n.get("2K"),3840:n.get("4K")},t.exports.QualityLevels={OD:n.get("OD"),LD:n.get("LD"),FD:n.get("FD"),SD:n.get("SD"),HD:n.get("HD"),"2K":n.get("2K"),"4K":n.get("4K"),XLD:n.get("XLD"),FHD:n.get("FHD"),SQ:n.get("SQ"),HQ:n.get("HQ")},t.exports.SpeedLevels=[{key:.5,text:n.get("Speed_05X_Text")},{key:1,text:n.get("Speed_1X_Text")},{key:1.25,text:n.get("Speed_125X_Text")},{key:1.5,text:n.get("Speed_15X_Text")},{key:2,text:n.get("Speed_2X_Text")}]}var n=e("../lang/index");t.exports.LOAD_START="loadstart",t.exports.LOADED_METADATA="loadedmetadata",t.exports.LOADED_DATA="loadeddata",t.exports.PROGRESS="progress",t.exports.CAN_PLAY="canplay",t.exports.CAN_PLYA_THROUGH="canplaythrough",t.exports.PLAY="play",t.exports.PAUSE="pause",t.exports.ENDED="ended",t.exports.PLAYING="playing",t.exports.WAITING="waiting",t.exports.ERROR="error",t.exports.SUSPEND="suspend",t.exports.STALLED="stalled",t.exports.AuthKeyExpiredEvent="authkeyexpired",t.exports.USER_EVENT_NAME="__user_events__",t.exports.PLAYER_SDK_CODE=9201,t.exports.FEATURE_ID_H265=30001,t.exports.LicenseResultCode={Success:0,NotFound:1,Expired:2,CertInvalid:3,WasmNotSupported:4,ResourceIncorrect:5,LicenseKeyInvalid:6,DomainInvalid:7},t.exports.DRMKeySystem={4:"com.microsoft.playready",5:"com.widevine.alpha"},t.exports.EncryptionType={Private:1,Standard:2,ChinaDRM:3,PlayReady:4,Widevine:5},t.exports.VodEncryptionType={AliyunVoDEncryption:1,HLSEncryption:2,Widevine:5,"Widevine-FairPlay":5},t.exports.DRMType={Widevine:"Widevine",PlayReady:"PlayReady"},t.exports.ErrorCode={InvalidParameter:4001,AuthKeyExpired:4002,InvalidSourceURL:4003,NotFoundSourceURL:4004,StartLoadData:4005,LoadedMetadata:4006,PlayingError:4007,LoadingTimeout:4008,RequestDataError:4009,EncrptyVideoNotSupport:4010,FormatNotSupport:4011,PlayauthDecode:4012,PlayDataDecode:4013,NetworkUnavaiable:4014,UserAbort:4015,NetworkError:4016,URLsIsEmpty:4017,DrmLicenseRequestFailed:4018,RecordNotAllowed:4019,MediaNotFound:4020,DrmNotSupported:4021,DrmLoadError:4022,RegionBlock:4023,CrossDomain:4027,OtherError:4400,ServerAPIError:4500,FlashNotInstalled:4600,RtsSignalError:4100,RtsPlayFailedError:4200,RtsNotSupportWebRtc:4110,RtsBrowserNotSupport:4111,RtsBrowserVersionTooLow:4112,RtsNotSupportH264:4113,RtsCreateOfferError:4114,RtsAutoPLayFaild:4115,RtsPlayUrlError:4116,RtsSubscribeNonthing:4117,RtsHtmlElementError:4118,RtsHtmlElementNotMatch:4119,RtsBrowserNotSupportRtc:4120,RtsHttpRequestFaild:4121,RtsHttpAnswerFaild:4122,RtsPeerConnectionUnknown:4123,SplayerEnvCheckError:4300,SplayerCoroutineError:4301,SplayerDecodeError:4302,SplayerBufferingError:4303,SplayerParserNotFound:4304},t.exports.AuthKeyExpired=7200,t.exports.AuthKeyRefreshExpired=7e3,t.exports.AuthInfoExpired=100,t.exports.VideoErrorCode={1:4015,2:4016,3:4013,4:4400},t.exports.RegionBlockMessages=["black location","denied by region block"],t.exports.IconType={FontClass:"fontclass",Symbol:"symbol",Sprite:"Sprite"},t.exports.SelectedStreamLevel="selectedStreamLevel",t.exports.SelectedCC="selectedCC",t.exports.HWDetectHvc1="HWDetectHvc1",t.exports.HWDetectHvc1Hls="HWDetectHvc1Hls",t.exports.HWDetectHev1="HWDetectHev1",t.exports.HWDetectHev1Hls="HWDetectHev1Hls",t.exports.WidthMapToLevel={0:"OD",640:"FD",960:"LD",1280:"SD",1920:"HD",2580:"2K",3840:"4K"};i(),t.exports.updateByLanguage=i},{"../lang/index":23}],29:[function(e,t,r){t.exports.get=function(e){for(var t=e+"",r=document.cookie.split(";"),i=0;i<r.length;i++){var n=r[i].trim();if(0==n.indexOf(t))return unescape(n.substring(t.length+1,n.length))}return""},t.exports.set=function(e,t,r){var i=new Date,r=(i.setTime(i.getTime()+24*r*60*60*1e3),"expires="+i.toGMTString());document.cookie=e+"="+escape(t)+"; "+r}},{}],30:[function(e,r,t){var i=e("./object");r.exports.cache={},r.exports.guid=function(e,t){var r,i,n="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),o=[];if(t=t||n.length,e)for(r=0;r<e;r++)o[r]=n[0|Math.random()*t];else for(o[8]=o[13]=o[18]=o[23]="-",o[14]="4",r=0;r<36;r++)o[r]||(i=0|16*Math.random(),o[r]=n[19==r?3&i|8:i]);return o.join("")},r.exports.expando="vdata"+(new Date).getTime(),r.exports.getData=function(e){var t=e[r.exports.expando];return t||(t=e[r.exports.expando]=r.exports.guid(),r.exports.cache[t]={}),r.exports.cache[t]},r.exports.hasData=function(e){var t="";return!(!(t=e?e[r.exports.expando]:t)||i.isEmpty(r.exports.cache[t]))},r.exports.removeData=function(t){var e="";if(e=t?t[r.exports.expando]:e){delete r.exports.cache[e];try{delete t[r.exports.expando]}catch(e){t.removeAttribute?t.removeAttribute(r.exports.expando):t[r.exports.expando]=null}}}},{"./object":42}],31:[function(e,t,r){var i,p="undefined"==typeof Promise?e("es6-promise").Promise:Promise;e="undefined"!=typeof self?self:this,i=function(){return r=[function(e,t,r){"use strict";!function(e){t.b=function(e){for(var t=(e=void 0===e?{}:e).includes,e=e.excludes,e=void 0===e?[]:e,r=!1,i=!1,n=0,o=void 0===t?[]:t;n<o.length;n++)if(!0===o[n]){r=!0;break}for(var a=0,s=e;a<s.length;a++)if(!0===s[a]){i=!0;break}return r&&!i},t.c=function(e,t,r){e=n.a[e];return void 0!==e&&Object(i.compare)(e,t,r)},t.a=function(){return"undefined"!=typeof self?self:"undefined"!=typeof window?window:void 0!==e?e:this};var i=r(11),n=(r.n(i),r(4))}.call(t,r(10))},function(e,t,r){"use strict";r.d(t,"c",function(){return n}),r.d(t,"d",function(){return o}),r.d(t,"b",function(){return a}),r.d(t,"f",function(){return s}),r.d(t,"a",function(){return l}),r.d(t,"e",function(){return c});var i,t=r(3),r=r(0),r=Object(r.a)(),n="InstallTrigger"in((null==r?void 0:r.window)||{})||/firefox/i.test(t.b),o=/trident/i.test(t.b)||/msie/i.test(t.b),a=/edge/i.test(t.b),s=/webkit/i.test(t.b)&&!a,l=void 0!==(null==(i=null==r?void 0:r.window)?void 0:i.chrome)||/chrome/i.test(t.b),c="[object SafariRemoteNotification]"===((null==(r=null==(i=null==r?void 0:r.window)?void 0:i.safari)?void 0:r.pushNotification)||!1).toString()||/safari/i.test(t.b)&&!l},function(e,t,r){"use strict";r.d(t,"b",function(){return o}),r.d(t,"c",function(){return a}),r.d(t,"a",function(){return s});var i=r(1);function n(r){if(console){if(!i.d&&!i.b)return console[r];if("log"===r||"clear"===r)return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];console[r].apply(console,e)}}return function(){for(var e=0;e<arguments.length;e++)e,0}}var o=n("log"),a=n("table"),s=n("clear")},function(e,t,r){"use strict";t.a=function(){for(var e,t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return null!=i&&i.document?(e=i.document).createElement.apply(e,t):{}},r.d(t,"b",function(){return n});var t=r(0),i=Object(t.a)(),n=(null==(r=null==i?void 0:i.navigator)?void 0:r.userAgent)||"xxxxx"},function(e,t,r){"use strict";r.d(t,"a",function(){return i});for(var i={},n=0,o=(r(3).b||"").match(/\w+\/(\d|\.)+(\s|$)/gi)||[];n<o.length;n++){var a=o[n].split("/"),s=a[0],a=a[1];i[s]=a}},function(e,t,r){"use strict";r.d(t,"b",function(){return i}),r.d(t,"d",function(){return n}),r.d(t,"c",function(){return o}),r.d(t,"a",function(){return a}),r.d(t,"e",function(){return s});var t=r(3),i=/ipad/i.test(t.b),n=/macintosh/i.test(t.b),o=/iphone/i.test(t.b),a=/android/i.test(t.b),s=/windows/i.test(t.b)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addListener=function(e){d.addListener(e)},t.removeListener=function(e){d.removeListener(e)},t.isLaunch=function(){return d.isLaunch()},t.launch=function(){d.launch()},t.stop=function(){d.stop()},t.setDetectDelay=function(e){d.setDetectDelay(e)};var i=r(7),n=r(8),o=(r.d(t,"DevtoolsDetector",function(){return i.a}),r.d(t,"checkers",function(){return n}),r(0)),a=(r.d(t,"match",function(){return o.b}),r.d(t,"specificVersionMatch",function(){return o.c}),r(1)),s=(r.d(t,"isFirefox",function(){return a.c}),r.d(t,"isIE",function(){return a.d}),r.d(t,"isEdge",function(){return a.b}),r.d(t,"isWebkit",function(){return a.f}),r.d(t,"isChrome",function(){return a.a}),r.d(t,"isSafari",function(){return a.e}),r(2)),l=(r.d(t,"log",function(){return s.b}),r.d(t,"table",function(){return s.c}),r.d(t,"clear",function(){return s.a}),r(17)),c=(r.d(t,"isMobile",function(){return l.a}),r(4)),u=(r.d(t,"versionMap",function(){return c.a}),r(5)),d=(r.d(t,"isIpad",function(){return u.b}),r.d(t,"isMac",function(){return u.d}),r.d(t,"isIphone",function(){return u.c}),r.d(t,"isAndroid",function(){return u.a}),r.d(t,"isWindows",function(){return u.e}),new i.a({checkers:[n.elementIdChecker,n.regToStringChecker,n.functionToStringChecker,n.depRegToStringChecker,n.dateToStringChecker,n.debuggerChecker]}));t.default=d},function(e,t,r){"use strict";r.d(t,"a",function(){return n});var i=this&&this.__awaiter||function(e,a,s,l){return new(s=s||p)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},n=(o.prototype.launch=function(){this._detectLoopDelay<=0&&this.setDetectDelay(500),this._detectLoopStopped&&(this._detectLoopStopped=!1,this._detectLoop())},o.prototype.stop=function(){this._detectLoopStopped||(this._detectLoopStopped=!0,clearTimeout(this._timer))},o.prototype.isLaunch=function(){return!this._detectLoopStopped},o.prototype.setDetectDelay=function(e){this._detectLoopDelay=e},o.prototype.addListener=function(e){this._listeners.push(e)},o.prototype.removeListener=function(t){this._listeners=this._listeners.filter(function(e){return e!==t})},o.prototype._broadcast=function(e){for(var t=0,r=this._listeners;t<r.length;t++){var i=r[t];try{i(e.isOpen,e)}catch(e){}}},o.prototype._detectLoop=function(){return i(this,void 0,void 0,function(){var t,r,i,n,o,a=this;return s(this,function(e){switch(e.label){case 0:t=!1,r="",i=0,n=this._checkers,e.label=1;case 1:return i<n.length?[4,(o=n[i]).isEnable()]:[3,6];case 2:return e.sent()?(r=o.name,[4,o.isOpen()]):[3,4];case 3:t=e.sent(),e.label=4;case 4:if(t)return[3,6];e.label=5;case 5:return i++,[3,1];case 6:return t!=this._isOpen&&(this._isOpen=t,this._broadcast({isOpen:t,checkerName:r})),0<this._detectLoopDelay?this._timer=setTimeout(function(){return a._detectLoop()},this._detectLoopDelay):this.stop(),[2]}})})},o);function o(e){e=e.checkers;this._listeners=[],this._isOpen=!1,this._detectLoopStopped=!0,this._detectLoopDelay=500,this._checkers=e.slice()}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=r(9),n=(r.d(t,"depRegToStringChecker",function(){return i.a}),r(12)),o=(r.d(t,"elementIdChecker",function(){return n.a}),r(13)),a=(r.d(t,"functionToStringChecker",function(){return o.a}),r(14)),s=(r.d(t,"regToStringChecker",function(){return a.a}),r(15)),l=(r.d(t,"debuggerChecker",function(){return s.a}),r(16));r.d(t,"dateToStringChecker",function(){return l.a})},function(e,t,r){"use strict";r.d(t,"a",function(){return u});var i=r(1),n=r(2),o=r(0),a=this&&this.__awaiter||function(e,a,s,l){return new(s=s||p)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},l=/ /,c=!1,u=(l.toString=function(){return c=!0,u.name},{name:"dep-reg-to-string",isOpen:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return c=!1,Object(n.c)({dep:l}),Object(n.a)(),[2,c]})})},isEnable:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return[2,Object(o.b)({includes:[!0],excludes:[i.c,i.d]})]})})}})},function(e,t){var r=function(){return this}();try{r=r||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(r=window)}e.exports=r},function(e,t,r){var i;void 0!==(t="function"==typeof(i=function(){var t=/^v?(?:\d+)(\.(?:[x*]|\d+)(\.(?:[x*]|\d+)(\.(?:[x*]|\d+))?(?:-[\da-z\-]+(?:\.[\da-z\-]+)*)?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;function d(e){var t=e.replace(/^v/,"").replace(/\+.*$/,""),r=function(e,t){return-1===e.indexOf(t)?e.length:e.indexOf(t)}(t,"-"),i=t.substring(0,r).split(".");return i.push(t.substring(r+1)),i}function p(e){return isNaN(Number(e))?e:Number(e)}function h(e){if("string"!=typeof e)throw new TypeError("Invalid argument expected string");if(!t.test(e))throw new Error("Invalid argument not valid semver ('"+e+"' received)")}function n(e,t){[e,t].forEach(h);for(var r=d(e),i=d(t),n=0;n<Math.max(r.length-1,i.length-1);n++){var o=parseInt(r[n]||0,10),a=parseInt(i[n]||0,10);if(o>a)return 1;if(a>o)return-1}var s=r[r.length-1],l=i[i.length-1];if(s&&l){var c=s.split(".").map(p),u=l.split(".").map(p);for(n=0;n<Math.max(c.length,u.length);n++){if(void 0===c[n]||"string"==typeof u[n]&&"number"==typeof c[n])return-1;if(void 0===u[n]||"string"==typeof c[n]&&"number"==typeof u[n])return 1;if(c[n]>u[n])return 1;if(u[n]>c[n])return-1}}else if(s||l)return s?-1:1;return 0}var o=[">",">=","=","<","<="],a={">":[1],">=":[0,1],"=":[0],"<=":[-1,0],"<":[-1]};return n.validate=function(e){return"string"==typeof e&&t.test(e)},n.compare=function(e,t,r){!function(e){if("string"!=typeof e)throw new TypeError("Invalid operator type, expected string but got "+typeof e);if(-1===o.indexOf(e))throw new TypeError("Invalid operator, expected one of "+o.join("|"))}(r);var i=n(e,t);return a[r].indexOf(i)>-1},n})?i.apply(t,[]):i)&&(e.exports=t)},function(e,t,r){"use strict";r.d(t,"a",function(){return u});var i=r(1),n=r(2),o=r(0),t=r(3),a=this&&this.__awaiter||function(e,a,s,l){return new(s=s||p)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},l=Object(t.a)("div"),c=!1,u=(Object.defineProperty(l,"id",{get:function(){return c=!0,u.name},configurable:!0}),{name:"element-id",isOpen:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return c=!1,Object(n.b)(l),Object(n.a)(),[2,c]})})},isEnable:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return[2,Object(o.b)({includes:[!0],excludes:[i.d,i.b,i.c]})]})})}})},function(e,t,r){"use strict";r.d(t,"a",function(){return d});var i=r(1),n=r(2),o=r(5),a=r(0),s=this&&this.__awaiter||function(e,a,s,l){return new(s=s||p)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},l=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}};function c(){}var u=0,d=(c.toString=function(){return u++,""},{name:"function-to-string",isOpen:function(){return s(this,void 0,void 0,function(){return l(this,function(e){return u=0,Object(n.b)(c),Object(n.a)(),[2,2===u]})})},isEnable:function(){return s(this,void 0,void 0,function(){return l(this,function(e){return[2,Object(a.b)({includes:[!0],excludes:[i.c,(o.b||o.c)&&i.a]})]})})}})},function(e,t,r){"use strict";r.d(t,"a",function(){return u});var i=r(2),n=r(1),o=r(0),a=this&&this.__awaiter||function(e,a,s,l){return new(s=s||p)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},l=/ /,c=!1,u=(l.toString=function(){return c=!0,u.name},{name:"reg-to-string",isOpen:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return c=!1,Object(i.b)(l),Object(i.a)(),[2,c]})})},isEnable:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return[2,Object(o.b)({includes:[!0],excludes:[n.f]})]})})}})},function(e,t,r){"use strict";r.d(t,"a",function(){return a});var i=this&&this.__awaiter||function(e,a,s,l){return new(s=s||p)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},n=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}};function o(){return(performance||Date).now()}var a={name:"debugger-checker",isOpen:function(){return i(this,void 0,void 0,function(){var t;return n(this,function(e){return t=o(),function(){}.constructor("debugger")(),[2,100<o()-t]})})},isEnable:function(){return i(this,void 0,void 0,function(){return n(this,function(e){return[2,!0]})})}}},function(e,t,r){"use strict";r.d(t,"a",function(){return u});var i=r(1),n=r(2),o=r(0),a=this&&this.__awaiter||function(e,a,s,l){return new(s=s||p)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},l=new Date,c=0,u=(l.toString=function(){return c++,""},{name:"date-to-string",isOpen:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return c=0,Object(n.b)(l),Object(n.a)(),[2,2===c]})})},isEnable:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return[2,Object(o.b)({includes:[i.a],excludes:[]})]})})}})},function(e,t,r){"use strict";r.d(t,"a",function(){return i});var t=r(3),i=/mobile/i.test(t.b)}],n={},i.m=r,i.c=n,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=6);function i(e){var t;return(n[e]||(t=n[e]={i:e,l:!1,exports:{}},r[e].call(t.exports,t,t.exports,i),t.l=!0,t)).exports}var r,n},"object"==typeof r&&"object"==typeof t?t.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof r?r.devtoolsDetector=i():e.devtoolsDetector=i()},{"es6-promise":8}],32:[function(e,l,t){var i=e("./object");l.exports.el=function(e){return document.getElementById(e)},l.exports.createEl=function(e,t){var r;return e=e||"div",t=t||{},r=document.createElement(e),i.each(t,function(e,t){-1!==e.indexOf("aria-")||"role"==e?r.setAttribute(e,t):r[e]=t}),r},l.exports.addClass=function(e,t){-1==(" "+e.className+" ").indexOf(" "+t+" ")&&(e.className=""===e.className?t:e.className+" "+t)},l.exports.removeClass=function(e,t){var r,i;if(-1!=e.className.indexOf(t)){for(i=(r=e.className.split(" ")).length-1;0<=i;i--)r[i]===t&&r.splice(i,1);e.className=r.join(" ")}},l.exports.hasClass=function(e,t){return-1!=e.className.indexOf(t)},l.exports.getClasses=function(e){return e.className?e.className.split(" "):[]},l.exports.getElementAttributes=function(e){var t,r,i={};if(e&&e.attributes&&0<e.attributes.length)for(var n,o=(n=e.attributes).length-1;0<=o;o--)t=n[o].name,r=n[o].value,"boolean"!=typeof e[t]&&-1===",autoplay,controls,loop,muted,default,".indexOf(","+t+",")||(r=null!==r),i[t]=r;return i},l.exports.insertFirst=function(e,t){t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e)},l.exports.blockTextSelection=function(){document.body.focus(),document.onselectstart=function(){return!1}},l.exports.unblockTextSelection=function(){document.onselectstart=function(){return!0}},l.exports.css=function(r,e,t){return!(!r||!r.style)&&(e&&t?(r.style[e]=t,!0):t||"string"!=typeof e?!t&&"object"==typeof e&&(i.each(e,function(e,t){r.style[e]=t}),!0):r.style[e])},l.exports.getTransformName=function(e){for(var t=["transform","WebkitTransform","MozTransform","msTransform","OTransform"],r=t[0],i=0,n=t.length;i<n;i++)if(void 0!==e.style[t[i]]){r=t[i];break}return r},l.exports.getTransformEventName=function(e,t){for(var r=["","Webkit","Moz","ms","O"],i=t.toLowerCase(),n=["transform","WebkitTransform","MozTransform","msTransform","OTransform"],o=0,a=n.length;o<a;o++)if(void 0!==e.style[n[o]]){0!=o&&(i=r[o]+t);break}return i},l.exports.addCssByStyle=function(e){var t=document,r=t.createElement("style"),e=(r.setAttribute("type","text/css"),r.styleSheet?r.styleSheet.cssText=e:(e=t.createTextNode(e),r.appendChild(e)),t.getElementsByTagName("head"));(e.length?e[0]:t.documentElement).appendChild(r)},l.exports.getTranslateX=function(e){var t=0;if(e)try{var r=window.getComputedStyle(e),i=l.exports.getTransformName(e),t=new(window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix)(r[i]).m41}catch(e){console.log(e)}return t},l.exports.getPointerPosition=function(e,t){var r={},i=l.exports.findPosition(e),n=e.offsetWidth,e=e.offsetHeight,o=i.top,i=i.left,a=t.pageY,s=t.pageX;return t.changedTouches&&(s=t.changedTouches[0].pageX,a=t.changedTouches[0].pageY),r.y=Math.max(0,Math.min(1,(o-a+e)/e)),r.x=Math.max(0,Math.min(1,(s-i)/n)),r},l.exports.findPosition=function(e){var t,r,i,n;return(t=e.getBoundingClientRect&&e.parentNode?e.getBoundingClientRect():t)?(e=document.documentElement,n=document.body,i=e.clientLeft||n.clientLeft||0,r=window.pageXOffset||n.scrollLeft,r=t.left+r-i,i=e.clientTop||n.clientTop||0,e=window.pageYOffset||n.scrollTop,n=t.top+e-i,{left:Math.round(r),top:Math.round(n)}):{left:0,top:0}}},{"./object":42}],33:[function(e,l,t){var c=e("./object"),u=e("./data"),r=e("./ua"),i=e("./fastclick");function d(t,r,e,i){c.each(e,function(e){t(r,e,i)})}l.exports.on=function(o,e,t){if(o){if(c.isArray(e))return d(l.exports.on,o,e,t);r.IS_MOBILE&&"click"==e&&i.attach(o);var a=u.getData(o);a.handlers||(a.handlers={}),a.handlers[e]||(a.handlers[e]=[]),t.guid||(t.guid=u.guid()),a.handlers[e].push(t),a.dispatcher||(a.disabled=!1,a.dispatcher=function(e){if(!a.disabled){e=l.exports.fixEvent(e);var t=a.handlers[e.type];if(t)for(var r=t.slice(0),i=0,n=r.length;i<n&&!e.isImmediatePropagationStopped();i++)r[i].call(o,e)}}),1==a.handlers[e].length&&(o.addEventListener?o.addEventListener(e,a.dispatcher,!1):o.attachEvent&&o.attachEvent("on"+e,a.dispatcher))}},l.exports.off=function(t,e,r){if(t&&u.hasData(t)){var i=u.getData(t);if(i.handlers){if(c.isArray(e))return d(l.exports.off,t,e,r);function n(e){i.handlers[e]=[],l.exports.cleanUpEvents(t,e)}if(e){var o=i.handlers[e];if(o)if(r){if(r.guid)for(var a=0;a<o.length;a++)o[a].guid===r.guid&&o.splice(a--,1);l.exports.cleanUpEvents(t,e)}else n(e)}else for(var s in i.handlers)n(s)}}},l.exports.cleanUpEvents=function(e,t){var r=u.getData(e);0===r.handlers[t].length&&(delete r.handlers[t],e.removeEventListener?e.removeEventListener(t,r.dispatcher,!1):e.detachEvent&&e.detachEvent("on"+t,r.dispatcher)),c.isEmpty(r.handlers)&&(delete r.handlers,delete r.dispatcher,delete r.disabled),c.isEmpty(r)&&u.removeData(e)},l.exports.fixEvent=function(e){function t(){return!0}function r(){return!1}if(!e||!e.isPropagationStopped){var i,n,o,a=e||window.event;for(i in e={},a)"layerX"===i||"layerY"===i||"keyboardEvent.keyLocation"===i||"returnValue"==i&&a.preventDefault||(e[i]=a[i]);e.target||(e.target=e.srcElement||document),e.relatedTarget=e.fromElement===e.target?e.toElement:e.fromElement,e.preventDefault=function(){a.preventDefault&&a.preventDefault(),e.returnValue=!1,e.isDefaultPrevented=t,e.defaultPrevented=!0},e.isDefaultPrevented=r,e.defaultPrevented=!1,e.stopPropagation=function(){a.stopPropagation&&a.stopPropagation(),e.cancelBubble=!0,e.isPropagationStopped=t},e.isPropagationStopped=r,e.stopImmediatePropagation=function(){a.stopImmediatePropagation&&a.stopImmediatePropagation(),e.isImmediatePropagationStopped=t,e.stopPropagation()},e.isImmediatePropagationStopped=r,null!=e.clientX&&(n=document.documentElement,o=document.body,e.pageX=e.clientX+(n&&n.scrollLeft||o&&o.scrollLeft||0)-(n&&n.clientLeft||o&&o.clientLeft||0),e.pageY=e.clientY+(n&&n.scrollTop||o&&o.scrollTop||0)-(n&&n.clientTop||o&&o.clientTop||0)),e.which=e.charCode||e.keyCode,null!=e.button&&(e.button=1&e.button?0:4&e.button?1:2&e.button?2:0)}return e},l.exports.trigger=function(e,t){var r,i,n;if(e)return r=u.hasData(e)?u.getData(e):{},i=e.parentNode||e.ownerDocument,"string"==typeof t&&(n=null,!e.paramData&&0!=e.paramData||(n=e.paramData,e.paramData=null,e.removeAttribute(n)),t={type:t,target:e,paramData:n}),t=l.exports.fixEvent(t),r.dispatcher&&r.dispatcher.call(e,t),i&&!t.isPropagationStopped()&&!1!==t.bubbles?l.exports.trigger(i,t):i||t.defaultPrevented||(n=u.getData(t.target),t.target[t.type]&&(n.disabled=!0,"function"==typeof t.target[t.type]&&t.target[t.type](),n.disabled=!1)),!t.defaultPrevented},l.exports.one=function(e,t,r){if(e){if(c.isArray(t))return d(l.exports.one,e,t,r);function i(){l.exports.off(e,t,i),r.apply(this,arguments)}i.guid=r.guid=r.guid||u.guid(),l.exports.on(e,t,i)}}},{"./data":30,"./fastclick":34,"./object":42,"./ua":49}],34:[function(e,t,r){function a(n,e){var t;if(e=e||{},this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=e.touchBoundary||10,this.layer=n,this.tapDelay=e.tapDelay||200,this.tapTimeout=e.tapTimeout||700,!a.notNeeded(n)){for(var r=["onMouse","onClick","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel"],i=0,o=r.length;i<o;i++)this[r[i]]=function(e,t){return function(){return e.apply(t,arguments)}}(this[r[i]],this);s&&(n.addEventListener("mouseover",this.onMouse,!0),n.addEventListener("mousedown",this.onMouse,!0),n.addEventListener("mouseup",this.onMouse,!0)),n.addEventListener("click",this.onClick,!0),n.addEventListener("touchstart",this.onTouchStart,!1),n.addEventListener("touchmove",this.onTouchMove,!1),n.addEventListener("touchend",this.onTouchEnd,!1),n.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(n.removeEventListener=function(e,t,r){var i=Node.prototype.removeEventListener;"click"===e?i.call(n,e,t.hijacked||t,r):i.call(n,e,t,r)},n.addEventListener=function(e,t,r){var i=Node.prototype.addEventListener;"click"===e?i.call(n,e,t.hijacked||(t.hijacked=function(e){e.propagationStopped||t(e)}),r):i.call(n,e,t,r)}),"function"==typeof n.onclick&&(t=n.onclick,n.addEventListener("click",function(e){t(e)},!1),n.onclick=null)}}var i=0<=navigator.userAgent.indexOf("Windows Phone"),s=0<navigator.userAgent.indexOf("Android")&&!i,o=/iP(ad|hone|od)/.test(navigator.userAgent)&&!i,l=o&&/OS 4_\d(_\d)?/.test(navigator.userAgent),c=o&&/OS [6-7]_\d/.test(navigator.userAgent),n=0<navigator.userAgent.indexOf("BB10");a.prototype.needsClick=function(e){switch(e.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(e.disabled)return!0;break;case"input":if(o&&"file"===e.type||e.disabled)return!0;break;case"label":case"iframe":case"video":return!0}return/\bneedsclick\b/.test(e.className)},a.prototype.needsFocus=function(e){switch(e.nodeName.toLowerCase()){case"textarea":return!0;case"select":return!s;case"input":switch(e.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!e.disabled&&!e.readOnly;default:return/\bneedsfocus\b/.test(e.className)}},a.prototype.sendClick=function(e,t){var r;document.activeElement&&document.activeElement!==e&&document.activeElement.blur(),t=t.changedTouches[0],(r=document.createEvent("MouseEvents")).initMouseEvent(this.determineEventType(e),!0,!0,window,1,t.screenX,t.screenY,t.clientX,t.clientY,!1,!1,!1,!1,0,null),r.forwardedTouchEvent=!0,e.dispatchEvent(r)},a.prototype.determineEventType=function(e){return s&&"select"===e.tagName.toLowerCase()?"mousedown":"click"},a.prototype.focus=function(e){var t;o&&e.setSelectionRange&&0!==e.type.indexOf("date")&&"time"!==e.type&&"month"!==e.type&&"email"!==e.type?(t=e.value.length,e.setSelectionRange(t,t)):e.focus()},a.prototype.updateScrollParent=function(e){var t,r=e.fastClickScrollParent;if(!r||!r.contains(e)){t=e;do{if(t.scrollHeight>t.offsetHeight){r=t,e.fastClickScrollParent=t;break}}while(t=t.parentElement)}r&&(r.fastClickLastScrollTop=r.scrollTop)},a.prototype.getTargetElementFromEventTarget=function(e){return e.nodeType===Node.TEXT_NODE?e.parentNode:e},a.prototype.onTouchStart=function(e){var t,r,i;if(!(1<e.targetTouches.length)){if(t=this.getTargetElementFromEventTarget(e.target),r=e.targetTouches[0],o){if((i=window.getSelection()).rangeCount&&!i.isCollapsed)return!0;if(!l){if(r.identifier&&r.identifier===this.lastTouchIdentifier)return e.preventDefault(),!1;this.lastTouchIdentifier=r.identifier,this.updateScrollParent(t)}}this.trackingClick=!0,this.trackingClickStart=e.timeStamp,this.targetElement=t,this.touchStartX=r.pageX,this.touchStartY=r.pageY,e.timeStamp-this.lastClickTime<this.tapDelay&&e.preventDefault()}return!0},a.prototype.touchHasMoved=function(e){var e=e.changedTouches[0],t=this.touchBoundary;return Math.abs(e.pageX-this.touchStartX)>t||Math.abs(e.pageY-this.touchStartY)>t},a.prototype.onTouchMove=function(e){return this.trackingClick&&(this.targetElement!==this.getTargetElementFromEventTarget(e.target)||this.touchHasMoved(e))&&(this.trackingClick=!1,this.targetElement=null),!0},a.prototype.findControl=function(e){return void 0!==e.control?e.control:e.htmlFor?document.getElementById(e.htmlFor):e.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},a.prototype.onTouchEnd=function(e){var t,r,i,n=this.targetElement;if(!this.trackingClick)return!0;if(e.timeStamp-this.lastClickTime<this.tapDelay)return this.cancelNextClick=!0;if(e.timeStamp-this.trackingClickStart>this.tapTimeout)return!0;if(this.cancelNextClick=!1,this.lastClickTime=e.timeStamp,t=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,c&&(i=e.changedTouches[0],(n=document.elementFromPoint(i.pageX-window.pageXOffset,i.pageY-window.pageYOffset)||n).fastClickScrollParent=this.targetElement.fastClickScrollParent),"label"===(i=n.tagName.toLowerCase())){if(r=this.findControl(n)){if(this.focus(n),s)return!1;n=r}}else if(this.needsFocus(n))return 100<e.timeStamp-t||o&&window.top!==window&&"input"===i?this.targetElement=null:(this.focus(n),this.sendClick(n,e),o&&"select"===i||(this.targetElement=null,e.preventDefault())),!1;return!(!o||l||!(r=n.fastClickScrollParent)||r.fastClickLastScrollTop===r.scrollTop)||(this.needsClick(n)||(e.preventDefault(),this.sendClick(n,e)),!1)},a.prototype.onTouchCancel=function(){this.trackingClick=!1,this.targetElement=null},a.prototype.onMouse=function(e){return!this.targetElement||!(!e.forwardedTouchEvent&&e.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)&&(e.stopImmediatePropagation?e.stopImmediatePropagation():e.propagationStopped=!0,e.stopPropagation(),e.preventDefault(),1))},a.prototype.onClick=function(e){return this.trackingClick?(this.targetElement=null,!(this.trackingClick=!1)):"submit"===e.target.type&&0===e.detail||((e=this.onMouse(e))||(this.targetElement=null),e)},a.prototype.destroy=function(){var e=this.layer;s&&(e.removeEventListener("mouseover",this.onMouse,!0),e.removeEventListener("mousedown",this.onMouse,!0),e.removeEventListener("mouseup",this.onMouse,!0)),e.removeEventListener("click",this.onClick,!0),e.removeEventListener("touchstart",this.onTouchStart,!1),e.removeEventListener("touchmove",this.onTouchMove,!1),e.removeEventListener("touchend",this.onTouchEnd,!1),e.removeEventListener("touchcancel",this.onTouchCancel,!1)},a.notNeeded=function(e){var t,r;if(void 0===window.ontouchstart)return!0;if(r=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!s)return!0;if(t=document.querySelector("meta[name=viewport]")){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(31<r&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(n&&10<=(r=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/))[1]&&3<=r[2]&&(t=document.querySelector("meta[name=viewport]"))){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===e.style.msTouchAction||"manipulation"===e.style.touchAction||!!(27<=+(/Firefox\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]&&(t=document.querySelector("meta[name=viewport]"))&&(-1!==t.content.indexOf("user-scalable=no")||document.documentElement.scrollWidth<=window.outerWidth))||"none"===e.style.touchAction||"manipulation"===e.style.touchAction},a.attach=function(e,t){return new a(e,t)},t.exports=a},{}],35:[function(e,t,r){var n=e("./data");t.exports.bind=function(e,t,r){t.guid||(t.guid=n.guid());function i(){return t.apply(e,arguments)}return i.guid=r?r+"_"+t.guid:t.guid,i}},{"./data":30}],36:[function(e,t,r){function w(){"use strict";w=function(){return a};var a={},e=Object.prototype,l=e.hasOwnProperty,c=Object.defineProperty||function(e,t,r){e[t]=r.value},t="function"==typeof Symbol?Symbol:{},i=t.iterator||"@@iterator",r=t.asyncIterator||"@@asyncIterator",n=t.toStringTag||"@@toStringTag";function o(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{o({},"")}catch(e){o=function(e,t,r){return e[t]=r}}function s(e,t,r,i){var n,o,a,s,t=t&&t.prototype instanceof p?t:p,t=Object.create(t.prototype),i=new S(i||[]);return c(t,"_invoke",{value:(n=e,o=r,a=i,s="suspendedStart",function(e,t){if("executing"===s)throw new Error("Generator is already running");if("completed"===s){if("throw"===e)throw t;return E()}for(a.method=e,a.arg=t;;){var r=a.delegate;if(r){r=function e(t,r){var i=t.iterator[r.method];if(void 0===i){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=void 0,e(t,r),"throw"===r.method))return d;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return d}i=u(i,t.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,d;i=i.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=void 0),r.delegate=null,d):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,d)}(r,a);if(r){if(r===d)continue;return r}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if("suspendedStart"===s)throw s="completed",a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);s="executing";r=u(n,o,a);if("normal"===r.type){if(s=a.done?"completed":"suspendedYield",r.arg===d)continue;return{value:r.arg,done:a.done}}"throw"===r.type&&(s="completed",a.method="throw",a.arg=r.arg)}})}),t}function u(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}a.wrap=s;var d={};function p(){}function h(){}function f(){}var t={},y=(o(t,i,function(){return this}),Object.getPrototypeOf),y=y&&y(y(T([]))),_=(y&&y!==e&&l.call(y,i)&&(t=y),f.prototype=p.prototype=Object.create(t));function g(e){["next","throw","return"].forEach(function(t){o(e,t,function(e){return this._invoke(t,e)})})}function v(a,s){var t;c(this,"_invoke",{value:function(r,i){function e(){return new s(function(e,t){!function t(e,r,i,n){var o,e=u(a[e],a,r);if("throw"!==e.type)return(r=(o=e.arg).value)&&"object"==typeof r&&l.call(r,"__await")?s.resolve(r.__await).then(function(e){t("next",e,i,n)},function(e){t("throw",e,i,n)}):s.resolve(r).then(function(e){o.value=e,i(o)},function(e){return t("throw",e,i,n)});n(e.arg)}(r,i,e,t)})}return t=t?t.then(e,e):e()}})}function m(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function b(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function S(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(m,this),this.reset(!0)}function T(t){if(t){var r,e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return r=-1,(e=function e(){for(;++r<t.length;)if(l.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e}).next=e}return{next:E}}function E(){return{value:void 0,done:!0}}return c(_,"constructor",{value:h.prototype=f,configurable:!0}),c(f,"constructor",{value:h,configurable:!0}),h.displayName=o(f,n,"GeneratorFunction"),a.isGeneratorFunction=function(e){e="function"==typeof e&&e.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},a.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,f):(e.__proto__=f,o(e,n,"GeneratorFunction")),e.prototype=Object.create(_),e},a.awrap=function(e){return{__await:e}},g(v.prototype),o(v.prototype,r,function(){return this}),a.AsyncIterator=v,a.async=function(e,t,r,i,n){void 0===n&&(n=Promise);var o=new v(s(e,t,r,i),n);return a.isGeneratorFunction(t)?o:o.next().then(function(e){return e.done?e.value:o.next()})},g(_),o(_,n,"Generator"),o(_,i,function(){return this}),o(_,"toString",function(){return"[object Generator]"}),a.keys=function(e){var t,r=Object(e),i=[];for(t in r)i.push(t);return i.reverse(),function e(){for(;i.length;){var t=i.pop();if(t in r)return e.value=t,e.done=!1,e}return e.done=!0,e}},a.values=T,S.prototype={constructor:S,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(b),!e)for(var t in this)"t"===t.charAt(0)&&l.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var i=this;function e(e,t){return o.type="throw",o.arg=r,i.next=e,t&&(i.method="next",i.arg=void 0),!!t}for(var t=this.tryEntries.length-1;0<=t;--t){var n=this.tryEntries[t],o=n.completion;if("root"===n.tryLoc)return e("end");if(n.tryLoc<=this.prev){var a=l.call(n,"catchLoc"),s=l.call(n,"finallyLoc");if(a&&s){if(this.prev<n.catchLoc)return e(n.catchLoc,!0);if(this.prev<n.finallyLoc)return e(n.finallyLoc)}else if(a){if(this.prev<n.catchLoc)return e(n.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<n.finallyLoc)return e(n.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;0<=r;--r){var i=this.tryEntries[r];if(i.tryLoc<=this.prev&&l.call(i,"finallyLoc")&&this.prev<i.finallyLoc){var n=i;break}}var o=(n=n&&("break"===e||"continue"===e)&&n.tryLoc<=t&&t<=n.finallyLoc?null:n)?n.completion:{};return o.type=e,o.arg=t,n?(this.method="next",this.next=n.finallyLoc,d):this.complete(o)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),d},finish:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),b(r),d}},catch:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r,i,n=this.tryEntries[t];if(n.tryLoc===e)return"throw"===(r=n.completion).type&&(i=r.arg,b(n)),i}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:T(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=void 0),d}},a}function l(e,t,r,i,n,o,a){try{var s=e[o](a),l=s.value}catch(e){return void r(e)}s.done?t(l):Promise.resolve(l).then(i,n)}function a(s){return function(){var e=this,a=arguments;return new Promise(function(t,r){var i=s.apply(e,a);function n(e){l(i,t,r,n,o,"next",e)}function o(e){l(i,t,r,n,o,"throw",e)}n(void 0)})}}var i,s="undefined"==typeof Promise?e("es6-promise").Promise:Promise;e=self,i=function(){"use strict";function _(e,t){var r="hls"===(t=void 0===t?"mp4":t),i="";switch(e=void 0===e?"":e){case"hvc1":i=r?"https://player.alicdn.com/lib/detect-assets/01s_20x20_hvc1.m3u8":"https://ice-pub-media.myalicdn.com/vod-demo/hevc/01s_20x20_hvc1.mp4";break;case"hev1":i=r?"https://player.alicdn.com/lib/detect-assets/01s_20x20_hev1.m3u8":"https://ice-pub-media.myalicdn.com/vod-demo/hevc/01s_20x20_hev1.mp4";break;default:i=""}return i}function g(i,l,c,e){void 0===l&&(l=!1),void 0===c&&(c="");var u=performance.now(),d=e;return new s(function(o){e=i,void 0===(t=l?100:0)&&(t=100),(r=document.createElement("video")).setAttribute("width",""+t),r.setAttribute("height",""+t),r.setAttribute("muted","muted"),r.setAttribute("crossorigin","anonymous"),r.setAttribute("preload","preload"),r.setAttribute("autoplay","autoplay"),r.setAttribute("webkit-playsinline","webkit-playsinline"),r.setAttribute("playsinline","playsinline"),r.setAttribute("x-webkit-airplay","x-webkit-airplay"),r.setAttribute("playsinline","playsinline"),r.src=e;var e,t,r,a=r,s=setInterval(function(){var e,t,r,i,n;(performance.now()-u>d||0!==a.videoWidth)&&(clearInterval(s),e=0!==a.videoWidth,l?(a.setAttribute("controls","controls"),t=a,void 0===(r=c)&&(r=""),i=document.createElement("dv"),(n=document.createElement("h3")).innerText=r,i.appendChild(t),i.appendChild(n),document.body.appendChild(i)):(a.pause(),a=null),o(e))})})}var i={d:function(e,t){for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},e={},t=(i.d(e,{default:function(){return o}}),navigator.userAgent),r=/qqbrowser/i.test(t.toLowerCase()),n=/Edge/i.test(t),n=/Chrome/i.test(t)&&!n&&!r,v=/Safari/i.test(t)&&!n,r=t.match(/Version\/([\d.]+)([^S](Safari)|[^M]*(Mobile)[^S]*(Safari))/),n=r&&r[1],m=n&&Number(n.split(".")[0]),b=function(){var t=a(w().mark(function e(t){var r;return w().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch(t);case 2:return r=e.sent,e.next=5,r.blob();case 5:return r=e.sent,e.abrupt("return",URL.createObjectURL(r));case 7:case"end":return e.stop()}},e)}));return function(e){return t.apply(this,arguments)}}(),S={includeSystemHijack:!0,showVideo:!1,format:"mp4",codecTags:["hev1","hvc1"],timeout:2e3},o=function(y){return void 0===y&&(y={}),new s(function(){var t=a(w().mark(function e(t){var r,i,n,o,a,s,l,c,u,d,p,h,f;return w().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(o=Object.assign({},S,y),r=o.includeSystemHijack,i=o.showVideo,l=o.codecTags,n=o.format,o=o.timeout,a=performance.now(),s=-1<l.indexOf("hvc1"),l=-1<l.indexOf("hev1"),u=c=!1,!(v&&m&&11<=m)){e.next=14;break}if(d=_("hvc1",n),e.t0=r,e.t0){e.next=9;break}return e.next=8,b(d);case 8:d=e.sent;case 9:return e.next=11,g(d,i,"hvc1",o);case 11:c=e.sent,e.next=34;break;case 14:if(!s){e.next=24;break}if(p=_("hvc1",n),e.t1=r,e.t1){e.next=21;break}return e.next=20,b(p);case 20:p=e.sent;case 21:return e.next=23,g(p,i,"hvc1",o);case 23:c=e.sent;case 24:if(!l){e.next=34;break}if(h=_("hev1",n),e.t2=r,e.t2){e.next=31;break}return e.next=30,b(h);case 30:h=e.sent;case 31:return e.next=33,g(h,i,"hev1",o);case 33:u=e.sent;case 34:f=performance.now(),t({isHvc1Supported:c,isHev1Supported:u,time:Math.ceil(f-a)});case 36:case"end":return e.stop()}},e)}));return function(e){return t.apply(this,arguments)}}())};return e.default},"object"==typeof r&&"object"==typeof t?t.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof r?r.hevcDetector=i():e.hevcDetector=i()},{"es6-promise":8}],37:[function(e,t,r){var i=/^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/\;?#]*)?(.*?)??(;.*?)?(\?.*?)?(#.*?)?$/,o=/^([^\/;?#]*)(.*)$/,n=/(?:\/|^)\.(?=\/)/g,a=/(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g,s={buildAbsoluteURL:function(e,t,r){if(r=r||{},e=e.trim(),!(t=t.trim())){if(!r.alwaysNormalize)return e;var i=s.parseURL(e);if(i)return i.path=s.normalizePath(i.path),s.buildURLFromParts(i);throw new Error("Error trying to parse base URL.")}i=s.parseURL(t);if(!i)throw new Error("Error trying to parse relative URL.");if(i.scheme)return r.alwaysNormalize?(i.path=s.normalizePath(i.path),s.buildURLFromParts(i)):t;t=s.parseURL(e);if(!t)throw new Error("Error trying to parse base URL.");!t.netLoc&&t.path&&"/"!==t.path[0]&&(e=o.exec(t.path),t.netLoc=e[1],t.path=e[2]),t.netLoc&&!t.path&&(t.path="/");var n,e={scheme:t.scheme,netLoc:i.netLoc,path:null,params:i.params,query:i.query,fragment:i.fragment};return i.netLoc||(e.netLoc=t.netLoc,"/"!==i.path[0]&&(i.path?(n=(n=t.path).substring(0,n.lastIndexOf("/")+1)+i.path,e.path=s.normalizePath(n)):(e.path=t.path,i.params||(e.params=t.params,i.query)||(e.query=t.query)))),null===e.path&&(e.path=r.alwaysNormalize?s.normalizePath(i.path):i.path),s.buildURLFromParts(e)},parseURL:function(e){e=i.exec(e);return e?{scheme:e[1]||"",netLoc:e[2]||"",path:e[3]||"",params:e[4]||"",query:e[5]||"",fragment:e[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(n,"");e.length!==(e=e.replace(a,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}};t.exports=s},{}],38:[function(e,t,r){function i(e){for(var t in e="string"==typeof e?this.parseAttrList(e):e)e.hasOwnProperty(t)&&(this[t]=e[t])}var n=/^(\d+)x(\d+)$/,o=/\s*(.+?)\s*=((?:\".*?\")|.*?)(?:,|$)/g;i.prototype={decimalInteger:function(e){e=parseInt(this[e],10);return e>Number.MAX_SAFE_INTEGER?1/0:e},hexadecimalInteger:function(e){if(this[e]){for(var t=(1&(t=(this[e]||"0x").slice(2)).length?"0":"")+t,r=new Uint8Array(t.length/2),i=0;i<t.length/2;i++)r[i]=parseInt(t.slice(2*i,2*i+2),16);return r}return null},hexadecimalIntegerAsNumber:function(e){e=parseInt(this[e],16);return e>Number.MAX_SAFE_INTEGER?1/0:e},decimalFloatingPoint:function(e){return parseFloat(this[e])},enumeratedString:function(e){return this[e]},decimalResolution:function(e){e=n.exec(this[e]);if(null!==e)return{width:parseInt(e[1],10),height:parseInt(e[2],10)}},parseAttrList:function(e){var t,r={};for(o.lastIndex=0;null!==(t=o.exec(e));){var i=t[2];0===i.indexOf('"')&&i.lastIndexOf('"')===i.length-1&&(i=i.slice(1,-1)),r[t[1]]=i}return r}},t.exports=i},{}],39:[function(e,t,r){function b(){this.method=null,this.key=null,this.iv=null,this._uri=null}function S(){this._url=null,this._byteRange=null,this._decryptdata=null,this.tagList=[]}function i(){this.loaders={}}var n=e("../constants"),l=e("../playerutil"),T=e("./attrlist"),c=e("../io"),o=e("./URLToolkit"),u=/#EXT-X-STREAM-INF:([^\n\r]*)[\r\n]+([^\r\n]+)/g,d=/#EXT-X-MEDIA:(.*)/g,E=new RegExp([/#EXTINF:(\d*(?:\.\d+)?)(?:,(.*)\s+)?/.source,/|(?!#)(\S+)/.source,/|#EXT-X-BYTERANGE:*(.+)/.source,/|#EXT-X-PROGRAM-DATE-TIME:(.+)/.source,/|#.*/.source].join(""),"g"),w=/(?:(?:#(EXTM3U))|(?:#EXT-X-(PLAYLIST-TYPE):(.+))|(?:#EXT-X-(PART-INF):(.+))|(?:#EXT-X-(MEDIA-SEQUENCE): *(\d+))|(?:#EXT-X-(TARGETDURATION): *(\d+))|(?:#EXT-X-(KEY):(.+))|(?:#EXT-X-(START):(.+))|(?:#EXT-X-(ENDLIST))|(?:#EXT-X-(DISCONTINUITY-SEQ)UENCE:(\d+))|(?:#EXT-X-(DIS)CONTINUITY))|(?:#EXT-X-(VERSION):(\d+))|(?:#EXT-X-(MAP):(.+))|(?:(#)(.*):(.*))|(?:(#)(.*))(?:.*)\r?\n?/,p="RegionBlock";S.prototype.getUrl=function(){return!this._url&&this.relurl&&(this._url=o.buildAbsoluteURL(this.baseurl,this.relurl,{alwaysNormalize:!0})),this._url},S.prototype.Seturl=function(e){this._url=e},S.prototype.getProgramDateTime=function(){return!this._programDateTime&&this.rawProgramDateTime&&(this._programDateTime=new Date(Date.parse(this.rawProgramDateTime))),this._programDateTime},S.prototype.GetbyteRange=function(){var e,t,r;return this._byteRange||(e=this._byteRange=[],this.rawByteRange&&(1===(t=this.rawByteRange.split("@",2)).length?(r=this.lastByteRangeEndOffset,e[0]=r||0):e[0]=parseInt(t[1]),e[1]=parseInt(t[0])+e[0])),this._byteRange},S.prototype.getByteRangeStartOffset=function(){return this.byteRange[0]},S.prototype.getByteRangeEndOffset=function(){return this.byteRange[1]},S.prototype.getDecryptdata=function(){return this._decryptdata||(this._decryptdata=this.fragmentDecryptdataFromLevelkey(this.levelkey,this.sn)),this._decryptdata};i.prototype=((e={parseMasterPlaylist:function(e,t){var r=[];for(u.lastIndex=0;null!=(o=u.exec(e));){var i={},n=i.attrs=new T(o[1]),o=(i.url=this.resolve(o[2],t),n.decimalResolution("RESOLUTION"));if(o&&(i.width=o.width,i.height=o.height),i.bitrate=n.decimalInteger("AVERAGE-BANDWIDTH")||n.decimalInteger("BANDWIDTH"),i.name=n.NAME,a=n.CODECS)for(var a=a.split(/[ ,]+/),s=0;s<a.length;s++){var l=a[s];-1!==l.indexOf("avc1")?i.videoCodec=this.avc1toavcoti(l):-1!==l.indexOf("hvc1")?i.videoCodec=l:i.audioCodec=l}r.push(i)}return r},parseMasterPlaylistMedia:function(e,t,r,i){var n=[],o=0;for(d.lastIndex=0;null!=(s=d.exec(e));){var a={},s=new T(s[1]);s.TYPE===r&&(a.groupId=s["GROUP-ID"],a.name=s.NAME,a.type=r,a.default="YES"===s.DEFAULT,a.autoselect="YES"===s.AUTOSELECT,a.forced="YES"===s.FORCED,s.URI&&(a.url=this.resolve(s.URI,t)),a.lang=s.LANGUAGE,a.name||(a.name=a.lang),i&&(a.audioCodec=i),a.id=o++,n.push(a))}return n},avc1toavcoti:function(e){var t=e.split("."),r=2<t.length?(r=t.shift()+".",(r+=parseInt(t.shift()).toString(16))+("000"+parseInt(t.shift()).toString(16)).substr(-4)):e;return r},load:function(o,a,i){var s=this;c.get(o,function(e){var t,r,i,n=s.parseMasterPlaylist(e,o);n.length&&(t=s.parseMasterPlaylistMedia(e,o,"AUDIO",n[0].audioCodec),r=s.parseMasterPlaylistMedia(e,o,"SUBTITLES"),t.length)&&(i=!1,t.forEach(function(e){e.url||(i=!0)}),!1===i)&&n[0].audioCodec&&!n[0].attrs.AUDIO&&(console.log("audio codec signaled in quality level, but no embedded audio track signaled, create one"),t.unshift({type:"main",name:"main"})),a({levels:n,audioTracks:t,subtitles:r,url:o,string:e})},function(e,t,r){i&&((r=l.parseHttpHeaders(r)["x-tengine-error"])&&-1<n.RegionBlockMessages.indexOf(r)&&(e=p),i(e,t))})},loadMediaPlaylist:function(e,t,r){var i=this,n=(e=e||{}).string,o=e.url;n?(e=i.parseLevelPlaylist(n,o),t(e)):c.get(o,function(e){e=i.parseLevelPlaylist(e,o);t(e)},function(e){r&&r(e)})},resolve:function(e,t){return o.buildAbsoluteURL(t,e,{alwaysNormalize:!0})}}).parseMasterPlaylist=function(e,t){var r=[];for(u.lastIndex=0;null!=(o=u.exec(e));){var i={},n=i.attrs=new T(o[1]),o=(i.url=this.resolve(o[2],t),n.decimalResolution("RESOLUTION"));if(o&&(i.width=o.width,i.height=o.height),i.bitrate=n.decimalInteger("AVERAGE-BANDWIDTH")||n.decimalInteger("BANDWIDTH"),i.name=n.NAME,a=n.CODECS)for(var a=a.split(/[ ,]+/),s=0;s<a.length;s++){var l=a[s];-1!==l.indexOf("avc1")?i.videoCodec=this.avc1toavcoti(l):-1!==l.indexOf("hvc1")?i.videoCodec=l:i.audioCodec=l}r.push(i)}return r},e.parseMasterPlaylistMedia=function(e,t,r,i){var n=[],o=0;for(d.lastIndex=0;null!=(s=d.exec(e));){var a={},s=new T(s[1]);s.TYPE===r&&(a.groupId=s["GROUP-ID"],a.name=s.NAME,a.type=r,a.default="YES"===s.DEFAULT,a.autoselect="YES"===s.AUTOSELECT,a.forced="YES"===s.FORCED,s.URI&&(a.url=this.resolve(s.URI,t)),a.lang=s.LANGUAGE,a.name||(a.name=a.lang),i&&(a.audioCodec=i),a.id=o++,n.push(a))}return n},e.avc1toavcoti=function(e){var t=e.split("."),r=2<t.length?(r=t.shift()+".",(r+=parseInt(t.shift()).toString(16))+("000"+parseInt(t.shift()).toString(16)).substr(-4)):e;return r},e.parseLevelPlaylist=function(e,t,r,i){var n,o,a=0,s=0,l={type:null,version:null,url:t,fragments:[],live:!0,startSN:0},c=new b,u=0,d=null,p=new S;for(E.lastIndex=0;null!==(n=E.exec(e));){var h=n[1];if(h){p.duration=parseFloat(h);var f=(" "+n[2]).slice(1);p.title=f||null,p.tagList.push(f?["INF",h,f]:["INF",h])}else if(n[3])isNaN(p.duration)||(f=a++,p.type=i,p.start=s,p.levelkey=c,p.sn=f,p.level=r,p.cc=u,p.baseurl=t,p.relurl=(" "+n[3]).slice(1),l.fragments.push(p),s+=(d=p).duration,p=new S);else if(n[4])p.rawByteRange=(" "+n[4]).slice(1),d&&(h=d.byteRangeEndOffset)&&(p.lastByteRangeEndOffset=h);else if(n[5])p.rawProgramDateTime=(" "+n[5]).slice(1),p.tagList.push(["PROGRAM-DATE-TIME",p.rawProgramDateTime]),void 0===l.programDateTime&&(l.programDateTime=new Date(new Date(Date.parse(n[5]))-1e3*s));else{for(n=n[0].match(w),o=1;o<n.length&&void 0===n[o];o++);var y=(" "+n[o+1]).slice(1),_=(" "+n[o+2]).slice(1);switch(n[o]){case"#":p.tagList.push(_?[y,_]:[y]);break;case"PLAYLIST-TYPE":l.type=y.toUpperCase();break;case"MEDIA-SEQUENCE":a=l.startSN=parseInt(y);break;case"TARGETDURATION":l.targetduration=parseFloat(y);break;case"VERSION":l.version=parseInt(y);break;case"EXTM3U":break;case"ENDLIST":l.live=!1;break;case"DIS":u++,p.tagList.push(["DIS"]);break;case"DISCONTINUITY-SEQ":u=parseInt(y);break;case"KEY":var g=new T(y),v=g.enumeratedString("METHOD"),m=g.URI,g=g.hexadecimalInteger("IV");v&&(c=new b,m)&&0<=["AES-128","SAMPLE-AES"].indexOf(v)&&(c.method=v,c.baseuri=t,c.reluri=m,c.key=null,c.iv=g);break;case"START":v=new T(y).decimalFloatingPoint("TIME-OFFSET");isNaN(v)||(l.startTimeOffset=v);break;case"MAP":m=new T(y);p.relurl=m.URI,p.rawByteRange=m.BYTERANGE,p.baseurl=t,p.level=r,p.type=i,p.sn="initSegment",l.initSegment=p,p=new S;break;case"PART-INF":g=new T(y);l.partTarget=g.decimalFloatingPoint("PART-TARGET");break;default:console.log("line parsed but not handled: "+n)}}}return(p=d)&&!p.relurl&&(l.fragments.pop(),s-=p.duration),l.totalduration=s,l.averagetargetduration=s/l.fragments.length,l.endSN=a-1,l},e),i.ERROR_REGION_BLOCK=p,t.exports=i},{"../constants":28,"../io":40,"../playerutil":46,"./URLToolkit":37,"./attrlist":38}],40:[function(e,s,t){var h=e("./url");s.exports.get=function(e,t,r,i,n){s.exports.ajax("GET",e,{},t,r,i,n)},s.exports.post=function(e,t,r,i,n,o){var a={"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8",Accept:"application/json"};s.exports.ajax("POST",e,t,r,i,n,o,a)},s.exports.postWithHeader=function(e,t,r,i,n){s.exports.ajax("POST",e,t,i,n,!0,!1,r)},s.exports.ajax=function(e,t,r,i,n,o,a,s){var l,c,u,d;n=n||function(){},"undefined"==typeof XMLHttpRequest&&(window.XMLHttpRequest=function(){try{return new window.ActiveXObject("Msxml2.XMLHTTP.6.0")}catch(e){}try{return new window.ActiveXObject("Msxml2.XMLHTTP.3.0")}catch(e){}try{return new window.ActiveXObject("Msxml2.XMLHTTP")}catch(e){}throw new Error("This browser does not support XMLHttpRequest.")}),c=new XMLHttpRequest,u=h.parseUrl(t),d=window.location,!(u.protocol+u.host!==d.protocol+d.host)||!window.XDomainRequest||"withCredentials"in c?(l="file:"==u.protocol||"file:"==d.protocol,c.onreadystatechange=function(){4===c.readyState&&(200===c.status||l&&0===c.status?i(c.responseText):n(c.responseText,c.status,c))}):((c=new window.XDomainRequest).onload=function(){i(c.responseText)},c.onerror=n,c.onprogress=function(){},c.ontimeout=n);try{if(void 0===o&&(o=!0),c.open(e,t,o),a&&(c.withCredentials=!0),s)for(var p in s)s.hasOwnProperty(p)&&c.setRequestHeader(p,s[p])}catch(e){return void n(e)}try{c.send(r)}catch(e){n(e)}},s.exports.jsonp=function(e,t,r){var i="jsonp_callback_"+Math.round(1e5*Math.random()),n=document.createElement("script");e&&(n.src=e+(0<=e.indexOf("?")?"&":"?")+"callback="+i+"&cb="+i,n.onerror=function(){delete window[i],document.body.removeChild(n),r()},n.onload=function(){setTimeout(function(){window[i]&&(delete window[i],document.body.removeChild(n))},0)},window[i]=function(e){delete window[i],document.body.removeChild(n),t(e)},document.body.appendChild(n))},s.exports.loadJS=function(e,t,r){var i=document.getElementsByTagName("HEAD").item(0),n=document.createElement("script");e&&e.toLowerCase().indexOf("https://")<0&&e.toLowerCase().indexOf("http://")<0&&(e=document.URL.replace(/(\/[^\/]*?)$/i,"")+e),n.type="text/javascript",n.src=e,n.onload=function(){t&&t()},n.onerror=function(){r&&r()},i.appendChild(n)}},{"./url":50}],41:[function(e,t,r){var a=e("./dom");t.exports.render=function(e,t){var r=t.align||(t.className?"":"tl"),i=t.x||0,t=t.y||0,n=i.indexOf&&0<i.indexOf("%")?"":"px",o=t.indexOf&&0<t.indexOf("%")?"":"px";"tl"===r?a.css(e,{float:"left","margin-left":i+n,"margin-top":t+o}):"tr"===r?a.css(e,{float:"right","margin-right":i+n,"margin-top":t+o}):"tlabs"===r?a.css(e,{position:"absolute",left:i+n,top:t+o}):"trabs"===r?a.css(e,{position:"absolute",right:i+n,top:t+o}):"blabs"===r?a.css(e,{position:"absolute",left:i+n,bottom:t+o}):"brabs"===r?a.css(e,{position:"absolute",right:i+n,bottom:t+o}):"cc"===r&&a.addClass(e,"loading-center")}},{"./dom":32}],42:[function(e,a,t){var s=Object.prototype.hasOwnProperty;a.exports.create=Object.create||function(e){function t(){}return t.prototype=e,new t},a.exports.isArray=function(e){return"[object Array]"===Object.prototype.toString.call(arg)},a.exports.isEmpty=function(e){for(var t in e)if(null!==e[t])return!1;return!0},a.exports.each=function(e,t,r){if(a.exports.isArray(e))for(var i=0,n=e.length;i<n&&!1!==t.call(r||this,e[i],i);++i);else for(var o in e)if(s.call(e,o)&&!1===t.call(r||this,o,e[o]))break;return e},a.exports.merge=function(e,t){if(t)for(var r in t)s.call(t,r)&&(e[r]=t[r]);return e},a.exports.deepMerge=function(e,t){var r,i,n;for(r in e=a.exports.copy(e),t)s.call(t,r)&&(i=e[r],n=t[r],a.exports.isPlain(i)&&a.exports.isPlain(n)?e[r]=a.exports.deepMerge(i,n):e[r]=t[r]);return e},a.exports.copy=function(e){return a.exports.merge({},e)},a.exports.isPlain=function(e){return!!e&&"object"==typeof e&&"[object Object]"===e.toString()&&e.constructor===Object},a.exports.isArray=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},a.exports.unescape=function(e){return e.replace(/&([^;]+);/g,function(e,t){return{amp:"&",lt:"<",gt:">",quot:'"',"#x27":"'","#x60":"`"}[t.toLowerCase()]||e})}},{}],43:[function(e,t,r){var n,o=e("./object");(n=function(){}).extend=function(e){var t,r,i=(e=e||{}).init||e.init||this.prototype.init||this.prototype.init||function(){};for(r in(((t=function(){i.apply(this,arguments)}).prototype=o.create(this.prototype)).constructor=t).extend=n.extend,t.create=n.create,e)e.hasOwnProperty(r)&&(t.prototype[r]=e[r]);return t},n.create=function(){var e=o.create(this.prototype);return this.apply(e,arguments),e},t.exports=n},{"./object":42}],44:[function(e,t,r){var i=!new Function("try {return this===window;}catch(e){ return false;}")();t.exports.isSSR=i},{}],45:[function(e,f,t){var y=e("./object"),r=e("../config"),i=e("./dom"),n=e("./cookie"),o=e("./constants"),a=e("../lang/index"),l=e("./ua"),s=e("./io"),_=e("../player/base/plugin/defaultemptycomponent"),c=e("./hardware-decoding-detector"),g={preload:!0,autoplay:!0,useNativeControls:!1,width:"100%",height:"300px",cover:"",from:"",trackLog:!0,logBatched:!0,heartHeatInterval:30,isLive:!1,playsinline:!0,showBarTime:5e3,rePlay:!1,liveRetry:5,liveRetryInterval:1,liveRetryStep:0,keyShortCuts:!1,keyFastForwardStep:10,isVBR:!1,vodRetry:3,format:"",definition:"",defaultDefinition:"",loadDataTimeout:20,waitingTimeout:60,waitingBufferedTime:3,delayLoadingShow:1,controlBarForOver:!1,controlBarVisibility:"hover",enableSystemMenu:!1,qualitySort:"asc",x5_video_position:"normal",x5_type:"",x5_fullscreen:!1,x5_orientation:"landscape|portrait",x5LandscapeAsFullScreen:!0,license:{},autoPlayDelay:0,autoPlayDelayDisplayText:"",useHlsPluginForSafari:!1,enableMSEForAndroid:!0,encryptType:0,language:"zh-cn",languageTexts:{},mediaType:"video",outputType:"",playConfig:{},reAuthInfo:{},components:[],liveTimeShiftUrl:"",liveShiftSource:"",liveShiftTime:"",liveShiftMinOffset:30,videoHeight:"100%",videoWidth:"100%",enableWorker:!0,authTimeout:"",enableMockFullscreen:!1,region:"cn-shanghai",debug:!1,progressMarkers:[],snapshotWatermark:{left:"500",top:"100",text:"",font:"16px \u5b8b\u4f53",fillColor:"#FFFFFF",strokeColor:"#FFFFFF"},liveStartTime:"",liveOverTime:"",enableStashBufferForFlv:!0,stashInitialSizeForFlv:32,flvOption:{accurateSeek:!0},hlsOption:{stopLoadAsPaused:!1},hlsLoadingTimeOut:2e4,useHlsPlugOnMobile:!0,lowLatencyMode:!1,useHls2:void 0,skipRtsSupportCheck:!1,rtsLoadDataTimeout:6e3,rtsFallbackSource:void 0,rtsVersion:"",rtsSdkUrl:"",nudgeMaxRetry:5,tracks:[],recreatePlayer:function(){},diagnosisButtonVisible:!0,enableH265:!1,forceH265:!1,h265Threads:!0,h265Simd:!0,preventRecord:!1,traceId:"",mediaAuth:void 0,textTracks:void 0,_native:!0,hlsUriToken:"",thumbnailUrl:"",refreshAccessInfo:function(){},drmSessionTimeout:5e3,skinRes:"//"+r.domain+"/de/prismplayer-flash/"+r.flashVersion+"/atlas/defaultSkin",splayerUrl:null,splayerWasmDomain:null},u=(f.exports.defaultH5Layout=[{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"H5Loading",align:"cc"},{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"tooltip",align:"blabs",x:0,y:50},{name:"thumbnail"},{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"blabs",x:0,y:44},{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:5},{name:"fullScreenButton",align:"tr",x:10,y:12},{name:"subtitle",align:"tr",x:15,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}]}],f.exports.defaultAudioLayout=[{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"blabs",x:0,y:44},{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:5},{name:"volume",align:"tr",x:5,y:10}]}],f.exports.defaultFlashLayout=[{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"tlabs",x:0,y:0},{name:"playButton",align:"tl",x:15,y:26},{name:"nextButton",align:"tl",x:10,y:26},{name:"timeDisplay",align:"tl",x:10,y:24},{name:"fullScreenButton",align:"tr",x:10,y:25},{name:"streamButton",align:"tr",x:10,y:23},{name:"volume",align:"tr",x:10,y:25}]},{name:"fullControlBar",align:"tlabs",x:0,y:0,children:[{name:"fullTitle",align:"tl",x:25,y:6},{name:"fullNormalScreenButton",align:"tr",x:24,y:13},{name:"fullTimeDisplay",align:"tr",x:10,y:12},{name:"fullZoom",align:"cc"}]}],f.exports.canPlayType=function(e){var t=document.createElement("video");return t.canPlayType?t.canPlayType(e):""},f.exports.canPlayHls=function(){return""!=f.exports.canPlayType("application/x-mpegURL")},f.exports.isUsedHlsPluginOnMobile=function(e){return!!(l.IS_MOBILE&&(l.IS_CHROME||l.IS_FIREFOX||l.IS_X5||l.IS_EDGE_NEW)&&f.exports.isSupportHls())},f.exports.isSafariUsedHlsPlugin=function(e){return!!(l.os.pc&&l.browser.safari&&e)},f.exports.hasUIComponent=function(e,t){if(void 0!==e&&e&&0!=e.length)for(var r=0,i=e.length;r<i;r++){var n=e[r].name;if(n==t)return!0;if("controlBar"==n)return f.exports.hasUIComponent(e[r].children,t)}return!1},f.exports.validateSource=function(e){return!0},f.exports.supportH5Video=function(){return void 0!==document.createElement("video").canPlayType},f.exports.createWrapper=function(e){var t=e.id,t="string"==typeof t?(0===t.indexOf("#")&&(t=t.slice(1)),i.el(t)):t;if(t&&t.nodeName)return f.exports.adjustContainerLayout(t,e),t;throw new TypeError("\u6ca1\u6709\u4e3a\u64ad\u653e\u5668\u6307\u5b9a\u5bb9\u5668")},f.exports.adjustContainerLayout=function(e,t){t.width&&!e.style.width&&(e.style.width=t.width),t.height&&!e.style.height&&(e.style.height=t.height)},f.exports.isSupportHls=function(){var e=window.MediaSource=window.MediaSource||window.WebKitMediaSource,t=window.SourceBuffer=window.SourceBuffer||window.WebKitSourceBuffer,e=e&&"function"==typeof e.isTypeSupported&&e.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"'),t=!t||t.prototype&&"function"==typeof t.prototype.appendBuffer&&"function"==typeof t.prototype.remove;return e&&t},f.exports.isSupportFlv=function(){return f.exports.isSupportHls()},f.exports.isSupportMSE=function(){return!!window.Promise&&!!window.Uint8Array&&!!Array.prototype.forEach&&f.exports.isSupportedMediaSource()},f.exports.isSupportedMediaSource=function(){return!!window.MediaSource&&!!MediaSource.isTypeSupported},f.exports.isSupportedDrm=function(){return!!(window.MediaKeys&&window.navigator&&window.navigator.requestMediaKeySystemAccess&&window.MediaKeySystemAccess&&window.MediaKeySystemAccess.prototype.getConfiguration)&&f.exports.isSupportMSE()},f.exports.isAudio=function(e){return e&&0<e.toLowerCase().indexOf(".mp3")},f.exports.isLiveShift=function(e){return e.isLive&&e.liveStartTime&&e.liveOverTime},f.exports.isHls=function(e){return e&&0<e.toLowerCase().indexOf(".m3u8")},f.exports.isDash=function(e){return e&&0<e.toLowerCase().indexOf(".mpd")},f.exports.isFlv=function(e){return e&&0<e.toLowerCase().indexOf(".flv")},f.exports.isRTMP=function(e){return e&&-1<e.toLowerCase().indexOf("rtmp:")},f.exports.isRts=function(e){return e&&-1<e.toLowerCase().indexOf("artc:")},f.exports.isMp4=function(e){return e&&-1<e.toLowerCase().indexOf(".mp4")},f.exports.checkSecuritSupport=function(){return f.exports.isSupportHls()?"":l.IS_IOS?a.get("iOSNotSupportVodEncription"):a.get("UseChromeForVodEncription")},f.exports.nativeSupportH265=function(){return l.IS_IOS||l.IS_MAC_SAFARI},f.exports.findSelectedStreamLevel=function(e,t){var r=t;if(r||(r=n.get(o.SelectedStreamLevel))){for(var i=0;i<e.length;i++)if(e[i].definition==r)return i}else n.set(o.SelectedStreamLevel,e[0].definition,365);return 0},f.exports.getHistoryDetectResult=function(e,t){if(e)return t="hls"===t,"hvc1"===e?t?n.get(o.HWDetectHvc1Hls):n.get(o.HWDetectHvc1):"hev1"===e?t?n.get(o.HWDetectHev1Hls):n.get(o.HWDetectHev1):void 0},f.exports.setHistoryDetectResult=function(e,t,r){var i="unknownCodec",t="hls"===t;"hvc1"===e?i=t?o.HWDetectHvc1Hls:o.HWDetectHvc1:"hev1"===e&&(i=t?o.HWDetectHev1Hls:o.HWDetectHev1),n.set(i,r)},f.exports.handleOption=function(e,t){f.exports.isRts(e.source)&&(e.isLive=!0);var r,i=y.merge(y.copy(g),e),n=[{name:"fullScreenButton",align:"tr",x:20,y:12},{name:"subtitle",align:"tr",x:15,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}],o=!1;if(e.useFlashPrism||f.exports.isRTMP(e.source)?(o=!0,n=[{name:"liveIco",align:"tlabs",x:15,y:25},{name:"fullScreenButton",align:"tr",x:10,y:25},{name:"volume",align:"tr",x:10,y:25}]):(r=f.exports.isLiveShift(i))?(n.push({name:"liveShiftProgress",align:"tlabs",x:0,y:0}),n.push({name:"playButton",align:"tl",x:15,y:12}),n.push({name:"liveDisplay",align:"tl",x:15,y:6})):n.push({name:"liveDisplay",align:"tlabs",x:15,y:6}),e.isLive)if(void 0===e.skinLayout)i.skinLayout=[{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"tooltip",align:"blabs",x:0,y:56},{name:"H5Loading",align:"cc"},{name:"controlBar",align:"blabs",x:0,y:0,children:f.exports.isRts(e.source)?[{name:"fullScreenButton",align:"tr",x:20,y:12},{name:"volume",align:"tr",x:5,y:10},{name:"liveDisplay",align:"tlabs",x:15,y:6}]:n}];else if(0!=e.skinLayout){for(var a=e.skinLayout.length,s=[],l=-1,c=0;c<a;c++)if("controlBar"==i.skinLayout[c].name){for(var l=c,u=i.skinLayout[c].children.length,d=0;d<u;d++){var p,h=i.skinLayout[c].children[d].name;"liveDisplay"!=h&&"liveIco"!=h&&"fullScreenButton"!=h&&"volume"!=h&&"snapshot"!=h&&"setting"!=h&&"subtitle"!=h&&(!r||"progress"!=h&&"playButton"!=h&&"timeDisplay"!=h)||(p=i.skinLayout[c].children[d],"progress"==h?p.name="liveShiftProgress":"timeDisplay"==h?p.name="liveShiftTimeDisplay":o&&"liveDisplay"==h&&(p.name="liveIco"),s.push(p))}break}-1!=l&&(i.skinLayout[l].children=s)}return(void 0===e.components||!e.components||y.isArray(e.components)&&0==e.components.length)&&"false"!=e.components&&(i.components=[_]),i},f.exports.getLiveHostByRegion=function(e){var t="live.aliyuncs.com";return e&&-1<["ap-southeast-1","eu-central-1"].indexOf(e)?"live."+e+".aliyuncs.com":t},f.exports.isVideoTag=function(e){return e&&"string"==typeof e.nodeName&&"video"===e.nodeName.toLowerCase()},f.exports.unqiueTextTracks=function(e){var t=[],t=(e=void 0===e?[]:e).reduce(function(e,t){var r;return e.some(function(e){return e.srclang===t.srclang})?e:((r=t).label=t.label||t.srclang,[].concat(e,[r]))},[]),r={};return t.forEach(function(e,t){r[e.label]?r[e.label].push(t):r[e.label]=[t]}),Object.keys(r).forEach(function(e){e=r[e]||[];1<e.length&&e.forEach(function(e){t[e].label=t[e].label+"("+t[e].srclang+")"})}),t},f.exports.isHvc1Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("hvc1")},f.exports.isHev1Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("hev1")},f.exports.isH265Codec=function(e){return f.exports.isHvc1Codec(e=void 0===e?"":e)||f.exports.isHev1Codec(e)},f.exports.isH264Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("avc1")},f.exports.getVideoTrack=function(e){var t;return(e=void 0===e?[]:e).forEach(function(e){1===Number(e.type)&&(t=e)}),t},l.IS_ANDROID&&(l.dingTalk()||l.IS_UC||l.is_X5||l.IS_HUAWEI||l.IS_XIAOMI||l.IS_OPPO||l.IS_VIVO||l.IS_MEIZU||l.IS_SAMSUNG||l.IS_WEBVIEW)||l.os&&"windows"===l.os.name&&l.IS_UC);f.exports.shouldUseBasePlayer=function(e,t){var r,i,n,o=e.codecTag,e=e.url,a="supported",s="unsupported";return!o||(n=f.exports.isHvc1Codec(o),r=f.exports.isMp4(e),e=f.exports.isHls(e),r&&f.exports.nativeSupportH265()&&n)||r&&function(){if(!(!u&&(l.IS_CHROME||l.IS_EDGE_NEW)))return!1;var t=0;try{t=l.USER_AGENT.match(/Chrome\/(\d+)/i)[1]}catch(e){t=0}return!(parseInt(t)<104||!window.MediaSource||!window.MediaSource.isTypeSupported('video/mp4;codecs="hvc1.1.6.L120.90"'))}()?t(!0):u?(n=f.exports.getHistoryDetectResult(o,i=e?"hls":"mp4"))===a?t(!0):n===s?t(!1):void c({codecTags:[o],format:i,timeout:2e3}).then(function(e){e=e.isHev1Supported||e.isHvc1Supported;if(f.exports.setHistoryDetectResult(o,i,e?a:s),e)return t(!0);t(!1)}).catch(function(e){console.log("hevcDetector ERROR",e),t(!1)}):t(!1)},f.exports.parseHttpHeaders=function(e){if(e)try{var t=e.getAllResponseHeaders().trim().split(/[\r\n]+/),r={};return t.forEach(function(e){var e=e.split(": "),t=e.shift(),e=e.join(": ");r[t]=e}),r}catch(e){}},f.exports.detectRegionBlock=function(e,i){s.get(e,function(){i(!1)},function(e,t,r){r=f.exports.parseHttpHeaders(r)["x-tengine-error"];403===t&&r&&-1<o.RegionBlockMessages.indexOf(r)?i(!0):i(!1)})}},{"../config":14,"../lang/index":23,"../player/base/plugin/defaultemptycomponent":92,"./constants":28,"./cookie":29,"./dom":32,"./hardware-decoding-detector":36,"./io":40,"./object":42,"./ua":49}],46:[function(e,f,t){var y=e("./object"),r=e("../config"),i=e("./dom"),n=e("./cookie"),o=e("./constants"),a=e("../lang/index"),l=e("./ua"),s=e("./io"),_=e("../player/base/plugin/defaultemptycomponent"),c=e("./hardware-decoding-detector"),g={preload:!0,autoplay:!0,useNativeControls:!1,width:"100%",height:"300px",cover:"",from:"",trackLog:!0,logBatched:!0,heartHeatInterval:30,isLive:!1,playsinline:!0,showBarTime:5e3,rePlay:!1,liveRetry:5,liveRetryInterval:1,liveRetryStep:0,keyShortCuts:!1,keyFastForwardStep:10,isVBR:!1,vodRetry:3,format:"",definition:"",defaultDefinition:"",loadDataTimeout:20,waitingTimeout:60,waitingBufferedTime:3,delayLoadingShow:1,controlBarForOver:!1,controlBarVisibility:"hover",enableSystemMenu:!1,qualitySort:"asc",x5_video_position:"normal",x5_type:"",x5_fullscreen:!1,x5_orientation:"landscape|portrait",x5LandscapeAsFullScreen:!0,license:{},autoPlayDelay:0,autoPlayDelayDisplayText:"",useHlsPluginForSafari:!1,enableMSEForAndroid:!0,encryptType:0,language:"zh-cn",languageTexts:{},mediaType:"video",outputType:"",playConfig:{},reAuthInfo:{},components:[],liveTimeShiftUrl:"",liveShiftSource:"",liveShiftTime:"",liveShiftMinOffset:30,videoHeight:"100%",videoWidth:"100%",enableWorker:!0,authTimeout:"",enableMockFullscreen:!1,region:"cn-shanghai",debug:!1,progressMarkers:[],snapshotWatermark:{left:"500",top:"100",text:"",font:"16px \u5b8b\u4f53",fillColor:"#FFFFFF",strokeColor:"#FFFFFF"},liveStartTime:"",liveOverTime:"",enableStashBufferForFlv:!0,stashInitialSizeForFlv:32,flvOption:{accurateSeek:!0},hlsOption:{stopLoadAsPaused:!1},hlsLoadingTimeOut:2e4,useHlsPlugOnMobile:!0,lowLatencyMode:!1,useHls2:void 0,skipRtsSupportCheck:!1,rtsLoadDataTimeout:6e3,rtsFallbackSource:void 0,rtsVersion:"",rtsSdkUrl:"",nudgeMaxRetry:5,tracks:[],recreatePlayer:function(){},diagnosisButtonVisible:!0,enableH265:!1,forceH265:!1,h265Threads:!0,h265Simd:!0,preventRecord:!1,traceId:"",mediaAuth:void 0,textTracks:void 0,_native:!0,hlsUriToken:"",thumbnailUrl:"",refreshAccessInfo:function(){},drmSessionTimeout:5e3,skinRes:"//"+r.domain+"/de/prismplayer-flash/"+r.flashVersion+"/atlas/defaultSkin",splayerUrl:null,splayerWasmDomain:null},u=(f.exports.defaultH5Layout=[{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"H5Loading",align:"cc"},{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"tooltip",align:"blabs",x:0,y:50},{name:"thumbnail"},{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"blabs",x:0,y:44},{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:5},{name:"fullScreenButton",align:"tr",x:10,y:12},{name:"subtitle",align:"tr",x:15,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}]}],f.exports.defaultAudioLayout=[{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"blabs",x:0,y:44},{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:5},{name:"volume",align:"tr",x:5,y:10}]}],f.exports.defaultFlashLayout=[{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"tlabs",x:0,y:0},{name:"playButton",align:"tl",x:15,y:26},{name:"nextButton",align:"tl",x:10,y:26},{name:"timeDisplay",align:"tl",x:10,y:24},{name:"fullScreenButton",align:"tr",x:10,y:25},{name:"streamButton",align:"tr",x:10,y:23},{name:"volume",align:"tr",x:10,y:25}]},{name:"fullControlBar",align:"tlabs",x:0,y:0,children:[{name:"fullTitle",align:"tl",x:25,y:6},{name:"fullNormalScreenButton",align:"tr",x:24,y:13},{name:"fullTimeDisplay",align:"tr",x:10,y:12},{name:"fullZoom",align:"cc"}]}],f.exports.canPlayType=function(e){var t=document.createElement("video");return t.canPlayType?t.canPlayType(e):""},f.exports.canPlayHls=function(){return""!=f.exports.canPlayType("application/x-mpegURL")},f.exports.isUsedHlsPluginOnMobile=function(e){return!!(l.IS_MOBILE&&(l.IS_CHROME||l.IS_FIREFOX||l.IS_X5||l.IS_EDGE_NEW)&&f.exports.isSupportHls())},f.exports.isSafariUsedHlsPlugin=function(e){return!!(l.os.pc&&l.browser.safari&&e)},f.exports.hasUIComponent=function(e,t){if(void 0!==e&&e&&0!=e.length)for(var r=0,i=e.length;r<i;r++){var n=e[r].name;if(n==t)return!0;if("controlBar"==n)return f.exports.hasUIComponent(e[r].children,t)}return!1},f.exports.validateSource=function(e){return!0},f.exports.supportH5Video=function(){return void 0!==document.createElement("video").canPlayType},f.exports.createWrapper=function(e){var t=e.id,t="string"==typeof t?(0===t.indexOf("#")&&(t=t.slice(1)),i.el(t)):t;if(t&&t.nodeName)return f.exports.adjustContainerLayout(t,e),t;throw new TypeError("\u6ca1\u6709\u4e3a\u64ad\u653e\u5668\u6307\u5b9a\u5bb9\u5668")},f.exports.adjustContainerLayout=function(e,t){t.width&&!e.style.width&&(e.style.width=t.width),t.height&&!e.style.height&&(e.style.height=t.height)},f.exports.isSupportHls=function(){var e=window.MediaSource=window.MediaSource||window.WebKitMediaSource,t=window.SourceBuffer=window.SourceBuffer||window.WebKitSourceBuffer,e=e&&"function"==typeof e.isTypeSupported&&e.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"'),t=!t||t.prototype&&"function"==typeof t.prototype.appendBuffer&&"function"==typeof t.prototype.remove;return e&&t},f.exports.isSupportFlv=function(){return f.exports.isSupportHls()},f.exports.isSupportMSE=function(){return!!window.Promise&&!!window.Uint8Array&&!!Array.prototype.forEach&&f.exports.isSupportedMediaSource()},f.exports.isSupportedMediaSource=function(){return!!window.MediaSource&&!!MediaSource.isTypeSupported},f.exports.isSupportedDrm=function(){return!!(window.MediaKeys&&window.navigator&&window.navigator.requestMediaKeySystemAccess&&window.MediaKeySystemAccess&&window.MediaKeySystemAccess.prototype.getConfiguration)&&f.exports.isSupportMSE()},f.exports.isAudio=function(e){return e&&0<e.toLowerCase().indexOf(".mp3")},f.exports.isLiveShift=function(e){return e.isLive&&e.liveStartTime&&e.liveOverTime},f.exports.isHls=function(e){return e&&0<e.toLowerCase().indexOf(".m3u8")},f.exports.isDash=function(e){return e&&0<e.toLowerCase().indexOf(".mpd")},f.exports.isFlv=function(e){return e&&0<e.toLowerCase().indexOf(".flv")},f.exports.isRTMP=function(e){return e&&-1<e.toLowerCase().indexOf("rtmp:")},f.exports.isRts=function(e){return e&&-1<e.toLowerCase().indexOf("artc:")},f.exports.isMp4=function(e){return e&&-1<e.toLowerCase().indexOf(".mp4")},f.exports.checkSecuritSupport=function(){return f.exports.isSupportHls()?"":l.IS_IOS?a.get("iOSNotSupportVodEncription"):a.get("UseChromeForVodEncription")},f.exports.nativeSupportH265=function(){return l.IS_IOS||l.IS_MAC_SAFARI},f.exports.findSelectedStreamLevel=function(e,t){var r=t;if(r||(r=n.get(o.SelectedStreamLevel))){for(var i=0;i<e.length;i++)if(e[i].definition==r)return i}else n.set(o.SelectedStreamLevel,e[0].definition,365);return 0},f.exports.getHistoryDetectResult=function(e,t){if(e)return t="hls"===t,"hvc1"===e?t?n.get(o.HWDetectHvc1Hls):n.get(o.HWDetectHvc1):"hev1"===e?t?n.get(o.HWDetectHev1Hls):n.get(o.HWDetectHev1):void 0},f.exports.setHistoryDetectResult=function(e,t,r){var i="unknownCodec",t="hls"===t;"hvc1"===e?i=t?o.HWDetectHvc1Hls:o.HWDetectHvc1:"hev1"===e&&(i=t?o.HWDetectHev1Hls:o.HWDetectHev1),n.set(i,r)},f.exports.handleOption=function(e,t){f.exports.isRts(e.source)&&(e.isLive=!0);var r,i=y.merge(y.copy(g),e),n=[{name:"fullScreenButton",align:"tr",x:20,y:12},{name:"subtitle",align:"tr",x:15,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}],o=!1;if(e.useFlashPrism||f.exports.isRTMP(e.source)?(o=!0,n=[{name:"liveIco",align:"tlabs",x:15,y:25},{name:"fullScreenButton",align:"tr",x:10,y:25},{name:"volume",align:"tr",x:10,y:25}]):(r=f.exports.isLiveShift(i))?(n.push({name:"liveShiftProgress",align:"tlabs",x:0,y:0}),n.push({name:"playButton",align:"tl",x:15,y:12}),n.push({name:"liveDisplay",align:"tl",x:15,y:6})):n.push({name:"liveDisplay",align:"tlabs",x:15,y:6}),e.isLive)if(void 0===e.skinLayout)i.skinLayout=[{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"tooltip",align:"blabs",x:0,y:56},{name:"H5Loading",align:"cc"},{name:"controlBar",align:"blabs",x:0,y:0,children:f.exports.isRts(e.source)?[{name:"fullScreenButton",align:"tr",x:20,y:12},{name:"volume",align:"tr",x:5,y:10},{name:"liveDisplay",align:"tlabs",x:15,y:6}]:n}];else if(0!=e.skinLayout){for(var a=e.skinLayout.length,s=[],l=-1,c=0;c<a;c++)if("controlBar"==i.skinLayout[c].name){for(var l=c,u=i.skinLayout[c].children.length,d=0;d<u;d++){var p,h=i.skinLayout[c].children[d].name;"liveDisplay"!=h&&"liveIco"!=h&&"fullScreenButton"!=h&&"volume"!=h&&"snapshot"!=h&&"setting"!=h&&"subtitle"!=h&&(!r||"progress"!=h&&"playButton"!=h&&"timeDisplay"!=h)||(p=i.skinLayout[c].children[d],"progress"==h?p.name="liveShiftProgress":"timeDisplay"==h?p.name="liveShiftTimeDisplay":o&&"liveDisplay"==h&&(p.name="liveIco"),s.push(p))}break}-1!=l&&(i.skinLayout[l].children=s)}return(void 0===e.components||!e.components||y.isArray(e.components)&&0==e.components.length)&&"false"!=e.components&&(i.components=[_]),i},f.exports.getLiveHostByRegion=function(e){var t="live.aliyuncs.com";return e&&-1<["ap-southeast-1","eu-central-1"].indexOf(e)?"live."+e+".aliyuncs.com":t},f.exports.isVideoTag=function(e){return e&&"string"==typeof e.nodeName&&"video"===e.nodeName.toLowerCase()},f.exports.unqiueTextTracks=function(e){var t=[],t=(e=void 0===e?[]:e).reduce(function(e,t){var r;return e.some(function(e){return e.srclang===t.srclang})?e:((r=t).label=t.label||t.srclang,[].concat(e,[r]))},[]),r={};return t.forEach(function(e,t){r[e.label]?r[e.label].push(t):r[e.label]=[t]}),Object.keys(r).forEach(function(e){e=r[e]||[];1<e.length&&e.forEach(function(e){t[e].label=t[e].label+"("+t[e].srclang+")"})}),t},f.exports.isHvc1Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("hvc1")},f.exports.isHev1Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("hev1")},f.exports.isH265Codec=function(e){return f.exports.isHvc1Codec(e=void 0===e?"":e)||f.exports.isHev1Codec(e)},f.exports.isH264Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("avc1")},f.exports.getVideoTrack=function(e){var t;return(e=void 0===e?[]:e).forEach(function(e){1===Number(e.type)&&(t=e)}),t},l.IS_ANDROID&&(l.dingTalk()||l.IS_UC||l.is_X5||l.IS_HUAWEI||l.IS_XIAOMI||l.IS_OPPO||l.IS_VIVO||l.IS_MEIZU||l.IS_SAMSUNG||l.IS_WEBVIEW)||l.os&&"windows"===l.os.name&&l.IS_UC);f.exports.shouldUseBasePlayer=function(e,t){var r,i,n,o=e.codecTag,e=e.url,a="supported",s="unsupported";return!o||(n=f.exports.isHvc1Codec(o),r=f.exports.isMp4(e),e=f.exports.isHls(e),r&&f.exports.nativeSupportH265()&&n)||r&&function(){if(!(!u&&(l.IS_CHROME||l.IS_EDGE_NEW)))return!1;var t=0;try{t=l.USER_AGENT.match(/Chrome\/(\d+)/i)[1]}catch(e){t=0}return!(parseInt(t)<104||!window.MediaSource||!window.MediaSource.isTypeSupported('video/mp4;codecs="hvc1.1.6.L120.90"'))}()?t(!0):u?(n=f.exports.getHistoryDetectResult(o,i=e?"hls":"mp4"))===a?t(!0):n===s?t(!1):void c({codecTags:[o],format:i,timeout:2e3}).then(function(e){e=e.isHev1Supported||e.isHvc1Supported;if(f.exports.setHistoryDetectResult(o,i,e?a:s),e)return t(!0);t(!1)}).catch(function(e){console.log("hevcDetector ERROR",e),t(!1)}):t(!1)},f.exports.parseHttpHeaders=function(e){if(e)try{var t=e.getAllResponseHeaders().trim().split(/[\r\n]+/),r={};return t.forEach(function(e){var e=e.split(": "),t=e.shift(),e=e.join(": ");r[t]=e}),r}catch(e){}},f.exports.detectRegionBlock=function(e,i){s.get(e,function(){i(!1)},function(e,t,r){r=f.exports.parseHttpHeaders(r)["x-tengine-error"];403===t&&r&&-1<o.RegionBlockMessages.indexOf(r)?i(!0):i(!1)})}},{"../config":14,"../lang/index":23,"../player/base/plugin/defaultemptycomponent":92,"./constants":28,"./cookie":29,"./dom":32,"./hardware-decoding-detector":36,"./io":40,"./object":42,"./ua":49}],47:[function(e,a,t){var n=e("./object"),s=e("../player/adaptiveplayer"),l=e("./constants").USER_EVENT_NAME;a.exports.reloadInstance=function(e,t,r){var i=r,n=(i.dispose(),e.readyCallback),o=e._readyCallbackCalled,e=s.create(e,function(e){t(e),o||n(e)});a.exports.restoreUserEvents(r,e),a.exports.removeAllProps(i),(i.__proto__=e)[l]=i[l]},a.exports.storeUserEvents=function(e){var r=e,i=r.__proto__.on,n={};r.on=function(e,t){"function"==typeof t&&(n[e]?n[e].push(t):n[e]=[t],this._el)&&(t.binded=!0,i.call(r,e,t))},r[l]=n},a.exports.restoreUserEvents=function(e,r){var i=e[l];i&&n.each(i,function(t){i[t].forEach(function(e){r.on(t,e)})})},a.exports.removeAllProps=function(e,t){for(var r in t=[].concat(t=t||[],[l]),e)e.hasOwnProperty(r)&&-1===t.indexOf(r)&&delete e[r]}},{"../player/adaptiveplayer":67,"./constants":28,"./object":42}],48:[function(e,t,r){t.exports.set=function(t,r){try{window.localStorage&&localStorage.setItem(t,r)}catch(e){window[t+"_localStorage"]=r}},t.exports.get=function(t){try{if(window.localStorage)return localStorage.getItem(t)}catch(e){return window[t+"_localStorage"]}return""}},{}],49:[function(e,x,t){var r,i,n,o;if(x.exports.USER_AGENT=navigator.userAgent,x.exports.IS_IPHONE=/iPhone/i.test(x.exports.USER_AGENT),x.exports.IS_IPAD=/iPad/i.test(x.exports.USER_AGENT),x.exports.IS_IPOD=/iPod/i.test(x.exports.USER_AGENT),x.exports.IS_MAC=/mac/i.test(x.exports.USER_AGENT),x.exports.IS_EDGE=/Edge/i.test(x.exports.USER_AGENT),x.exports.IS_EDGE_NEW=/Edg/i.test(x.exports.USER_AGENT)&&!x.exports.IS_EDGE,x.exports.IS_IE11=/Trident\/7.0/i.test(x.exports.USER_AGENT),x.exports.IS_X5=/qqbrowser/i.test(x.exports.USER_AGENT.toLowerCase()),x.exports.IS_CHROME=/Chrome/i.test(x.exports.USER_AGENT)&&!x.exports.IS_EDGE&&!x.exports.IS_EDGE_NEW&&!x.exports.IS_X5,x.exports.IS_SAFARI=/Safari/i.test(x.exports.USER_AGENT)&&!x.exports.IS_CHROME&&!x.exports.IS_EDGE_NEW,x.exports.IS_FIREFOX=/Firefox/i.test(x.exports.USER_AGENT),x.exports.IS_UC=/ucweb|UCBrowser|UBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_HUAWEI=/HuaweiBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_XIAOMI=/MiuiBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_OPPO=/HeyTapBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_VIVO=/VivoBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_MEIZU=/MZBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_SAMSUNG=/samsungbrowser/i.test(x.exports.USER_AGENT),document.all)try{var a=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");x.exports.HAS_FLASH=!!a}catch(e){x.exports.HAS_FLASH=!1}else navigator.plugins&&0<navigator.plugins.length?(a=navigator.plugins["Shockwave Flash"],x.exports.HAS_FLASH=!!a):x.exports.HAS_FLASH=!1;x.exports.IS_MAC_SAFARI=x.exports.IS_MAC&&x.exports.IS_SAFARI&&!x.exports.IS_CHROME&&!x.exports.HAS_FLASH,x.exports.IS_IOS=x.exports.IS_IPHONE||x.exports.IS_IPAD||x.exports.IS_IPOD,x.exports.IOS_VERSION=function(){var e=x.exports.USER_AGENT.match(/OS (\d+)_/i);if(e&&e[1])return e[1]}(),x.exports.IS_ANDROID=/Android/i.test(x.exports.USER_AGENT),x.exports.ANDROID_VERSION=(a=x.exports.USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i))?(i=a[1]&&parseFloat(a[1]),r=a[2]&&parseFloat(a[2]),i&&r?parseFloat(a[1]+"."+a[2]):i||null):null,x.exports.IS_OLD_ANDROID=x.exports.IS_ANDROID&&/webkit/i.test(x.exports.USER_AGENT)&&x.exports.ANDROID_VERSION<2.3,x.exports.TOUCH_ENABLED=!!("ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch),x.exports.IS_MOBILE=x.exports.IS_IOS||x.exports.IS_ANDROID,x.exports.IS_H5=x.exports.IS_MOBILE||!x.exports.HAS_FLASH,x.exports.IS_PC=!x.exports.IS_MOBILE,x.exports.is_X5=/micromessenger/i.test(x.exports.USER_AGENT)||/qqbrowser/i.test(x.exports.USER_AGENT),x.exports.IS_ANDROID_FIREFOX=x.exports.IS_ANDROID&&x.exports.IS_FIREFOX,x.exports.CHROME_VERSION=x.exports.IS_CHROME&&x.exports.USER_AGENT.match(/Chrome\/(\d+)/i)[1],x.exports.getHost=function(e){var t,r,i="";return void 0===e||null==e||""==e?"":(t=e.indexOf("//"),r=e,i=r=-1<t?e.substring(t+2):r,(e=(i=(e=r.split("/"))&&0<e.length?e[0]:i).split(":"))&&0<e.length?e[0]:i)},x.exports.dingTalk=function(){var e=x.exports.USER_AGENT.toLowerCase();return/dingtalk/i.test(e)},x.exports.IS_DINGTALK=x.exports.dingTalk(),x.exports.wechat=function(){var e=x.exports.USER_AGENT.toLowerCase();return/micromessenger/i.test(e)},x.exports.inIFrame=function(){return self!=top},x.exports.getReferer=function(){var t=document.referrer;if(x.exports.inIFrame())try{t=top.document.referrer}catch(e){t=document.referrer}return t},x.exports.getHref=function(){location.href;if(x.exports.inIFrame())try{top.location.href}catch(e){location.href}return location.href},x.exports.check360=function(){return-1!=navigator.userAgent.indexOf("Safari")?function(){var e=navigator.userAgent.split(" ");if(-1!=e[e.length-1].indexOf("Safari"))for(var t in navigator.plugins)if("np-mswmp.dll"==navigator.plugins[t].filename)return!0;return!1}():(null==navigator.msPointerEnabled||navigator.msPointerEnabled)&&(1==navigator.msDoNotTrack||1==window.doNotTrack)&&(!!Number(window.screenX)&&window.screenLeft-window.screenX!=8||(-1!=navigator.userAgent.indexOf("MSIE 7.0")||-1!=navigator.userAgent.indexOf("MSIE 8.0"))&&null==console.count)},r=x.exports,function(e,t){var r=this.os={},i=this.browser={},n=e.match(/Web[kK]it[\/]{0,1}([\d.]+)/),o=e.match(/(Android);?[\s\/]+([\d.]+)?/),a=!!e.match(/\(Macintosh\; Intel /),s=e.match(/(iPad).*OS\s([\d_]+)/),l=e.match(/(iPod)(.*OS\s([\d_]+))?/),c=!s&&e.match(/(iPhone\sOS)\s([\d_]+)/),u=e.match(/(webOS|hpwOS)[\s\/]([\d.]+)/),t=/Win\d{2}|Windows/.test(t),d=e.match(/Windows Phone ([\d.]+)/),p=u&&e.match(/TouchPad/),h=e.match(/Kindle\/([\d.]+)/),f=e.match(/Silk\/([\d._]+)/),y=e.match(/(BlackBerry).*Version\/([\d.]+)/),_=e.match(/(BB10).*Version\/([\d.]+)/),g=e.match(/(RIM\sTablet\sOS)\s([\d.]+)/),v=e.match(/PlayBook/),m=e.match(/Chrome\/([\d.]+)/)||e.match(/CriOS\/([\d.]+)/),b=e.match(/Firefox\/([\d.]+)/),S=e.match(/\((?:Mobile|Tablet); rv:([\d.]+)\).*Firefox\/[\d.]+/),T=e.match(/MSIE\s([\d.]+)/)||e.match(/Trident\/[\d](?=[^\?]+).*rv:([0-9.].)/),E=!m&&e.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/),w=E||e.match(/Version\/([\d.]+)([^S](Safari)|[^M]*(Mobile)[^S]*(Safari))/);(i.webkit=!!n)&&(i.version=n[1]),o&&(r.android=!0,r.version=o[2]),c&&!l&&(r.ios=r.iphone=!0,r.version=c[2].replace(/_/g,".")),s&&(r.ios=r.ipad=!0,r.version=s[2].replace(/_/g,".")),l&&(r.ios=r.ipod=!0,r.version=l[3]?l[3].replace(/_/g,"."):null),d&&(r.wp=!0,r.version=d[1]),u&&(r.webos=!0,r.version=u[2]),p&&(r.touchpad=!0),y&&(r.blackberry=!0,r.version=y[2]),_&&(r.bb10=!0,r.version=_[2]),g&&(r.rimtabletos=!0,r.version=g[2]),v&&(i.playbook=!0),h&&(r.kindle=!0,r.version=h[1]),f&&(i.silk=!0,i.version=f[1]),!f&&r.android&&e.match(/Kindle Fire/)&&(i.silk=!0),m&&(i.chrome=!0,i.version=m[1]),b&&(i.firefox=!0,i.version=b[1]),S&&(r.firefoxos=!0,r.version=S[1]),T&&(i.ie=!0,i.version=T[1]),w&&(a||r.ios||t||o)&&(i.safari=!0,r.ios||r.android||(i.version=w[1])),r.ios&&(i.version=r.version),E&&(i.webview=!0),a&&((n=e.match(/[\d]*_[\d]*_[\d]*/))&&0<n.length&&n[0]&&(r.version=n[0].replace(/_/g,".")),/MQBHD/.test(e))&&(i.version=((e.match(/.*OS\s([\d_]+)/)||[])[1]||"").replace(/_/g,".")),r.tablet=!!(s||v||o&&!e.match(/Mobile/)||b&&e.match(/Tablet/)||T&&!e.match(/Phone/)&&e.match(/Touch/)),r.phone=!(r.tablet||r.ipod||!(o||c||u||y||_||m&&e.match(/Android/)||m&&e.match(/CriOS\/([\d.]+)/)||b&&e.match(/Mobile/)||T&&e.match(/Touch/))),r.pc=!r.tablet&&!r.phone,a?r.name="macOS":t?(r.name="windows",r.version=function(){var e=navigator.userAgent,t="";(-1<e.indexOf("Windows NT 5.0")||-1<e.indexOf("Windows 2000"))&&(t="2000");(-1<e.indexOf("Windows NT 5.1")||-1<e.indexOf("Windows XP"))&&(t="XP");(-1<e.indexOf("Windows NT 5.2")||-1<e.indexOf("Windows 2003"))&&(t="2003");(-1<e.indexOf("Windows NT 6.0")||-1<e.indexOf("Windows Vista"))&&(t="Vista");(-1<e.indexOf("Windows NT 6.1")||-1<e.indexOf("Windows 7"))&&(t="7");(-1<e.indexOf("Windows NT 6.2")||-1<e.indexOf("Windows 8"))&&(t="8");(-1<e.indexOf("Windows NT 6.3")||-1<e.indexOf("Windows 8.1"))&&(t="8.1");(-1<e.indexOf("Windows NT 10")||-1<e.indexOf("Windows 10"))&&(t="10");return t}()):r.name=function(){var e=navigator.userAgent,t="other",r=x.exports.os;if(r.ios)return"iOS";if(r.android)return"android";if(-1<e.indexOf("Baiduspider"))return"Baiduspider";if(-1<e.indexOf("PlayStation"))return"PS4";r="Win32"==navigator.platform||"Windows"==navigator.platform||-1<e.indexOf("Windows"),e="Mac68K"==navigator.platform||"MacPPC"==navigator.platform||"Macintosh"==navigator.platform||"MacIntel"==navigator.platform;e&&(t="macOS");"X11"!=navigator.platform||r||e||(t="Unix");-1<String(navigator.platform).indexOf("Linux")&&(t="Linux");if(r)return"windows";return t}(),i.name=(l=navigator.userAgent.toLowerCase(),(d=x.exports.browser).firefox?"Firefox":d.ie?/edge/.test(l)?"Edge":"IE":x.exports.IS_EDGE_NEW?"EdgeChromium":/micromessenger/.test(l)?"\u5fae\u4fe1\u5185\u7f6e\u6d4f\u89c8\u5668":/qqbrowser/.test(l)?"QQ\u6d4f\u89c8\u5668":x.exports.IS_UC?"UC":x.exports.IS_DINGTALK?"Dingtalk":x.exports.IS_HUAWEI?"HuaweiBrowser":x.exports.IS_XIAOMI?"MiBrowser":x.exports.IS_OPPO?"OppoBrowser":x.exports.IS_VIVO?"VivoBrowser":x.exports.IS_MEIZU?"MeizuBrowser":x.exports.IS_SAMSUNG?"SamsungBrowser":x.exports.IS_WEBVIEW||/MQBHD/.test(l)?"webview":d.chrome?"Chrome":d.safari?"Safari":/baiduspider/.test(l)?"Baiduspider":/opera/.test(l)?"Opera":/360se/.test(l)?"360\u6d4f\u89c8\u5668":/bidubrowser/.test(l)?"\u767e\u5ea6\u6d4f\u89c8\u5668":/metasr/.test(l)?"\u641c\u72d7\u6d4f\u89c8\u5668":/lbbrowser/.test(l)?"\u730e\u8c79\u6d4f\u89c8\u5668":/playstation/.test(l)?"PS4\u6d4f\u89c8\u5668":void 0)}.call(r,navigator.userAgent,navigator.platform),x.exports.IS_WEBVIEW=(i=x.exports.USER_AGENT,n=new RegExp("("+["WebView","(iPhone|iPod|iPad)(?!.*Safari)","Android.*(Version).*(wv|.0.0.0)","Linux; U; Android"].join("|")+")","ig"),o=new RegExp("("+["VivoBrowser","MZBrowser","MiuiBrowser"].join("|")+")","ig"),!!i.match(n)&&!i.match(o))},{}],50:[function(e,t,r){var s=e("./dom");t.exports.getAbsoluteURL=function(e){return e=e.match(/^https?:\/\//)?e:s.createEl("div",{innerHTML:'<a href="'+e+'">x</a>'}).firstChild.href},t.exports.parseUrl=function(e){var t,r=["protocol","hostname","port","pathname","search","hash","host"],i=s.createEl("a",{href:e}),n=""===i.host&&"file:"!==i.protocol;n&&((t=s.createEl("div")).innerHTML='<a href="'+e+'"></a>',i=t.firstChild,t.setAttribute("style","display:none; position:absolute;"),document.body.appendChild(t));for(var o={},a=0;a<r.length;a++)o[r[a]]=i[r[a]];return o.segments=i.pathname.replace(/^\//,"").split("/"),n&&document.body.removeChild(t),o}},{"./dom":32}],51:[function(e,r,t){var i=e("./dom"),n=e("./ua"),o=e("./playerutil");r.exports.formatTime=function(e){var t,e=Math.floor(e),r=Math.floor(e/3600);return e%=3600,t=Math.floor(e/60),e=e%60,!(r===1/0||isNaN(r)||t===1/0||isNaN(t)||e==1/0||isNaN(e))&&("00"===(r=10<=r?r:"0"+r)?"":r+":")+(10<=t?t:"0"+t)+":"+(10<=e?e:"0"+e)},r.exports.extractTime=function(e){var t;return e?("00"===(t=10<=(t=parseInt(e.getHours()))?t:"0"+t)?"":t+":")+(t=10<=(t=parseInt(e.getMinutes()))?t:"0"+t)+":"+(t=10<=(t=parseInt(e.getSeconds()))?t:"0"+t):""},r.exports.convertToTimestamp=function(e,t){var r="";return e&&(t?r=e.gettime():(r=Date.parse(e),r/=1e3)),r},r.exports.convertToDate=function(e,t){var r="";return e&&(r=new Date).setTime(1e3*e),r},r.exports.parseTime=function(e){var t,r,i;return e?(i=r=t=0,3===(e=e.split(":")).length?(t=e[0],r=e[1],i=e[2]):2===e.length?(r=e[0],i=e[1]):1===e.length&&(i=e[0]),3600*(t=parseInt(t,10))+60*(r=parseInt(r,10))+(i=Math.ceil(parseFloat(i)))):"00:00:00"},r.exports.formatDate=function(e,t){var r,i={"M+":e.getMonth()+1,"d+":e.getDate(),"H+":e.getHours(),"m+":e.getMinutes(),"s+":e.getSeconds(),"q+":Math.floor((e.getMonth()+3)/3),S:e.getMilliseconds()};for(r in/(y+)/.test(t)&&(t=t.replace(RegExp.$1,(e.getFullYear()+"").substr(4-RegExp.$1.length))),i)new RegExp("("+r+")").test(t)&&(t=t.replace(RegExp.$1,1==RegExp.$1.length?i[r]:("00"+i[r]).substr((""+i[r]).length)));return t},r.exports.sleep=function(e){for(var t=Date.now();Date.now()-t<=e;);},r.exports.htmlEncodeAll=function(e){return null==e?"":e.replace(/\</g,"&lt;").replace(/\>/g,"&gt;").replace(/\&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")},r.exports.toBinary=function(e){if(!window.atob)return"";for(var t=atob(e),r=t.length,i=new Uint8Array(r),n=0;n<r;n++)i[n]=t.charCodeAt(n);return i},r.exports.readyBinary=function(e){for(var t=new Uint8Array(e),r=t.length,i="",n=0;n<r;n++)i+=t[n];return i},r.exports.delayHide=function(e,t){e&&(void 0===t&&(t=1e3),e.delayHanlder&&clearTimeout(e.delayHanlder),e.delayHanlder=setTimeout(function(){i.css(e,"display","none")},t))},r.exports.openInFile=function(){return-1!=window.location.protocol.toLowerCase().indexOf("file")},r.exports.contentProtocolMixed=function(e,t){return!!((n.os.pc&&(o.isHls(e)&&!n.browser.safari||o.isFlv(e))||t)&&"https:"==window.location.protocol.toLowerCase()&&e&&-1<e.toLowerCase().indexOf("http://"))},r.exports.queryString=function(e){var t,r,i;return 2===(e=(e=decodeURIComponent(e)).split("?")).length&&(e=e[1],t=e.split("&"))?(r={},i=0,$(t).each(function(){var e=t[i].split("=");2===e.length&&(r[e[0]]=e[1].replace(/\+/g," ")),i++}),r):{}},r.exports.log=function(e){var t=window.location.href,t=r.exports.queryString(t);t&&1==t.debug&&console.log(e)}},{"./dom":32,"./playerutil":46,"./ua":49}],52:[function(e,t,r){var i,so="undefined"==typeof Promise?e("es6-promise").Promise:Promise;e=this,i=function(){return r={568:function(e,t,r){e=r.nmd(e);var i="__lodash_hash_undefined__",P=9007199254740991,k="[object Arguments]",C="[object Array]",U="[object Boolean]",H="[object Date]",F="[object Error]",B="[object Function]",I="[object Map]",j="[object Number]",L="[object Object]",V="[object Promise]",q="[object RegExp]",A="[object Set]",W="[object String]",n="[object WeakMap]",G="[object ArrayBuffer]",R="[object DataView]",X=/^\[object .+?Constructor\]$/,K=/^(?:0|[1-9]\d*)$/,o={},r=(o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o[k]=o[C]=o[G]=o[U]=o[R]=o[H]=o[F]=o[B]=o[I]=o[j]=o[L]=o[q]=o[A]=o[W]=o[n]=!1,"object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g),a="object"==typeof self&&self&&self.Object===Object&&self,a=r||a||Function("return this")(),t=t&&!t.nodeType&&t,s=t&&e&&!e.nodeType&&e,s=s&&s.exports===t,l=s&&r.process,t=function(){try{return l&&l.binding&&l.binding("util")}catch(e){}}(),r=t&&t.isTypedArray;function z(e){var r=-1,i=Array(e.size);return e.forEach(function(e,t){i[++r]=[t,e]}),i}function $(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r}var Y,Q,t=Array.prototype,c=Function.prototype,u=Object.prototype,d=a["__core-js_shared__"],J=c.toString,D=u.hasOwnProperty,Z=(c=/[^.]+$/.exec(d&&d.keys&&d.keys.IE_PROTO||""))?"Symbol(src)_1."+c:"",ee=u.toString,te=RegExp("^"+J.call(D).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),d=s?a.Buffer:void 0,c=a.Symbol,re=a.Uint8Array,ie=u.propertyIsEnumerable,ne=t.splice,p=c?c.toStringTag:void 0,oe=Object.getOwnPropertySymbols,s=d?d.isBuffer:void 0,t=(Y=Object.keys,Q=Object,E(a,"DataView")),h=E(a,"Map"),d=E(a,"Promise"),f=E(a,"Set"),a=E(a,"WeakMap"),y=E(Object,"create"),ae=w(t),se=w(h),le=w(d),ce=w(f),ue=w(a),c=c?c.prototype:void 0,de=c?c.valueOf:void 0;function _(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}function g(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}function v(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}function m(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new v;++t<r;)this.add(e[t])}function O(e){e=this.__data__=new g(e);this.size=e.size}function pe(e,t){var r,i,n,o=M(e),a=!o&&be(e),s=!o&&!a&&Se(e),l=!o&&!a&&!s&&Pe(e),c=o||a||s||l,u=c?function(e,t){for(var r=-1,i=Array(e);++r<e;)i[r]=t(r);return i}(e.length,String):[],d=u.length;for(r in e)!t&&!D.call(e,r)||c&&("length"==r||s&&("offset"==r||"parent"==r)||l&&("buffer"==r||"byteLength"==r||"byteOffset"==r)||(i=r,(n=null==(n=d)?P:n)&&("number"==typeof i||K.test(i))&&-1<i&&i%1==0&&i<n))||u.push(r);return u}function b(e,t){for(var r=e.length;r--;)if(me(e[r][0],t))return r;return-1}function S(e){{if(null==e)return void 0===e?"[object Undefined]":"[object Null]";if(p&&p in Object(e)){var t=e,r=D.call(t,p),i=t[p];try{var n=!(t[p]=void 0)}catch(t){}var o=ee.call(t);return n&&(r?t[p]=i:delete t[p]),o}return ee.call(e)}}function he(e){return x(e)&&S(e)==k}function fe(e,t,r,i,n){return e===t||(null==e||null==t||!x(e)&&!x(t)?e!=e&&t!=t:function(e,t,r,i,n,o){var a=M(e),s=M(t),l=a?C:N(e),s=s?C:N(t),c=(l=l==k?L:l)==L,u=(s=s==k?L:s)==L,s=l==s;if(s&&Se(e)){if(!Se(t))return!1;c=!(a=!0)}if(s&&!c)return o=o||new O,(a||Pe(e)?_e:function(e,t,r,i,n,o){switch(l){case R:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case G:return!(e.byteLength!=t.byteLength||!n(new re(e),new re(t)));case U:case H:case j:return me(+e,+t);case F:return e.name==t.name&&e.message==t.message;case q:case W:return e==t+"";case I:var a=z;case A:a=a||$;if(e.size!=t.size&&!(1&r))return!1;var s=o.get(e);if(s)return s==t;r|=2,o.set(e,t);s=_e(a(e),a(t),r,i,n,o);return o.delete(e),s;case"[object Symbol]":if(de)return de.call(e)==de.call(t)}return!1})(e,t,r,i,n,o);if(!(1&r)){a=c&&D.call(e,"__wrapped__"),c=u&&D.call(t,"__wrapped__");if(a||c)return n(a?e.value():e,c?t.value():t,r,i,o=o||new O)}if(s){o=o||new O;var d=e,p=t,h=r,f=i,y=n,_=o,g=1&h,v=ge(d),m=v.length;if(m!=ge(p).length&&!g)return!1;for(var b=m;b--;){var S=v[b];if(!(g?S in p:D.call(p,S)))return!1}u=_.get(d);if(u&&_.get(p))return u==p;for(var T=!0,E=(_.set(d,p),_.set(p,d),g);++b<m;){var w,x=d[S=v[b]],P=p[S];if(!(void 0===(w=f?g?f(P,x,S,p,d,_):f(x,P,S,d,p,_):w)?x===P||y(x,P,h,f,_):w)){T=!1;break}E=E||"constructor"==S}return T&&!E&&(u=d.constructor)!=(a=p.constructor)&&"constructor"in d&&"constructor"in p&&!("function"==typeof u&&u instanceof u&&"function"==typeof a&&a instanceof a)&&(T=!1),_.delete(d),_.delete(p),T}return!1}(e,t,r,i,fe,n))}function ye(e){if(t=e&&e.constructor,e!==("function"==typeof t&&t.prototype||u))return Y(Q(e));var t,r,i=[];for(r in Object(e))D.call(e,r)&&"constructor"!=r&&i.push(r);return i}function _e(e,t,r,i,n,o){var a=1&r,s=e.length,l=t.length;if(s!=l&&!(a&&s<l))return!1;l=o.get(e);if(l&&o.get(t))return l==t;var c=-1,u=!0,d=2&r?new m:void 0;for(o.set(e,t),o.set(t,e);++c<s;){var p,h=e[c],f=t[c];if(void 0!==(p=i?a?i(f,h,c,t,e,o):i(h,f,c,e,t,o):p)){if(p)continue;u=!1;break}if(d){if(!function(e,t){for(var r=-1,i=null==e?0:e.length;++r<i;)if(t(e[r],r,e))return 1}(t,function(e,t){return!d.has(t)&&(h===e||n(h,e,r,i,o))&&d.push(t)})){u=!1;break}}else if(h!==f&&!n(h,f,r,i,o)){u=!1;break}}return o.delete(e),o.delete(t),u}function ge(e){var t=ve,r=ke(e);if(M(e))return r;for(var i=r,n=t(e),o=-1,a=n.length,s=i.length;++o<a;)i[s+o]=n[o];return i}function T(e,t){var r,e=e.__data__;return("string"==(r=typeof t)||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==t:null===t)?e["string"==typeof t?"string":"hash"]:e.map}function E(e,t){e=null==e?void 0:e[t];return!we(t=e)||Z&&Z in t||!(Te(t)?te:X).test(w(t))?void 0:e}_.prototype.clear=function(){this.__data__=y?y(null):{},this.size=0},_.prototype.delete=function(e){e=this.has(e)&&delete this.__data__[e];return this.size-=e?1:0,e},_.prototype.get=function(e){var t,r=this.__data__;return y?(t=r[e])===i?void 0:t:D.call(r,e)?r[e]:void 0},_.prototype.has=function(e){var t=this.__data__;return y?void 0!==t[e]:D.call(t,e)},_.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=y&&void 0===t?i:t,this},g.prototype.clear=function(){this.__data__=[],this.size=0},g.prototype.delete=function(e){var t=this.__data__,e=b(t,e);return!(e<0||(e==t.length-1?t.pop():ne.call(t,e,1),--this.size,0))},g.prototype.get=function(e){var t=this.__data__,e=b(t,e);return e<0?void 0:t[e][1]},g.prototype.has=function(e){return-1<b(this.__data__,e)},g.prototype.set=function(e,t){var r=this.__data__,i=b(r,e);return i<0?(++this.size,r.push([e,t])):r[i][1]=t,this},v.prototype.clear=function(){this.size=0,this.__data__={hash:new _,map:new(h||g),string:new _}},v.prototype.delete=function(e){e=T(this,e).delete(e);return this.size-=e?1:0,e},v.prototype.get=function(e){return T(this,e).get(e)},v.prototype.has=function(e){return T(this,e).has(e)},v.prototype.set=function(e,t){var r=T(this,e),i=r.size;return r.set(e,t),this.size+=r.size==i?0:1,this},m.prototype.add=m.prototype.push=function(e){return this.__data__.set(e,i),this},m.prototype.has=function(e){return this.__data__.has(e)},O.prototype.clear=function(){this.__data__=new g,this.size=0},O.prototype.delete=function(e){var t=this.__data__,e=t.delete(e);return this.size=t.size,e},O.prototype.get=function(e){return this.__data__.get(e)},O.prototype.has=function(e){return this.__data__.has(e)},O.prototype.set=function(e,t){var r=this.__data__;if(r instanceof g){var i=r.__data__;if(!h||i.length<199)return i.push([e,t]),this.size=++r.size,this;r=this.__data__=new v(i)}return r.set(e,t),this.size=r.size,this};var ve=oe?function(e){if(null==e)return[];e=Object(e);for(var t=oe(e),r=-1,i=null==t?0:t.length,n=0,o=[];++r<i;){var a=t[r];ie.call(e,a)&&(o[n++]=a)}return o}:function(){return[]},N=S;function w(e){if(null!=e){try{return J.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function me(e,t){return e===t||e!=e&&t!=t}(t&&N(new t(new ArrayBuffer(1)))!=R||h&&N(new h)!=I||d&&N(d.resolve())!=V||f&&N(new f)!=A||a&&N(new a)!=n)&&(N=function(e){var t=S(e),e=t==L?e.constructor:void 0,e=e?w(e):"";if(e)switch(e){case ae:return R;case se:return I;case le:return V;case ce:return A;case ue:return n}return t});var be=he(function(){return arguments}())?he:function(e){return x(e)&&D.call(e,"callee")&&!ie.call(e,"callee")},M=Array.isArray,Se=s||function(){return!1};function Te(e){if(we(e))return(e=S(e))==B||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}function Ee(e){return"number"==typeof e&&-1<e&&e%1==0&&e<=P}function we(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function x(e){return null!=e&&"object"==typeof e}var xe,Pe=r?(xe=r,function(e){return xe(e)}):function(e){return x(e)&&Ee(e.length)&&!!o[S(e)]};function ke(e){return(null!=e&&Ee(e.length)&&!Te(e)?pe:ye)(e)}e.exports=function(e,t){return fe(e,t)}},651:function(e,t,r){e=r.nmd(e);var M="__lodash_hash_undefined__",U=9007199254740991,H="[object Arguments]",F="[object Function]",B="[object Object]",j=/^\[object .+?Constructor\]$/,V=/^(?:0|[1-9]\d*)$/,i={},r=(i["[object Float32Array]"]=i["[object Float64Array]"]=i["[object Int8Array]"]=i["[object Int16Array]"]=i["[object Int32Array]"]=i["[object Uint8Array]"]=i["[object Uint8ClampedArray]"]=i["[object Uint16Array]"]=i["[object Uint32Array]"]=!0,i[H]=i["[object Array]"]=i["[object ArrayBuffer]"]=i["[object Boolean]"]=i["[object DataView]"]=i["[object Date]"]=i["[object Error]"]=i[F]=i["[object Map]"]=i["[object Number]"]=i[B]=i["[object RegExp]"]=i["[object Set]"]=i["[object String]"]=i["[object WeakMap]"]=!1,"object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g),n="object"==typeof self&&self&&self.Object===Object&&self,n=r||n||Function("return this")(),t=t&&!t.nodeType&&t,o=t&&e&&!e.nodeType&&e,t=o&&o.exports===t,a=t&&r.process,r=function(){try{return o&&o.require&&o.require("util").types||a&&a.binding&&a.binding("util")}catch(e){}}(),r=r&&r.isTypedArray;var q,W,G=Array.prototype,s=Function.prototype,l=Object.prototype,c=n["__core-js_shared__"],b=s.toString,S=l.hasOwnProperty,X=(s=/[^.]+$/.exec(c&&c.keys&&c.keys.IE_PROTO||""))?"Symbol(src)_1."+s:"",K=l.toString,z=b.call(Object),$=RegExp("^"+b.call(S).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),c=t?n.Buffer:void 0,s=n.Symbol,Y=n.Uint8Array,Q=(c&&c.allocUnsafe,q=Object.getPrototypeOf,W=Object,function(e){return q(W(e))}),J=Object.create,Z=l.propertyIsEnumerable,ee=G.splice,u=s?s.toStringTag:void 0,d=function(){try{var e=m(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),t=c?c.isBuffer:void 0,te=Math.max,re=Date.now,ie=m(n,"Map"),p=m(Object,"create"),ne=function(e){if(!D(e))return{};if(J)return J(e);h.prototype=e;e=new h;return h.prototype=void 0,e};function h(){}function f(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}function y(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}function _(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}function T(e){e=this.__data__=new y(e);this.size=e.size}function oe(e,t,r){(void 0===r||C(e[t],r))&&(void 0!==r||t in e)||E(e,t,r)}function g(e,t){for(var r=e.length;r--;)if(C(e[r][0],t))return r;return-1}function E(e,t,r){"__proto__"==t&&d?d(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r}f.prototype.clear=function(){this.__data__=p?p(null):{},this.size=0},f.prototype.delete=function(e){e=this.has(e)&&delete this.__data__[e];return this.size-=e?1:0,e},f.prototype.get=function(e){var t,r=this.__data__;return p?(t=r[e])===M?void 0:t:S.call(r,e)?r[e]:void 0},f.prototype.has=function(e){var t=this.__data__;return p?void 0!==t[e]:S.call(t,e)},f.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=p&&void 0===t?M:t,this},y.prototype.clear=function(){this.__data__=[],this.size=0},y.prototype.delete=function(e){var t=this.__data__,e=g(t,e);return!(e<0||(e==t.length-1?t.pop():ee.call(t,e,1),--this.size,0))},y.prototype.get=function(e){var t=this.__data__,e=g(t,e);return e<0?void 0:t[e][1]},y.prototype.has=function(e){return-1<g(this.__data__,e)},y.prototype.set=function(e,t){var r=this.__data__,i=g(r,e);return i<0?(++this.size,r.push([e,t])):r[i][1]=t,this},_.prototype.clear=function(){this.size=0,this.__data__={hash:new f,map:new(ie||y),string:new f}},_.prototype.delete=function(e){e=v(this,e).delete(e);return this.size-=e?1:0,e},_.prototype.get=function(e){return v(this,e).get(e)},_.prototype.has=function(e){return v(this,e).has(e)},_.prototype.set=function(e,t){var r=v(this,e),i=r.size;return r.set(e,t),this.size+=r.size==i?0:1,this},T.prototype.clear=function(){this.__data__=new y,this.size=0},T.prototype.delete=function(e){var t=this.__data__,e=t.delete(e);return this.size=t.size,e},T.prototype.get=function(e){return this.__data__.get(e)},T.prototype.has=function(e){return this.__data__.has(e)},T.prototype.set=function(e,t){var r=this.__data__;if(r instanceof y){var i=r.__data__;if(!ie||i.length<199)return i.push([e,t]),this.size=++r.size,this;r=this.__data__=new _(i)}return r.set(e,t),this.size=r.size,this};var ae=function(e,t,r){for(var i=-1,n=Object(e),o=r(e),a=o.length;a--;){var s=o[++i];if(!1===t(n[s],s,n))break}return e};function w(e){{if(null==e)return void 0===e?"[object Undefined]":"[object Null]";if(u&&u in Object(e)){var t=e,r=S.call(t,u),i=t[u];try{var n=!(t[u]=void 0)}catch(t){}var o=K.call(t);return n&&(r?t[u]=i:delete t[u]),o}return K.call(e)}}function se(e){return O(e)&&w(e)==H}function le(y,_,g,v,m){y!==_&&ae(_,function(e,t){var r,i,n,o,a,s,l,c,u,d,p,h,f;m=m||new T,D(e)?(i=_,o=g,a=le,s=v,l=m,p=x(r=y,n=t),h=x(i,n),(f=l.get(h))||((i=void 0===(f=s?s(p,h,n+"",r,i,l):void 0))&&(c=!(d=L(h))&&pe(h),u=!d&&!c&&ye(h),f=h,d||c||u?f=L(p)?p:O(d=p)&&A(d)?function(e,t){var r=-1,i=e.length;for(t=t||Array(i);++r<i;)t[r]=e[r];return t}(p):c?(i=!1,h.slice()):u?(i=!1,u=new(c=(d=h).buffer).constructor(c.byteLength),new Y(u).set(new Y(c)),new d.constructor(u,d.byteOffset,d.length)):[]:function(e){if(O(e)&&w(e)==B)return null===(e=Q(e))||"function"==typeof(e=S.call(e,"constructor")&&e.constructor)&&e instanceof e&&b.call(e)==z}(h)||I(h)?I(f=p)?f=function(){for(var e,t,r=p,i=_e(p),n=void 0,o=!n,a=(n=n||{},-1),s=i.length;++a<s;){var l=i[a],c=void 0;void 0===c&&(c=r[l]),o?E(n,l,c):(c=c,t=void 0,t=(e=n)[l=l],S.call(e,l)&&C(t,c)&&(void 0!==c||l in e)||E(e,l,c))}return n}():D(p)&&!R(p)||(f="function"!=typeof h.constructor||ue(h)?{}:ne(Q(h))):i=!1),i&&(l.set(h,f),a(f,h,o,s,l),l.delete(h))),oe(r,n,f)):(c=v?v(x(y,t),e,t+"",y,_,m):void 0,oe(y,t,c=void 0===c?e:c))},_e)}function v(e,t){var r,e=e.__data__;return("string"==(r=typeof t)||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==t:null===t)?e["string"==typeof t?"string":"hash"]:e.map}function m(e,t){e=null==e?void 0:e[t];return!D(t=e)||X&&X in t||!(R(t)?$:j).test(function(e){if(null!=e){try{return b.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(t))?void 0:e}function ce(e,t){var r=typeof e;return(t=null==t?U:t)&&("number"==r||"symbol"!=r&&V.test(e))&&-1<e&&e%1==0&&e<t}function ue(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||l)}function x(e,t){if(("constructor"!==t||"function"!=typeof e[t])&&"__proto__"!=t)return e[t]}de=d?function(e,t){return d(e,"toString",{configurable:!0,enumerable:!1,value:(r=t,function(){return r}),writable:!0});var r}:Se,k=P=0;var de,P,k,G=function(){var e=re(),t=16-(e-k);if(k=e,0<t){if(800<=++P)return arguments[0]}else P=0;return de.apply(void 0,arguments)};function C(e,t){return e===t||e!=e&&t!=t}var I=se(function(){return arguments}())?se:function(e){return O(e)&&S.call(e,"callee")&&!Z.call(e,"callee")},L=Array.isArray;function A(e){return null!=e&&he(e.length)&&!R(e)}var pe=t||function(){return!1};function R(e){if(D(e))return(e=w(e))==F||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}function he(e){return"number"==typeof e&&-1<e&&e%1==0&&e<=U}function D(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function O(e){return null!=e&&"object"==typeof e}var fe,ye=r?(fe=r,function(e){return fe(e)}):function(e){return O(e)&&he(e.length)&&!!i[w(e)]};function _e(e){if(A(e)){var t,r=e,i=!0,n=L(r),o=!n&&I(r),a=!n&&!o&&pe(r),s=!n&&!o&&!a&&ye(r),l=n||o||a||s,c=l?function(e,t){for(var r=-1,i=Array(e);++r<e;)i[r]=t(r);return i}(r.length,String):[],u=c.length;for(t in r)!i&&!S.call(r,t)||l&&("length"==t||a&&("offset"==t||"parent"==t)||s&&("buffer"==t||"byteLength"==t||"byteOffset"==t)||ce(t,u))||c.push(t);return c}var d=e;if(D(d)){var p,h=ue(d),f=[];for(p in d)("constructor"!=p||!h&&S.call(d,p))&&f.push(p);return f}var y=[];if(null!=d)for(var _ in Object(d))y.push(_);return y}ge=function(e,t,r){le(e,t,r)};var ge,ve,me,N,be,c=G((me=s=function(e,t){var r=-1,i=t.length,n=1<i?t[i-1]:void 0,o=2<i?t[2]:void 0,n=3<ge.length&&"function"==typeof n?(i--,n):void 0;for(o&&function(e,t,r){var i;if(D(r))return("number"==(i=typeof t)?A(r)&&ce(t,r.length):"string"==i&&t in r)&&C(r[t],e)}(t[0],t[1],o)&&(n=i<3?void 0:n,i=1),e=Object(e);++r<i;){var a=t[r];a&&ge(e,a,r)}return e},be=Se,N=te(void 0===ve?me.length-1:ve,0),function(){for(var e=arguments,t=-1,r=te(e.length-N,0),i=Array(r);++t<r;)i[t]=e[N+t];for(var t=-1,n=Array(N+1);++t<N;)n[t]=e[t];n[N]=be(i);var o=me,a=this,s=n;switch(s.length){case 0:return o.call(a);case 1:return o.call(a,s[0]);case 2:return o.call(a,s[0],s[1]);case 3:return o.call(a,s[0],s[1],s[2])}return o.apply(a,s)}),s+"");function Se(e){return e}e.exports=c},926:function(e){var n=Object.prototype.hasOwnProperty;function o(e){return"[Throws: "+(e?e.message:"?")+"]"}function i(e){var t=[];return function r(i){if(null===i||"object"!=typeof i)return i;if(-1!==t.indexOf(i))return"[Circular]";if(t.push(i),"function"==typeof i.toJSON)try{var e=r(i.toJSON());return t.pop(),e}catch(r){return o(r)}return e=Array.isArray(i)?i.map(r):Object.keys(i).reduce(function(e,t){return e[t]=r(function(e,t){if(n.call(e,t))try{}catch(e){return o(e)}return e[t]}(i,t)),e},{}),t.pop(),e}(e)}e.exports=function(e,t,r){return JSON.stringify(i(e),t,r)},e.exports.ensureProperties=i}},i={},oo.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return oo.d(t,{a:t}),t},oo.d=function(e,t){for(var r in t)oo.o(t,r)&&!oo.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},oo.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),oo.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},oo.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},oo.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},ao={},function(){"use strict";oo.r(ao),oo.d(ao,{AACParser:function(){return M},AvcSPS:function(){return ne},BasicLoader:function(){return Ge},BitBuffer:function(){return d},Box:function(){return f},ByteBuffer:function(){return T},CTrackTypeMap:function(){return de},Demuxer:function(){return no},DiscardType:function(){return Z},EFormatType:function(){return n},EH264NALType:function(){return p},EH265NALType:function(){return w},EHandlerType:function(){return ee},ELoaderStatus:function(){return y},ESampleFlag:function(){return ue},ETSPacketType:function(){return R},ETrackType:function(){return P},ErrorCode:function(){return h},ExpGolomb:function(){return te},FLVParser:function(){return mt},FullBox:function(){return a},H264NAL:function(){return Y},H265NAL:function(){return x},HLSParser:function(){return $n},HevcSPS:function(){return se},Loader:function(){return Ke},LoaderError:function(){return We},MP4Parser:function(){return bn},MPEGTSParser:function(){return Xn}});var M={},U=(oo.r(M),oo.d(M,{AAC_DURATION:function(){return F},AAC_SAMPLING_FREQUENCIES:function(){return H},addADTSHeader:function(){return B},getADTSHeaderLength:function(){return V},getADTSLength:function(){return q},isADTS:function(){return j},readAACSamples:function(){return W}}),{}),T=(oo.r(U),oo.d(U,{Box:function(){return f},avc1:function(){return bt},avcC:function(){return ye},btrt:function(){return Tt},co64:function(){return Vi},ctts:function(){return Bi},dinf:function(){return m},dref:function(){return Et},edts:function(){return m},elst:function(){return Ft},esds:function(){return Jt},ftyp:function(){return Zt},hdlr:function(){return er},hev1:function(){return St},hvc1:function(){return St},hvcC:function(){return we},mdat:function(){return tr},mdhd:function(){return rr},mdia:function(){return m},mfhd:function(){return fr},mfra:function(){return m},minf:function(){return m},moof:function(){return pr},moov:function(){return m},mp4a:function(){return ir},mvex:function(){return yr},mvhd:function(){return nr},pasp:function(){return lr},sdtp:function(){return _r},sidx:function(){return gr},stbl:function(){return m},stco:function(){return ji},stsc:function(){return qi},stsd:function(){return Wi},stss:function(){return Gi},stsz:function(){return Xi},stts:function(){return zi},tfdt:function(){return oi},tfhd:function(){return Li},tkhd:function(){return cr},traf:function(){return hr},trak:function(){return m},trex:function(){return Ni},trun:function(){return Fi},url:function(){return ur},vmhd:function(){return dr}}),r.fromUint8=function(e){return new r(e.buffer,e.byteOffset,e.byteLength)},r.concatUint8s=function(e){return this.concatUint8.apply(this,e)},r.concatUint8=function(){for(var t,r,e=[],i=0;i<arguments.length;i++)e[i]=arguments[i];return e.length<=1?e[0]||new Uint8Array(0):(t=new Uint8Array(e.reduce(function(e,t){return e+t.byteLength},0)),r=0,e.forEach(function(e){t.set(e,r),r+=e.byteLength}),t)},r.concat=function(e,t){return r.concatUint8(new Uint8Array(e),new Uint8Array(t)).buffer},Object.defineProperty(r.prototype,"buffer",{get:function(){return this.dv.buffer},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"unreadLength",{get:function(){return Math.max(this.end-this.offset,0)},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"length",{get:function(){return this.end-this.start},enumerable:!1,configurable:!0}),r.prototype.readFloat=function(e){var t=0;switch(e){case 4:t=this.dv.getFloat32(this.offset);break;case 8:t=this.dv.getFloat64(this.offset);break;default:throw new Error("not supported for read float byte with "+e)}return this.offset+=e,t},r.prototype.back=function(e){this.offset-=e},r.prototype.skip=function(e){this.offset+=e},r.prototype.readInt=function(e){var t=this.offset;switch(this.offset+=e,e){case 1:return this.dv.getInt8(t);case 2:return this.dv.getInt16(t);case 4:return this.dv.getInt32(t);default:throw new Error("not supported for read byte with "+e)}},r.prototype.read=function(e){var t=this.offset;switch(this.offset+=e,e){case 1:return this.dv.getUint8(t);case 2:return this.dv.getUint16(t);case 3:return(this.dv.getUint16(t)<<8)+this.dv.getUint8(t+2);case 4:return this.dv.getUint32(t);default:return this.back(e-4),this.read(e-4)+this.dv.getUint32(t)*Math.pow(256,e-4)}},r.prototype.writeInt=function(e,t){var r=this.offset;switch(this.offset+=e,e){case 1:return this.dv.setInt8(r,t);case 2:return this.dv.setInt16(r,t);case 3:return this.dv.setInt8(r,t>>16),this.dv.setInt16(r+1,65535&t);case 4:return this.dv.setInt32(r,t);default:throw new Error("\u4e0d\u652f\u6301Byte write "+e)}},r.prototype.write=function(e,t){var r=this.offset;switch(this.offset+=e,e){case 1:return this.dv.setUint8(r,t);case 2:return this.dv.setUint16(r,t);case 3:return this.dv.setUint8(r,t>>>16),this.dv.setUint16(r+1,65535&t);case 4:return this.dv.setUint32(r,t);default:throw new Error("\u4e0d\u652f\u6301Byte write "+e)}},r.prototype.readToUint8=function(e){e=new Uint8Array(this.dv.buffer,this.offset,e||this.unreadLength);return this.offset+=e.byteLength,e},r.prototype.readToBuffer=function(e){e=this.offset||e?this.dv.buffer.slice(this.offset,e?this.offset+e:void 0):this.dv.buffer;return this.offset+=e.byteLength,e},r),H=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350],F=1024,B=function(e,t){var r=t.audioObjectType,i=t.sampleRate,n=t.channelCount,t=void 0===(t=t.numberOfRawDataBlocksInFrame)?0:t,o=e.byteLength+7,i=H.indexOf(i),a=new Uint8Array(7);return a[0]=255,a[1]=241,a[2]=r-1<<6,a[2]|=i<<2,a[2]|=(4&n)>>2,a[3]=(3&n)<<6,a[3]|=(6144&o)>>11,a[4]=(2047&o)>>3,a[5]=(7&o)<<5,a[5]|=31,a[6]=252,a[6]|=3&t,T.concatUint8(a,e)},j=function(e,t){return t<e.byteLength-1&&255===e[t]&&240==(246&e[t+1])},V=function(e,t){return 1&e[t+1]?7:9},q=function(e,t){return(3&e[t+3])<<11|e[t+4]<<3|(224&e[t+5])>>>5},W=function(e){for(var t,r,i=[],n=0,o=e.byteLength;n+5<o;)j(e,n)?(t=V(e,n),r=q(e,n),i.push({audioObjectType:1+(e[2]>>>6),sampleRate:H[e[2]>>>2&15],samplingFrequencyIndex:e[2]>>>2&15,channelCount:(1&e[2])<<2|e[3]>>>6,numberOfRawDataBlocksInFrame:0,data:e.subarray(n+t,n+r)}),n+=r):n++;return i},d=(G.fromByte=function(e,t){return new G(e.read(t),t<<3)},G.prototype.skip=function(e){this.offset+=e},G.prototype.read=function(e){var t=this.len-this.offset-e;if(0<=t){for(var r=0,i=0;i<e;i++)r+=1<<i;return this.offset+=e,this.num>>>t&r}return console.warn("bit \u8bfb\u53d6\u4f4d\u6570\u8d85\u8fc7\u9650\u5236"),0},G);function G(e,t){this.num=e,this.len=t,this.offset=0}function r(e,t,r){this.dv=new DataView(e),this.start=this.offset=t||this.dv.byteOffset,this.end=r?this.start+r:this.dv.byteLength}X.createAnnexbStartCode=function(){return new Uint8Array([0,0,0,1])},X.createAVCCStartCode=function(e){return new Uint8Array([e>>24&255,e>>16&255,e>>8&255,255&e])},X.extractAVCCNAL=function(e,t){for(var r,i=[],n=new T(e.buffer,e.byteOffset,e.byteLength);n.unreadLength>t;){if((r=n.read(t+1))<=0||r>n.unreadLength){console.warn("extract avc nalu size wrong! lengthSizeMinusOne:",t,"size:",r);break}var o=n.offset-n.start;i.push(e.subarray(o,o+r)),n.skip(r)}return i},X.extractAnnexbNAL=function(r){for(var e=r.byteLength,i=[],t=0;t<e-3;)0===r[t]?0===r[t+1]?0===r[t+2]?0===r[t+3]?t++:(1===r[t+3]&&t+4<e&&i.push({prefixStart:t,start:t+4}),t+=4):(1===r[t+2]&&i.push({prefixStart:t,start:t+3}),t+=3):t+=2:t++;return i.length?i.map(function(e,t){t=i[t+1];return t?r.subarray(e.start,t.prefixStart):r.subarray(e.start)}):[]};var E=X;function X(){}var K,p;K=function(e,t){return(K=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(e=p=p||{})[e.UNUSED=0]="UNUSED",e[e.NON_IDR_SLICE=1]="NON_IDR_SLICE",e[e.SLICE_DP_A=2]="SLICE_DP_A",e[e.SLICE_DP_B=3]="SLICE_DP_B",e[e.SLICE_DP_C=4]="SLICE_DP_C",e[e.SLICE_IDR=5]="SLICE_IDR",e[e.SEI=6]="SEI",e[e.SPS=7]="SPS",e[e.PPS=8]="PPS",e[e.DIVIDER=9]="DIVIDER",e[e.SEQUENCE_END=10]="SEQUENCE_END",e[e.STREAM_END=11]="STREAM_END",e[e.FILL=12]="FILL";var w,z,$,Y=function(r){function e(e){var t=r.call(this)||this,e=new d(e.read(1),8);return t.forbiddenZeroBit=e.read(1),t.nalRefIdc=e.read(2),t.nalType=e.read(5),t}var t=e,i=r;if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=t}return K(t,i),t.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n),e.extractNALType=function(e){return 31&e[0]},e.isSlice=function(e){e=this.extractNALType(e);return e>=p.NON_IDR_SLICE&&e<=p.SLICE_IDR},e}(E),e=(z=function(e,t){return(z=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}z(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),x=((t=w=w||{})[t.TRAIL_N=0]="TRAIL_N",t[t.TRAIL_R=1]="TRAIL_R",t[t.TSA_N=2]="TSA_N",t[t.TSA_R=3]="TSA_R",t[t.STSA_N=4]="STSA_N",t[t.STSA_R=5]="STSA_R",t[t.RADL_N=6]="RADL_N",t[t.RADL_R=7]="RADL_R",t[t.RASL_N=8]="RASL_N",t[t.RASL_R=9]="RASL_R",t[t.VCL_N10=10]="VCL_N10",t[t.VCL_R11=11]="VCL_R11",t[t.VCL_N12=12]="VCL_N12",t[t.VCL_R13=13]="VCL_R13",t[t.VCL_N14=14]="VCL_N14",t[t.VCL_R15=15]="VCL_R15",t[t.BLA_W_LP=16]="BLA_W_LP",t[t.BLA_W_RADL=17]="BLA_W_RADL",t[t.BLA_N_LP=18]="BLA_N_LP",t[t.IDR_W_RADL=19]="IDR_W_RADL",t[t.IDR_N_LP=20]="IDR_N_LP",t[t.CRA=21]="CRA",t[t.VPS=32]="VPS",t[t.SPS=33]="SPS",t[t.PPS=34]="PPS",t[t.ACCESS_UNIT_DELIMITER=35]="ACCESS_UNIT_DELIMITER",t[t.EOS=36]="EOS",t[t.EOB=37]="EOB",t[t.FILLER_DATA=38]="FILLER_DATA",t[t.SEI=39]="SEI",t[t.SEI_SUFFIX=40]="SEI_SUFFIX",t[t.INVALID=64]="INVALID",e(i,$=E),i.extractNALType=function(e,t){return(126&e[t=void 0===t?0:t])>>1},i.isNonRefNALType=function(e){switch(e){case w.TRAIL_N:case w.STSA_N:case w.RADL_N:case w.RASL_N:case w.VCL_N10:case w.VCL_N12:case w.VCL_N14:return!0;default:return!1}},i.isNonRef=function(e){return this.isNonRefNALType(this.extractNALType(e))},i.isSlice=function(e){e=this.extractNALType(e);return e>=w.TRAIL_N&&e<=w.CRA},i.littleEndian=function(){var e=new ArrayBuffer(2);return new DataView(e).setInt16(0,256,!0),256===new Int16Array(e)[0]},i.parseHVCVideoData=function(e,t){for(var r=e.byteLength,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n=[],o=0,a=0+t,s=this.littleEndian,l=!1;o<r;){if(r<=o+4){console.warn("parseHVCVideoData Malformed Nalu near timestamp "+a+", offset = "+o+", dataSize = "+r);break}var c=i.getUint32(o,!s);if(r-4<c)return void console.warn("parseHVCVideoData Malformed Nalus near timestamp "+a+", NaluSize > DataSize!");var u=i.getUint8(o+4)>>1&63,d=(16<=u&&u<=23&&(l=!0),0+o+4),u={type:u,data:e.subarray(d,d+c)};n.push(u),o+=4+c}return{keyframe:l,units:n}},i),t=oo(568),Q=oo.n(t);function i(e){var t=$.call(this)||this,e=new d(e.read(2),16);return t.forbiddenZeroBit=e.read(1),t.nalType=e.read(6),t.nhLayerId=e.read(6),t.nhTimeId=e.read(3),t}function J(t,r){var i=!1;return Object.keys(r).forEach(function(e){Q()(t[e],r[e])||(t[e]=r[e],i=!0)}),i}o.prototype.loadWord=function(){var e=this.data,t=this.bytesAvailable,r=e.byteLength-t,i=new Uint8Array(4),t=Math.min(4,t);if(0===t)throw new Error("no bytes available");i.set(e.subarray(r,r+t)),this.word=new DataView(i.buffer).getUint32(0),this.bitsAvailable=8*t,this.bytesAvailable-=t},o.prototype.skipBits=function(e){var t;this.bitsAvailable>e||(e=(e-=this.bitsAvailable)-((t=e>>3)<<3),this.bytesAvailable-=t,this.loadWord()),this.word<<=e,this.bitsAvailable-=e},o.prototype.readBits=function(e){var t=Math.min(this.bitsAvailable,e),r=this.word>>>32-t;return 32<e&&console.error("Cannot read more than 32 bits at a time"),this.bitsAvailable-=t,0<this.bitsAvailable?this.word<<=t:0<this.bytesAvailable&&this.loadWord(),0<(t=e-t)&&this.bitsAvailable?r<<t|this.readBits(t):r},o.prototype.skipLZ=function(){for(var e=0;e<this.bitsAvailable;++e)if(0!=(this.word&2147483648>>>e))return this.word<<=e,this.bitsAvailable-=e,e;return this.loadWord(),e+this.skipLZ()},o.prototype.skipUEG=function(){this.skipBits(1+this.skipLZ())},o.prototype.skipEG=function(){this.skipBits(1+this.skipLZ())},o.prototype.readUEG=function(){var e=this.skipLZ();return this.readBits(e+1)-1},o.prototype.readEG=function(){var e=this.readUEG();return 1&e?1+e>>>1:-1*(e>>>1)},o.prototype.readUByte=function(){return this.readBits(8)},o.prototype.readUShort=function(){return this.readBits(16)},o.prototype.readUInt=function(){return this.readBits(32)},o.prototype.skipScalingList=function(e){for(var t=8,r=8,i=0;i<e;i++)t=0===(r=0!==r?(t+this.readEG()+256)%256:r)?t:r};var Z,h,ee,n,P,te=o,re=[100,110,122,244,44,83,86,118,128,138,144],ie=[[0,1],[1,1],[12,11],[10,11],[16,11],[40,33],[24,11],[20,11],[32,11],[80,33],[18,11],[15,11],[64,33],[160,99],[4,3],[3,2],[2,1]],ne=(ce.generateCodec=function(e){return"avc1."+[e.generalProfileIdc,e.generalProfileCompatibility,e.generalLevelIdc].map(function(e){return(e=e.toString(16)).length<2?"0"+e:e}).join("")},ce),oe=[1,2,2,1],ae=[1,2,1,1],se=(le.generateCodec=function(e){var t=["hvc1"],r=e.generalProfileSpace;t.push((0<r&&r<4?String.fromCharCode(64+r):"")+e.generalProfileIdc.toString()),t.push(e.generalProfileCompatibilityFlags.reverse().reduce(function(e,t){return e<<1|t},0).toString(16)),t.push((e.generalTierFlag?"H":"L")+e.generalLevelIdc);for(var i=!1,n=[],o=5;0<=o;o--){var a=e.generalConstraintIndicatorFlags[o];(a||i)&&(n.unshift(a.toString(16)),i=!0)}return t.concat(n).join(".")},le);function le(e){var t=this;this.generalProfileSpace=0,this.generalTierFlag=0,this.generalProfileIdc=0,this.generalProfileCompatibilityFlags=[],this.generalConstraintIndicatorFlags=[],this.subLayerProfilePresentFlags=[],this.subLayerLevelPresentFlags=[],this.separateColourPlaneFlag=0,this.pixelRatio=[],this.codec="",this.checkProfileIdc=function(e){return t.generalProfileIdc===e||t.generalProfileCompatibilityFlags[e]};var r,i,n,o,a=new te(e);for(this.vpsId=a.readBits(4),this.maxSubLayersMinus1=a.readBits(3),this.temporalIdNestingFlag=a.readBits(1),this.generalProfileSpace=a.readBits(2),this.generalTierFlag=a.readBits(1),this.generalProfileIdc=a.readBits(5),r=0;r<32;r++)this.generalProfileCompatibilityFlags[r]=a.readBits(1),0===this.generalProfileIdc&&0<r&&this.generalProfileCompatibilityFlags[r]&&(this.generalProfileIdc=r);for(r=0;r<6;r++)this.generalConstraintIndicatorFlags.push(a.readUByte());for(this.generalLevelIdc=a.readUByte(),r=0;r<this.maxSubLayersMinus1;r++)this.subLayerProfilePresentFlags[r]=a.readBits(1),this.subLayerLevelPresentFlags[r]=a.readBits(1);for(0<this.maxSubLayersMinus1&&a.skipBits(2*(8-this.maxSubLayersMinus1)),r=0;r<this.maxSubLayersMinus1;r++)this.subLayerProfilePresentFlags[r]&&a.skipBits(48),this.subLayerLevelPresentFlags[r]&&a.readUByte();this.spsId=a.readUEG(),this.codec=le.generateCodec(this),this.chromaFormatIdc=a.readUEG(),3===this.chromaFormatIdc&&(this.separateColourPlaneFlag=a.readBits(1)),this.separateColourPlaneFlag&&(this.chromaFormatIdc=0),this.width=a.readUEG(),this.height=a.readUEG(),a.readBits(1)&&(e=oe[this.chromaFormatIdc],o=ae[this.chromaFormatIdc],i=a.readUEG()*e,e=a.readUEG()*e,n=a.readUEG()*o,o=a.readUEG()*o,this.width-=i+e,this.height-=n+o)}function ce(e){this.generalProfileSpace=0,this.generalTierFlag=0,this.generalProfileIdc=0,this.generalProfileCompatibility=0,this.crop=0,this.cropLeft=0,this.cropRight=0,this.cropTop=0,this.cropBottom=0,this.pixelRatio=[],this.codec="";var t,r,i=new te(e);if(this.generalProfileIdc=i.readUByte(),this.generalProfileCompatibility=i.readUByte(),this.generalLevelIdc=i.readUByte(),this.spsId=i.readUEG(),this.codec=ce.generateCodec(this),-1<re.indexOf(this.generalProfileIdc)){if(this.chromaFormatIdc=i.readUEG(),3===this.chromaFormatIdc&&i.skipBits(1),i.skipUEG(),i.skipUEG(),i.skipBits(1),i.readBits(1))for(t=0,r=3===this.chromaFormatIdc?8:12;t<r;t++)i.readBits(1)&&(t<6?i.skipScalingList(16):i.skipScalingList(64))}else this.chromaFormatIdc=1;i.skipUEG();e=i.readUEG();if(0===e)i.skipUEG();else if(1===e)for(i.skipBits(1),i.skipEG(),i.skipEG(),t=0,r=i.readUEG();t<r;t++)i.skipEG();i.skipUEG(),i.skipBits(1);var n,e=i.readUEG()+1,o=i.readUEG()+1,a=i.readBits(1);a||i.skipBits(1),this.height=o*(2-a),i.skipBits(1),this.crop=i.readBits(1),this.crop&&(n=1<<(1===this.chromaFormatIdc||2===this.chromaFormatIdc?1:0),a=2-a<<(1===this.chromaFormatIdc?1:0),this.cropLeft=i.readUEG()*n,this.cropRight=i.readUEG()*n,this.cropTop=i.readUEG()*a,this.cropBottom=i.readUEG()*a),this.width=16*e-(this.cropRight+this.cropLeft),this.height=16*o-(this.cropTop+this.cropBottom),i.readBits(1)&&i.readBits(1)&&(255===(n=i.readUByte())?(this.pixelRatio[0]=i.readUByte()<<8|i.readUByte(),this.pixelRatio[1]=i.readUByte()<<8|i.readUByte()):n<ie.length&&(this.pixelRatio=ie[n]))}function o(e){this.data=e,this.bytesAvailable=e.byteLength,this.word=0,this.bitsAvailable=0}(e=Z=Z||{})[e.NONE=-16]="NONE",e[e.DEFAULT=0]="DEFAULT",e[e.NONREF=8]="NONREF",e[e.BIDIR=16]="BIDIR",e[e.NONINTRA=24]="NONINTRA",e[e.NONKEY=32]="NONKEY",e[e.ALL=48]="ALL",(t=h=h||{})[t.ABORTED=1]="ABORTED",t[t.NETWORK=2]="NETWORK",t[t.DECODE=3]="DECODE",t[t.SRC_NOT_SUPPORTED=4]="SRC_NOT_SUPPORTED",t[t.PARSER=1001]="PARSER",t[t.COROUTINE=10001]="COROUTINE",t[t.WEBGL_NOT_SUPPORTED=10002]="WEBGL_NOT_SUPPORTED",t[t.BUFFERING=10004]="BUFFERING",t[t.RENDERER=10005]="RENDERER",(e=ee=ee||{}).VIDE="vide",e.SOUN="soun",(t=n=n||{})[t.FLV=0]="FLV",t[t.MP4=1]="MP4",t[t.HLS=2]="HLS",t[t.MPEGTS=3]="MPEGTS",t[t.UNKNOWN=4]="UNKNOWN",(e=P=P||{})[e.UNKNOWN=0]="UNKNOWN",e[e.VIDEO=1]="VIDEO",e[e.AUDIO=2]="AUDIO";(t={})[ee.VIDE]=P.VIDEO,t[ee.SOUN]=P.AUDIO;var ue,de=t;(e=ue=ue||{})[e.DEGRADATION_PRIORITY_MASK=65535]="DEGRADATION_PRIORITY_MASK",e[e.IS_NON_SYNC=65536]="IS_NON_SYNC",e[e.PADDING_MASK=917504]="PADDING_MASK",e[e.REDUNDANCY_MASK=3145728]="REDUNDANCY_MASK",e[e.DEPENDED_MASK=12582912]="DEPENDED_MASK",e[e.DEPENDS_MASK=50331648]="DEPENDS_MASK",e[e.DEPENDS_NO=33554432]="DEPENDS_NO",e[e.DEPENDS_YES=16777216]="DEPENDS_YES";function pe(e,t){var r=e.offset;this.start=t,this.size=e.read(4),this.type=String.fromCharCode(e.read(1),e.read(1),e.read(1),e.read(1)).trim(),1===this.size&&(this.size=e.read(8)),this.length=e.offset-r}Ee=function(e,t){return(Ee=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var u,t=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ee(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)},he=function(){return(he=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},fe=new Date("1904-01-01T00:00:00Z").getTime(),f=(Le.prototype.append=function(e){this.children.push(e)},Le.mapBoxToJSON=function(e){return he({box:e},e.children.reduce(function(e,t){var r=t.header.type,i=e[r],t=Le.mapBoxToJSON(t);return i?Array.isArray(i)?i.push(t):e[r]=[i,t]:e[r]=t,e},{}))},Le),a=(t(Ie,Te=f),Ie);Se=function(e,t){return(Se=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Se(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Ce,be=f);var ye=Ce;me=function(e,t){return(me=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};function _e(e){for(var t=e.byteLength,r=[],i=1;i<t-2;)0===e[i]&&0===e[i+1]&&3===e[i+2]?r.push(i+=2):i++;if(0===r.length)return e;for(var n=t-r.length,o=new Uint8Array(n),a=0,i=0;i<n;a++,i++)a===r[0]&&(a++,r.shift()),o[i]=e[a];return o}function ge(e){return e<10?"0"+e:e}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}me(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ke,ve=f);var ve,me,be,Se,Te,Ee,we=ke,e=oo(926),xe=oo.n(e),Pe="undefined"!=typeof performance&&"function"==typeof performance.now;function ke(e,t){var r,i=ve.call(this,e,t)||this;i.nalus=[],i.vps=[],i.sps=[],i.pps=[],i.sei=[],i.configVersion=t.read(1),r=new d(t.read(1),8),i.generalProfileSpace=r.read(2),i.generalTierFlag=r.read(1),i.generalProfileIdc=r.read(5),r=new d(t.read(4),32),i.generalProfileCompatibilityFlags=Array.from(new Array(32)).map(function(){return r.read(1)}),i.generalConstraintIndicatorFlags=Array.from(new Array(6)).map(function(){return t.read(1)}),i.generalLevelIdc=t.read(1),i.minSpatialSegmentationIdc=4095&t.read(2),i.parallelismType=3&t.read(1),i.chromaFormatIdc=3&t.read(1),i.bitDepthLumaMinus8=7&t.read(1),i.bitDepthChromaMinus8=7&t.read(1),i.avgFrameRate=t.read(2),r=new d(t.read(1),8),i.constantFrameRate=r.read(2),i.numTemporalLayers=r.read(3),i.temporalIdNested=r.read(1),i.lengthSizeMinusOne=r.read(2),i.nalus=[];for(var n=t.read(1),o=0;o<n;o++){var a=[],s=(r=new d(t.read(1),8)).read(1);r.read(1);for(var l=r.read(6),c=t.read(2),u=0;u<c;u++)a.push(new Uint8Array(t.read(2)).map(function(){return t.read(1)}));i.nalus.push({completeness:s,type:l,data:a}),l===w.VPS?a.forEach(function(e){return i.vps.push(e)}):l===w.SPS?a.forEach(function(e){return i.sps.push(e)}):l===w.PPS?a.forEach(function(e){return i.pps.push(e)}):l===w.SEI&&a.forEach(function(e){return i.sei.push(e)})}return i.codec=se.generateCodec(i),i}function Ce(e,t){var r=be.call(this,e,t)||this;r.sps=[],r.pps=[],r.configVersion=t.read(1),r.generalProfileIdc=t.read(1),r.generalProfileCompatibility=t.read(1),r.generalLevelIdc=t.read(1),r.lengthSizeMinusOne=3&t.read(1),r.numOfSequenceParameterSets=31&t.read(1);for(var i,n=0,o=[],n=0;n<r.numOfSequenceParameterSets;n++){for(i=t.read(2),o=[];i--;)o.push(t.read(1));r.sps.push(new Uint8Array(o))}for(r.numOfPictureParameterSets=31&t.read(1),n=0;n<r.numOfPictureParameterSets;n++){for(i=t.read(2),o=[];i--;)o.push(t.read(1));r.pps.push(new Uint8Array(o))}return r.codec=ne.generateCodec(r),r}function Ie(e,t){e=Te.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e}function Le(e,t){this.children=[],this.isContainer=!1,this.toStandardTime=function(e){return e&&fe+1e3*e},this.header=e}function Ae(){return(Pe?performance:Date).now()}(t=u=u||{})[t.TRACE=-1]="TRACE",t[t.DEBUG=0]="DEBUG",t[t.LOG=1]="LOG",t[t.INFO=2]="INFO",t[t.WARN=10]="WARN",t[t.ERROR=11]="ERROR",t[t.NONE=1e3]="NONE";var Re=u.INFO,De=u.ERROR,Oe=2e3,Ne=Ae(),Me=[],Ue=0,t=((e=He.prototype)._print=function(e,t){var r,i,n,o,a,s,l,c;Re<=e&&(r=Ae()-Ne,n="["+u[e]+"]["+this.name+"]["+(i=r,void 0===(n=!0)&&(n=!0),c=Math.floor(i/1e3),n=void 0!==n&&n,(o=c)===1/0?o:(s=Math.floor(o/60),s-=60*(a=Math.floor(s/60)),o=Math.floor(o-60*(60*a+s)),l=[],(n||0<a)&&l.push(ge(a)),l.push(ge(s)),l.push(ge(o)),l.join(":")))+"."+Math.floor(1e3*(i-1e3*c))+"]",Me.push({id:Ue++,level:e,name:this.name,timestamp:r,args:t,prefix:n,message:""}),Me.length>Oe&&Me.shift(),De<=e)&&(a=(u[e]||"").toLowerCase(),s=console[a])&&s.apply(void 0,[n].concat(t))},e.getLogs=function(){return Me.map(function(e){return e.message=e.prefix+" "+e.args.map(function(e){return"string"==typeof e?e:xe()(e)}).join(" "),e})},e.clear=function(){Me=[]},e.setSize=function(e){Oe=e},e.setLevel=function(e){Re=e},e.setPrintLevel=function(e){De=e},e.reset=function(){Re=u.INFO,De=u.ERROR,Oe=2e3,Ne=Ae(),Me=[],Ue=0},He);function He(e){var i=this;this.trace=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.TRACE,t)},this.debug=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.DEBUG,t)},this.log=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.LOG,t)},this.info=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.INFO,t)},this.warn=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.WARN,t)},this.error=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.ERROR,t)},this.name=e}t.LogLevel=u;function Fe(){var o=this;this._eventMap={},this.listeners=function(e){return o._eventMap[e]||[]},this.emit=function(e,t){e=o._eventMap[e];return!!Array.isArray(e)&&(e.forEach(function(e){return e(t)}),!0)},this.off=function(e,t){var r=o._eventMap[e];return Array.isArray(r)&&(o._eventMap[e]=r.filter(function(e){return e!==t})),o},this.removeAllListeners=function(e){return void 0===e?o._eventMap={}:o._eventMap[e]&&(o._eventMap[e]=[]),o},this.on=function(e,t){return o._eventMap[e]?o._eventMap[e].push(t):o._eventMap[e]=[t],o},this.once=function(i,n){return o.on(i,function e(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];o.off(i,e),n.apply(o,t)}),o},this.proxy=function(i,e){e.forEach(function(r){o.on(r,function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];e.unshift(r),i.emit.apply(i,e)})})},this.proxyOnce=function(i,e){e.forEach(function(r){o.once(r,function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];e.unshift(r),i.emit.apply(i,e)})})}}var y,Be,je,Ve,qe,k=new t("demuxer"),e=(Be=function(e,t){return(Be=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Be(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),We=((t=y=y||{})[t.IDLE=0]="IDLE",t[t.LOADING=1]="LOADING",t[t.SUSPENGING=2]="SUSPENGING",t[t.ERROR=3]="ERROR",Ve=Error,e(Xe,Ve),Xe),Ge=(e(l,je=Fe),Object.defineProperty(l.prototype,"eof",{get:function(){return this.offset===this.total},enumerable:!1,configurable:!0}),l.prototype._changeStatus=function(e){this.status!==e&&(k.log("loader status changed: ".concat(y[this.status]," -> ").concat(y[e])),this.status=e)},l.prototype.jump=function(e){this.offset=e},l.prototype.load=function(e,t,r){return this.reset(),this.url=e,this.loadRange(t,r)},l.prototype.resume=function(){return this.loadRange(this.offset)},l.prototype.suspend=function(){var e=this.status;this._abort(),e===y.LOADING&&(this._changeStatus(y.SUSPENGING),this.emit("suspend",void 0))},l.prototype.abort=function(){var e=this.status;this._abort(),e!==y.SUSPENGING&&e!==y.LOADING||this.emit("abort",void 0)},l.prototype.reset=function(){this.abort(),this.offset=0,this.total=1/0,this.url=""},l.prototype.destroy=function(){this.removeAllListeners(),this.reset()},l),s={isIos:!1,isDingtalk:!1,isQQBrowser:!1},t=(window.navigator.userAgent||"").toLowerCase();function l(e){void 0===e&&(e={});var t=je.call(this)||this;return t.timeout=15e3,t.total=1/0,t.offset=0,t.status=y.IDLE,t.url="",t._handleError=function(e){"AbortError"!==e.name&&(t._changeStatus(y.ERROR),t.emit("error",{code:h.NETWORK,message:e.message,origin:e}))},t.timeout=e.timeout||t.timeout,t}function Xe(e){return Ve.call(this,e)||this}/(iPhone\sOS)\s([\d_]+)/i.test(t)&&(s.isIos=!0),-1<t.indexOf("dingtalk")?s.isDingtalk=!0:-1<t.indexOf("qqbrowser")&&(s.isQQBrowser=!0),Ze=function(e,t){return(Ze=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ze(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(it,Je=Ge),it.isSupported=function(){return s.isIos&&(s.isDingtalk||s.isQQBrowser)?(console.log("ios","isDingtalk",s.isDingtalk,"isQQBrowser",s.isQQBrowser),!1):"undefined"!=typeof AbortController&&"undefined"!=typeof ReadableStream},it.prototype.loadRange=function(i,e){var n=this;if(void 0===i&&(i=0),void 0===e&&(e=1/0),!this.url||i>=this.total)return so.resolve(!1);if(this.status===y.LOADING||this.status===y.ERROR)return so.resolve(!1);k.info("\u6267\u884cload, from=".concat(i," to=").concat(e," url=").concat(this.url)),this.abort();var t=new Headers,o=0<i||e<1/0;return o&&(e=Math.min(this.total-1,e),t.set("Range","bytes=".concat(i,"-").concat(e===1/0?"":e))),this._changeStatus(y.LOADING),this.controller=new AbortController,this.emit("loadstart",void 0),this.timer=setTimeout(this.triggerTimeout,this.timeout),fetch(this.url,{method:"GET",headers:t,signal:this.controller.signal}).then(function(e){if(clearTimeout(n.timer),200<=e.status&&e.status<300){var r;if(n.offset=i,o?(t=e.headers.get("Content-Range")||"",n.total=Number(t.split("/")[1])):n.total=Number(e.headers.get("Content-Length")||""),e.body)return r=e.body.getReader(),function t(){return r.read().then(function(e){return e.done?(n.total=n.total||n.offset,n.controller=null,n._changeStatus(y.IDLE),n.emit("loadend",void 0),!0):(n.offset+=e.value.byteLength,n.emit("progress",{offset:n.offset-e.value.byteLength,data:e.value}),t())})}();if(e.arrayBuffer)return e.arrayBuffer().then(function(e){return n.offset+=e.byteLength,n.emit("progress",{offset:n.offset-e.byteLength,data:new Uint8Array(e)}),n.controller=null,n._changeStatus(y.IDLE),n.emit("loadend",void 0),!0})}var t=new We("\u5a92\u4f53\u6d41\u6570\u636e\u4e0d\u5b58\u5728: ".concat(n.url));throw t.response=e,t}).catch(function(e){return clearTimeout(n.timer),n._handleError(e),!1})};e=it;Qe=function(e,t){return(Qe=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Qe(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(rt,Ye=Ge),rt.prototype._abort=function(){var e=this.xhr;e&&(e.onerror=null,e.onprogress=null,e.onloadend=null,e.onreadystatechange=null,e.abort(),this.xhr=null,this._resolve(!1)),this._changeStatus(y.IDLE)},rt.prototype.loadRange=function(i,n){var u=this;return void 0===i&&(i=0),void 0===n&&(n=1/0),!this.url||i>=this.total||this.status===y.LOADING||this.status===y.ERROR?so.resolve(!1):(this.abort(),new so(function(e,t){u.xhr=new XMLHttpRequest,u._resolve=e;function r(e){var r,t=s.responseText,i=t.length,n=c,o=u.offset,a=i-n;0<a&&(u.offset+=a),!l&&e&&u.total===1/0&&(u.total=u.offset),0<a&&(c=i,u.emit("progress",{offset:o,data:(r=t.substring(n,i),new Uint8Array(r.length).map(function(e,t){return r.charCodeAt(t)}))}))}var s=u.xhr,l=0<i||n<1/0,c=(s.open("GET",u.url),l&&s.setRequestHeader("Range","bytes=".concat(i,"-").concat(n===1/0?"":n)),s.onreadystatechange=function(){var e;s.readyState===s.HEADERS_RECEIVED&&200<=s.status&&s.status<300&&(l?(e=s.getResponseHeader("Content-Range")||"",u.total=Number(e.split("/")[1])||u.total):u.total=Number(s.getResponseHeader("Content-Length"))||u.total),s.readyState>=s.HEADERS_RECEIVED&&clearTimeout(u._timer)},u.offset=i,0);s.timeout=u.timeout,s.onprogress=function(){r(!1)},s.onloadend=function(){r(!0),u.xhr=null,u._changeStatus(y.IDLE),u.emit("loadend",void 0),e(!0)},s.onerror=function(e){u.xhr=null;e=new Error(e.constructor.name);u._handleError(e),t(e)},s.overrideMimeType("text/plain; charset=x-user-defined"),u._changeStatus(y.LOADING),u.emit("loadstart",void 0),u._timer=setTimeout(u.triggerTimeout,u.timeout),s.send()}))};var t=rt,Ke=e.isSupported()?e:t;$e=function(e,t){return($e=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}$e(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(c,ze=Fe),Object.defineProperty(c.prototype,"loader",{get:function(){return this.customLoader||this.originLoader},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"url",{get:function(){return this.loader.url},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"status",{get:function(){return this.loader.status},enumerable:!1,configurable:!0}),c.probe=function(e){throw new Error("parser should implements static probe")},c.prototype.onProgress=function(e){},c.prototype.onLoadEnd=function(){},c.prototype.load=function(e){return this.reset(),this.loader.load(e)},c.prototype.suspend=function(){return this.loader.suspend()},c.prototype.resume=function(){return this.loader.resume()},c.prototype.reset=function(){this.loader.reset(),this.metadata=null},c.prototype.destroy=function(){this.reset(),this.loader.off("progress",this.onProgress),this.loader.off("loadend",this.onLoadEnd),this.originLoader.destroy(),this.removeAllListeners()};var ze,$e,Ye,Qe,Je,Ze,e=c,et=(tt.BUFFER_LENGTH=9,tt);function tt(e){this.signature=String.fromCharCode(e.read(1),e.read(1),e.read(1)),this.version=e.read(1);var t=e.read(1),e=(this.size=e.read(4),new d(t,8));e.read(5),this.hasAudio=!!e.read(1),e.read(1),this.hasVideo=!!e.read(1)}function c(e){var t=ze.call(this)||this;return t.skipFrame=Z.DEFAULT,t.metadata=null,t.options=e,t.onProgress=t.onProgress.bind(t),t.onLoadEnd=t.onLoadEnd.bind(t),t.originLoader=new Ke(t.options),t.customLoader=e.loader,t.loader.on("progress",t.onProgress),t.loader.on("loadend",t.onLoadEnd),t.skipFrame=e.skipFrame||Z.DEFAULT,t}function rt(){var e=null!==Ye&&Ye.apply(this,arguments)||this;return e.xhr=null,e._timer=-1,e._resolve=function(e){},e.triggerTimeout=function(){e._abort(),e._handleError(new Error("\u52a0\u8f7d\u8d85\u65f6\uff0c\u8bf7\u91cd\u8bd5"))},e}function it(){var e=null!==Je&&Je.apply(this,arguments)||this;return e.controller=null,e.timer=-1,e._abort=function(){clearTimeout(e.timer),e.controller&&!e.controller.signal.aborted&&(e.controller.abort(),e.controller=null),e._changeStatus(y.IDLE)},e.triggerTimeout=function(){e._abort(),e._handleError(new We("\u52a0\u8f7d\u8d85\u65f6\uff0c\u8bf7\u91cd\u8bd5"))},e}(t=qe=qe||{})[t.AUDIO=8]="AUDIO",t[t.VIDEO=9]="VIDEO",t[t.SCRIPT=18]="SCRIPT";ot.BUFFER_LENGTH=11;var nt=ot;function ot(e){this.type=e.read(1),this.size=e.read(3),this.dts=e.read(3),this.dts|=e.read(1)<<24,e.skip(3)}var at,st=[5512,11025,22050,44100],lt=[8,16];(t=at=at||{})[t.ADTS_HEADER=0]="ADTS_HEADER",t[t.RAW=1]="RAW";ut.readAudioSpecificConfig=function(e){e=d.fromByte(e,2);return{audioObjectType:e.read(5),sampleRate:H[e.read(4)],samplingFrequencyIndex:e.read(4),channelCount:e.read(4)}};var _,ct=ut;function ut(e){var t=new d(e.read(1),8);this.codecId=t.read(4),this.sampleRate=st[t.read(2)],this.sampleSize=lt[t.read(1)],this.soundType=t.read(1),this.packetType=e.read(1),this.data=e.readToUint8()}function dt(t){var e=t.read(2);return Array.from(Array(e)).map(function(){var e=t.read(1);return 0<e?String.fromCharCode(e):""}).join("")}function pt(e){var t=dt(e),e=ht(e);return{key:t,value:e.value,objectEnd:e.objectEnd}}function ht(e){var t={value:null,objectEnd:!1},r=e.read(1);switch(r){case _.NUMBER:t.value=e.readFloat(8);break;case _.BOOLEAN:t.value=!!e.read(1);break;case _.LONG_STRING:case _.STRING:t.value=dt(e);break;case _.OBJECT_START:t.value=function(e){for(var t={};0<e.unreadLength;){var r=pt(e);if(r.objectEnd)break;t[r.key]=r.value}return t}(e);break;case _.ECMA_ARRAY:t.value=function(e){for(var t=e.read(4),r={};0<t--;){var i=pt(e);r[i.key]=i.value}return r}(e);break;case _.OBJECT_END:t.objectEnd=!0;break;case _.STRICT_ARRAY:t.value=function(e){for(var t=e.read(4),r=[];0<t--;){var i=ht(e);r.push(i.value)}return r}(e);break;case _.DATE:t.value=new Date(e.readFloat(8)+60*e.readInt(2)+1e3);break;default:console.warn("unknown AMF value type",r)}return t}(t=_=_||{})[t.NUMBER=0]="NUMBER",t[t.BOOLEAN=1]="BOOLEAN",t[t.STRING=2]="STRING",t[t.OBJECT_START=3]="OBJECT_START",t[t.NULL=5]="NULL",t[t.UNDEFINED=6]="UNDEFINED",t[t.REFERENCE=7]="REFERENCE",t[t.ECMA_ARRAY=8]="ECMA_ARRAY",t[t.OBJECT_END=9]="OBJECT_END",t[t.STRICT_ARRAY=10]="STRICT_ARRAY",t[t.DATE=11]="DATE",t[t.LONG_STRING=12]="LONG_STRING";function ft(e){this.name=ht(e).value,this.value=ht(e).value}var yt,_t,gt;(t=yt=yt||{})[t.KEY=1]="KEY",t[t.INTER=2]="INTER",t[t.DISP_INTER=3]="DISP_INTER",t[t.GENERATED_KEY=4]="GENERATED_KEY",t[t.VIDEO_INFO_CMD=5]="VIDEO_INFO_CMD",(t=_t=_t||{})[t.JPEG=1]="JPEG",t[t.H263=2]="H263",t[t.SCREEN=3]="SCREEN",t[t.VP6=4]="VP6",t[t.VP6A=5]="VP6A",t[t.SCREEN2=6]="SCREEN2",t[t.H264=7]="H264",t[t.REALH263=8]="REALH263",t[t.MPEG4=9]="MPEG4",t[t.H265=12]="H265",(t=gt=gt||{})[t.AVC_SEQUENCE_HEADER=0]="AVC_SEQUENCE_HEADER",t[t.AVC_NALU=1]="AVC_NALU",t[t.AVC_END=2]="AVC_END";function vt(e){var t=new d(e.read(1),8);this.type=t.read(4),this.codecId=t.read(4),this.packetType=e.read(1),this.cts=e.read(3)+4286578688^4286578688,this.data=e.readToUint8()}var g,C={isFirefox:!1,isOpera:!1,isTrident:!1,isEdge:!1,isChrome:!1,isSafari:!1,isMQQBrowser:!1,isMobile:!1,isIos:!1,isDingtalk:!1},t=void 0!==window.navigator,v=t?window.navigator.userAgent:"";-1<v.indexOf("MQQBrowser")?C.isMQQBrowser=!0:-1<v.indexOf("Firefox")?C.isFirefox=!0:-1<v.indexOf("Opera")||-1<v.indexOf("OPR")?C.isOpera=!0:-1<v.indexOf("Trident")?C.isTrident=!0:-1<v.indexOf("Edge")?C.isEdge=!0:-1<v.indexOf("Chrome")?(C.isChrome=!0,(v.toLowerCase().match(/chrome\/([\d.]+)/)||[])[1]):-1<v.indexOf("Safari")||-1<v.indexOf("iPhone")||-1<v.indexOf("iPad")||-1<v.indexOf("iPod")?C.isSafari=!0:-1<v.toLowerCase().indexOf("dingtalk")&&(C.isDingtalk=!0),/(iPhone\sOS)\s([\d_]+)/i.test(v)&&(C.isIos=!0),t&&("maxTouchPoints"in(v=window.navigator)?C.isMobile=0<v.maxTouchPoints:"msMaxTouchPoints"in v?C.isMobile=0<v.msMaxTouchPoints:(t=null==(t=window.matchMedia)?void 0:t.call(window,"(pointer:coarse)"))&&"(pointer:coarse)"===t.media?C.isMobile=!!t.matches:"orientation"in window?C.isMobile=!0:(t=v.userAgent,C.isMobile=/\b(BlackBerry|webOS|iPhone|IEMobile)\b/i.test(t)||/\b(Android|Windows Phone|iPad|iPod)\b/i.test(t))),Ht=function(e,t){return(Ht=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ht(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(b,Ut=e),b.probe=function(e){return!(e.byteLength<9)&&"FLV"===new et(new T(e.buffer,e.byteOffset,e.byteLength)).signature},b.prototype.parse=function(e,t){var r=[];if(e.byteLength){this.unhandleBuffer&&(e=T.concat(this.unhandleBuffer,e),t-=this.unhandleBuffer.byteLength,this.unhandleBuffer=null);var i=new T(e);for(!this.header&&i.unreadLength>=et.BUFFER_LENGTH&&(this.header=new et(i),0==this.header.hasVideo&&(this.header.hasVideo=!0),i.skip(this.header.size-et.BUFFER_LENGTH));i.unreadLength>4+nt.BUFFER_LENGTH;){i.skip(4);var n=new nt(i);if(!(i.unreadLength>=n.size)){i.back(4+nt.BUFFER_LENGTH);break}var o=new T(i.buffer,i.offset,n.size);switch(i.skip(n.size),n.type){case qe.VIDEO:r=r.concat(this.parseVideoBody(n,o,i.offset+t));break;case qe.AUDIO:r=r.concat(this.parseAudioBody(n,o,i.offset+t));break;case qe.SCRIPT:this.parseScriptBody(n,o);break;default:return k.warn("unknown tag type",n.type),r}}this.unhandleBuffer=i.unreadLength?i.readToBuffer():null}return r},b.prototype.checkMetadata=function(){var e=this.flvMetadata,t=this.header;if(console.log("checkMetadata flvMetadata:",e,"header:",t,", this.metadata:",this.metadata),t&&!this.metadata){var r=[];if(t.hasVideo){if(!this.videoTrackMeta||!this.videoLoaded)return void console.log("checkMetadata hasVideo no this.videoTrackMeta",this.videoTrackMeta,", this.videoLoaded",this.videoLoaded);this.videoTrackMeta.baseDTS=this.baseVideoDTS,this.videoTrackMeta.basePTS=this.baseVideoPTS,r.push(this.videoTrackMeta)}if(t.hasAudio){if(!this.audioTrackMeta||!this.audioLoaded)return void console.log("checkMetadata hasAudio no this.audioTrackMeta",this.audioTrackMeta,", this.audioLoaded",this.audioLoaded);this.audioTrackMeta.baseDTS=this.baseAudioDTS,this.audioTrackMeta.basePTS=this.baseAudioPTS,r.push(this.audioTrackMeta)}var t=this.options,i=t.live,t=t.progressive;this.metadata={formatType:n.FLV,live:!!i,progressive:!i&&!!t,url:this.loader.url,basePTS:Math.min.apply(Math,r.map(function(e){return e.basePTS||0})),baseDTS:Math.min.apply(Math,r.map(function(e){return e.baseDTS||0})),timescale:1e3,duration:1e3*((null==e?void 0:e.duration)||1/0),tracks:r},console.log("checkMetadata loadedmetadata",this.metadata),this.emit("loadedmetadata",this.metadata)}},b.prototype.parseVideoBody=function(e,t,r){var i=this,t=new vt(t),n=(this.emit("loadedtag",{header:e,body:t}),[]),o=t.type===yt.KEY;if(t.data.length)if(t.packetType===gt.AVC_SEQUENCE_HEADER){var a,s=this.flvMetadata||{},l={type:P.VIDEO,id:2,baseDTS:0,basePTS:0,timescale:1e3,vps:[],sps:[],pps:[],sei:[],width:s.width||0,height:s.height||0,codec:"",pixelRatio:[],live:(null==(s=this.metadata)?void 0:s.live)||!1};t.codecId===_t.H264?(d=new pe(new T(new ArrayBuffer(8)),0),c=new T(t.data.buffer,t.data.byteOffset,t.data.byteLength),s=new ye(d,c),l.pps=s.pps,l.sps=s.sps,l.codec=s.codec,(s=s.sps[0])&&(a=new ne(s.subarray(1)),l.width=a.width,l.height=a.height)):t.codecId===_t.H265&&(E.extractAnnexbNAL(t.data).forEach(function(e){var t=new T(e.buffer,e.byteOffset,e.length),r=new x(t);r.nalType<w.ACCESS_UNIT_DELIMITER&&(r.nalType===w.SPS?(t=new se(_e(t.readToUint8())),l.sps.push(e),l.codec=t.codec,console.log("thisvideoTrackMeta sps.codec=",t.codec),l.width=t.width,l.height=t.height):r.nalType===w.VPS?l.vps.push(e):r.nalType===w.PPS&&l.pps.push(e))}),""===l.codec)&&(d=new pe(new T(new ArrayBuffer(8)),0),c=new T(t.data.buffer,t.data.byteOffset,t.data.byteLength),s=new we(d,c),l.vps=s.vps,l.pps=s.pps,l.sps=s.sps,l.sei=s.sei,l.codec=s.codec,s.sps&&0<s.sps.length&&(a=new se(_e(s.sps[0])),l.width=a.width,l.height=a.height),this.isHVCC=!0),this.videoTrackMeta=l,console.log("parse AVC_SEQUENCE_HEADER thisvideoTrackMeta isHVCC:%o, %o",this.isHVCC,this.videoTrackMeta),this.checkMetadata()}else{var c,u=[];if(t.codecId!==_t.H265||this.isHVCC){var d=E.extractAVCCNAL(t.data,3),p={type:P.VIDEO,id:2,baseDTS:0,basePTS:0,timescale:1e3,vps:[],sps:[],pps:[],sei:[],width:(null==(c=this.flvMetadata)?void 0:c.width)||0,height:(null==(s=this.flvMetadata)?void 0:s.height)||0,codec:"",pixelRatio:[],live:(null==(a=this.metadata)?void 0:a.live)||!1},h=[],f=[],y=[],_=[];d.forEach(function(e){var t=new T(e.buffer,e.byteOffset,e.length),r=new x(t);16<=r.nalType&&r.nalType<=23&&(o=!0),r.nalType<w.ACCESS_UNIT_DELIMITER&&(r.nalType===w.SPS?(t=new se(_e(t.readToUint8())),h.push(e),p.codec=t.codec,p.width=t.width,p.height=t.height):r.nalType===w.VPS?f.push(e):r.nalType===w.PPS?y.push(e):r.nalType===w.SEI?_.push(e):!C.isSafari||r.nalType===w.TRAIL_R||r.nalType===w.TRAIL_N||r.nalType===w.IDR_W_RADL||r.nalType===w.IDR_N_LP||r.nalType===w.CRA?u.push(e):console.warn("skip this nalu nalType:",r.nalType))}),f.length&&(p.vps=f),h.length&&(p.sps=h),y.length&&(p.pps=y),_.length&&(p.sei=_),0<h.length&&(this.videoTrackMeta?(this.videoTrackMeta.vps=[],this.videoTrackMeta.sps=[],this.videoTrackMeta.pps=[],this.videoTrackMeta.sei=[],f.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.vps.push(e)}),h.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.sps.push(e)}),y.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.pps.push(e)}),_.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.sei.push(e)})):this.videoTrackMeta=p)}else{if(this.skipFrame===Z.NONREF&&x.isNonRefNALType(x.extractNALType(t.data,4)))return console.error("isNonRefNALType"),[];var g={type:P.VIDEO,id:2,baseDTS:0,basePTS:0,timescale:1e3,vps:[],sps:[],pps:[],sei:[],width:(null==(c=this.flvMetadata)?void 0:c.width)||0,height:(null==(s=this.flvMetadata)?void 0:s.height)||0,codec:"",pixelRatio:[],live:(null==(a=this.metadata)?void 0:a.live)||!1},v=[],m=[],b=[],S=[];(u=E.extractAnnexbNAL(t.data)).forEach(function(e){var t=new T(e.buffer,e.byteOffset,e.length),r=new x(t);16<=r.nalType&&r.nalType<=23&&(o=!0),r.nalType<w.ACCESS_UNIT_DELIMITER&&(r.nalType===w.SPS?(t=new se(_e(t.readToUint8())),v.push(e),g.codec=t.codec,g.width=t.width,g.height=t.height):r.nalType===w.VPS?m.push(e):r.nalType===w.PPS?b.push(e):r.nalType===w.SEI&&S.push(e))}),m.length&&(g.vps=m),v.length&&(g.sps=v),b.length&&(g.pps=b),S.length&&(g.sei=S),v.length&&(this.videoTrackMeta?(this.videoTrackMeta.vps=[],this.videoTrackMeta.sps=[],this.videoTrackMeta.pps=[],m.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.vps.push(e)}),v.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.sps.push(e)}),b.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.pps.push(e)}),S.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.sei.push(e)})):this.videoTrackMeta=g)}if(!this.videoLoaded&&this.videoTrackMeta){if(!o)return[];this.videoLoaded=!0,this.baseVideoDTS=e.dts,this.baseVideoPTS=t.cts+e.dts,this.checkMetadata()}this.videoTrackMeta&&o&&(this.videoTrackMeta.pps.forEach(function(e){return u.unshift(e)}),this.videoTrackMeta.sps.forEach(function(e){return u.unshift(e)}),this.videoTrackMeta.vps.forEach(function(e){return u.unshift(e)}),this.videoTrackMeta.sei.forEach(function(e){return u.unshift(e)})),u.length&&(c={trackId:2,codec:(null==(d=this.videoTrackMeta)?void 0:d.codec)||"",trackType:P.VIDEO,isSync:o||t.type===yt.KEY,isNonRef:!1,data:u,dts:e.dts,pts:e.dts+t.cts,offset:r,size:u.reduce(function(e,t){return e+t.byteLength},0)},n.push(c))}else k.warn("[videox] flv parse empty data",e,t);return n},b.prototype.parseAudioBody=function(e,t,r){var i,t=new ct(t),n=(this.emit("loadedtag",{header:e,body:t}),[]);return t.packetType===at.ADTS_HEADER?(i=new T(t.data.buffer,t.data.byteOffset,t.data.byteLength),i=ct.readAudioSpecificConfig(i),this.audioTrackMeta={id:1,baseDTS:0,basePTS:0,type:P.AUDIO,codec:"mp4a.40."+i.audioObjectType,timescale:1e3,audioObjectType:i.audioObjectType,sampleRate:i.sampleRate,samplingFrequencyIndex:i.samplingFrequencyIndex,sampleSize:t.sampleSize,channelCount:i.channelCount},this.checkMetadata()):(this.audioLoaded||(this.audioLoaded=!0,this.baseAudioDTS=e.dts,this.baseAudioPTS=e.dts,this.checkMetadata()),n.push({codec:(null==(i=this.audioTrackMeta)?void 0:i.codec)||"",trackId:1,trackType:P.AUDIO,isSync:!0,isNonRef:!1,data:[t.data],dts:e.dts,pts:e.dts,offset:r,size:t.data.byteLength})),n},b.prototype.parseScriptBody=function(e,t){t=new ft(t),this.emit("loadedtag",{header:e,body:t}),e=t.value;e&&"onMetaData"===t.name&&(this.flvMetadata=e,k.info("flv script tag loaded, flv metadata:",this.flvMetadata))},b.prototype.onProgress=function(e){var t=e.data,e=e.offset;t.byteLength&&(t=this.parse(t.buffer,e)).length&&(e=void 0,this.cachePackets.length?(e=this.cachePackets.concat(t),this.cachePackets=[]):e=t,this.metadata&&this.loader.status!==y.SUSPENGING?this.emit("loadeddata",{packets:e}):this.cachePackets=e)},b.prototype.onLoadEnd=function(){this.loader.eof&&this.emit("end",void 0)},b.prototype.seek=function(){},b.prototype.reset=function(){Ut.prototype.reset.call(this),this.cachePackets=[],this.videoLoaded=!1,this.audioLoaded=!1,this.baseVideoDTS=0,this.baseVideoPTS=0,this.baseAudioDTS=0,this.baseAudioPTS=0,this.header=null,this.unhandleBuffer=null,this.flvMetadata=null,this.videoTrackMeta=null,this.audioTrackMeta=null};var mt=b;Mt=function(e,t){return(Mt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Mt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Gt,Nt=f);var m=Gt;Ot=function(e,t){return(Ot=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ot(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Wt,Dt=m);var bt=Wt;Rt=function(e,t){return(Rt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Rt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(qt,At=bt);var St=qt;Lt=function(e,t){return(Lt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Lt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Vt,It=f);var Tt=Vt;Ct=function(e,t){return(Ct=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ct(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(jt,kt=m);var Et=jt;Pt=function(e,t){return(Pt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Pt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Bt,xt=f);var wt,xt,Pt,kt,Ct,It,Lt,At,Rt,Dt,Ot,Nt,Mt,Ut,Ht,Ft=Bt,v=(wt=function(e,t){return(wt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}wt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});function Bt(e,t){var r=xt.call(this,e,t)||this;r.entries=[],r.version=t.read(1),r.flag=t.read(3),r.entryCount=t.read(4);for(var i=0;i<r.entryCount;i++){var n=1===r.version;r.entries.push({segmentDuration:t.read(n?8:4),mediaTime:t.read(n?8:4),mediaRateInteger:t.read(2),mediaRateFraction:t.read(2)})}return r}function jt(e,t){e=kt.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e.entryCount=t.read(4),e}function Vt(e,t){e=It.call(this,e,t)||this;return e.bufferSizeDB=t.read(4),e.maxBitrate=t.read(4),e.avgBitrate=t.read(4),e}function qt(){return null!==At&&At.apply(this,arguments)||this}function Wt(e,t){var e=Dt.call(this,e,t)||this,r=(t.skip(4),t.skip(2),e.bitReferenceId=t.read(2),e.codeStreamVersion=t.read(4),t.skip(4),t.skip(8),e.width=t.read(2),e.heigth=t.read(2),e.horizontalResolution=t.read(4),e.verticalResolution=t.read(4),t.skip(4),e.frameCount=t.read(2),Math.min(t.read(1),32));return e.compressorName=Array.from(new Array(r)).map(function(){return String.fromCharCode(t.read(1))}).join(""),t.skip(32-(r+1)),e.depth=t.read(2),t.skip(2),e}function Gt(){var e=null!==Nt&&Nt.apply(this,arguments)||this;return e.isContainer=!0,e}function b(){var e=null!==Ut&&Ut.apply(this,arguments)||this;return e.header=null,e.flvMetadata=null,e.videoTrackMeta=null,e.audioTrackMeta=null,e.unhandleBuffer=null,e.cachePackets=[],e.videoLoaded=!1,e.baseVideoPTS=0,e.baseVideoDTS=0,e.audioLoaded=!1,e.baseAudioPTS=0,e.baseAudioDTS=0,e.isHVCC=!1,e.formatType=n.FLV,e}(t=g=g||{})[t.OD=1]="OD",t[t.IOD=2]="IOD",t[t.ESD=3]="ESD",t[t.DCD=4]="DCD",t[t.DSD=5]="DSD",t[t.SLCD=6]="SLCD";{Ii.readSize=function(e){for(var t,r=0,i=4;i--&&(r=r<<7|127&(t=e.read(1)),128&t););return r},Ii.extractDescriptors=function(e){for(var t,r,i,n=[];e.unreadLength;){if(t=new Ii(e),i=new T(e.buffer,e.offset,t.size),e.skip(t.size),t.size<=0)return n;switch(t.tag){case g.ESD:r=new zt(t,i);break;case g.DCD:r=new $t(t,i);break;case g.DSD:r=new Yt(t,i);break;case g.SLCD:r=new Qt(t,i);break;default:r=null}r&&i.unreadLength&&(r.children=Ii.extractDescriptors(i)),n.push(r)}return n};var I,Xt=Ii,Kt=(Ci.findDescriptor=function(e,t){var r;return e.some(function(e){return!!(r=e.probe.tag===t?e:Ci.findDescriptor(e.children,t))}),r},Ci),zt=(v(ki,ni=Kt),ki),$t=(v(Pi,ii=Kt),Pi),Yt=(v(xi,ri=Kt),xi),Qt=(v(wi,ti=Kt),wi);ei=function(e,t){return(ei=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var t,Jt=((t=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}ei(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Ei,Zr=a),Ei);Jr=function(e,t){return(Jr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var v,Zt=((v=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Jr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Ti,Qr=f),Ti);Yr=function(e,t){return(Yr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var t,er=((t=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Yr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Si,$r=f),Si);zr=function(e,t){return(zr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var v,tr=((v=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}zr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(bi,Kr=f),bi);Xr=function(e,t){return(Xr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var t,rr=((t=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Xr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(mi,Gr=f),mi);Wr=function(e,t){return(Wr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var v,ir=((v=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Wr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(vi,qr=m),vi);Vr=function(e,t){return(Vr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var t,nr=((t=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Vr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(gi,jr=f),gi),or=(Br=function(e,t){return(Br=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},_i),ar=Fr=f;if("function"!=typeof ar&&null!==ar)throw new TypeError("Class extends value "+String(ar)+" is not a constructor or null");function sr(){this.constructor=or}Br(or,ar),or.prototype=null===ar?Object.create(ar):(sr.prototype=ar.prototype,new sr);var lr=_i}Hr=function(e,t){return(Hr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Hr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(yi,Ur=f);var cr=yi;Mr=function(e,t){return(Mr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Mr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(fi,Nr=f);var ur=fi;Or=function(e,t){return(Or=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Or(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(hi,Dr=f);var dr=hi;Rr=function(e,t){return(Rr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Rr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(pi,Ar=m);var pr=pi;Lr=function(e,t){return(Lr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Lr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(di,Ir=m);var hr=di;Cr=function(e,t){return(Cr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Cr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ui,kr=a);var fr=ui;Pr=function(e,t){return(Pr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Pr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ci,xr=m);var yr=ci;wr=function(e,t){return(wr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}wr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(li,Er=a);var _r=li;Tr=function(e,t){return(Tr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Tr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(si,Sr=a);var gr=si;br=function(e,t){return(br=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}br(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ai,mr=a);var vr,mr,br,Sr,Tr,Er,wr,xr,Pr,kr,Cr,Ir,Lr,Ar,Rr,Dr,Or,Nr,Mr,Ur,Hr,Fr,Br,jr,Vr,qr,Wr,Gr,Xr,Kr,zr,$r,Yr,Qr,Jr,Zr,ei,ti,ri,ii,ni,oi=ai,v=(vr=function(e,t){return(vr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}vr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});function ai(e,t){e=mr.call(this,e,t)||this;return 1===e.version?e.baseMediaDecodeTime=t.read(8):e.baseMediaDecodeTime=t.read(4),e}function si(e,t){var r=Sr.call(this,e,t)||this;r.references=[],r.trackId=t.read(4),r.timescale=t.read(4),0===r.version?(r.pts=t.read(4),r.offset=t.read(4)):(r.pts=t.read(8),r.offset=t.read(8)),t.skip(2),r.references=[];for(var i=t.read(2),n=0;n<i;n++){var o=new d(t.read(4),32),a=t.read(4),s=new d(t.read(4),32);r.references.push({type:o.read(1),size:o.read(31),duration:a,startWithSap:s.read(1),sapType:s.read(3),sapDeltaTime:s.read(28)})}return r}function li(e,t){var r=Er.call(this,e,t)||this;r.isLeadings=[],r.sampleDependsOns=[],r.sampleIsDependedOns=[],r.sampleHasRedundancys=[];for(var i=0,n=void 0;i<t.unreadLength;i++)n=new d(t.read(1),8),r.isLeadings[i]=n.read(2),r.sampleDependsOns[i]=n.read(2),r.sampleIsDependedOns[i]=n.read(2),r.sampleHasRedundancys[i]=n.read(2);return r}function ci(){return null!==xr&&xr.apply(this,arguments)||this}function ui(){return null!==kr&&kr.apply(this,arguments)||this}function di(){return null!==Ir&&Ir.apply(this,arguments)||this}function pi(){return null!==Ar&&Ar.apply(this,arguments)||this}function hi(e,t){e=Dr.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e.graphicsMode=t.read(2),e.opcolor=[t.read(2),t.read(2),t.read(2)],e}function fi(e,t){e=Nr.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e}function yi(e,t){var r=Ur.call(this,e,t)||this;r.matrix=[],r.version=t.read(1),r.flag=t.read(3),r.createTime=r.toStandardTime(t.read(4)),r.modifyTime=r.toStandardTime(t.read(4)),r.trackId=t.read(4),t.skip(4),r.duration=t.read(4),t.skip(8),r.layer=t.read(2),r.alternateGroup=t.read(2),r.volume=Number(t.read(1)+"."+t.read(1)),t.skip(2);for(var i=0;i<9;i++)r.matrix.push(Number(t.read(2)+"."+t.read(2)));return r.width=Number(t.read(2)+"."+t.read(2)),r.height=Number(t.read(2)+"."+t.read(2)),r}function _i(e,t){var r=Fr.call(this,e,t)||this;for(r.data=[];0<t.unreadLength;)r.data.push(t.read(1));return r}function gi(e,t){var r=jr.call(this,e,t)||this;r.matrix=[],r.version=t.read(1),r.flag=t.read(3),r.createTime=r.toStandardTime(t.read(4)),r.modifyTime=r.toStandardTime(t.read(4)),r.timeScale=t.read(4),r.duration=t.read(4),r.rate=Number(t.read(2)+"."+t.read(2)),r.volume=Number(t.read(1)+"."+t.read(1)),t.skip(10);for(var i=0;i<9;i++)r.matrix.push(Number(t.read(2)+"."+t.read(2)));return t.skip(24),r.nextTrackId=t.read(4),r}function vi(e,t){e=qr.call(this,e,t)||this;return t.skip(6),e.dataReferenceIndex=t.read(2),t.skip(8),e.channelCount=t.read(2),e.sampleSize=t.read(2),t.skip(4),e.sampleRate=t.read(4)>>>16,e}function mi(e,t){function r(e){return 96+(31&e)}var e=Gr.call(this,e,t)||this,i=(e.version=t.read(1),e.flag=t.read(3),1===e.version),i=(e.createTime=e.toStandardTime(t.read(i?8:4)),e.modifyTime=e.toStandardTime(t.read(i?8:4)),e.timeScale=t.read(4),e.duration=t.read(i?8:4),t.read(2));return e.language=String.fromCharCode(r(i>>10),r(i>>5),r(i)),e.quality=Number(t.read(1)+"."+t.read(1)),e}function bi(e,t){var r=Kr.call(this,e,t)||this;return r.data=t.readToUint8(e.size-e.length),r}function Si(e,t){var r=$r.call(this,e,t)||this;for(r.name="",r.version=t.read(1),r.flag=t.read(3),r.preDefined=String.fromCharCode(t.read(1),t.read(1),t.read(1),t.read(1)),r.handleType=String.fromCharCode(t.read(1),t.read(1),t.read(1),t.read(1)),t.skip(12);0<t.unreadLength;)r.name+=String.fromCharCode(t.read(1));return r}function Ti(e,t){var r=Qr.call(this,e,t)||this;for(r.compatibleBrands=[],r.majorBrand=String.fromCharCode(t.read(1),t.read(1),t.read(1),t.read(1)),r.minorVersion=t.read(4);4<=t.unreadLength;)r.compatibleBrands.push(String.fromCharCode(t.read(1),t.read(1),t.read(1),t.read(1)));return r}function Ei(e,t){var e=Zr.call(this,e,t)||this,t=(e.descriptors=[],e.audioObjectType=0,e.samplingfrequencyIndex=0,e.descriptors=Xt.extractDescriptors(t),Kt.findDescriptor(e.descriptors,g.DCD)),r=Kt.findDescriptor(e.descriptors,g.DSD);return r&&(e.audioObjectType=r.audioObjectType,e.samplingfrequencyIndex=r.samplingfrequencyIndex),e.codec=t&&r?"mp4a."+t.mepg4Audio.toString(16)+"."+r.audioObjectType.toString(16):"mp4a",e}function wi(e,t){e=ti.call(this,e)||this;return e.esId=t.read(2),e}function xi(e,t){e=ri.call(this,e)||this,t=new d(t.read(2),16);return e.audioObjectType=t.read(5),e.samplingfrequencyIndex=t.read(4),e.channel=t.read(4),e.frameLengthFlag=t.read(1),e.dependsOnCoreCoder=t.read(1),e.extesionFlag=t.read(1),e}function Pi(e,t){e=ii.call(this,e)||this;return e.mepg4Audio=t.read(1),e.audioStream=t.read(1),e.bufferSize=t.read(3),e.maxBitrate=t.read(4),e.avgBitrate=t.read(4),e}function ki(e,t){e=ni.call(this,e)||this;return e.streamDependenceFlag=0,e.URLFlag=0,e.OCRStreamFlag=0,e.esId=t.read(2),e.esFlag=t.read(1),128&e.esFlag&&(e.streamDependenceFlag=t.read(2)),64&e.esFlag&&(e.URLFlag=t.read(1),t.skip(e.URLFlag)),32&e.esFlag&&(e.OCRStreamFlag=t.read(2)),e}function Ci(e){this.children=[],this.probe=e}function Ii(e){this.tag=e.read(1),this.size=Ii.readSize(e)}(t=I=I||{})[t.BASE_DATA_OFFSET=1]="BASE_DATA_OFFSET",t[t.SAMPLE_DESC=2]="SAMPLE_DESC",t[t.SAMPLE_DUR=8]="SAMPLE_DUR",t[t.SAMPLE_SIZE=16]="SAMPLE_SIZE",t[t.SAMPLE_FLAG=32]="SAMPLE_FLAG",t[t.DUR_EMPTY=65536]="DUR_EMPTY",t[t.DEFAULT_BASE_IS_MOOF=131072]="DEFAULT_BASE_IS_MOOF";v(Ui,Oi=a);var L,Li=Ui;Di=function(e,t){return(Di=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Di(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Mi,Ri=a);var Ai,Ri,Di,Oi,Ni=Mi,t=(Ai=function(e,t){return(Ai=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ai(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});function Mi(e,t){e=Ri.call(this,e,t)||this;return e.trackId=t.read(4),e.defaultSampleDescriptionIndex=t.read(4),e.defaultSampleDuration=t.read(4),e.defaultSampleSize=t.read(4),e.defaultSampleFlag=t.read(4),e}function Ui(e,t){e=Oi.call(this,e,t)||this;return e.baseDataOffset=0,e.defaultSampleDescriptionIndex=0,e.defaultSampleDuration=0,e.defaultSampleSize=0,e.defaultSampleFlag=0,e.trackId=t.read(4),e.flag&I.BASE_DATA_OFFSET&&(e.baseDataOffset=t.read(8)),e.flag&I.SAMPLE_DESC&&(e.defaultSampleDescriptionIndex=t.read(4)),e.flag&I.SAMPLE_DUR&&(e.defaultSampleDuration=t.read(4)),e.flag&I.SAMPLE_SIZE&&(e.defaultSampleSize=t.read(4)),e.flag&I.SAMPLE_FLAG&&(e.defaultSampleFlag=t.read(4)),e}(v=L=L||{})[v.DATA_OFFSET=1]="DATA_OFFSET",v[v.FIRST_FLAG=4]="FIRST_FLAG",v[v.DURATION=256]="DURATION",v[v.SIZE=512]="SIZE",v[v.FLAG=1024]="FLAG",v[v.CTS_OFFSET=2048]="CTS_OFFSET";t(Rn,mn=a);var Hi,Fi=Rn;vn=function(e,t){return(vn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}vn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(An,gn=f);var Bi=An;_n=function(e,t){return(_n=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}_n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Ln,yn=f);var ji=Ln;fn=function(e,t){return(fn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}fn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(In,hn=f);var Vi=In;pn=function(e,t){return(pn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}pn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Cn,dn=f);var qi=Cn;un=function(e,t){return(un=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}un(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(kn,cn=m);var Wi=kn;ln=function(e,t){return(ln=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}ln(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Pn,sn=m);var Gi=Pn;an=function(e,t){return(an=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}an(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(xn,on=f);var Xi=xn;nn=function(e,t){return(nn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};function Ki(e){return Array.isArray(e)?e:e?[e]:[]}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}nn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(wn,rn=f);var zi=wn,$i=(En.prototype.addTrack=function(e){this.tracks.push(e)},En.prototype.getTracks=function(){return this.tracks},En.prototype.getTrackById=function(t){return this.tracks.find(function(e){return e.options.id===t})},En),Yi=function(){return(Yi=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},Qi=(A.prototype.getSamples=function(){return this.samples},A.prototype.getNextSampleOffset=function(){var e=this.samples[this.nextSampleIndex];return e?e.offset:0},A.prototype.addSample=function(e){this.samples.push(e),this.duration+=e.duration},A.prototype.processNextSample=function(e,t){void 0===t&&(t=0);var r=this.samples[this.nextSampleIndex];if(r)return this.processSample(e,t,r)},A.prototype.processSample=function(e,t,r){var i=(t=void 0===t?0:t)+e.byteLength,t=r.offset-t;if(0<=t&&r.offset+r.size<=i)return this.nextSampleIndex++,Yi(Yi({},r),{data:e.subarray(t,t+r.size)})},A.prototype.processSamples=function(e,t){void 0===t&&(t=0);for(var r=this.samples,i=[],n=this.nextSampleIndex,o=r.length;n<o;n++){var a=this.processSample(e,t,r[n]);if(!a)break;i.push(a)}return i},A.prototype.seek=function(e){for(var t,r=e*this.options.timeScale,i=-1,n=-1,o=0,a=this.samples.length;o<a;o++)if((t=this.samples[o]).isSync&&(n=o),t.dts+t.cts>=r){i=n;break}if(-1<i)return this.nextSampleIndex=i,this.samples[i]},A),Ji=(Tn.prototype.createMedia=function(e){return this._parseMoovJSON(e)},Tn.prototype._parseMoovJSON=function(s){var l=this,e=s.mvhd.box,c=new $i({duration:e.duration,timeScale:e.timeScale,rate:e.rate,modifyTime:e.modifyTime,createTime:e.createTime});return s.trak&&[].concat(s.trak).forEach(function(e){var t=e.tkhd,e=e.mdia,r=e.mdhd,i=e.hdlr,e=e.minf.stbl,t=t.box,i=i.box,r=r.box,n=de[i.handleType],e=l._buildSamples(e,n),o={id:t.trackId,name:i.name,handleType:i.handleType,type:n,createTime:t.createTime,modifyTime:t.modifyTime,layer:t.layer,volume:t.volume,matrix:t.matrix,duration:t.duration,width:t.width,height:t.height,timeScale:r.timeScale,language:r.language,quality:r.quality,defaultSampleDescriptionIndex:1,defaultSampleDuration:0,defaultSampleSize:0,defaultSampleFlag:0},n=null==(i=s.mvex)?void 0:i.trex,a=(n&&[].concat(n).forEach(function(e){e=e.box;o.defaultSampleDescriptionIndex=e.defaultSampleDescriptionIndex,o.defaultSampleDuration=e.defaultSampleDuration,o.defaultSampleSize=e.defaultSampleSize,o.defaultSampleFlag=e.defaultSampleFlag}),new Qi(o));e.forEach(function(e){return a.addSample(e)}),c.addTrack(a)}),c},Tn.prototype._buildSamples=function(e,n){var o,a,s,l,c,u,d,p,h,f,y,_,g,v,m,b,S,t=e.stts,r=e.stss,i=e.ctts,T=e.stsc,E=e.stsz||e.stz2;return E?(u=e.stco||e.co64,d=T.box,p=null==r?void 0:r.box,h=t.box,f=null==i?void 0:i.box,v=g=_=y=-1,m=0,b=[],(S=E.box.sampleSizes).forEach(function(e,t){var r={},i=d.entries;r.size=e,r.trackType=n,0===t?(a=1,o=0,r.chunkIndex=a,c=i[r.chunkRunIndex=o].samplePerChunk,l=0,s=o+1<i.length?i[o+1].firstChunk-1:1/0):t<c?(r.chunkIndex=a,r.chunkRunIndex=o):(a++,l=0,s<(r.chunkIndex=a)&&(s=++o+1<i.length?i[o+1].firstChunk-1:1/0),c+=i[r.chunkRunIndex=o].samplePerChunk),r.descriptionIndex=i[o].sampleDescriptionIndex-1,r.offset=u.box.chunkOffsets[r.chunkIndex-1]+l,l+=r.size,y<t&&(_++,y=Math.max(y,0),y+=h.sampleCounts[_]),0<t?((e=b[t-1]).duration=h.sampleDurations[_],r.dts=b[t-1].dts+e.duration):r.dts=0,f?(g<=t&&(v++,g=Math.max(g,0),g+=f.sampleCounts[v]),r.cts=f.sampleOffsets[v]):r.cts=0,p?t===p.sampleNumbers[m]-1?(r.isSync=!0,m++):r.isSync=!1:r.isSync=!0,r.isLast=t===S.length-1,b.push(r)}),b):[]},Tn),Zi=(Sn.prototype.init=function(e){this.options=e},Sn.prototype.parse=function(t){var r=this;Ki(t.traf).forEach(function(e){return r._buildSamples(e,t.box)})},Sn.prototype._buildSamples=function(e,t){var r=e.tfhd.box,i=this._getTrakById(r.trackId);if(i)for(var n=i.options,o=e.tfdt.box,a=r.flag,s=(a&I.SAMPLE_DESC?r:n).defaultSampleDescriptionIndex,l=(a&I.SAMPLE_DUR?r:n).defaultSampleDuration,c=(a&I.SAMPLE_SIZE?r:n).defaultSampleSize,u=(a&I.SAMPLE_FLAG?r:n).defaultSampleFlag,d=Ki(e.trun),p=n.id,h=n.type,f=a&I.BASE_DATA_OFFSET?r.baseDataOffset:a&I.DEFAULT_BASE_IS_MOOF?t.header.start:0,y=0,_=0;_<d.length;_++)for(var g=d[_].box,v=g.flag,m=g.dataOffset+f,b=0;b<g.sampleCount;b++){var S={},T=(S.trackId=p,S.trackType=h,S.descriptionIndex=s,v&L.SIZE?S.size=g.sampleSizes[b]:S.size=c,v&L.DURATION?S.duration=g.sampleDurations[b]:S.duration=l,S.dts=0<y?y:o?o.baseMediaDecodeTime:0,y=S.dts+S.duration,v&L.CTS_OFFSET?S.cts=g.sampleCTSs[b]:S.cts=0,u);v&L.FLAG?T=g.sampleFlags[b]:0===b&&v&L.FIRST_FLAG&&(T=g.firstSampleFlag),S.offset=m,S.flag=T,S.isSync=!(T&(ue.IS_NON_SYNC|ue.DEPENDS_YES)),S.isLeading=T>>26&3,S.dependsOn=T>>24&3,S.isDependedOn=T>>22&3,S.hasRedundancy=T>>20&3,S.degradationPriority=65535&T,m+=S.size,S.isLast=_===d.length-1&&b===g.sampleCount-1,i.addSample(S)}},Sn.prototype.destroy=function(){this.options=null},Sn);tn=function(e,t){return(tn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}tn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(S,en=e),S.probe=function(e){return!(e.byteLength<8)&&"ftyp"===[e[4],e[5],e[6],e[7]].map(function(e){return String.fromCharCode(e)}).join("")},S.prototype.processPackets=function(t,r){var e,i=this,n=[];return this.media&&t.byteLength&&(this.media.getTracks().forEach(function(e){e.processSamples(t,r).forEach(function(e){e=i.convertSampleToPacket(e);e&&n.push(e)})}),e=this.getMinNextSampleOffset()-r,this.unhandleBuffer=e>=t.byteLength?null:t.slice(e).buffer),n},Object.defineProperty(S.prototype,"url",{get:function(){return this.loader.url},enumerable:!1,configurable:!0}),S.prototype.seek=function(t){var e,r=this.options.progressive;this.unhandleBuffer=null,r&&this.loader.suspend(),null!=(e=this.media)&&e.getTracks().map(function(e){return e.seek(t)}),r&&this.loader.loadRange(this.getMinNextSampleOffset())},S.prototype.onProgress=function(e){var t=e.data,e=e.offset;t.length&&(this.unhandleBuffer&&(t=T.concatUint8(new Uint8Array(this.unhandleBuffer),t),e-=this.unhandleBuffer.byteLength,this.unhandleBuffer=null),this.metadata||this.parse(new T(t.buffer,0),e),this.metadata)&&((t=this.processPackets(t,e)).length&&this.emit("loadeddata",{packets:t}))},S.prototype.getMinNextSampleOffset=function(){return this.media?Math.min.apply(Math,this.media.getTracks().map(function(e){return e.getNextSampleOffset()})):0},S.prototype.parse=function(o,a){var s,l=this;void 0===a&&(a=0);for(var c=o.offset,u=0,d=this;8<=o.unreadLength;){var e=function(){var e,t,r,i,n;return u=o.offset-c,0===(e=new pe(o,a+u)).size?(r=new Error("box [".concat(e.type,"] size \u4e3a 0")),console.error(r),d.emit("error",{code:h.PARSER,message:r.message,origin:r}),"break"):d.options.progressive&&"mdat"===e.type&&!d.metadata?(t=e.start+e.size,d.loader.suspend(),d.unhandleBuffer=null,k.info("\u68c0\u6d4b\u5230mdat box\u5728moov box\u4e4b\u540e\uff0c\u8df3\u8f6cmoov\u8d77\u59cb\u504f\u79fb\u4f4d"),d.loader.loadRange(t).then(function(){l.unhandleBuffer=null,l.loader.jump(e.start),l.loader.status!==y.SUSPENGING&&l.loader.loadRange(e.start,t)}),{value:void 0}):(r=e.size-e.length,o.unreadLength>=r?((n=U[e.type])?(i=new T(o.buffer,o.offset,r),(s=new n(e,i)).isContainer&&((n=new S({sub:!0})).proxy(d,["loadedbox"]),n.parse(i,u+a+e.length),n.removeAllListeners(),n.boxes.forEach(function(e){s.append(e)}))):s=new f(e),o.skip(r),d.boxes.push(s),void d.emit("loadedbox",s)):(o.back(e.length),"break"))}();if("object"==typeof e)return e.value;if("break"===e)break}o.unreadLength&&(this.unhandleBuffer=o.readToBuffer())},S.prototype.reset=function(){en.prototype.reset.call(this),this.boxes=[],this.unhandleBuffer=null,this.avcCBox=void 0,this.hvcCBox=void 0,this.mp4aBox=void 0,this.media=null,this.moofParser.destroy()};var en,tn,rn,nn,on,an,sn,ln,cn,un,dn,pn,hn,fn,yn,_n,gn,vn,mn,bn=S;function S(e){var h=en.call(this,e=void 0===e?{}:e)||this;return h.media=null,h.unhandleBuffer=null,h.formatType=n.MP4,h.boxes=[],h._handleBoxLoad=function(e){var o,a,s,l,t,c,u,d,p,r,i=e.header.type;h._handleCodecBoxLoaded(i),"hvcC"===i?h.hvcCBox=e:"hvc1"===i||"hev1"===i?h.hvcCBox&&(h.hvcCBox.codecTag=i):"avcC"===i?h.avcCBox=e:"esds"===i?h.esdsBox=e:"mp4a"===i?h.mp4aBox=e:"moov"===i?(r=f.mapBoxToJSON(e),h.media=h.moovParser.createMedia(r),h.moofParser.init({media:h.media}),t=(r=h.mp4aBox||{}).sampleRate,o=void 0===t?0:t,t=r.sampleSize,a=void 0===t?0:t,t=r.channelCount,s=void 0===t?0:t,t=(r=h.esdsBox||{}).audioObjectType,l=void 0===t?0:t,t=r.codec,c=void 0===t?"":t,u=[],d=[],p=[],h.hvcCBox?(d=h.hvcCBox.vps,p=h.hvcCBox.pps,u=h.hvcCBox.sps):h.avcCBox&&(p=h.avcCBox.pps,u=h.avcCBox.sps),h.metadata={formatType:n.MP4,live:!!h.options.live,progressive:!!h.options.progressive,url:h.loader.url,basePTS:0,baseDTS:0,duration:h.media.options.duration,timescale:h.media.options.timeScale,tracks:h.media.getTracks().map(function(e){var t,r,i,n={};switch(n.id=e.options.id,n.type=e.options.type,n.timescale=e.options.timeScale,n.baseDTS=0,n.basePTS=0,n.type){case P.VIDEO:n.width=e.options.width,n.height=e.options.height,n.vps=d,n.sps=u,n.pps=p,n.rotate=(t=e.options.matrix).length<5||(r=Math.hypot(t[0],t[3]),i=Math.hypot(t[1],t[4]),0===r)||0===i?0:180*Math.atan2(t[1]/i,t[0]/r)/Math.PI,n.pixelRatio=[],n.codec=h.hvcCBox?h.hvcCBox.codec:(null==(i=h.avcCBox)?void 0:i.codec)||"",n.codecTag=h.hvcCBox?h.hvcCBox.codecTag:void 0;break;case P.AUDIO:n.audioObjectType=l,n.sampleRate=o,n.sampleSize=a,n.channelCount=s,n.codec=c;break;default:n.type=P.UNKNOWN}return n})},r=Number(h.options.offsetTime),h.metadata.progressive&&0<r&&h.seek(r),k.info("loadedmetadata metadata:",h.metadata),h.emit("loadedmetadata",h.metadata)):"moof"===i&&(k.info("\u68c0\u6d4b\u5230moof box\u88ab\u52a0\u8f7d\uff0c\u5f53\u524d\u7d20\u6750\u4e3afMP4"),h.moofParser.parse(f.mapBoxToJSON(e)))},h._handleCodecBoxLoaded=function(t){var e=["hvc1","hev1","avc1"].find(function(e){return e===t});e&&h.emit("loadedcodecinfo",e)},h.convertSampleToPacket=function(e){var t,r,i,n,o;return e.trackType===P.VIDEO&&(h.hvcCBox||h.avcCBox)?(o=e.data,t=e.isSync,r=(i=h.hvcCBox||h.avcCBox).lengthSizeMinusOne,i=i.codec,n=E.extractAVCCNAL(o,r),o=!1,h.hvcCBox&&(o=n.every(function(e){return x.isNonRef(e)})),t&&(h.hvcCBox?(h.hvcCBox.pps.forEach(function(e){return n.unshift(e)}),h.hvcCBox.sps.forEach(function(e){return n.unshift(e)}),h.hvcCBox.vps.forEach(function(e){return n.unshift(e)})):h.avcCBox&&(h.avcCBox.pps.forEach(function(e){return n.unshift(e)}),h.avcCBox.sps.forEach(function(e){return n.unshift(e)}))),{codec:i,trackId:e.trackId,trackType:e.trackType,isLast:e.isLast,dts:e.dts,pts:e.cts+e.dts,isSync:e.isSync,isNonRef:o,data:n,size:n.reduce(function(e,t){return e+t.byteLength},0),offset:e.offset}):e.trackType===P.AUDIO&&h.esdsBox?{codec:h.esdsBox.codec,trackId:e.trackId,trackType:e.trackType,dts:e.dts,pts:e.cts+e.dts,isLast:e.isLast,isSync:!0,isNonRef:!1,data:[e.data],size:e.data.byteLength,offset:e.offset}:void 0},h.options=e,h.moovParser=new Ji,h.moofParser=new Zi,e.sub||h.on("loadedbox",h._handleBoxLoad),h}function Sn(){var r=this;this.options=null,this._getTrakById=function(t){var e;return null==(e=r.options)?void 0:e.media.getTracks().find(function(e){return e.options.id===t})}}function Tn(){}function A(e){this.samples=[],this.nextSampleIndex=0,this.duration=0,this.options=e}function En(e){this.tracks=[],this.options=e}function wn(e,t){var r=rn.call(this,e,t)||this;r.sampleCounts=[],r.sampleDurations=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.sampleCounts[n]=t.read(4),r.sampleDurations[n]=t.read(4);return r}function xn(e,t){var r=on.call(this,e,t)||this;r.isContainer=!0,r.sampleSizes=[],r.version=t.read(1),r.flag=t.read(3),r.sampleSize=t.read(4);for(var i=t.read(4),n=0;n<i;n++)0===r.sampleSize?r.sampleSizes.push(t.read(4)):r.sampleSizes.push(r.sampleSize);return r}function Pn(e,t){var r=sn.call(this,e,t)||this;r.sampleNumbers=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.sampleNumbers.push(t.read(4));return r}function kn(e,t){e=cn.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e.entryCount=t.read(4),e}function Cn(e,t){var r=dn.call(this,e,t)||this;r.entries=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.entries.push({firstChunk:t.read(4),samplePerChunk:t.read(4),sampleDescriptionIndex:t.read(4)});return r}function In(e,t){var r=hn.call(this,e,t)||this;r.chunkOffsets=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.chunkOffsets.push(t.read(8));return r}function Ln(e,t){var r=yn.call(this,e,t)||this;r.chunkOffsets=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.chunkOffsets.push(t.read(4));return r}function An(e,t){var r=gn.call(this,e,t)||this;r.sampleCounts=[],r.sampleOffsets=[],r.version=t.read(1),r.flag=t.read(3),r.entryCount=t.read(4);for(var i=0;i<r.entryCount;i++)r.sampleCounts.push(t.read(4)),r.sampleOffsets.push(t.read(4));return r}function Rn(e,t){var r=mn.call(this,e,t)||this;r.sampleDurations=[],r.sampleSizes=[],r.sampleFlags=[],r.sampleCTSs=[],r.sampleCount=t.read(4),r.flag&L.DATA_OFFSET?r.dataOffset=t.readInt(4):r.dataOffset=0,r.flag&L.FIRST_FLAG?r.firstSampleFlag=t.read(4):r.firstSampleFlag=0;for(var i=0;i<r.sampleCount;i++)r.flag&L.DURATION&&(r.sampleDurations[i]=t.read(4)),r.flag&L.SIZE&&(r.sampleSizes[i]=t.read(4)),r.flag&L.FLAG&&(r.sampleFlags[i]=t.read(4)),r.flag&L.CTS_OFFSET&&(0===r.version?r.sampleCTSs[i]=t.read(4):r.sampleCTSs[i]=t.readInt(4));return r}(v=Hi=Hi||{})[v.H264=27]="H264",v[v.H265=36]="H265",v[v.AAC=15]="AAC";var Dn={1:P.VIDEO,2:P.VIDEO,3:P.AUDIO,4:P.AUDIO,5:P.UNKNOWN,6:P.UNKNOWN,7:P.UNKNOWN,8:P.UNKNOWN,9:P.UNKNOWN,10:P.UNKNOWN,11:P.UNKNOWN,12:P.UNKNOWN,13:P.UNKNOWN,14:P.UNKNOWN,15:P.AUDIO,16:P.VIDEO,17:P.AUDIO,18:P.UNKNOWN,19:P.UNKNOWN,20:P.UNKNOWN,21:P.UNKNOWN,22:P.UNKNOWN,23:P.UNKNOWN,24:P.UNKNOWN,25:P.UNKNOWN,26:P.UNKNOWN,27:P.VIDEO,28:P.AUDIO,29:P.UNKNOWN,30:P.VIDEO,31:P.UNKNOWN,32:P.UNKNOWN,33:P.VIDEO,36:P.VIDEO,66:P.UNKNOWN,127:P.UNKNOWN,128:P.AUDIO,129:P.AUDIO,130:P.AUDIO,131:P.AUDIO,132:P.AUDIO,133:P.AUDIO,134:P.AUDIO,135:P.AUDIO,144:P.UNKNOWN,145:P.UNKNOWN,192:P.UNKNOWN,193:P.AUDIO,194:P.AUDIO,207:P.UNKNOWN,209:P.VIDEO,210:P.VIDEO,219:P.UNKNOWN,234:P.VIDEO};function On(e){this.programs=[],this.tableId=e.read(1);var t=new d(e.read(2),16);this.sectionSyntaxIndicator=t.read(1),t.skip(1),t.skip(2),this.sectionLength=t.read(12),this.transportStreamId=e.read(2),(t=new d(e.read(1),8)).skip(2),this.versionNumber=t.read(5),this.currentNextIndicator=t.read(1),this.sectionNumber=e.read(1),this.lastSectionNumber=e.read(1);for(var r=0;r<this.sectionLength-12;r+=4)this.programs.push({number:e.read(2),pid:8191&e.read(2)});this.crc32=e.read(4)}function Nn(e){this.streamId=e.read(1),this.pesPacketLength=e.read(2);(t=new d(e.read(2),16)).skip(2),this.pesScramblingControl=t.read(2),this.pesPriority=t.read(1),this.dataAlignmentIndicator=t.read(1),this.copyright=t.read(1),this.originalOrCopy=t.read(1),this.ptsDtsFlags=t.read(2),this.esCRFlag=t.read(1),this.esRateFlag=t.read(1),this.dsmTrickModeFlag=t.read(1),this.additionalCopyInfoFlag=t.read(1),this.pesCRCFlag=t.read(1),this.pesExtensionFlag=t.read(1),this.pesHeaderDataLength=e.read(1);var t=e.offset;2&this.ptsDtsFlags?(this.pts=(14&e.read(1))<<27|e.read(2)>>>1<<13|e.read(2)>>>3,this.pts*=4,e.back(1),this.pts+=(6&e.read(1))>>>1,1&this.ptsDtsFlags?(this.dts=(14&e.read(1))<<27|e.read(2)>>>1<<13|e.read(2)>>>3,this.dts*=4,e.back(1),this.dts+=(6&e.read(1))>>>1):this.dts=this.pts):(this.pts=0,this.dts=0),0<(t=this.pesHeaderDataLength-(e.offset-t))&&e.skip(t),this.data=e.readToUint8()}function Mn(e){this.streams=[],this.tableId=e.read(1);var t=new d(e.read(2),16);this.sectionSyntaxIndicator=t.read(1),t.skip(1),t.skip(2),this.sectionLength=t.read(12),this.programNumber=e.read(2),(t=new d(e.read(1),8)).skip(2),this.versionNumber=t.read(5),this.currentNextIndicator=t.read(1),this.sectionNumber=e.read(1),this.lastSectionNumber=e.read(1),this.pcrPid=8191&e.read(2),this.programInfoLength=4095&e.read(2);for(var r=12+this.programInfoLength;r<=this.sectionLength-2;r+=5){var i={streamType:e.read(1),pid:8191&e.read(2),esInfoLength:4095&e.read(2)};this.streams.push(i),e.skip(i.esInfoLength),r+=i.esInfoLength}this.crc32=e.read(4)}var Un;(t=Un=Un||{})[t.PAT=0]="PAT",t[t.CAT=1]="CAT",t[t.TSDT=2]="TSDT";Gn.SYNC_BYTE=71;var R,Hn,Fn=Gn,v=oo(651),Bn=oo.n(v),jn=(Object.freeze({formatType:n.UNKNOWN,live:!1,progressive:!1,url:"",basePTS:0,baseDTS:0,timescale:0,duration:0,tracks:[]}),Object.freeze({type:P.VIDEO,id:0,baseDTS:0,basePTS:0,timescale:1e3,codec:"",width:0,height:0,vps:[],pps:[],sps:[],sei:[],pixelRatio:[],fps:0,live:!1})),Vn=Object.freeze({type:P.AUDIO,id:1,baseDTS:0,basePTS:0,timescale:1e3,codec:"",audioObjectType:2,samplingFrequencyIndex:0,sampleRate:0,sampleSize:16,channelCount:0}),qn=(Object.defineProperty(Wn.prototype,"size",{get:function(){return this.list.length},enumerable:!1,configurable:!0}),Wn.prototype.write=function(e){this.list.push(e)},Wn.prototype.read=function(){return this.list.shift()},Wn.prototype.readAll=function(){var e=this.list;return this.list=[],e},Wn.prototype.clear=function(){this.list=[]},Wn),t=(Hn=function(e,t){return(Hn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Hn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});function Wn(){this.list=[]}function Gn(e){var t=new d(e.read(4),32);this.syncByte=t.read(8),this.errorIndicator=t.read(1),this.payloadUnitStartIndicator=t.read(1),this.transportPriority=t.read(1),this.pid=t.read(13),this.transportScramblingControl=t.read(2),this.adaptationFlag=t.read(1),this.payloadFlag=t.read(1),this.continueCounter=t.read(4),this.adaptationFlag&&(t=e.read(1),e.skip(t)),this.payloadUnitStartIndicator&&e.skip(1)}(v=R=R||{})[v.UNKNOWN=0]="UNKNOWN",v[v.PAT=1]="PAT",v[v.PES=2]="PES",v[v.PMT=3]="PMT";t(N,eo=e),N.probe=function(e){if(e.byteLength<1)return!1;for(var t=0,r=e.byteLength;t<r;t+=188)if(e[t]!==Fn.SYNC_BYTE)return!1;return!0},N.prototype.splitToTsPacket=function(e){this.unhandleBuffer&&this.unhandleBuffer.byteLength&&(e=T.concat(this.unhandleBuffer,e),this.unhandleBuffer=void 0);for(var t=new Uint8Array(e),r=t.byteLength,i=0;i+188<=r;){if(t[i]!==Fn.SYNC_BYTE){var n=new Uint8Array(t.buffer,i).findIndex(function(e){return e===Fn.SYNC_BYTE});if(console.warn("[videox] mpegts sync byte error",t[i],i,n),-1<n){i+=n;continue}break}this.parseTsPacket(t.subarray(i,i+188)),i+=188}i<r&&(this.unhandleBuffer=e.slice(i))},N.prototype.parseTsPacket=function(e){var t,e=T.fromUint8(e),r=new Fn(e),i=null;r.pid===Un.PAT?(i=new On(e),this.patPrograms=i.programs,this.emitTSPacket(R.PAT,r,i)):this.patPrograms.some(function(e){return e.pid===r.pid})?(i=new Mn(e),(t=Q()(this.pmtStreams,i.streams))&&this.emitPackets(),this.metadataChanged=t,this.pmtStreams=i.streams,this.emitTSPacket(R.PMT,r,i)):(t=this.pmtStreams.find(function(e){return e.pid===r.pid}))?(r.payloadUnitStartIndicator&&this.parsePes(),this.prevPesSegments.push(e.readToUint8()),this.prevPesTSHeader=r,this.prevPmtStream=t):this.emitTSPacket(R.UNKNOWN,r,i)},N.prototype.parsePes=function(){var e,t=this.prevPmtStream;this.prevPesSegments.length&&this.prevPesTSHeader&&t&&(e=T.fromUint8(T.concatUint8s(this.prevPesSegments)),this.prevPesSegments=[],1===e.read(2))&&(e=new Nn(e),this.emitTSPacket(R.PES,this.prevPesTSHeader,e),t.streamType===Hi.H265||t.streamType===Hi.H264?this.parseVideoPes(e,t):t.streamType===Hi.AAC&&this.parseAudioPes(e,t))},N.prototype.parseVideoPes=function(e,t){var r=Math.round(e.dts/90),i=Math.round(e.pts/90),n=t.streamType===Hi.H265,o={},a=!0,s=!1,l=[],c=[],u=[],d=[];if(E.extractAnnexbNAL(e.data).forEach(function(e){var t,r,i=T.fromUint8(e);e.length<2||(n?(r=new x(i)).nalType<w.ACCESS_UNIT_DELIMITER&&(r.nalType>=w.VPS&&(r.nalType===w.SPS?(s=!0,t=new se(_e(i.readToUint8())),o.width=t.width,o.height=t.height,o.pixelRatio=t.pixelRatio,o.codec=t.codec,c.push(e)):r.nalType===w.VPS?u.push(e):r.nalType===w.PPS&&d.push(e)),l.push(e),a=x.isNonRefNALType(r.nalType)&&a):((r=new Y(i)).nalType<p.DIVIDER&&(r.nalType===p.SPS?(s=!0,t=new ne(_e(i.readToUint8())),o.width=t.width,o.height=t.height,o.pixelRatio=t.pixelRatio,o.codec=t.codec,c.push(e)):r.nalType===p.PPS&&d.push(e),l.push(e)),a=!1))}),!this.videoLoaded){if(!s)return;this.videoLoaded=!0,o.baseDTS=r,o.basePTS=i}u.length&&(o.vps=u),c.length&&(o.sps=c),d.length&&(o.pps=d),this.videoMetadata?(this.metadataChanged=J(this.videoMetadata,o),this.metadataChanged&&this.emit("updatedtrackmetadata",this.videoMetadata)):(this.videoMetadata=Bn()({},jn,o),this.metadataChanged=!0),this.checkMetadataChanged(),this.packetQueue.write({trackId:t.pid,codec:null==(e=this.videoMetadata)?void 0:e.codec,trackType:P.VIDEO,isSync:s,isNonRef:a,data:l,dts:r,pts:i,size:l.reduce(function(e,t){return e+t.byteLength},0)})},N.prototype.parseAudioPes=function(e,r){var t,i,n,o=this,a={},s=Math.round(e.dts/90),l=Math.round(e.pts/90),e=(this.audioLoaded||(this.audioLoaded=!0,a.baseDTS=s,a.basePTS=l),W(e.data));e.length&&(t=e[0],i="mp4a.40."+t.audioObjectType,a.codec=i,a.audioObjectType=t.audioObjectType,a.sampleRate=t.sampleRate,a.channelCount=t.channelCount,this.audioMetadata?(this.metadataChanged=J(this.audioMetadata,a),this.metadataChanged&&this.emit("updatedtrackmetadata",this.audioMetadata)):(this.audioMetadata=Bn()({},Vn,a),this.metadataChanged=!0),this.checkMetadataChanged(),n=Math.round(9e4*F/t.sampleRate/90),e.forEach(function(e,t){o.packetQueue.write({trackId:r.pid,codec:i,trackType:P.AUDIO,isSync:!0,isNonRef:!0,data:[e.data],dts:n*t+s,pts:n*t+l,size:e.data.byteLength})}))},N.prototype.checkMetadataChanged=function(){var t,e,r=this;return this.pmtStreams.length&&this.metadataChanged&&(t=[],this.pmtStreams.every(function(e){e=Dn[e.streamType];return e===P.VIDEO?(r.videoMetadata&&t.push(r.videoMetadata),!(!r.videoMetadata||!r.videoMetadata.codec)):e!==P.AUDIO||(r.audioMetadata&&t.push(r.audioMetadata),!(!r.audioMetadata||!r.audioMetadata.codec))}))&&(e={formatType:n.MPEGTS,live:!1,progressive:!!this.options.progressive,url:this.loader.url,basePTS:Math.min.apply(Math,t.map(function(e){return e.basePTS||0})),baseDTS:Math.min.apply(Math,t.map(function(e){return e.baseDTS||0})),timescale:1e3,duration:0,tracks:t},this.metadataChanged=!1,this.metadata?J(this.metadata,e)&&this.emit("updatedmetadata",this.metadata):(this.metadata=e,this.emit("loadedmetadata",this.metadata))),this.metadataChanged},N.prototype.emitTSPacket=function(e,t,r){k.debug("loadedtspacket","type:",R[e],"header:",t,"payload:",r),this.emit("loadedtspacket",{type:e,header:t,payload:r})},N.prototype.emitPackets=function(){var e;this.metadata&&this.loader.status!==y.SUSPENGING&&!this.metadataChanged&&0<this.packetQueue.size&&(e=this.packetQueue.readAll(),this.emit("loadeddata",{packets:e}))},N.prototype.continuousLoad=function(e){return this.loader.load(e)},N.prototype.parse=function(e){this.splitToTsPacket(e),this.emitPackets()},N.prototype.onProgress=function(e){e.data.byteLength&&this.parse(e.data.buffer)},N.prototype.onLoadEnd=function(){this.parsePes(),this.emitPackets(),this.loader.eof&&this.emit("end",void 0)},N.prototype.resume=function(){return this.options.progressive?eo.prototype.resume.call(this):so.resolve(!1)},N.prototype.flush=function(){this.unhandleBuffer=void 0,this.prevPesTSHeader=void 0,this.prevPmtStream=void 0,this.prevPesSegments=[]},N.prototype.seek=function(){this.reset(),this.loader.jump(0)},N.prototype.reset=function(){eo.prototype.reset.call(this),this.flush(),this.audioLoaded=!1,this.videoLoaded=!1,this.packetQueue.clear(),this.patPrograms=[],this.pmtStreams=[],this.metadata=null,this.audioMetadata=void 0,this.videoMetadata=void 0,this.metadataChanged=!1};var Xn=N;Zn=function(e,t){return(Zn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var Kn=function(){return(Kn=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},zn={M3U:/^#EXTM3U/,INF:/^#EXTINF:?([0-9\.]*)?,?(.*)?(?:\n|\r\n)(.*)$/,X_TARGETDURATION:/^#EXT-X-TARGETDURATION:?([0-9.]*)?/,X_VERSION:/^#EXT-X-VERSION:?([0-9.]*)?/,X_MEDIA_SEQUENCE:/^#EXT-X-MEDIA-SEQUENCE:?(\-?[0-9.]*)?/,X_DISCONTINUITY_SEQUENCE:/^#EXT-X-DISCONTINUITY-SEQUENCE:?(\-?[0-9.]*)?/,X_PLAYLIST_TYPE:/^#EXT-X-PLAYLIST-TYPE:?(.*)?$/,X_BYTERANGE:/^#EXT-X-BYTERANGE:?(.*)?$/,X_ALLOW_CACHE:/^#EXT-X-ALLOW-CACHE:?(YES|NO)?/,X_MAP:/^#EXT-X-MAP:?(.*)$/,X_STREAM_INF:/^#EXT-X-STREAM-INF:?(.*)$/,X_MEDIA:/^#EXT-X-MEDIA:?(.*)$/,X_ENDLIST:/^#EXT-X-ENDLIST/,X_DISCONTINUITY:/^#EXT-X-DISCONTINUITY/,X_PROGRAM_DATE_TIME:/^#EXT-X-PROGRAM-DATE-TIME:?(.*)$/,X_KEY:/^#EXT-X-KEY:?(.*)$/,X_START:/^#EXT-X-START:?(.*)$/,X_CUE_OUT_CONT:/^#EXT-X-CUE-OUT-CONT:?(.*)?$/,X_CUE_OUT:/^#EXT-X-CUE-OUT:?(.*)?$/,X_CUE_IN:/^#EXT-X-CUE-IN:?(.*)?$/,X_SKIP:/^#EXT-X-SKIP:(.*)$/,X_PART:/^#EXT-X-PART:(.*)$/,X_SERVER_CONTROL:/^#EXT-X-SERVER-CONTROL:(.*)$/,X_PART_INF:/^#EXT-X-PART-INF:(.*)$/,X_PRELOAD_HINT:/^#EXT-X-PRELOAD-HINT:(.*)$/,X_RENDITION_REPORT:/^#EXT-X-RENDITION-REPORT:(.*)$/},$n=(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Zn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(O,Jn=e),O.probe=function(e){var t;return 7<=e.byteLength&&(t=[],e.forEach(function(e){return t.push(String.fromCharCode(e))}),zn.M3U.test(t.join("")))},Object.defineProperty(O.prototype,"status",{get:function(){return this.loader.eof?this.mpegtsParser.status===y.IDLE?this.shouldContinuousLoad?y.LOADING:y.SUSPENGING:this.mpegtsParser.status:this.loader.status},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"duration",{get:function(){return this.isLive?1/0:Math.round(1e3*this.segments.reduce(function(e,t){return e+t.duration},0))},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"currentSegment",{get:function(){return this.segments[this.currSegmentIndex]},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"prevSegmentsTotalDuration",{get:function(){return this.segments.slice(0,this.currSegmentIndex).reduce(function(e,t){return e+t.duration},0)},enumerable:!1,configurable:!0}),O.prototype.insertSegment=function(t){var e=!this.segments.some(function(e){return e.uri===t.uri});return e&&this.segments.push(t),e},O.prototype.onProgress=function(e){this.bufferSegments.push(e)},O.prototype.onLoadEnd=function(){var r,e,i,n,o,a=this;this.loader.eof&&(e=T.concatUint8s(this.bufferSegments.map(function(e){return e.data})),this.bufferSegments=[],e.byteLength&&(e=(new TextDecoder).decode(e).split(/\n#/).map(function(e){return"#"+e.trim()}),i=0,o=n=!1,e.forEach(function(e){var t=e.match(zn.INF);t?(t={sequence:i,duration:parseFloat(t[1]),uri:new URL(t[3],a.url).href,discontinuity:o},a.insertSegment(t),a.emit("loadedsegment",t)):(r=e.match(zn.X_MEDIA_SEQUENCE))?i=Number(r[1]):zn.X_ENDLIST.test(e)?n=!0:zn.X_DISCONTINUITY.test(e)&&(o=!0)}),this.discontinuity=o,this.isLive=!n,this.segments.length||this.emit("error",{code:h.PARSER,message:"M3U8\u6587\u4ef6\u65e0TS\u6570\u636e"}),this.prevManifestLoadedTime=Date.now(),this.loadSegment()),k.info("hls manifest loaded, all segments length:",this.segments.length))},O.prototype.loadSegment=function(){var e,t,r=this;return this.shouldContinuousLoad?(e=this.segments[this.currSegmentIndex],this.isLive&&!e?(t=1e3*this.m3u8UpdateDuration-(Date.now()-this.prevManifestLoadedTime))<=0?this.loader.load(this.loader.url):new so(function(e){clearTimeout(r.fetchTimer),r.fetchTimer=setTimeout(function(){e(r.loader.load(r.loader.url))},t)}):e?(this.cachePackets=[],this.m3u8UpdateDuration=e.duration||2,this.currSegmentStartPTS=void 0,this.mpegtsParser.continuousLoad(e.uri)):(this.ended=!0,so.resolve(!1))):so.resolve(!1)},O.prototype.suspend=function(){clearTimeout(this.fetchTimer),this.shouldContinuousLoad=!1},O.prototype.resume=function(){var e;return this.cachePackets.length?(e=this.cachePackets,this.cachePackets=[],this.emit("loadeddata",{packets:e}),so.resolve(!1)):this.shouldContinuousLoad||this.ended?so.resolve(!1):(this.shouldContinuousLoad=!0,this.loader.eof?this.mpegtsParser.loader.status===y.LOADING||this.mpegtsParser.loader.status===y.ERROR?so.resolve(!0):this.loadSegment():Jn.prototype.resume.call(this))},O.prototype.seek=function(t){this.ended=!1;var r=0,e=this.segments.findIndex(function(e){return r+=e.duration,t<r});this.currSegmentIndex=-1<e?e:this.segments.length-1,this.cachePackets=[],this.bufferSegments=[],this.mpegtsParser.suspend(),this.mpegtsParser.flush(),this.shouldContinuousLoad=!0,this.loadSegment()},O.prototype.reset=function(){clearTimeout(this.fetchTimer),Jn.prototype.reset.call(this),this.discontinuity=!1,this.cachePackets=[],this.bufferSegments=[],this.shouldContinuousLoad=!0,this.mpegtsParser.reset(),this.segments=[],this.currSegmentIndex=0,this.isLive=!1,this.ended=!1},O.prototype.destroy=function(){Jn.prototype.destroy.call(this),this.mpegtsParser.loader.removeAllListeners(),this.mpegtsParser.destroy()},O);Qn=function(e,t){return(Qn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var Yn,Qn,Jn,Zn,eo,to=function(){return(to=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},ro=["loadedcodecinfo","loadedmetadata","updatedmetadata","loadeddata","error"],io=[bn,mt,$n,Xn],no=(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Qn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(D,Yn=Fe),D.prototype.createLoader=function(){var e=new Ke(this.options);return e.proxy(this,["progress","error"]),e.proxyOnce(this,["loadstart","loadend"]),e.once("progress",this.handleFirstLoadData),e},D.prototype.createParser=function(e){e=new e(to(to({},this.options),{loader:this.loader}));return e.proxy(this,ro),e},Object.defineProperty(D.prototype,"skipFrame",{get:function(){return this.activeParser.skipFrame},set:function(e){k.info("\u8bbe\u7f6eskipFrame:",e),void 0!==e&&(this.options.skipFrame=e,this.activeParser.skipFrame=e)},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"status",{get:function(){return this.activeParser.status},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"url",{get:function(){return this.loader.url},enumerable:!1,configurable:!0}),D.prototype.parse=function(e){k.info("\u6267\u884cparse"),this.loader.reset(),this.handleFirstLoadData({offset:0,data:e}),this.activeParser.onLoadEnd()},D.prototype.load=function(e){return k.info("\u6267\u884cload",e),this.loader.destroy(),this.loader=this.createLoader(),this.loader.load(e)},D.prototype.seek=function(e){return k.info("\u6267\u884cseek",e),this.activeParser.seek(e)},D.prototype.suspend=function(){return this.activeParser.suspend()},D.prototype.resume=function(){return this.activeParser.resume()},D.prototype.destroy=function(){k.info("\u6267\u884cdestory"),this.loader.destroy(),this.activeParser.destroy(),this.removeAllListeners()},D);function D(e){void 0===e&&(e={});var i=Yn.call(this)||this;return i.loader=new Ke,i.parserClasses=io,i.logger=k,i.handleFirstLoadData=function(t){var e,r;t&&((r=i.parserClasses.find(function(e){return e.probe(t.data)}))?(e=i.activeParser.formatType,i.activeParser.destroy(),i.activeParser=i.createParser(r),k.info("\u5207\u6362parser, ".concat(n[e]," -> ").concat(n[i.activeParser.formatType])),i.emit("parserchange",void 0),i.activeParser.onProgress(t)):(r="\u672a\u627e\u5230\u5bf9\u5e94\u7684Parser, Byte\u6570\u636e: "+t.data.slice(0,20).join(","),k.error(r),i.emit("error",{code:h.PARSER,message:r})))},i.options=e,i.loader=i.createLoader(),i.activeParser=i.createParser(i.parserClasses[0]),i.logger.info("demuxer options",e),i}function O(e){var o=Jn.call(this,e)||this;return o.mpegtsParser=new Xn({progressive:!0,timeout:o.options.timeout}),o.currSegmentIndex=0,o.isLive=!1,o.shouldContinuousLoad=!0,o.ended=!1,o.prevManifestLoadedTime=0,o.fetchTimer=-1,o.discontinuity=!1,o.m3u8UpdateDuration=2,o.bufferSegments=[],o.cachePackets=[],o.formatType=n.HLS,o.segments=[],o.handleTSEnd=function(){o.currSegmentIndex>=o.segments.length-1&&o.emit("end",void 0)},o.handleTSLoadedMetadata=function(e){void 0===o.basePTS&&(o.basePTS=e.basePTS),void 0===o.baseDTS&&(o.baseDTS=e.baseDTS);e=Kn(Kn({},e),{formatType:n.HLS,live:o.isLive,progressive:!0,basePTS:o.basePTS,baseDTS:o.baseDTS,duration:o.duration,url:o.loader.url,discontinuity:o.discontinuity});o.metadata?J(o.metadata,e)&&o.emit("updatedmetadata",o.metadata):(o.metadata=e,o.emit("loadedmetadata",o.metadata))},o.handleTSLoadedData=function(e){var t,r,i,n,e=e.packets;e.length&&(null!=(t=o.currentSegment)&&t.discontinuity&&(t=e.slice().sort(function(e,t){return e.pts-t.pts}),void 0===o.currSegmentStartPTS&&(o.currSegmentStartPTS=t[0].pts),r=o.currSegmentStartPTS,i=Math.round(1e3*o.prevSegmentsTotalDuration)+(o.basePTS||0),t.forEach(function(e){var t=e.dts-e.pts;e.pts=i+e.pts-r,e.dts=e.pts+t})),o.cachePackets.length?(n=o.cachePackets.concat(e),o.cachePackets=[]):n=e,o.shouldContinuousLoad?o.emit("loadeddata",{packets:n}):o.cachePackets=n)},o.handleTSLoadEnd=function(){o.currSegmentIndex++,o.loadSegment()},o.mpegtsParser.on("loadedmetadata",o.handleTSLoadedMetadata),o.mpegtsParser.on("updatedmetadata",o.handleTSLoadedMetadata),o.mpegtsParser.on("loadeddata",o.handleTSLoadedData),o.mpegtsParser.on("end",o.handleTSEnd),o.mpegtsParser.loader.on("loadend",o.handleTSLoadEnd),o.mpegtsParser.loader.proxy(o,["error"]),o.mpegtsParser.proxy(o,["updatedtrackmetadata"]),o}function N(){var e=null!==eo&&eo.apply(this,arguments)||this;return e.patPrograms=[],e.pmtStreams=[],e.prevPesSegments=[],e.packetQueue=new qn,e.audioLoaded=!1,e.videoLoaded=!1,e.metadataChanged=!1,e.metadata=null,e.formatType=n.MPEGTS,e}}(),ao;function oo(e){var t=i[e];return void 0!==t||(t=i[e]={id:e,loaded:!1,exports:{}},r[e](t,t.exports,oo),t.loaded=!0),t.exports}var r,i,ao},"object"==typeof r&&"object"==typeof t?t.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof r?r.VideoxDemux=i():e.VideoxDemux=i()},{"es6-promise":8}],53:[function(e,t,r){function a(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return(t>>>0).toString()}var s=e("./vttparse");t.exports={parse:function(e,t,r){var i,e=e.trim().replace(/\r\n|\n\r|\n|\r/g,"\n").split("\n"),n=[],o=new s;o.oncue=function(e){e.id=a(e.startTime)+a(e.endTime)+a(e.text),e.text=decodeURIComponent(escape(e.text)),e.isBig=!1;var t=e.text.split("#xywh=");2==t.length&&(t=t[1].split(","),e.x=t[0],e.y=t[1],e.w=t[2],e.h=t[3],e.isBig=!0),0<e.endTime&&n.push(e)},o.onparsingerror=function(e){i=e},o.onflush=function(){i&&r?(r(i),console.log(i)):t(n)},e.forEach(function(e){o.parse(e+"\n")}),o.flush()}}},{"./vttparse":55}],54:[function(e,t,r){function b(e){return"string"==typeof e&&!!n[e.toLowerCase()]&&e.toLowerCase()}function S(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)e[r]=i[r]}return e}function i(e,t,r){var i=this,n=function(){if("undefined"!=typeof navigator)return/MSIE\s8\.0/.test(navigator.userAgent)}(),o={},a=(n?i=document.createElement("custom"):o.enumerable=!0,i.hasBeenReset=!1,""),s=!1,l=e,c=t,u=r,d=null,p="",h=!0,f="auto",y="start",_=50,g="middle",v=50,m="middle";if(Object.defineProperty(i,"id",S({},o,{get:function(){return a},set:function(e){a=""+e}})),Object.defineProperty(i,"pauseOnExit",S({},o,{get:function(){return s},set:function(e){s=!!e}})),Object.defineProperty(i,"startTime",S({},o,{get:function(){return l},set:function(e){if("number"!=typeof e)throw new TypeError("Start time must be set to a number.");l=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"endTime",S({},o,{get:function(){return c},set:function(e){if("number"!=typeof e)throw new TypeError("End time must be set to a number.");c=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"text",S({},o,{get:function(){return u},set:function(e){u=""+e,this.hasBeenReset=!0}})),Object.defineProperty(i,"region",S({},o,{get:function(){return d},set:function(e){d=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"vertical",S({},o,{get:function(){return p},set:function(e){e="string"==typeof(e=e)&&!!T[e.toLowerCase()]&&e.toLowerCase();if(!1===e)throw new SyntaxError("An invalid or illegal string was specified.");p=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"snapToLines",S({},o,{get:function(){return h},set:function(e){h=!!e,this.hasBeenReset=!0}})),Object.defineProperty(i,"line",S({},o,{get:function(){return f},set:function(e){if("number"!=typeof e&&"auto"!==e)throw new SyntaxError("An invalid number or illegal string was specified.");f=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"lineAlign",S({},o,{get:function(){return y},set:function(e){e=b(e);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");y=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"position",S({},o,{get:function(){return _},set:function(e){if(e<0||100<e)throw new Error("Position must be between 0 and 100.");_=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"positionAlign",S({},o,{get:function(){return g},set:function(e){e=b(e);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");g=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"size",S({},o,{get:function(){return v},set:function(e){if(e<0||100<e)throw new Error("Size must be between 0 and 100.");v=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"align",S({},o,{get:function(){return m},set:function(e){e=b(e);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");m=e,this.hasBeenReset=!0}})),i.displayState=void 0,n)return i}var T,n;t.exports="undefined"!=typeof window&&window.VTTCue?window.VTTCue:(T={"":!0,lr:!0,rl:!0},n={start:!0,middle:!0,end:!0,left:!0,right:!0},i.prototype.getCueAsHTML=function(){return window.WebVTT.convertCueToDOMTree(window,this.text)},i)},{}],55:[function(e,t,r){function i(){return{decode:function(e){if(!e)return"";if("string"!=typeof e)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(e))}}}var s=e("./vttcue");function n(){this.window=window,this.state="INITIAL",this.buffer="",this.decoder=new i,this.regionList=[]}function l(){this.values=Object.create(null)}function c(e,t,r,i){var n,o,a=i?e.split(i):[e];for(n in a)"string"==typeof a[n]&&2===(o=a[n].split(r)).length&&t(o[0],o[1])}l.prototype={set:function(e,t){this.get(e)||""===t||(this.values[e]=t)},get:function(e,t,r){return r?this.has(e)?this.values[e]:t[r]:this.has(e)?this.values[e]:t},has:function(e){return e in this.values},alt:function(e,t,r){for(var i=0;i<r.length;++i)if(t===r[i]){this.set(e,t);break}},integer:function(e,t){/^-?\d+$/.test(t)&&this.set(e,parseInt(t,10))},percent:function(e,t){return!!(t.match(/^([\d]{1,3})(\.[\d]*)?%$/)&&0<=(t=parseFloat(t))&&t<=100)&&(this.set(e,t),!0)}};var u=new s(0,0,0),d="middle"===u.align?"middle":"center";function p(i,e,o){var t,a,n=i;function r(){var e,t=(t=(t=i).match(/^(\d+):(\d{2})(:\d{2})?(\.\d{3})?/))?(e=(e=t[4])&&e.replace(".",""),t[3]?r(t[1],t[2],t[3].replace(":",""),e):59<t[1]?r(t[1],t[2],0,e):r(0,t[1],t[2],e)):null;function r(e,t,r,i){return 3600*(0|e)+60*(0|t)+(0|r)+(0|i)/1e3}if(null===t)throw new Error("Malformed timestamp: "+n);return i=i.replace(/^[^\sa-zA-Z-]+/,""),t}function s(){i=i.replace(/^\s+/,"")}if(s(),e.startTime=r(),s(),"--\x3e"!==i.substr(0,3))throw new Error("Malformed time stamp (time stamps must be separated by '--\x3e'): "+n);i=i.substr(3),s(),e.endTime=r(),s(),t=i,e=e,a=new l,c(t,function(e,t){switch(e){case"region":for(var r=o.length-1;0<=r;r--)if(o[r].id===t){a.set(e,o[r].region);break}break;case"vertical":a.alt(e,t,["rl","lr"]);break;case"line":var i=t.split(","),n=i[0];a.integer(e,n),a.percent(e,n)&&a.set("snapToLines",!1),a.alt(e,n,["auto"]),2===i.length&&a.alt("lineAlign",i[1],["start",d,"end"]);break;case"position":i=t.split(","),a.percent(e,i[0]),2===i.length&&a.alt("positionAlign",i[1],["start",d,"end","line-left","line-right","auto"]);break;case"size":a.percent(e,t);break;case"align":a.alt(e,t,["start",d,"end","left","right"])}},/:/,/\s/),e.region=a.get("region",null),e.vertical=a.get("vertical",""),"auto"===(t=a.get("line","auto"))&&-1===u.line&&(t=-1),e.line=t,e.lineAlign=a.get("lineAlign","start"),e.snapToLines=a.get("snapToLines",!0),e.size=a.get("size",100),e.align=a.get("align",d),"auto"===(t=a.get("position","auto"))&&50===u.position&&(t="start"===e.align||"left"===e.align?0:"end"===e.align||"right"===e.align?100:50),e.position=t}n.prototype={parse:function(e){var i=this;function t(){for(var e=0,t=(t=i.buffer).replace(/<br(?: \/)?>/gi,"\n");e<t.length&&"\r"!==t[e]&&"\n"!==t[e];)++e;var r=t.substr(0,e);return"\r"===t[e]&&++e,"\n"===t[e]&&++e,i.buffer=t.substr(e),r}e&&(i.buffer+=i.decoder.decode(e,{stream:!0}));try{if("INITIAL"===i.state){if(!/\r\n|\n/.test(i.buffer))return this;var r,n=(r=t()).match(/^WEBVTT([ \t].*)?$/);if(!n||!n[0])throw new Error("Malformed WebVTT signature.");i.state="HEADER"}for(var o=!1;i.buffer;){if(!/\r\n|\n/.test(i.buffer))return this;switch(o?o=!1:r=t(),i.state){case"HEADER":/:/.test(r)?c(r,function(e,t){"Region"===e&&console.log("parse region",t)},/:/):r||(i.state="ID");continue;case"NOTE":r||(i.state="ID");continue;case"ID":if(/^NOTE($|[ \t])/.test(r)){i.state="NOTE";break}if(!r)continue;if(i.cue=new s(0,0,""),i.state="CUE",-1===r.indexOf("--\x3e")){i.cue.id=r;continue}case"CUE":try{p(r,i.cue,i.regionList)}catch(e){i.cue=null,i.state="BADCUE";continue}i.state="CUETEXT";continue;case"CUETEXT":var a=-1!==r.indexOf("--\x3e");if(!r||a&&(o=!0)){i.oncue&&i.oncue(i.cue),i.cue=null,i.state="ID";continue}i.cue.text&&(i.cue.text+="\n"),i.cue.text+=r;continue;case"BADCUE":r||(i.state="ID");continue}}}catch(e){"CUETEXT"===i.state&&i.cue&&i.oncue&&i.oncue(i.cue),i.cue=null,i.state="INITIAL"===i.state?"BADWEBVTT":"BADCUE"}return this},flush:function(){try{if(this.buffer+=this.decoder.decode(),!this.cue&&"HEADER"!==this.state||(this.buffer+="\n\n",this.parse()),"INITIAL"===this.state)throw new Error("Malformed WebVTT signature.")}catch(e){throw e}return this.onflush&&this.onflush(),this}},t.exports=n},{"./vttcue":54}],56:[function(e,t,r){function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}function i(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function n(e,t,r){t&&i(e.prototype,t),r&&i(e,r),Object.defineProperty(e,"prototype",{writable:!1})}var a=e("./vtt-parser"),s=e("./vtt-renderer"),l=e("./vtt-loader"),c=e("../../player/base/event/eventtype"),u=e("../../lib/ua"),d=e("../../lib/event"),p=e("../../ui/component/util"),e=function(){function e(e){this.parser=null,this.activeRenderer=null,this.trackConfigs=null,this.hasUserTracks=!1,this.vttText={},this.tickTimer=null,this.prevPosition=null,this._enabled=!1,this._isShow=!1,this.sleeper=new h,this.player=(e=e||{}).player,this.loader=new l,this.parser=new a,this.createRendererInstance(),this.bindEvents()}var t=e.prototype;return t.bindEvents=function(){var t,r=this,e=this,i=this.player,n=(i.on(c.Private.TextTrackFounded,function(e){if("user"===e.paramData.from)r.hasUserTracks=!0;else if(r.hasUserTracks)return;e=e.paramData.textTracks;e&&e.length&&(r.enabled=!0,r.trackConfigs=e.map(function(e){return o({},e,{label:e.label||e.srclang,language:e.srclang})}),r.trackConfigs.forEach(function(e){r.activeRenderer.addTrack(e),"always"===i.getOptions().controlBarVisibility&&r.activeRenderer.forceUpdateCuesStyle({transform:"translateY(-44px)"},r.parser.cues)}))}),i.on(c.Private.UserTrackReset,function(){r.hasUserTracks=!1}),i.on(c.Player.H265PlayInfo,function(e){e.paramData.splayer&&r.switchRenderer(s.VttBasicRenderer.RENDER_TYPE_CUSTOM)}),u.IS_IOS?(t=!1,i.on(c.Player.RequestFullScreen,function(){t=!0}),d.on(i.tag,"webkitendfullscreen",function(){t=!1}),d.on(i.tag.textTracks,"change",function(){var e;r.sleeper.isSleep||(r.sleeper.sleep(1e3),r.isCustomRenderer)||t&&(e=i.tag.textTracks,(e=Array.from(e).find(function(e){return"showing"===e.mode}))?r.activeTrackConfig&&r.activeTrackConfig.language===e.language||(r.switchTrack(e.language),i.trigger(c.Private.SelectorValueChange,{type:"cc",text:e.label})):i.trigger(c.Private.CCStateChanged,{value:"off",lang:""}))})):(i.on(c.Player.RequestFullScreen,this.adjustLayout.bind(this)),i.on(c.Player.CancelFullScreen,this.adjustLayout.bind(this)),n=p.debounce(function(){e.isCustomRenderer&&e.activeRenderer.resetCuesStyle(r.parser.cues)},100),d.on(window,"resize",n)),p.throttle(function(){e.isShow&&(e.activeRenderer.forceUpdateCuesStyle({transform:"translateY(-44px)"},e.parser.cues),e.player.paused())&&(e.activeRenderer.hide(),e.activeRenderer.restore())},100)),n=(i.on(c.Private.ShowBar,n),p.throttle(function(){e.isShow&&(e.activeRenderer.forceUpdateCuesStyle({transform:"none"},e.parser.cues),e.player.paused())&&(e.activeRenderer.hide(),e.activeRenderer.restore())},100));i.on(c.Private.HideBar,n),i.on(c.Private.VttHide,function(){r.hide()}),i.on(c.Private.VttSwitchTrack,function(e){r.switchTrack(e.paramData)}),i.on(c.Private.VttClearTracks,function(){r.reset()})},t.createRendererInstance=function(e){this.activeRenderer&&this.activeRenderer.dispose();var t=this.player.getOptions(),r={player:this.player};this.adaptPlatform(),e?e===s.VttBasicRenderer.RENDER_TYPE_NATIVE?this.activeRenderer=new s.NativeRenderer(r):(r.overlayId=this.getOverlayId(),this.activeRenderer=new s.CustomRenderer(r)):t.useNativeTextRenderer?this.activeRenderer=new s.NativeRenderer(r):(r.overlayId=this.getOverlayId(),this.activeRenderer=new s.CustomRenderer(r))},t.switchTrack=function(t){var e,r=this;this.trackConfigs&&this.trackConfigs.length&&(this.activeTrackConfig&&(this.parser.dispose(),this.parser=new a,this.activeRenderer.clearTrack(this.activeTrackConfig.language),this.activeRenderer.hide()),this.activeTrackConfig=t,e=this.trackConfigs.find(function(e){return e.language===t}))&&(e=e._loaded?"":(e||{}).src,this.loadVtt(e,function(){r.parseVtt(),r.activeRenderer.addCues(r.parser.cues,r.activeTrackConfig.language),r.show()}))},t.adaptPlatform=function(){var e=this.player.getOptions();u.IS_IOS&&(e.useNativeTextRenderer=!0)},t.loadVtt=function(e,t){var r=this;e?this.loader.loadFromUrl(e,function(e){r.activeTrackConfig._loaded=!0,r.vttText[r.activeTrackConfig.language]=e,t&&t()}):t&&t()},t.show=function(){this._isShow=!0,this.isCustomRenderer&&this.startTickTimeListener(),this.activeRenderer.show(this.activeTrackConfig.language);var e=this.player.el().getElementsByClassName("prism-controlbar")[0];e&&"block"===(null==(e=e.style)?void 0:e.display)&&this.activeRenderer.forceUpdateCuesStyle({transform:"translateY(-44px)"},this.parser.cues)},t.hide=function(){this._isShow=!1,this.clearTicker(),this.activeRenderer.hide()},t.switchRenderer=function(e){var t=this,r=s.VttBasicRenderer.RENDER_TYPE_NATIVE,i=s.VttBasicRenderer.RENDER_TYPE_CUSTOM;(e===r&&this.activeRenderer.type!==r||e===i&&this.activeRenderer.type!==i)&&(this.createRendererInstance(e),this.trackConfigs.forEach(function(e){return t.activeRenderer.addTrack(e)}),this.activeRenderer.addCues(this.parser.cues,this.activeTrackConfig.language),this.show())},t.parseVtt=function(){this.parser.parse(this.vttText[this.activeTrackConfig.language])},t.adjustLayout=function(){var e=this;this.isShow&&this.isCustomRenderer&&(this.activeRenderer.hide(),setTimeout(function(){e.activeRenderer.restore()},300))},t.startTickTimeListener=function(){var t=this;this.clearTicker(),this.tick(function(){var e=t.player.getCurrentTime();isNaN(e)||t.activeRenderer.renderCues(t.findTargetCues(e))})},t.tick=function(e){var t=this;this.tickTimer=requestAnimationFrame(function(){try{e()}catch(e){console.log("e",e)}t.tick(e)})},t.clearTicker=function(){this.tickTimer&&(cancelAnimationFrame(this.tickTimer),this.tickTimer=null)},t.getOverlayId=function(){var e=(this.player.el().getElementsByClassName("prism-text-overlay")||[])[0];if(e)return e.id},t.findTargetCues=function(e){if(this.parser&&e!==this.prevPosition){this.prevPosition=e;for(var t=[],r=0;r<this.parser.cues.length;r++){var i=this.parser.cues[r];if(e>=i.startTime&&e<=i.endTime)t.push(i);else if(e<i.startTime)break}return t}},t.reset=function(){this.clearTicker(),this.parser&&this.parser.reset(),this.activeRenderer&&this.activeRenderer.reset()},t.dispose=function(){this.clearTicker(),this.parser&&(this.parser.dispose(),this.parser=null),this.activeRenderer&&(this.activeRenderer.dispose(),this.activeRenderer=null),this.trackConfigs=null,this.hasUserTracks=!1,this.vttText={},this.prevPosition=null,this._enabled=!1,this._isShow=!1},n(e,[{key:"isShow",get:function(){return this._isShow}},{key:"enabled",get:function(){return this._enabled},set:function(e){this._enabled=e}},{key:"isCustomRenderer",get:function(){if(this.activeRenderer)return this.activeRenderer.type===s.VttBasicRenderer.RENDER_TYPE_CUSTOM}},{key:"activeTrackConfig",get:function(){var e;return null==(e=this.trackConfigs)?void 0:e.find(function(e){return e._isActive})},set:function(t){this.trackConfigs.forEach(function(e){return e._isActive=e.language===t})}}]),e}(),h=function(){function e(){this.value=!1,this.timer=null}return e.prototype.sleep=function(e){var t=this;this.timer&&clearTimeout(this.timer),this.value=!0,this.timer=setTimeout(function(){t.value=!1},e)},n(e,[{key:"isSleep",get:function(){return this.value}}]),e}();t.exports=e},{"../../lib/event":33,"../../lib/ua":49,"../../player/base/event/eventtype":70,"../../ui/component/util":159,"./vtt-loader":58,"./vtt-parser":59,"./vtt-renderer":60}],57:[function(e,t,r){function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}function n(e,t){e.prototype=Object.create(t.prototype),o(e.prototype.constructor=e,t)}function o(e,t){return(o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function a(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t,r){t&&a(e.prototype,t),r&&a(e,r),Object.defineProperty(e,"prototype",{writable:!1})}var l=e("../../lib/data"),c={DISABLED:"disabled",SHOWING:"showing",HIDDEN:"hidden"},u={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",METADATA:"metadata",CHAPTERS:"chapters"},e=function(r){function e(e){var e=i({},e=void 0===e?{}:e,{kind:e.kind||u.SUBTITLES,language:e.language||e.srclang||""}),t=e.mode||c.DISABLED;e.default;return-1<[u.METADATA,u.CHAPTERS].indexOf(e.kind)&&(t=c.HIDDEN),e.mode=t,(t=r.call(this,e)||this)._cues=[],t._activeCues=[],t._settings={},t._nativeTrack=null,t._extData={},t._settings=e,t}n(e,r);var t=e.prototype;return t.setExtData=function(e){this._extData=i({},this._extData,e=void 0===e?{}:e)},t.addCue=function(e){this._cues.push(e),this.nativeTrack&&this.nativeTrack.addCue(e)},t.removeCue=function(t){this._cues=this._cues.filter(function(e){return e!==t}),this.nativeTrack&&this.nativeTrack.removeCue(t)},s(e,[{key:"default",get:function(){return this._settings.default}},{key:"mode",get:function(){return this._settings.mode},set:function(e){this._settings.mode=e,this.nativeTrack&&(this.nativeTrack.mode=e)}},{key:"language",get:function(){return this._settings.language},set:function(e){this._settings.language=e,this.nativeTrack&&(this.nativeTrack.language=e)}},{key:"cues",get:function(){return this._cues}},{key:"activeCues",get:function(){return this._activeCues}},{key:"nativeTrack",get:function(){return this._nativeTrack},set:function(e){this._nativeTrack=e}}]),e}(function(){function e(e){this._id=(e=void 0===e?{}:e).id||"prism-track-"+l.guid(),this._kind=e.kind||"",this._language=e.language||"",this._label=e.label||""}return s(e,[{key:"label",get:function(){return this._label},set:function(e){this._label=e}},{key:"id",get:function(){return this._id}},{key:"kind",get:function(){return this._kind}},{key:"language",get:function(){return this._language}}]),e}()),d=function(e){function t(){return e.call(this)||this}return n(t,e),t}(function(){function e(){this._trackList=[]}return e.prototype.addTrack=function(e){var t=this.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this._trackList[t]}}),-1===this._trackList.indexOf(e)&&this._trackList.push(e)},s(e,[{key:"length",get:function(){return this._trackList.length}},{key:"list",get:function(){return this._trackList}}]),e}());t.exports.TextTrack=e,t.exports.TextTrackList=d,t.exports.TRACK_MODE=c,t.exports.TRACK_KIND=u},{"../../lib/data":30}],58:[function(e,t,r){var i=e("../io");t.exports=function(){function e(){}return e.prototype.loadFromUrl=function(e,t){i.get(e,function(e){t(e)},function(e,t){console.log("ERR",e,t)})},e}()},{"../io":40}],59:[function(e,t,r){function n(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=e("./vttjs").WebVTT,e=function(){function e(){var t=this;this._cues=[],this._regions=[],this.parser=new o.Parser(window,o.StringDecoder()),this.parser.onregion=function(e){t._regions.push(e)},this.parser.oncue=function(e){t._cues.push(e)},this.parser.onflush=function(){},this.parser.onparsingerror=function(e){console.log("onparsingerror",e)}}var t,r,i=e.prototype;return i.parse=function(e){this.parser.parse(e),this.parser.flush()},i.reset=function(){this.parser.flush(),this._cues=[],this._regions=[]},i.dispose=function(){this.parser.flush(),this.parser=null,this._cues=[],this._regions=[]},i=e,(t=[{key:"cues",get:function(){return this._cues}}])&&n(i.prototype,t),r&&n(i,r),Object.defineProperty(i,"prototype",{writable:!1}),e}();t.exports=e},{"./vttjs":61}],60:[function(e,t,r){function o(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}function a(e,t){e.prototype=Object.create(t.prototype),n(e.prototype.constructor=e,t)}function n(e,t){return(n=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}e("../../player/base/event/eventtype");var s=e("./text-track"),l=e("./vttjs").WebVTT,c=e("../../lib/dom"),u=s.TextTrack,d=s.TextTrackList,p=s.TRACK_MODE,h=(s.TRACK_KIND,function(){function e(e){this.player=null,this.type=null,this.trackList=null,this.overrideStyle={},this.player=(e=e||{}).player,this.defineTextTrackGetter(),this.trackList=new d}var t=e.prototype;return t.log=function(){for(var e,t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];(e=console).log.apply(e,["[LOG:"+this.type+"]"].concat(r))},t.defineTextTrackGetter=function(){var e=this;this.player.getTextTracks=function(){return e.trackList||[]}},t.show=function(e){e=this.findTrackByLanguage(e);e&&(e.mode=p.SHOWING)},t.findTrackByLanguage=function(t){return this.trackList.list.find(function(e){return e.language===t})},t.clearCurrentCues=function(e){if(e){var t=e.mode;if(t===p.DISABLED&&(e.mode=p.HIDDEN),e.cues)for(var r=e.cues.length;r--;)e.removeCue(e.cues[r]);t===p.DISABLED&&(e.mode=t)}},t.addTrack=function(){},t.addCues=function(){},t.restore=function(){},t.renderCues=function(){},t.updateCuesStyle=function(){},t.clearTrack=function(e){this.clearCurrentCues(this.findTrackByLanguage(e))},t.clearAllTracks=function(){var t=this;this.trackList&&this.trackList.length&&this.trackList.list.forEach(function(e){e.mode=p.DISABLED,t.clearCurrentCues(e)}),this.trackList=new d},t.reset=function(){this.hide(),this.clearAllTracks()},t.dispose=function(){this.hide(),this.clearAllTracks(),this.player&&this.player.getTextTracks&&(this.player.getTextTracks=null),this.player=null,this.type=null},e}()),e=(h.RENDER_TYPE_CUSTOM="CUSTOM",h.RENDER_TYPE_NATIVE="NATIVE",function(r){function e(e){var t=r.call(this,e)||this;return t.overlayId=null,t.currentCues=null,e=e||{},t.type=h.RENDER_TYPE_CUSTOM,t.overlayId=e.overlayId,t}a(e,r);var t=e.prototype;return t.addTrack=function(e){var t=new u({kind:e.kind,label:e.label,language:e.language,default:e.default});t.mode=e.default?p.SHOWING:p.DISABLED,this.trackList.addTrack(t)},t.hide=function(){return l.processCues(window,[],document.getElementById(this.overlayId))},t.restore=function(){this.currentCues&&(this.currentCues.forEach(function(e){return e.displayState=null}),l.processCues(window,this.currentCues,this.overlayEl),this.updateCuesStyle(this.currentCues))},t.renderCues=function(e){e&&(this.currentCues=e,this.overlayEl||(this.overlayEl=document.getElementById(this.overlayId)),l.processCues(window,e,this.overlayEl),this.updateCuesStyle(e))},t.updateCuesStyle=function(e){var i=this;e.forEach(function(e){var t,r=e.displayState;r._styleSetDone||r&&(r.setAttribute("class","prism-cue"),i.overlayEl||(i.overlayEl=document.getElementById(i.overlayId)),e=i.overlayEl.offsetWidth,t=i.overlayEl.offsetHeight,(e=Math.min(e,t))&&(r.style.fontSize=.05*e+"px",r.style.height="auto",r.style.top="auto"),Object.keys(i.overrideStyle).forEach(function(e){i.tryUpdateStyle(r,e,i.overrideStyle[e])}),r._styleSetDone=!0)})},t.updateOverrideStyle=function(e){this.overrideStyle=i({},this.overrideStyle,e=void 0===e?{}:e)},t.forceUpdateCuesStyle=function(e,t){void 0===t&&(t=[]),this.updateOverrideStyle(e=void 0===e?{}:e),this.resetCuesStyle(t)},t.tryUpdateStyle=function(e,t,r){try{e.style[t]=r}catch(e){}},t.resetCuesStyle=function(e){e&&e.length&&e.forEach(function(e){e.displayState&&(e.displayState=null)})},t.dispose=function(){r.prototype.dispose.call(this),this.overlayId=null,this.currentCues=null},e}(h)),s=function(t){function e(e){return(e=t.call(this,e=void 0===e?{}:e)||this).type=h.RENDER_TYPE_NATIVE,e}a(e,t);var r,i,n=e.prototype;return n.addTrack=function(t){var e=this.player.tag,r=Array.from(e.textTracks)||[],i=r.find(function(e){return e.language===t.language}),r=i?(this.log("sameLangTrack",i,r),this.clearCurrentCues(i),i.kind=t.kind,i.label=t.label,i):e.addTextTrack(t.kind,t.label,t.language),i=(r.mode=t.default?p.SHOWING:p.DISABLED,new u(t));i.nativeTrack=r,this.trackList.addTrack(i)},n.addCues=function(e,t){var r;e&&e.length&&(r=this.trackList.list.find(function(e){return e.language===t}))&&e.forEach(function(e){r.addCue(e)})},n.hide=function(){this.trackList.list.forEach(function(e){e.mode=e.mode===p.SHOWING?p.HIDDEN:e.mode})},n.invalidAllTracks=function(){},n.forceUpdateCuesStyle=function(e,t){c.addCssByStyle("video::-webkit-media-text-track-container{transform: "+e.transform+";}")},n.dispose=function(){t.prototype.dispose.call(this)},n=e,(r=[{key:"activeTrack",get:function(){return this.trackList.list.find(function(e){return e.mode===p.SHOWING})}}])&&o(n.prototype,r),i&&o(n,i),Object.defineProperty(n,"prototype",{writable:!1}),e}(h);t.exports.VttBasicRenderer=h,t.exports.CustomRenderer=e,t.exports.NativeRenderer=s},{"../../lib/dom":32,"../../player/base/event/eventtype":70,"./text-track":57,"./vttjs":61}],61:[function(e,t,r){t.exports={WebVTT:e("./vtt.js").WebVTT}},{"./vtt.js":62}],62:[function(e,t,r){var i=this;function o(e,t){return void 0===t&&(t=1),"rgba("+[parseInt(e.substring(0,2),16),parseInt(e.substring(2,4),16),parseInt(e.substring(4,6),16),t].join(",")+")"}var l,d=1;function n(e,t,r){switch(r){case"webvtt.font.color":case"webvtt.font.opacity":var i=Services.prefs.getCharPref("webvtt.font.color"),n=Services.prefs.getIntPref("webvtt.font.opacity")/100;l.fontSet=o(i,n);break;case"webvtt.font.scale":d=Services.prefs.getIntPref("webvtt.font.scale")/100;break;case"webvtt.bg.color":case"webvtt.bg.opacity":i=Services.prefs.getCharPref("webvtt.bg.color"),n=Services.prefs.getIntPref("webvtt.bg.opacity")/100;l.backgroundSet=o(i,n);break;case"webvtt.edge.color":case"webvtt.edge.type":i=Services.prefs.getIntPref("webvtt.edge.type"),n=Services.prefs.getCharPref("webvtt.edge.color");l.edgeSet=["","0px 0px ","4px 4px 4px ","-2px -2px ","2px 2px "][i]+o(n)}}"undefined"!=typeof Services&&(l={},["webvtt.font.color","webvtt.font.opacity","webvtt.font.scale","webvtt.bg.color","webvtt.bg.opacity","webvtt.edge.color","webvtt.edge.type"].forEach(function(e){n(0,0,e),Services.prefs.addObserver(e,n,!1)}));var a=Object.create||function(e){if(1!==arguments.length)throw new Error("Object.create shim only accepts one parameter.");return s.prototype=e,new s};function s(){}function c(e,t){this.name="ParsingError",this.code=e.code,this.message=t||e.message}function h(e){function t(e,t,r,i){return 3600*(0|e)+60*(0|t)+(0|r)+(0|i)/1e3}e=e.match(/^(\d+):(\d{2})(:\d{2})?\.(\d{3})/);return e?e[3]?t(e[1],e[2],e[3].replace(":",""),e[4]):59<e[1]?t(e[1],e[2],0,e[4]):t(0,e[1],e[2],e[4]):null}function u(){this.values=a(null)}function p(e,t,r,i){var n,o,a=i?e.split(i):[e];for(n in a)"string"==typeof a[n]&&2===(o=a[n].split(r)).length&&t(o[0],o[1])}((c.prototype=a(Error.prototype)).constructor=c).Errors={BadSignature:{code:0,message:"Malformed WebVTT signature."},BadTimeStamp:{code:1,message:"Malformed time stamp."}},u.prototype={set:function(e,t){this.get(e)||""===t||(this.values[e]=t)},get:function(e,t,r){return r?this.has(e)?this.values[e]:t[r]:this.has(e)?this.values[e]:t},has:function(e){return e in this.values},alt:function(e,t,r){for(var i=0;i<r.length;++i)if(t===r[i]){this.set(e,t);break}},integer:function(e,t){/^-?\d+$/.test(t)&&this.set(e,parseInt(t,10))},percent:function(e,t){return!!(t.match(/^([\d]{1,3})(\.[\d]*)?%$/)&&0<=(t=parseFloat(t))&&t<=100)&&(this.set(e,t),!0)}};var f={"&amp;":"&","&lt;":"<","&gt;":">","&lrm;":"\u200e","&rlm;":"\u200f","&nbsp;":"\xa0"},y={c:"span",i:"i",b:"b",u:"u",ruby:"ruby",rt:"rt",v:"span",lang:"span"},_={v:"title",lang:"lang"},g={rt:"ruby"};function v(e,t){function r(e){return f[e]}for(var i,n,o,a,s,l,c,u=e.document.createElement("div"),d=u,p=[];null!==(c=void 0,c=t?(c=(c=t.match(/^([^<]*)(<[^>]+>?)?/))[1]||c[2],t=t.substr(c.length),c):null);)"<"===c[0]?"/"===c[1]?p.length&&p[p.length-1]===c.substr(2).replace(">","")&&(p.pop(),d=d.parentNode):(o=h(c.substr(1,c.length-2)))?(i=e.document.createProcessingInstruction("timestamp",o),d.appendChild(i)):(n=c.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/))&&(o=n[1],a=n[3],l=s=void 0,l=y[o],i=l?((s=e.document.createElement(l)).localName=l,(l=_[o])&&a&&(s[l]=a.trim()),s):null)&&(o=d,g[(l=i).localName]&&g[l.localName]!==o.localName||(n[2]&&(i.className=n[2].substr(1).replace("."," ")),p.push(n[1]),d.appendChild(i),d=i)):d.appendChild(e.document.createTextNode(function(e){for(;n=e.match(/&(amp|lt|gt|lrm|rlm|nbsp);/);)e=e.replace(n[0],r);return e}(c)));return u}var m=[[1470,1470],[1472,1472],[1475,1475],[1478,1478],[1488,1514],[1520,1524],[1544,1544],[1547,1547],[1549,1549],[1563,1563],[1566,1610],[1645,1647],[1649,1749],[1765,1766],[1774,1775],[1786,1805],[1807,1808],[1810,1839],[1869,1957],[1969,1969],[1984,2026],[2036,2037],[2042,2042],[2048,2069],[2074,2074],[2084,2084],[2088,2088],[2096,2110],[2112,2136],[2142,2142],[2208,2208],[2210,2220],[8207,8207],[64285,64285],[64287,64296],[64298,64310],[64312,64316],[64318,64318],[64320,64321],[64323,64324],[64326,64449],[64467,64829],[64848,64911],[64914,64967],[65008,65020],[65136,65140],[65142,65276],[67584,67589],[67592,67592],[67594,67637],[67639,67640],[67644,67644],[67647,67669],[67671,67679],[67840,67867],[67872,67897],[67903,67903],[67968,68023],[68030,68031],[68096,68096],[68112,68115],[68117,68119],[68121,68147],[68160,68167],[68176,68184],[68192,68223],[68352,68405],[68416,68437],[68440,68466],[68472,68479],[68608,68680],[126464,126467],[126469,126495],[126497,126498],[126500,126500],[126503,126503],[126505,126514],[126516,126519],[126521,126521],[126523,126523],[126530,126530],[126535,126535],[126537,126537],[126539,126539],[126541,126543],[126545,126546],[126548,126548],[126551,126551],[126553,126553],[126555,126555],[126557,126557],[126559,126559],[126561,126562],[126564,126564],[126567,126570],[126572,126578],[126580,126583],[126585,126588],[126590,126590],[126592,126601],[126603,126619],[126625,126627],[126629,126633],[126635,126651],[1114109,1114109]];function b(e){var t=[],r="";if(e&&e.childNodes)for(o(t,e);r=function e(t){var r,i,n;return t&&t.length?(i=(r=t.pop()).textContent||r.innerText)?(n=i.match(/^.*(\n|\r)/))?n[t.length=0]:i:"ruby"===r.tagName?e(t):r.childNodes?(o(t,r),e(t)):void 0:null}(t);)for(var i=0;i<r.length;i++)if(function(e){for(var t=0;t<m.length;t++){var r=m[t];if(e>=r[0]&&e<=r[1])return 1}}(r.charCodeAt(i)))return"rtl";return"ltr";function o(e,t){for(var r=t.childNodes.length-1;0<=r;r--)e.push(t.childNodes[r])}}function S(){}function T(e,t,r){var i="undefined"!=typeof navigator&&/MSIE\s8\.0/.test(navigator.userAgent),n="rgba(255, 255, 255, 1)",o="rgba(0, 0, 0, 0.8)",a="",n=(void 0!==l&&(n=l.fontSet,o=l.backgroundSet,a=l.edgeSet),i&&(n="rgb(255, 255, 255)",o="rgb(0, 0, 0)"),S.call(this),this.cue=t,this.cueDiv=v(e,t.text),{color:n,backgroundColor:o,textShadow:a,position:"relative",left:0,right:0,top:0,bottom:0,display:"inline"}),s=(i||(n.writingMode=""===t.vertical?"horizontal-tb":"lr"===t.vertical?"vertical-lr":"vertical-rl",n.unicodeBidi="plaintext"),this.applyStyles(n,this.cueDiv),this.div=e.document.createElement("div"),n={textAlign:"middle"===t.align?"center":t.align,font:r.font,whiteSpace:"pre-line",position:"absolute"},i||(n.direction=b(this.cueDiv),n.writingMode=""===t.vertical?"horizontal-tb":"lr"===t.vertical?"vertical-lr":"plaintext"),this.applyStyles(n),this.div.appendChild(this.cueDiv),0);switch(t.positionAlign){case"start":s=t.position;break;case"middle":s=t.position-t.size/2;break;case"end":s=t.position-t.size}""===t.vertical?this.applyStyles({left:this.formatStyle(s,"%"),width:this.formatStyle(t.size,"%")}):this.applyStyles({top:this.formatStyle(s,"%"),height:this.formatStyle(t.size,"%")}),this.move=function(e){this.applyStyles({top:this.formatStyle(e.top,"px"),bottom:this.formatStyle(e.bottom,"px"),left:this.formatStyle(e.left,"px"),right:this.formatStyle(e.right,"px"),height:this.formatStyle(e.height,"px"),width:this.formatStyle(e.width,"px")})}}function E(e){var t,r,i,n,o="undefined"!=typeof navigator&&/MSIE\s8\.0/.test(navigator.userAgent);e.div&&(t=e.div.offsetHeight,r=e.div.offsetWidth,i=e.div.offsetTop,n=(n=(n=e.div.childNodes)&&n[0])&&n.getClientRects&&n.getClientRects(),e=e.div.getBoundingClientRect(),n=n?Math.max(n[0]&&n[0].height||0,e.height/n.length):0),this.left=e.left,this.right=e.right,this.top=e.top||i,this.height=e.height||t,this.bottom=e.bottom||i+(e.height||t),this.width=e.width||r,this.lineHeight=void 0!==n?n:e.lineHeight,o&&!this.lineHeight&&(this.lineHeight=13)}function w(e,t,s,l){var r,i=new E(t),n=t.cue,o=function(e){if("number"==typeof e.line&&(e.snapToLines||0<=e.line&&e.line<=100))return e.line;if(!e.track||!e.track.textTrackList||!e.track.textTrackList.mediaElement)return-1;for(var t=e.track,r=t.textTrackList,i=0,n=0;n<r.length&&r[n]!==t;n++)"showing"===r[n].mode&&i++;return-1*++i}(n),a=[];if(n.snapToLines){switch(n.vertical){case"":a=["+y","-y"],r="height";break;case"rl":a=["+x","-x"],r="width";break;case"lr":a=["-x","+x"],r="width"}var c=i.lineHeight,u=c*Math.round(o),d=s[r]+c,p=a[0];Math.abs(u)>d&&(u=u<0?-1:1,u*=Math.ceil(d/c)*c),o<0&&(u+=""===n.vertical?s.height:s.width,a=a.reverse()),i.move(p,u)}else{var h=i.lineHeight/s.height*100;switch(n.lineAlign){case"middle":o-=h/2;break;case"end":o-=h}switch(n.vertical){case"":t.applyStyles({top:t.formatStyle(o,"%")});break;case"rl":t.applyStyles({left:t.formatStyle(o,"%")});break;case"lr":t.applyStyles({right:t.formatStyle(o,"%")})}a=["+y","-x","+x","-y"],i=new E(t)}d=function(e,t){for(var r,i=new E(e),n=1,o=0;o<t.length;o++){for(;e.overlapsOppositeAxis(s,t[o])||e.within(s)&&e.overlapsAny(l);)e.move(t[o]);if(e.within(s))return e;var a=e.intersectPercentage(s);a<n&&(r=new E(e),n=a),e=new E(i)}return r||i}(i,a);t.move(d.toCSSCompatValues(s))}function x(){}S.prototype.applyStyles=function(e,t){for(var r in t=t||this.div,e)e.hasOwnProperty(r)&&(t.style[r]=e[r])},S.prototype.formatStyle=function(e,t){return 0===e?0:e+t},(T.prototype=a(S.prototype)).constructor=T,E.prototype.move=function(e,t){switch(t=void 0!==t?t:this.lineHeight,e){case"+x":this.left+=t,this.right+=t;break;case"-x":this.left-=t,this.right-=t;break;case"+y":this.top+=t,this.bottom+=t;break;case"-y":this.top-=t,this.bottom-=t}},E.prototype.overlaps=function(e){return this.left<e.right&&this.right>e.left&&this.top<e.bottom&&this.bottom>e.top},E.prototype.overlapsAny=function(e){for(var t=0;t<e.length;t++)if(this.overlaps(e[t]))return!0;return!1},E.prototype.within=function(e){return this.top>=e.top&&this.bottom<=e.bottom&&this.left>=e.left&&this.right<=e.right},E.prototype.overlapsOppositeAxis=function(e,t){switch(t){case"+x":return this.left<e.left;case"-x":return this.right>e.right;case"+y":return this.top<e.top;case"-y":return this.bottom>e.bottom}},E.prototype.intersectPercentage=function(e){return Math.max(0,Math.min(this.right,e.right)-Math.max(this.left,e.left))*Math.max(0,Math.min(this.bottom,e.bottom)-Math.max(this.top,e.top))/(this.height*this.width)},E.prototype.toCSSCompatValues=function(e){return{top:this.top-e.top,bottom:e.bottom-this.bottom,left:this.left-e.left,right:e.right-this.right,height:this.height,width:this.width}},E.getSimpleBoxPosition=function(e){var t=e.div?e.div.offsetHeight:e.tagName?e.offsetHeight:0,r=e.div?e.div.offsetWidth:e.tagName?e.offsetWidth:0,i=e.div?e.div.offsetTop:e.tagName?e.offsetTop:0;return{left:(e=e.div?e.div.getBoundingClientRect():e.tagName?e.getBoundingClientRect():e).left,right:e.right,top:e.top||i,height:e.height||t,bottom:e.bottom||i+(e.height||t),width:e.width||r}},x.StringDecoder=function(){return{decode:function(e){if(!e)return"";if("string"!=typeof e)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(e))}}},x.convertCueToDOMTree=function(e,t){return e&&t?v(e,t):null},x.processCues=function(e,t,r){if(!e||!t||!r)return null;for(;r.firstChild;)r.removeChild(r.firstChild);var i=e.document.createElement("div");if(i.style.position="absolute",i.style.left="0",i.style.right="0",i.style.top="0",i.style.bottom="0",i.style.margin="1.5%",r.appendChild(i),function(e){for(var t=0;t<e.length;t++)if(e[t].hasBeenReset||!e[t].displayState)return 1}(t))for(var n,o,a=[],s=E.getSimpleBoxPosition(i),l={font:Math.round(.05*s.height*100)/100*d+"px sans-serif"},c=0;c<t.length;c++)o=t[c],n=new T(e,o,l),i.appendChild(n.div),w(0,n,s,a),o.displayState=n.div,a.push(E.getSimpleBoxPosition(n));else for(var u=0;u<t.length;u++)i.appendChild(t[u].displayState)},(x.Parser=function(e,t){this.window=e,this.state="INITIAL",this.buffer="",this.decoder=t||new TextDecoder("utf8"),this.regionList=[]}).prototype={reportOrThrowError:function(e){if(!(e instanceof c))throw e;this.onparsingerror&&this.onparsingerror(e)},parse:function(e){var i=this;function t(){for(var e=i.buffer,t=0;t<e.length&&"\r"!==e[t]&&"\n"!==e[t];)++t;var r=e.substr(0,t);return"\r"===e[t]&&++t,"\n"===e[t]&&++t,i.buffer=e.substr(t),r}function r(e){p(e,function(e,t){var n;"Region"===e&&(e=t,n=new u,p(e,function(e,t){switch(e){case"id":n.set(e,t);break;case"width":n.percent(e,t);break;case"lines":n.integer(e,t);break;case"regionanchor":case"viewportanchor":var r,i=t.split(",");2===i.length&&((r=new u).percent("x",i[0]),r.percent("y",i[1]),r.has("x")&&r.has("y"))&&(n.set(e+"X",r.get("x")),n.set(e+"Y",r.get("y")));break;case"scroll":n.alt(e,t,["up"])}},/=/,/\s/),n.has("id"))&&((e=new i.window.VTTRegion).width=n.get("width",100),e.lines=n.get("lines",3),e.regionAnchorX=n.get("regionanchorX",0),e.regionAnchorY=n.get("regionanchorY",100),e.viewportAnchorX=n.get("viewportanchorX",0),e.viewportAnchorY=n.get("viewportanchorY",100),e.scroll=n.get("scroll",""),i.onregion&&i.onregion(e),i.regionList.push({id:n.get("id"),region:e}))},/:/)}e&&(i.buffer+=i.decoder.decode(e,{stream:!0}));try{if("INITIAL"===i.state){if(!/\r\n|\n/.test(i.buffer))return this;var n,o=(n=t()).match(/^WEBVTT([ \t].*)?$/);if(!o||!o[0])throw new c(c.Errors.BadSignature);i.state="HEADER"}for(var a=!1;i.buffer;){if(!/\r\n|\n/.test(i.buffer))return this;switch(a?a=!1:n=t(),i.state){case"HEADER":/:/.test(n)?r(n):n||(i.state="ID");continue;case"NOTE":n||(i.state="ID");continue;case"ID":if(/^NOTE($|[ \t])/.test(n)){i.state="NOTE";break}if(!n)continue;if(i.cue=new i.window.VTTCue(0,0,""),i.state="CUE",-1===n.indexOf("--\x3e")){i.cue.id=n;continue}case"CUE":try{!function(t,e,o){var r,a,i=t;function n(){var e=h(t);if(null===e)throw new c(c.Errors.BadTimeStamp,"Malformed timestamp: "+i);return t=t.replace(/^[^\sa-zA-Z-]+/,""),e}function s(){t=t.replace(/^\s+/,"")}if(s(),e.startTime=n(),s(),"--\x3e"!==t.substr(0,3))throw new c(c.Errors.BadTimeStamp,"Malformed time stamp (time stamps must be separated by '--\x3e'): "+i);t=t.substr(3),s(),e.endTime=n(),s(),r=t,e=e,a=new u,p(r,function(e,t){switch(e){case"region":for(var r=o.length-1;0<=r;r--)if(o[r].id===t){a.set(e,o[r].region);break}break;case"vertical":a.alt(e,t,["rl","lr"]);break;case"line":var i=t.split(","),n=i[0];a.integer(e,n),a.percent(e,n)&&a.set("snapToLines",!1),a.alt(e,n,["auto"]),2===i.length&&a.alt("lineAlign",i[1],["start","middle","end"]);break;case"position":i=t.split(","),a.percent(e,i[0]),2===i.length&&a.alt("positionAlign",i[1],["start","middle","end"]);break;case"size":a.percent(e,t);break;case"align":a.alt(e,t,["start","middle","end","left","right"])}},/:/,/\s/),e.region=a.get("region",null),e.vertical=a.get("vertical",""),e.line=a.get("line","auto"),e.lineAlign=a.get("lineAlign","start"),e.snapToLines=a.get("snapToLines",!0),e.size=a.get("size",100),e.align=a.get("align","middle"),e.position=a.get("position","auto"),e.positionAlign=a.get("positionAlign",{start:"start",left:"start",middle:"middle",end:"end",right:"end"},e.align)}(n,i.cue,i.regionList)}catch(e){i.reportOrThrowError(e),i.cue=null,i.state="BADCUE";continue}i.state="CUETEXT";continue;case"CUETEXT":var s=-1!==n.indexOf("--\x3e");if(!n||s&&(a=!0)){i.oncue&&i.oncue(i.cue),i.cue=null,i.state="ID";continue}i.cue.text&&(i.cue.text+="\n"),i.cue.text+=n;continue;case"BADCUE":n||(i.state="ID");continue}}}catch(e){i.reportOrThrowError(e),"CUETEXT"===i.state&&i.cue&&i.oncue&&i.oncue(i.cue),i.cue=null,i.state="INITIAL"===i.state?"BADWEBVTT":"BADCUE"}return this},flush:function(){var t=this;try{if(t.buffer+=t.decoder.decode(),!t.cue&&"HEADER"!==t.state||(t.buffer+="\n\n",t.parse()),"INITIAL"===t.state)throw new c(c.Errors.BadSignature)}catch(e){t.reportOrThrowError(e)}return t.onflush&&t.onflush(),this}},i.WebVTT=x},{}],63:[function(e,t,r){var n=e("../lib/io");e("../lib/storage");function i(e){this._uploadDuration=e.logDuration||5,this._uploadCount=e.logCount||10,this._logReportTo=e.logReportTo,this._logs=[],this._retry=0,this._disposed=!1,this._supportLocalStorage=!0;var t,n=this;window&&(window.onbeforeunload=function(e){if(0<n._logs.length)if(n._supportLocalStorage)localStorage.setItem("__aliplayer_log_data",JSON.stringify(n._logs));else{n._report();for(var t=500,r=(new Date).getTime(),i=r;i<r+t;)i=(new Date).getTime()}});try{localStorage?(t=localStorage.getItem("__aliplayer_log_data"),localStorage.removeItem("__aliplayer_log_data"),t&&(this._logs=JSON.parse(t))):this._supportLocalStorage=!1}catch(e){this._supportLocalStorage=!1}this._start()}i.prototype.add=function(e){var t=this._logs.length;if(e.__time__=Math.round(new Date/1e3),0<t&&"4001"==e.e){t=this._logs[t-1];if("4001"==t.e&&t.__time__-e.__time__<5)return}this._logs.push(e),(this._logs.length>this._uploadCount||"4001"==e.e||"2002"==e.e)&&this._report()},i.prototype.dispose=function(){this._report(),this._disposed=!0},i.prototype._start=function(){this._disposed=!1;this._retry=0,this._report()},i.prototype._report=function(t){var e,r,i;this._tickHandler&&(clearTimeout(this._tickHandler),this._tickHandler=null),0<(t=t||this._logs.splice(0,this._uploadCount)).length?(i={"Content-Type":"application/json;charset=UTF-8","x-log-apiversion":"0.6.0","x-log-bodyrawsize":(e=JSON.stringify({__logs__:t,__source__:""})).length},n.postWithHeader((r=this)._logReportTo,e,i,function(e){r._tick()},function(e){0==r._retry?(r._retry=1,r._report(t)):r._tick()})):this._tick()},i.prototype._tick=function(){var e;this._disposed||(this._retry=0,(e=this)._logs.length>this._uploadCount?e._report():this._tickHandler=setTimeout(function(){e._report()},1e3*this._uploadDuration))},t.exports=i},{"../lib/io":40,"../lib/storage":48}],64:[function(e,t,r){function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}var i,n=e("../lib/oo"),s=e("../lib/object"),y=e("../lib/data"),l=e("../lib/io"),_=e("../lib/ua"),o=e("../lib/event"),g=e("../config"),c=e("../player/base/event/eventtype"),v=e("./util"),m=e("./log"),u=e("../lib/playerutil"),d=0,p={STARTFETCHDATA:1003,COMPLETEFETCHDATA:1004,PREPARE:1101,PREPAREEND:1102,STARTPLAY:2e3,PLAY:2001,STOP:2002,PAUSE:2003,SEEK:2004,FULLSREEM:2005,QUITFULLSCREEM:2006,RESOLUTION:2007,RESOLUTION_DONE:2008,RECOVER:2010,SEEK_END:2011,PLAYABORT:2012,SEEKED:2014,CANPLAY:2018,FETCHEDIP:2020,CDNDETECT:2021,DETECT:2022,HEVCINFO:2023,UNDERLOAD:3002,LOADED:3001,RETRY:3003,HEARTBEAT:9001,ERROR:4001,ERRORRETRY:4002,RTSFALLBACK:4003,LICENSE_RESULT:5004,SNAPSHOT:2027,ROTATE:2028,IMAGE:2029,THUMBNAILSTART:2031,THUMBNAILCOMPLETE:2032,CCSTART:2033,CCCOMPLETE:2034,AUDIOTRACKSTART:2033,AUDIOTRACKCOMPLETE:2034},e=n.extend({init:function(e,t,r){this.trackLog=r=void 0===r?!0:r,this.player=e,this.requestId="",this.sessionId=y.guid(),this.playId=0,this.firstPlay=!0,this.osName=_.os.name,this.osVersion=_.os.version||"",this.exName=_.browser.name,this.exVersion=_.browser.version||"",this.lightSaasVideoId="",this._logService="",this._h265ProbeInfo={},this.startPlayReported=!1,this.canplayReported=!1,this.doPlayReported=!1,this.seekingData={seekingStartTime:0},this.pendingPrepareEndData=null,this.h265RenderTypeTimer=null,this.prevStats={timestamp:0,bytesReceived:0,framesDecoded:0,packetsLost:0,packetsReceived:0,rtt:0},this.resetHeartBeatStatusData(),t.logBatched&&(this._logService=new m(g));var r=this.player.getOptions(),e=t.from||"",t=(r.isLive,r.isLive?"live":"vod"),i="pc",n=(_.IS_IPAD?i="pad":_.os.phone&&(i="phone"),this.encodeURL(_.getReferer())),o=_.getHref(),a=this.encodeURL(o),s="",o=(o&&(s=_.getHost(o)),g.h5Version),l=v.getUuid(),c=r.source?this.encodeURL(r.source):"",u=_.getHost(r.source),d=r.userId?r.userId+"":"0",p=this.sessionId,h=(new Date).getTime(),f=r.traceId||"";this._userNetInfo={cdnIp:"",localIp:""};this.opt={APIVersion:"0.6.0",t:h,ll:"info",lv:"1.0",pd:"player",md:"saas_player",ui:"saas_player",sm:"play",os:this.osName,ov:this.osVersion,et:this.exName,ev:this.exVersion,uat:_.USER_AGENT,hn:"0.0.0.0",bi:e,ri:p,e:"0",args:"0",li_ki:r.license.key||"",vt:t,tt:i,dm:"h5",av:o,uuid:l,vu:c,vd:u,ua:d,dn:"custom",cdn_ip:"0.0.0.0",app_n:s,r:n,pu:a,ti:f},this.bindEvent()},updateVideoInfo:function(e){e=e.from||"";this.opt.bi=e+"",this.updateSourceInfo()},updateSourceInfo:function(){var e,t=this.player.getOptions();t&&(e=t.source?this.encodeURL(t.source):"",t=_.getHost(t.source),this.opt.vu=e,this.opt.vd=t)},updateTraceId:function(e){this.opt.ti=e},updateLightSaasVideoId:function(e){this.lightSaasVideoId=e},replay:function(){this.reset(),this.player.trigger(c.Video.LoadStart),this.player.trigger(c.Video.LoadedMetadata),this.player.trigger(c.Video.LoadedData),this.startHeartBeat()},bindEvent:function(){var r=this;this.player.on(c.Player.Init,function(){r._onPlayerInit()}),this.player.on(c.Video.LoadStart,function(){r._onPlayerloadstart()}),this.player.on(c.Video.LoadedMetadata,function(){r._onPlayerLoadMetadata()}),this.player.on(c.Video.LoadedData,function(){r._onPlayerLoaddata()}),this.player.on(c.Player.H265PlayInfo,function(e){r._onH265PlayInfo(e)}),this.player.on(c.Player.H265PlayInfo,function(e){r._onPlayerH265PlayInfo(e)}),this.player.on(c.Video.Play,function(){r._onPlayerPlay()}),this.player.on(c.Video.Playing,function(){r._onPlayerReady()}),this.player.on(c.Video.Ended,function(){r._onPlayerFinish()}),this.player.on(c.Video.Pause,function(){r._onPlayerPause()}),this.player.on("seeking",function(){r._onPlayerSeeking()}),this.player.on("seeked",function(){r._onPlayerSeeked()}),this.player.on(c.Private.LicenseHasResult,function(e){r._onLicenseHasResult(e)}),this.player.on(c.Private.SeekStart,function(e){r._onPlayerSeekStart(e)}),this.player.on(c.Private.EndStart,function(e){r._seekEndData=e.paramData}),this.player.on(c.Player.Waiting,function(){r._onPlayerLoaded()}),this.player.on(c.Video.CanPlayThrough,function(){}),this.player.on(c.Video.CanPlay,function(){r._waitingDelayLoadingShowHandle&&(clearTimeout(r._waitingDelayLoadingShowHandle),r._waitingDelayLoadingShowHandle=null),r._onPlayerUnderload(),r._onPlayerCanplay()}),this.player.on(c.Video.TimeUpdate,function(){r._waitingDelayLoadingShowHandle&&(clearTimeout(r._waitingDelayLoadingShowHandle),r._waitingDelayLoadingShowHandle=null),r._seekEndData&&r.player._seeking&&r._onPlayerSeekEnd()}),this.player.on(c.Player.Error,function(){r._onPlayerError()}),this.player.on(c.Player.RequestFullScreen,function(){r._onFullscreenChange(1)}),this.player.on(c.Player.CancelFullScreen,function(){r._onFullscreenChange(0)}),this.player.on(c.Private.PREPARE,function(e){r._prepareTime=(new Date).getTime(),r._log("PREPARE",{dn:e.paramData})}),this.player.on(c.Player.Snapshoted,function(){r._log("SNAPSHOT")}),this.player.on(c.Private.Retry,function(e){e=e.paramData||{};r._log("RETRY",{type:e.type,source:e.source})}),this.player.on(c.Player.RtsFallback,function(e){var t,e=e.paramData||{};r._log("RTSFALLBACK",{reason:null==(t=e.reason)?void 0:t.error_msg,url:e.fallbackUrl})}),o.on(this.player.tag,c.Video.Playing,function(){r.reportPlaying()}),o.on(this.player.tag,c.Video.TimeUpdate,function(){r.reportPlaying()}),this.startHeartBeat.call(this)},reportPlaying:function(){var e;this.doPlayReported||this.player.paused()||0===this.player.readyState()||(this.doPlayReported=!0,this.first_play_time=(new Date).getTime(),e={dsm:"fix",tc:this.first_play_time-this.loadstartTime,fc:this.first_play_time-this.playstartTime},this._log("PLAY",e))},removeEvent:function(){this.player.off("init"),this.player.off("ready"),this.player.off("ended"),this.player.off("play"),this.player.off("pause"),this.player.off("seekStart"),this.player.off("seekEnd"),this.player.off("canplaythrough"),this.player.off("playing"),this.player.off("timeupdate"),this.player.off("error"),this.player.off("fullscreenchange"),this.player.off("seeking"),this.player.off("seeked"),this.player.off(c.Private.PREPARE),this.player.off(c.Player.RtsFallback),o.off(this.player.tag,c.Video.Playing),o.off(this.player.tag,c.Video.TimeUpdate),this._logService&&this._logService.dispose(),clearInterval(i)},reset:function(){this.stucking=!1,this.startTimePlay=0,this.pause_flag=0,this.firstPlay=!1,this.playId=0,this._LoadedData=0,this._canPlay=0,this.seekingStartTime=0,this.prevStats={timestamp:0,bytesReceived:0,framesDecoded:0,packetsLost:0,packetsReceived:0,rtt:0},d=0,this.lightSaasVideoId="",this.resetHeartBeatStatusData(),i&&(clearInterval(i),i=null)},encodeURL:function(e){var t;return e?(t=this.player.getOptions())&&!t.logBatched?encodeURIComponent(e):e:""},startHeartBeat:function(){var o=this;i&&clearInterval(i),i=setInterval(function(){var n;o.player.getCurrentTime()&&(n=Math.floor(1e3*o.player.getCurrentTime()),o.player.paused()&&(o.prevStats.timestamp=0),++d>=o.player._options.heartHeatInterval)&&o.updateStats.call(o,function(e){var t=o._imageInfo()||{},r=o.player.tag.playbackRate,i=o.player.getVolume(),t={vt:n,interval:1e3*d,imgLength:t.imgLength,playbackRate:r,volume:i};(t=e?a({},t,{dls:Math.floor(e.downloadSpeedPerSec),dfps:Math.floor(e.decodedFramesPerSec),pkl:Number((e.packageLossRate||0).toFixed(2)),rtt:1e3*e.rtt}):t).player_status=a({},o.heartBeatStatusData),o._log("HEARTBEAT",t),d=0})},1e3)},updateStats:function(o){o=o||function(){};var a=this;this.player.getStats().then(function(e){var t,r,i,n;e?(n=a.prevStats,e.bytesReceived=e.bytesReceived||0,e.framesDecoded=e.framesDecoded||0,e.packetsLost=e.packetsLost||0,e.packetsReceived=e.packetsReceived||0,t=((a.prevStats=e).timestamp-n.timestamp)/1e3,r=(e.bytesReceived-n.bytesReceived)/t,i=(e.framesDecoded-n.framesDecoded)/t,n=(e.packetsLost-n.packetsLost)/(e.packetsLost-n.packetsLost+(e.packetsReceived-n.packetsReceived)),e=e.rtt,o({downloadSpeedPerSec:r,decodedFramesPerSec:i,packageLossRate:n,rtt:e,timeGap:t})):o()}).catch(function(e){console.log("error in monitor getStats: ",e),o()})},reportStartPlay:function(){this.startPlayReported||(this._log("STARTPLAY",{vt:(new Date).getTime()}),this.startPlayReported=!0)},reportCanplay:function(){this.canplayReported||(this._log("CANPLAY",{vt:(new Date).getTime()}),this.canplayReported=!0)},reportPlayAbort:function(){this._log("PLAYABORT",{vt:(new Date).getTime()})},resetStartPlayReportFlag:function(){this.startPlayReported=!1},resetCanplayReportFlag:function(){this.canplayReported=!1},resetDoPlayReportFlag:function(){this.doPlayReported=!1},resetSessionId:function(){this.sessionId=y.guid()},resetHeartBeatStatusData:function(){this.heartBeatStatusData={t_last_pause:-1,t_last_resume:-1,t_last_load_start:-1,t_last_load_end:-1}},resetVV:function(){this.startPlayReported&&(this.resetStartPlayReportFlag(),this.resetDoPlayReportFlag(),this.resetCanplayReportFlag(),this.resetSessionId())},updateH265ProbeInfo:function(e){this._h265ProbeInfo=e||{}},_onFullscreenChange:function(e){e?this._log("FULLSREEM",{}):this._log("QUITFULLSCREEM",{})},_onPlayerloadstart:function(){this.loadstartTime=(new Date).getTime(),this.playId=y.guid()},_onPlayerLoadMetadata:function(){this.loadMetaDataCost=(new Date).getTime()-this.loadstartTime},_onPlayerLoaddata:function(){var e,t,r,i,n=this;this._LoadedData||(i=r=0,this.player.tag&&(r=this.player.tag.videoWidth,i=this.player.tag.videoHeight),e={tc:(new Date).getTime()-this._prepareTime,cc:(new Date).getTime()-this.loadstartTime,md:this.loadMetaDataCost,mi:JSON.stringify({type:"video",definition:r+"*"+i})},null!=(r=this.player.tag)&&r.duration&&(e.vdur=1e3*(null==(i=this.player.tag)?void 0:i.duration)),(5<this._h265ProbeInfo.codecCost||5<this._h265ProbeInfo.decoderCost)&&(r=Math.floor(this._h265ProbeInfo.codecCost)||0,i=Math.floor(this._h265ProbeInfo.decoderCost)||0,e.tc+=t=r+i,e.cc+=t,e.pcc=r,e.pdc=i),t=[{type:"audio"}],r={type:"video",codecType:null,isHardwareDecode:null},i=this._h265ProbeInfo.codecTag,u.isH265Codec(i)?r.codecType="h265":u.isH264Codec(i)&&(r.codecType="h264"),t.push(r),e.decode_info=t,this._h265ProbeInfo.waitRenderType?(this.pendingPrepareEndData=e,this.h265RenderTypeTimer=setTimeout(function(){n._log("PREPAREEND",e),n.h265RenderTypeTimer=null},2e3)):this._log("PREPAREEND",e)),this._LoadedData=1},_onH265PlayInfo:function(e){var t,r;this.h265RenderTypeTimer&&(clearTimeout(this.h265RenderTypeTimer),this.h265RenderTypeTimer=null),this.pendingPrepareEndData&&(e=e.paramData,t=this.pendingPrepareEndData,this.pendingPrepareEndData=null,r=t.decode_info[1],"wasm"===e.renderType&&(r.isHardwareDecode=!1),this._log("PREPAREEND",t))},_onPlayerH265PlayInfo:function(e){e=e.paramData||{};this._log("HEVCINFO",{cd:e.codecTag,rd:e.renderType,si:e.simd,sio:e.simdOption,wt:e.wasmThreads,wto:e.wasmThreadsOption,sp:e.splayer})},_onPlayerCanplay:function(){this._canPlay=1,this.reportCanplay(),this.prevStats.timestamp||this.updateStats.call(this)},_onPlayerInit:function(){this.stucking=!1,this.pause_flag=0,this.startTimePlay=0,this._LoadedData=0,this._canPlay=0,this.seekingStartTime=0},_onPlayerReady:function(){this.startTimePlay||(this.startTimePlay=(new Date).getTime())},_onPlayerFinish:function(){this._log("STOP",{vt:Math.floor(1e3*this.player.getCurrentTime())}),this.reset()},_onPlayerPlay:function(){var e;this.playstartTime=(new Date).getTime(),0==this.playId&&(this.playId=y.guid()),this.player._isPreload()||(this.loadstartTime=(new Date).getTime()),this.doPlayReported&&this.pause_flag&&(this.pause_flag=0,this.pauseEndTime=(new Date).getTime(),this.heartBeatStatusData.t_last_resume=this.pauseEndTime,e=this.pauseEndTime-this.pauseTime,this._log("RECOVER",{vt:Math.floor(1e3*this.player.getCurrentTime()),cost:e,pass:e,t_last_pause:this.pauseTime}))},_onPlayerPause:function(){!this.doPlayReported||this.startTimePlay&&!this.player._seeking&&(this.pause_flag=1,this.pauseTime=(new Date).getTime(),this.heartBeatStatusData.t_last_pause=this.pauseTime,this.heartBeatStatusData.t_last_resume=-1,this._log("PAUSE",{vt:Math.floor(1e3*this.player.getCurrentTime())}))},_onLicenseHasResult:function(e){e=e.paramData||{};this._log("LICENSE_RESULT",{li_ri:e.result,li_ti:e.featureId||"sdk"})},_onPlayerSeekStart:function(e){this.seekStartTime=e.paramData.fromTime,this.startTimePlay=0,this.seekStartStamp=(new Date).getTime()},_onPlayerSeekEnd:function(){this.seekEndStamp=(new Date).getTime(),this._log("SEEK",{drag_from_timestamp:Math.floor(1e3*this.seekStartTime),drag_to_timestamp:Math.floor(1e3*this._seekEndData.toTime)}),this._log("SEEK_END",{vt:Math.floor(1e3*this.player.getCurrentTime()),cost:this.seekEndStamp-this.seekStartStamp}),this._seekEndData=null},_onPlayerLoaded:function(){var e,t=this;this.doPlayReported&&!this.stucking&&(this.player._seeking?(this.seekingStartTime=this.player.getCurrentTime(),setTimeout(function(){var e=t.player.readyState()<4;t.player.readyState()||(e=!0),t.player.getCurrentTime()===t.seekingStartTime&&e&&(e=t._getbwEstimator(),t._log("UNDERLOAD",{vt:Math.floor(1e3*t.player.getCurrentTime()),bw:e,cbs:t._getCbs()}),t.stucking=!0,t.stuckStartTime=(new Date).getTime(),0===t._getCbs())&&(t.heartBeatStatusData.t_last_load_start=t.stuckStartTime,t.heartBeatStatusData.t_last_load_end=-1)},500)):(this.stuckStartTime=(new Date).getTime(),0===this._getCbs()&&(this.heartBeatStatusData.t_last_load_start=this.stuckStartTime,this.heartBeatStatusData.t_last_load_end=-1),this.stuckStartTime-this.startTimePlay<=1e3||(this.stucking=!0,e=this._getbwEstimator(),this._log("UNDERLOAD",{vt:Math.floor(1e3*this.player.getCurrentTime()),bw:e,cbs:this._getCbs()}),this.stuckStartTime=(new Date).getTime())))},_onPlayerUnderload:function(){var e,t,r,i;!this.doPlayReported&&this.player._options&&this.player._options.autoplay||this.stucking&&(e=Math.floor(1e3*this.player.getCurrentTime()),t=this.stuckStartTime||(new Date).getTime(),0<(r=Math.floor((new Date).getTime()-t))&&r<(1e3*this.player._options.waitingTimeout||6e4)&&(i=this._getbwEstimator(),0===this._getCbs()&&(this.heartBeatStatusData.t_last_load_end=(new Date).getTime()),this._log("LOADED",{vt:e,cost:r,bw:i,cbs:this._getCbs(),t_last_load_start:t})),this.seekStart=!1,this.stucking=!1)},_onPlayerSeeking:function(){this.seekStart=!0,this.seekingData.seekingStartTime=performance.now()},_onPlayerSeeked:function(){var e=this;this.player._splayer?this.player.one("canplay",function(){e._reportSeeked()}):this._reportSeeked()},_reportSeeked:function(){var e=performance.now(),e=Math.floor(e-this.seekingData.seekingStartTime);this._log("SEEKED",{vt:Math.floor(1e3*this.player.getCurrentTime()),cost:e})},_onPlayerError:function(){this.playId=0,this._LoadedData=1},_getbwEstimator:function(){var e=NaN;try{e=this.player._getbwEstimator&&this.player._getbwEstimator()}catch(e){}return e},_getCbs:function(){return!this.player.getOptions().isLive&&this.seekStart?1:0},_log:function(e,t){if(this.trackLog){this.updateSourceInfo();var r,i=s.copy(this.opt),n=(this.requestId=y.guid(),g.logReportTo),e=(i.e=p[e]+"",i.ri=this.sessionId,i.bi=i.bi&&String(i.bi),i.t=(new Date).getTime()+"",i.cdn_ip=this._userNetInfo.cdnIp,i.hn=this._userNetInfo.localIp,this.player.getCurrentQuality()),o=(""!=e&&(i.definition=e.definition),[]),e=(s.each(t,function(e,t){if("string"!=typeof t)try{t=JSON.stringify(t)}catch(e){}o.push(e+"="+t)}),""),t=this.player.getOptions(),e=((t&&t.vid||this.lightSaasVideoId)&&(e=t.vid||this.lightSaasVideoId),o.push("vid="+e),"");(e=t&&t.mediaAuth?t.mediaAuth:e)&&o.push("pauth="+e);try{Aliplayer&&Aliplayer.__logCallback__&&(i.args=o,Aliplayer.__logCallback__(i))}catch(e){console.log(e)}return""==(o=o.join("&"))&&(o="0"),i.args=this.encodeURL(o),this._logService?this._logService.add(i):(r=[],s.each(i,function(e,t){r.push(e+"="+t)}),r=r.join("&"),l.jsonp(n+"?"+r,function(){},function(){})),this.sessionId}},_imageInfo:function(){try{var e,t,r,i,n,o,a;return/MSIE\s8\.0/.test(navigator.userAgent)?{}:(e=this.player.tag)?(t=document.createElement("canvas"),r=e.videoWidth,i=e.videoHeight,t.width=r,t.height=i,(n=t.getContext("2d")).save(),n.drawImage(e,0,0,r,i),n.restore(),o=t.toDataURL("image/jpeg",1),a="",{imgLength:(a=o?(a=o.substr(o.indexOf(",")+1))||"":a).length}):{}}catch(e){return{}}}});t.exports=e},{"../config":14,"../lib/data":30,"../lib/event":33,"../lib/io":40,"../lib/object":42,"../lib/oo":43,"../lib/playerutil":46,"../lib/ua":49,"../player/base/event/eventtype":70,"./log":63,"./util":65}],65:[function(e,t,r){var i=e("../lib/cookie"),n=e("../lib/data"),o=e("../lib/ua");t.exports.getUuid=function(){var e=i.get("p_h5_u");return e||(e=n.guid(),i.set("p_h5_u",e,730)),e},t.exports.getTerminalType=function(){var e="pc";return o.IS_IPAD?e="pad":o.IS_ANDROID?e="android":o.IS_IOS&&(e="iphone"),e},t.exports.returnUTCDate=function(e){var t=e.getUTCFullYear(),r=e.getUTCMonth(),i=e.getUTCDate(),n=e.getUTCHours(),o=e.getUTCMinutes(),a=e.getUTCSeconds(),e=e.getUTCMilliseconds();return Date.UTC(t,r,i,n,o,a,e)},t.exports.getRfc822=function(e){return e.toUTCString().replace("UTC","GMT")}},{"../lib/cookie":29,"../lib/data":30,"../lib/ua":49}],66:[function(e,t,r){var o=e("./base/player"),a=e("./flash/flashplayer"),s=e("./saas/mtsplayer"),l=e("./saas/vodplayer"),c=e("./saas/lightPlayer"),u=e("./audio/audioplayer"),d=e("./hls/hlsplayer"),p=e("./flv/flvplayer"),h=e("./rts/rtsplayer"),f=e("./drm/drmplayer"),y=e("./splayer/splayer"),_=e("../lib/ua"),g=e("../lib/playerutil"),v=(e("../lib/dom"),e("../lib/io"),e("../lang/index")),m=e("../lib/constants"),b=e("./base/event/eventtype");t.exports.create=function(e,t){navigator&&navigator.userAgent&&-1<navigator.userAgent.indexOf("Olympic_Android")&&(e.useNativeControls=!0),e.readyCallback=t="function"!=typeof t?function(){}:t,v.setCurrentLanguage(e.language,"h5",e.languageTexts);var r,t=g.handleOption(e),e=t.source,i=g.isAudio(e),n=(i&&(t.mediaType="audio"),g.createWrapper(t));if(n.player)return n.player;if(i)r=new u(n,t);else if(g.isRts(e))r=new h(n,t);else if((t.forceH265||t.enableH265)&&(g.isMp4(e)||g.isFlv(e)||g.isHls(e)))r=new y(n,t);else if(!t.useFlashPrism&&g.isFlv(e)&&g.isSupportFlv())r=new p(n,t);else if(_.IS_MOBILE||!t.useFlashPrism&&!g.isRTMP(e))if(-1!==[null,void 0].indexOf(t.mediaAuth)||t.source)if(t.vid&&!t.source)if(t.authInfo)r=new s(n,t);else{if(!(t.playauth||t.accessKeyId&&t.accessKeySecret))throw i="vid="+t.vid+" playauth='', playauth property is required by VOD(\u89c6\u9891\u70b9\u64ad) as new Aliplayer.",new Error(i);r=new l(n,t)}else g.isDash(e)&&g.isSupportMSE()?r=new f(n,t):g.isHls(e)?g.canPlayHls()?r=new(g.isSupportHls()&&(g.isUsedHlsPluginOnMobile()||g.isSafariUsedHlsPlugin(t.useHlsPluginForSafari))?t.isDrm?f:d:t.isDrm?f:o)(n,t):g.isSupportHls()?r=new(t.isDrm?f:d)(n,t):_.os.pc?t.userH5Prism||t.useH5Prism||(r=new a(n,t)):r=new o(n,t):(r=new o(n,t),t.source||(i={error_code:m.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL",display_msg:v.get("Error_Empty_Source")},r.trigger(b.Player.Error,i)));else r=new c(n,t);else r=new a(n,t);return r}},{"../lang/index":23,"../lib/constants":28,"../lib/dom":32,"../lib/io":40,"../lib/playerutil":46,"../lib/ua":49,"./audio/audioplayer":68,"./base/event/eventtype":70,"./base/player":91,"./drm/drmplayer":98,"./flash/flashplayer":99,"./flv/flvplayer":101,"./hls/hlsplayer":103,"./rts/rtsplayer":105,"./saas/lightPlayer":109,"./saas/mtsplayer":111,"./saas/vodplayer":117,"./splayer/splayer":126}],67:[function(e,t,r){var o=e("./base/player"),a=e("./flash/flashplayer"),s=e("./saas/mtsplayer"),l=e("./saas/vodplayer"),c=e("./saas/lightPlayer"),u=e("./audio/audioplayer"),d=e("./hls/hlsplayer"),p=e("./flv/flvplayer"),h=e("./rts/rtsplayer"),f=e("./drm/drmplayer"),y=e("./splayer/splayer"),_=e("../lib/ua"),g=e("../lib/playerutil"),v=(e("../lib/dom"),e("../lib/io"),e("../lang/index")),m=e("../lib/constants"),b=e("./base/event/eventtype");t.exports.create=function(e,t){navigator&&navigator.userAgent&&-1<navigator.userAgent.indexOf("Olympic_Android")&&(e.useNativeControls=!0),e.readyCallback=t="function"!=typeof t?function(){}:t,v.setCurrentLanguage(e.language,"h5",e.languageTexts);var r,t=g.handleOption(e),e=t.source,i=g.isAudio(e),n=(i&&(t.mediaType="audio"),g.createWrapper(t));if(n.player)return n.player;if(i)r=new u(n,t);else if(g.isRts(e))r=new h(n,t);else if((t.forceH265||t.enableH265)&&(g.isMp4(e)||g.isFlv(e)||g.isHls(e)))r=new y(n,t);else if(!t.useFlashPrism&&g.isFlv(e)&&g.isSupportFlv())r=new p(n,t);else if(_.IS_MOBILE||!t.useFlashPrism&&!g.isRTMP(e))if(-1!==[null,void 0].indexOf(t.mediaAuth)||t.source)if(t.vid&&!t.source)if(t.authInfo)r=new s(n,t);else{if(!(t.playauth||t.accessKeyId&&t.accessKeySecret))throw i="vid="+t.vid+" playauth='', playauth property is required by VOD(\u89c6\u9891\u70b9\u64ad) as new Aliplayer.",new Error(i);r=new l(n,t)}else g.isDash(e)&&g.isSupportMSE()?r=new f(n,t):g.isHls(e)?g.canPlayHls()?r=new(g.isSupportHls()&&(g.isUsedHlsPluginOnMobile()||g.isSafariUsedHlsPlugin(t.useHlsPluginForSafari))?t.isDrm?f:d:t.isDrm?f:o)(n,t):g.isSupportHls()?r=new(t.isDrm?f:d)(n,t):_.os.pc?t.userH5Prism||t.useH5Prism||(r=new a(n,t)):r=new o(n,t):(r=new o(n,t),t.source||(i={error_code:m.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL",display_msg:v.get("Error_Empty_Source")},r.trigger(b.Player.Error,i)));else r=new c(n,t);else r=new a(n,t);return r}},{"../lang/index":23,"../lib/constants":28,"../lib/dom":32,"../lib/io":40,"../lib/playerutil":46,"../lib/ua":49,"./audio/audioplayer":68,"./base/event/eventtype":70,"./base/player":91,"./drm/drmplayer":98,"./flash/flashplayer":99,"./flv/flvplayer":101,"./hls/hlsplayer":103,"./rts/rtsplayer":105,"./saas/lightPlayer":109,"./saas/mtsplayer":111,"./saas/vodplayer":117,"./splayer/splayer":126}],68:[function(e,t,r){var i=e("../base/player"),n=e("../../ui/component"),o=e("../../lib/dom"),a=e("../../lib/object"),s=e("../../lib/playerutil"),e=i.extend({init:function(e,t){this._isAudio=!0,void 0===t.skinLayout&&(t.skinLayout=s.defaultAudioLayout),i.call(this,e,t)}});e.prototype.createEl=function(){"AUDIO"!==this.tag.tagName&&(this._el=this.tag,this.tag=n.prototype.createEl.call(this,"audio"));var t=this._el,e=this.tag,r=(e.player=this,o.getElementAttributes(e));return a.each(r,function(e){t.setAttribute(e,r[e])}),this.setVideoAttrs(),e.parentNode&&e.parentNode.insertBefore(t,e),o.insertFirst(e,t),t},t.exports=e},{"../../lib/dom":32,"../../lib/object":42,"../../lib/playerutil":46,"../../ui/component":130,"../base/player":91}],69:[function(e,t,r){var a=e("../../../lib/event"),s=e("./eventtype"),i=e("../eventHandler/video/index"),n=e("../eventHandler/player/index");t.exports.offAll=function(e){var t,r,i,n=e.tag,o=e._el;for(t in s.Video)a.off(n,s.Video[t]);for(r in s.Player)a.off(o,s.Player[r]);for(i in s.Private)a.off(o,s.Private[i])},t.exports.offVideoAll=function(e){var t,r=e.tag;for(t in s.Video)a.off(r,s.Video[t])},t.exports.onAll=function(e){i.bind(e),n.bind(e)}},{"../../../lib/event":33,"../eventHandler/player/index":74,"../eventHandler/video/index":84,"./eventtype":70}],70:[function(e,t,r){t.exports={Video:{TimeUpdate:"timeupdate",Play:"play",Playing:"playing",Pause:"pause",CanPlay:"canplay",Waiting:"waiting",Ended:"ended",Error:"error",Suspend:"suspend",Stalled:"stalled",LoadStart:"loadstart",DurationChange:"durationchange",LoadedData:"loadeddata",LoadedMetadata:"loadedmetadata",Progress:"progress",CanPlayThrough:"canplaythrough",ContextMenu:"contextmenu",Seeking:"seeking",Seeked:"seeked",ManualEnded:"manualended",VolumeChange:"volumechange",RateChange:"ratechange"},Player:{TimeUpdate:"timeupdate",DurationChange:"durationchange",Init:"init",Ready:"ready",Play:"play",Playing:"playing",Pause:"pause",CanPlay:"canplay",Waiting:"waiting",Ended:"ended",Error:"error",RequestFullScreen:"requestFullScreen",CancelFullScreen:"cancelFullScreen",Snapshoted:"snapshoted",Snapshoting:"snapshoting",OnM3u8Retry:"onM3u8Retry",LiveStreamStop:"liveStreamStop",AutoPlayPrevented:"autoPlayPrevented",AutoPlay:"autoplay",StartSeek:"startSeek",CompleteSeek:"completeSeek",TextTrackReady:"textTrackReady",AudioTrackReady:"audioTrackReady",AudioTrackUpdated:"audioTrackUpdated",LevelsLoaded:"levelsLoaded",AudioTrackSwitch:"audioTrackSwitch",AudioTrackSwitched:"audioTrackSwitched",LevelSwitch:"levelSwitch",LevelSwitched:"levelSwitched",MarkerDotOver:"markerDotOver",MarkerDotOut:"markerDotOut",DefaultBandWidth:"defaultbandwidth",ResolutionChange:"resolutionChange",SeiFrame:"seiFrame",RtsFallback:"rtsFallback",RtsTraceId:"rtsTraceId",H265PlayInfo:"h265PlayInfo",H265DecoderOverload:"h265DecoderOverload",SettingSelected:"settingSelected"},Private:{Play_Btn_Show:"play_btn_show",UiH5Ready:"uiH5Ready",Error_Hide:"error_hide",Error_Show:"error_show",Info_Show:"info_show",Info_Hide:"info_hide",H5_Loading_Show:"h5_loading_show",H5_Loading_Hide:"h5_loading_hide",HideProgress:"hideProgress",CancelHideProgress:"cancelHideProgress",UpdateProgress:"updateProgress",UpdateCursorPosition:"updateCursorPosition",Click:"click",MouseOver:"mouseover",MouseOut:"mouseout",MouseEnter:"mouseenter",MouseLeave:"mouseleave",TouchStart:"touchstart",TouchMove:"touchmove",TouchEnd:"touchend",HideBar:"hideBar",ShowBar:"showBar",ControlBarClick:"controlBarClick",ReadyState:"readyState",SourceLoaded:"sourceloaded",QualityChange:"qualitychange",Play_Btn_Hide:"play_btn_hide",Cover_Hide:"cover_hide",Cover_Show:"cover_show",SeekStart:"seekStart",EndStart:"endStart",UpdateProgressBar:"updateProgressBar",LifeCycleChanged:"lifeCycleChanged",Dispose:"dispose",Created:"created",Snapshot_Hide:"snapshot_hide",AutoStreamShow:"auto_stream_show",AutoStreamHide:"auto_stream_hide",VolumnChanged:"volumnchanged",LiveShiftQueryCompleted:"liveShiftQueryCompleted",LiveShiftSwitchToLive:"LiveShiftSwitchToLive",StreamSelectorHide:"streamSelectorHide",SpeedSelectorHide:"speedSelectorHide",SettingShow:"settingShow",SettingHide:"settingHide",SelectorShow:"selectorShow",SelectorHide:"selectorHide",SettingListShow:"settingListShow",SettingListHide:"settingListHide",ThumbnailHide:"thumbnailHide",ThumbnailShow:"thumbnailShow",ThumbnailLoaded:"thumbnailLoaded",TooltipShow:"tooltipShow",TooltipHide:"tooltipHide",SelectorUpdateList:"selectorUpdateList",SelectorValueChange:"selectorValueChange",SelectorGenerateList:"selectorGenerateList",VolumeVisibilityChange:"volumeVisibilityChange",VolumeUpdatePosition:"volumeUpdatePosition",ChangeURL:"changeURL",UpdateToSettingList:"updateToSettingList",CCChanged:"CCChanged",CCStateChanged:"CCStateChanged",CCReset:"ccReset",TextTrackFounded:"textTrackFounded",UserTrackReset:"userTrackReset",PlayClick:"click",ProgressMarkerLoaded:"progressMarkerLoaded",MarkerTextShow:"markerTextShow",MarkerTextHide:"markerTextHide",PREPARE:"prepare",ProgressMarkerChanged:"progressMarkerChanged",SeiFrame:"privateSeiFrame",PlayInfoLoaded:"playInfoLoaded",Retry:"retry",LicenseHasResult:"licenseHasResult",PatchWaiting:"patchWaiting",VttHide:"vttHide",VttSwitchTrack:"vttSwitchTrack",VttClearTracks:"vttClearTracks",SafariDrmLevelSwitch:"safariDrmLevelSwitch"}}},{}],71:[function(e,t,r){e("../../event/eventtype");var i=e("../../../../lib/dom"),n=e("../../../../lib/ua");t.exports.handle=function(){(!n.IS_IOS||n.IS_IOS&&this._splayer&&2===this._splayer.renderType)&&i.removeClass(this.el(),"prism-fullscreen")}},{"../../../../lib/dom":32,"../../../../lib/ua":49,"../../event/eventtype":70}],72:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){var t=this;t.trigger(i.Player.CompleteSeek,e.paramData.toTime),t.one(i.Player.CanPlay,function(){t._enteredProgressMarker&&t.pause()})}},{"../../event/eventtype":70}],73:[function(e,t,r){var i=e("../../event/eventtype"),n=(e("../../../../lib/constants"),e("../../../../lang/index"),e("../../../../monitor/util"));t.exports.handle=function(e){var t=this,e=e.paramData;t.trigger(i.Private.H5_Loading_Hide),t.trigger(i.Private.Cover_Hide),t.trigger(i.Private.Play_Btn_Hide),t.trigger(i.Private.SettingListHide),t.trigger(i.Private.SelectorHide),t.trigger(i.Private.VolumeVisibilityChange,""),e=e||{},t._monitor&&(e.uuid=n.getUuid(),e.requestId=t._serverRequestId,e.cdnIp=t._monitor._userNetInfo.cdnIp,e.localIp=t._monitor._userNetInfo.localIp),t._isError=!0,t.trigger(i.Private.Error_Show,e),t.trigger(i.Private.LifeCycleChanged,{type:i.Player.Error,data:e})}},{"../../../../lang/index":23,"../../../../lib/constants":28,"../../../../monitor/util":65,"../../event/eventtype":70}],74:[function(e,t,r){var i=e("../../event/eventtype"),o=e("../../../../lib/event"),a=e("./lifecyclecommon"),n={endStart:e("./endstart"),seekStart:e("./seekstart"),requestFullScreen:e("./requestfullscreen"),cancelFullScreen:e("./cancelfullscreen"),error:e("./error"),privateSeiFrame:e("./seiframe"),patchWaiting:e("../video/waiting")},s=[i.Private.EndStart,i.Private.SeekStart,i.Player.RequestFullScreen,i.Player.CancelFullScreen,i.Player.Error,i.Player.Ready,i.Private.Dispose,i.Private.Created,i.Private.SeiFrame,i.Private.PatchWaiting];t.exports.bind=function(e){e.el();for(var t=0;t<s.length;t++){var r=s[t];"undefined"!=n[r]&&!function(r,i,n){var e=r.el();o.on(e,i,function(e){var t=(n&&n.handle?n:a).handle;t.call(r,e,i)})}(e,r,n[r])}}},{"../../../../lib/event":33,"../../event/eventtype":70,"../video/waiting":90,"./cancelfullscreen":71,"./endstart":72,"./error":73,"./lifecyclecommon":75,"./requestfullscreen":76,"./seekstart":77,"./seiframe":78}],75:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e,t){this.trigger(i.Private.LifeCycleChanged,{type:t,data:e})}},{"../../event/eventtype":70}],76:[function(e,t,r){e("../../event/eventtype");var i=e("../../../../lib/dom"),n=e("../../../../lib/ua");t.exports.handle=function(){(!n.IS_IOS||n.IS_IOS&&this._splayer&&2===this._splayer.renderType)&&i.addClass(this.el(),"prism-fullscreen")}},{"../../../../lib/dom":32,"../../../../lib/ua":49,"../../event/eventtype":70}],77:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){this._seeking=!0,this.trigger(i.Player.StartSeek,e.paramData.fromTime)}},{"../../event/eventtype":70}],78:[function(e,t,r){e("../../event/eventtype");t.exports.handle=function(e){var t,r,e=e.paramData,i=e.pts;this._hls&&(t=e.pts,r=this._initPTS,i=parseInt((t-r)/90,10)),this._seis[i]=e.dataContent}},{"../../event/eventtype":70}],79:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){var t=this,r=(t._retrySwitchUrlCount=0,t._liveRetryCount=0,t._clearLiveErrorHandle(),(new Date).getTime()-t.readyTime);t._options.autoplay||t._options._autoplay||!t.paused()||(t.trigger(i.Private.H5_Loading_Hide),t.trigger(i.Private.Play_Btn_Show)),t.trigger(i.Player.CanPlay,{loadtime:r})}},{"../../event/eventtype":70}],80:[function(e,t,r){var i=e("../../event/eventtype"),n=e("../../../../lib/dom"),o=e("../../../../lib/ua");t.exports.handle=function(e){this._seeking=!1;var t=this.tag;"none"===t.style.display&&o.IS_IOS&&setTimeout(function(){n.css(t,"display","block")},100),this.trigger(i.Video.CanPlayThrough)}},{"../../../../lib/dom":32,"../../../../lib/ua":49,"../../event/eventtype":70}],81:[function(e,t,r){t.exports.handle=function(e,t){var r="";e&&e.paramData&&(r=e.paramData),this.trigger(t,r)}},{}],82:[function(e,t,r){var i=e("../../event/eventtype");e("../../../../lang/index"),e("../../../../lib/event");t.exports.handle=function(e){var t=this;t.waiting=!1,t._ended=!0,t.trigger(i.Private.Play_Btn_Show),t.trigger(i.Player.Ended),t._monitor&&t._monitor._onPlayerInit(),t._options.rePlay?(t._monitor&&(t._monitor.startHeartBeat(),t._monitor._LoadedData=1),t.seek(0),t.tag.play()):t._options.isLive&&t.trigger(i.Private.H5_Loading_Hide)}},{"../../../../lang/index":23,"../../../../lib/event":33,"../../event/eventtype":70}],83:[function(e,t,r){var s=e("../../event/eventtype"),l=e("../../../../lib/constants"),c=e("../../../../lang/index"),u=e("../../../../lib/event"),d=e("../../../../lib/ua"),o=(e("../../../../lib/io"),e("../../../../lib/playerutil"));function p(t,e,r){var i=t._options,n=i.source||"";4===(e=4!==e&&d.IS_IOS&&/qqbrowser/i.test(d.USER_AGENT)?4:e)&&o.isHls(n)?o.detectRegionBlock(n,function(e){e?(e={mediaId:i.isLive?"ISLIVE":i.vid||"",error_code:l.ErrorCode.RegionBlock,error_msg:c.get("Error_Region_Block_Text")},t.logError(e),t.trigger("error",e)):r()}):r()}t.exports.handle=function(e){var i,n,o,t,a=this;a.waiting=!1,a._clearTimeout(),a.checkOnline()&&!a._splayer&&(o="",e=e.target||e.srcElement,i=e.error&&e.error.message||"",o="",e.error&&e.error.code&&(n=e.error.code,o=l.VideoErrorCode[e.error.code],i=n+" || "+i),a._options.isLive?p(a,n,function(){a._options.liveRetry>a._liveRetryCount?a._reloadAndPlayForM3u8():(a._liveRetryCount=0,a.trigger(s.Player.LiveStreamStop),a._liveErrorHandle=setTimeout(function(){var e={mediaId:"ISLIVE",error_code:o,error_msg:c.get("Error_Play_Text")+"\uff0c"+c.get("Error_Retry_Text")};a.logError(e),a.trigger("error",e)}),d.IS_UC&&(a._liveErrorHandle=null))}):-1<i.indexOf("NS_ERROR_DOM_MEDIA_FATAL_ERR")?(e=a.getCurrentTime(),(t=a.getDuration())-e<.5&&(a.pause(),a._ended=!0,a.tag.currentTime=t,u.trigger(a.tag,s.Video.ManualEnded))):3==n?(e={mediaId:a._options.vid||"",error_code:o,error_msg:i},a.logError(e),e.display_msg=l.VideoErrorCodeText[n],a.trigger(s.Player.Error,e)):a._reloadForVod()||p(a,n,function(){var e,t,r;e=c.get("Error_Play_Text"),t=!1,n<3?e=l.VideoErrorCodeText[n]:a._eventState==l.SUSPEND?(e=c.get("Error_Load_Abort_Text"),o=l.ErrorCode.RequestDataError):a._eventState==l.LOAD_START?(e=c.get("Error_Network_Text"),0<a._options.source.indexOf("auth_key")&&(e=e+"\uff0c"+c.get("Error_AuthKey_Text")),o=l.ErrorCode.StartLoadData):a._eventState==l.LOADED_METADATA&&(e=c.get("Error_Play_Text"),o=l.ErrorCode.PlayingError),e=e+"\uff0c"+c.get("Error_Retry_Text"),1<a._urls.length&&a._retrySwitchUrlCount<3&&-1==a._options.source.indexOf(".mpd")&&(a.switchUrl(),t=!0),r={mediaId:a._options.vid||"",error_code:o,error_msg:i},t||(a.logError(r),r.display_msg=e,a.trigger(s.Player.Error,r))}))}},{"../../../../lang/index":23,"../../../../lib/constants":28,"../../../../lib/event":33,"../../../../lib/io":40,"../../../../lib/playerutil":46,"../../../../lib/ua":49,"../../event/eventtype":70}],84:[function(e,t,r){var n=e("../../../../lib/event"),o=e("../../event/eventtype"),i={canplay:e("./canplay"),canplaythrough:e("./canplaythrough"),common:e("./common"),ended:e("./ended"),error:e("./error"),pause:e("./pause"),play:e("./play"),playing:e("./playing"),waiting:e("./waiting"),timeupdate:e("./timeupdate"),manualended:e("./ended"),loadedmetadata:e("./loadedmetadata")};t.exports.bind=function(e){e.tag;for(var t in o.Video){t=o.Video[t];!function(t,r,i){var e=t.tag;n.on(e,r,function(e){i.handle.call(t,e,r),r!=o.Video.Error&&(r==o.Video.ManualEnded&&(r=o.Video.Ended),t.trigger(o.Private.LifeCycleChanged,{type:r,data:e}))})}(e,t,void 0!==i[t]?i[t]:i.common)}}},{"../../../../lib/event":33,"../../event/eventtype":70,"./canplay":79,"./canplaythrough":80,"./common":81,"./ended":82,"./error":83,"./loadedmetadata":85,"./pause":86,"./play":87,"./playing":88,"./timeupdate":89,"./waiting":90}],85:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){var t=this.tag;this._duration=t.duration<1?0:t.duration,this.trigger(i.Private.ReadyState),this._splayer&&this.trigger(i.Video.DurationChange),this.trigger(i.Video.LoadedMetadata)}},{"../../event/eventtype":70}],86:[function(e,t,r){var i=e("../../event/eventtype"),n=e("../../../../lib/ua");t.exports.handle=function(e){var t=this;t._seeking&&t._splayer||(t._hls&&t._options&&t._options.isLive&&n.IS_FIREFOX&&t.trigger(i.Private.Play_Btn_Show),t._clearTimeout(),t.trigger(i.Private.AutoStreamHide),t.trigger(i.Player.Pause),t._isManualPause&&(t.trigger(i.Private.Play_Btn_Show),t.trigger(i.Private.H5_Loading_Hide)),t.waiting=!1)}},{"../../../../lib/ua":49,"../../event/eventtype":70}],87:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){this.trigger(i.Private.Error_Hide),this.trigger(i.Private.Cover_Hide),this.trigger(i.Private.AutoStreamHide),this.waiting=!1,this.trigger(i.Player.Play)}},{"../../event/eventtype":70}],88:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){var t=this,r=(t.trigger(i.Private.H5_Loading_Hide),t.trigger(i.Private.Cover_Hide),t.trigger(i.Private.Info_Hide),t.waiting=!1,t._ended=!1,t._liveRetryCount=0,t._vodRetryCount=0,t._seeking=!1,t.getCurrentTime());t._waitingReloadTime!=r&&(t._waitingTimeoutCount=0),t._checkTimeoutHandle&&(clearTimeout(t._checkTimeoutHandle),t._checkTimeoutHandle=null),t._waitingLoadedHandle&&(clearTimeout(t._waitingLoadedHandle),t._waitingLoadedHandle=null),t._ucSourceHandle&&(clearTimeout(t._ucSourceHandle),t._ucSourceHandle=null),t._waitingDelayLoadingShowHandle&&(clearTimeout(t._waitingDelayLoadingShowHandle),t._waitingDelayLoadingShowHandle=null),t._waitingTimeoutHandle&&(clearTimeout(t._waitingTimeoutHandle),t._waitingTimeoutHandle=null,t._ccService)&&t._options.isLive&&(r=t._ccService.getCurrentSubtitle(),t._setDefaultCC=!0,r)&&t._ccService.switch(r),t.trigger(i.Private.AutoStreamHide),t.trigger(i.Player.Playing),t.trigger(i.Private.Error_Hide),t.tag.paused||t.trigger(i.Private.Play_Btn_Hide)}},{"../../event/eventtype":70}],89:[function(e,t,r){var d=e("../../event/eventtype"),p=e("../../../../lib/ua"),h=e("../../../../lib/event"),f=e("../../plugin/status");t.exports.handle=function(e){var t,r=this,e=(r.trigger(d.Player.TimeUpdate,e.timeStamp),(p.IS_IOS||p.IS_MAC_SAFARI)&&(clearTimeout(r._waitingPatchTimer),r._waitingPatchTimer=setTimeout(function(){r.waiting||r._isError||r.paused()||r._disposed||(console.log("!!!!!!!manually waiting!!!!!!!"),r.trigger(d.Private.PatchWaiting))},3e3)),r.getCurrentTime()),i=(r.waiting&&!r._TimeUpdateStamp&&(r._TimeUpdateStamp=e),0!=r.waiting&&r._TimeUpdateStamp==e||(r.trigger(d.Private.H5_Loading_Hide),r.trigger(d.Private.AutoStreamHide),r._checkTimeoutHandle&&clearTimeout(r._checkTimeoutHandle),r._waitingTimeoutHandle&&clearTimeout(r._waitingTimeoutHandle),r._waitingLoadedHandle&&clearTimeout(r._waitingLoadedHandle),r._ucSourceHandle&&(clearTimeout(r._ucSourceHandle),r._ucSourceHandle=null),r.waiting=!1),p.IS_ANDROID&&p.IS_UC&&(r._timeNotUpdateCount=r._timeNotUpdateCount||0,r.waiting||e!==r._TimeUpdateStamp||(r._timeNotUpdateCount++,2<=r._timeNotUpdateCount&&(r._timeNotUpdateCount=0,r.trigger(d.Private.PatchWaiting)))),r._TimeUpdateStamp=e,r._options.isLive||(t=!1,(t=(i=r.getDuration())<e&&!r.paused()||i-e<.2&&0<=p.browser.version.indexOf("49.")&&!r.paused()||r.exceedPreviewTime(e)?!0:t)&&!r._ended&&(r.pause(),h.trigger(r.tag,d.Video.ManualEnded))),r._player.tag),n=(i&&r._options.isLive&&(r._player.resolution&&0<i.videoWidth&&0<i.videoHeight&&(0<r._player.resolution.width||0<r._player.resolution.height)&&(r._player.resolution.width!==i.videoWidth||r._player.resolution.height!==i.videoHeight)&&(t={oldResolution:{width:r._player.resolution.width,height:r._player.resolution.height},newResolution:{width:i.videoWidth,height:i.videoHeight}},r.trigger(d.Player.ResolutionChange,t)),r._player.resolution.width=0==i.videoWidth?r._player.resolution.width:i.videoWidth,r._player.resolution.height=0==i.videoHeight?r._player.resolution.height:i.videoHeight),p.IS_CHROME&&Number(p.CHROME_VERSION)<50&&(r._playingSlientPause&&(clearTimeout(r._playingSlientPause),r._playingSlientPause=null),r._playingSlientPause=setTimeout(function(){var e,t;r._status!=f.playing||r.paused()||r._drm||r._urls.length||(e=r.getCurrentTime(),t=r._options.isLive?0:e,r._loadByUrlInner(r._options.source,t,e,!0))},3e3)),r._seis||{}),o=Object.keys(n);if(0!==o.length){var a=parseInt(1e3*e,10);if(!(l=n[a]))for(var s=0;s<250;s++){var l,c=a+s;if(l=n[c]){for(var u=0;u<o.length&&o[u]<=c;u++)delete n[o[u]];break}}l&&r.trigger(d.Player.SeiFrame,l)}}},{"../../../../lib/event":33,"../../../../lib/ua":49,"../../event/eventtype":70,"../../plugin/status":95}],90:[function(e,t,r){var o=e("../../event/eventtype"),a=e("../../../../lib/constants"),s=e("../../../../lib/event"),l=e("../../../../lang/index"),c=e("../../../../lib/ua"),u=e("../../../../lib/playerutil");t.exports.handle=function(e){var t=this;if(!t._options.isLive){var r=this.getCurrentTime(),i=this.getDuration();if(!t._ended&&0<i&&(i-r<.5||i<r))return t.pause(),t._ended=!0,void s.trigger(this.tag,o.Video.ManualEnded)}t.waiting=!0;function n(){t._checkTimeoutHandle&&(clearTimeout(t._checkTimeoutHandle),t._checkTimeoutHandle=null),t._waitingTimeoutHandle&&(clearTimeout(t._waitingTimeoutHandle),t._waitingTimeoutHandle=null),t._waitingLoadedHandle&&(clearTimeout(t._waitingLoadedHandle),t._waitingLoadedHandle=null),t._waitingDelayLoadingShowHandle&&(clearTimeout(t._waitingDelayLoadingShowHandle),t._waitingDelayLoadingShowHandle=null),t._ucSourceHandle&&(clearTimeout(t._ucSourceHandle),t._ucSourceHandle=null)}n(),t._waitingDelayLoadingShowHandle=setTimeout(function(){t.trigger(o.Private.H5_Loading_Show)},1e3*t._options.delayLoadingShow),t._TimeUpdateStamp=null,t._checkTimeoutHandle=setTimeout(function(){t.trigger(o.Private.AutoStreamShow)},1e3*t._options.loadDataTimeout),t.trigger(o.Player.Waiting),t._waitingTimeoutHandle=setTimeout(function(){var e;t.tag&&t._options&&(t.pause(),e={mediaId:t._options.vid||"",error_code:a.ErrorCode.LoadingTimeout,error_msg:l.get("Error_Waiting_Timeout_Text")},t.logError(e),t.trigger("error",e))},1e3*t._options.waitingTimeout),t._waitingLoadedHandle=setTimeout(function(){var e=t.getCurrentTime();0==t._waitingTimeoutCount&&e!=t._waitingReloadTime&&(t._waitingTimeoutCount=1,t._waitingReloadTime=e,e=t._options.isLive?0:e,t._loadByUrlInner(t._options.source,e,!0))},t._options.waitingTimeout/2*1e3),c.IS_ANDROID&&c.IS_DINGTALK&&(t._ucSourceHandle=setTimeout(function(){u.detectRegionBlock(t._options.source,function(e){e&&(e={mediaId:t._options.vid,error_code:a.ErrorCode.RegionBlock,error_msg:l.get("Error_Region_Block_Text")},t.logError(e),t.trigger("error",e))})},5e3)),t.on("error",function(){n()})}},{"../../../../lang/index":23,"../../../../lib/constants":28,"../../../../lib/event":33,"../../../../lib/playerutil":46,"../../../../lib/ua":49,"../../event/eventtype":70}],91:[function(e,t,r){var i="undefined"==typeof Promise?e("es6-promise").Promise:Promise,n=e("../../ui/component"),o=e("../../lib/object"),a=e("../../lib/dom"),l=e("../../lib/event"),s=e("../../ui/exports"),c=e("../../monitor/monitor"),u=e("../../lib/ua"),d=e("../../lib/constants"),p=e("../../lib/playerutil"),h=e("./x5play"),f=e("../../lib/cookie"),y=e("../../lang/index"),_=e("../../feature/autoPlayDelay"),g=e("./event/eventmanager"),v=e("../../ui/component/cover"),m=e("../../ui/component/license-watermark"),b=e("../../feature/license"),S=e("../../ui/component/text-track-display"),T=e("../../ui/component/play-animation"),E=e("../../commonui/autostreamselector"),w=e("./event/eventtype"),x=e("./plugin/lifecyclemanager"),P=e("../service/export"),k=e("../../ui/component/progressmarker"),C=e("../../feature/keyboardControl"),I=e("../../feature/AntiRecord"),L=e("./eventHandler/video/index"),A=e("../../lib/vttnext/index"),R=e("../../lib/codec-probe"),D=e("../splayer/splayerinjector"),e=e("../../ui/component/util").throttle,O=n.extend({init:function(e,r){var t;this.tag=e,this.loaded=!1,this.played=!1,this.waiting=!1,this._urls=[],this._currentPlayIndex=0,this._retrySwitchUrlCount=0,this._isError=!1,this._isHls=!1,this._liveRetryCount=0,this._liveRetryTimer=null,this._vodRetryCount=0,this._seeking=!1,this._serverRequestId=0,this._waitingTimeoutCount=0,this._waitingReloadTime=0,this._created=!1,this._enteredProgressMarker=!1,this._liveShiftSeekStartTime=0,this._duration=0,this._seis={},this._initPTS=0,this.isMutiLevel=!1,this._antiRecord=null,this.__disposed=!1,this.resolution={width:0,height:0},void 0===r.skinLayout&&(r.skinLayout=p.defaultH5Layout),p.isRts(r.source)&&!r.autoplay&&(r.preload=!1),n.call(this,this,r),this.addClass("prism-player"),r.plugins&&o.each(r.plugins,function(e,t){this[e](t)},this),this._createService(),this.UI={},r.useNativeControls?this.tag.setAttribute("controls","controls"):(this.UI=s,0==r.errorDisplay&&(this.UI.errorDisplay=void 0)),this.initChildren(),this._options.trackLog&&(this._monitor=new c(this,{video_id:0,album_id:0,from:this._options.from,source:this._options.source,logBatched:this._options.logBatched},this._options.trackLog)),g.onAll(this),this._options.preventRecord&&(this._antiRecord=new I({player:this}),this._antiRecord.start()),this._lifeCycleManager=new x(this),this._overrideNativePlay(),this._liveshiftService&&!this._liveshiftService.validate()?(e={mediaId:this._options.vid||"",error_code:d.ErrorCode.InvalidParameter,error_msg:y.get("ShiftLiveTime_Error")},this.trigger(w.Player.Error,e)):(this._options.extraInfo&&(e=this._options.extraInfo).liveRetry&&(this._options.liveRetry=e.liveRetry),this.on(w.Private.ReadyState,function(){this.trigger(w.Player.Ready)}),this.on(w.Player.H265PlayInfo,function(e){var t=this;"native"!==e.paramData.renderType&&b.getLicense(r.license.domain,r.license.key).then(function(e){e=e.validate(d.PLAYER_SDK_CODE,d.FEATURE_ID_H265);if(console.log("license validate result => ",e),0===e)t.trigger(w.Private.LicenseHasResult,{result:d.LicenseResultCode.Success,featureId:d.FEATURE_ID_H265});else{if(1===e)return i.reject(d.LicenseResultCode.NotFound);{if(2===e)return i.reject(d.LicenseResultCode.Expired);console.error("license validate unknown error")}}}).catch(function(e){t.trigger(w.Private.LicenseHasResult,{result:e,featureId:d.FEATURE_ID_H265}),b.logError(e)})}),this.on(w.Private.LicenseHasResult,function(e){var t=d.LicenseResultCode;-1<[t.NotFound,t.Expired,t.CertInvalid,t.ResourceIncorrect,t.LicenseKeyInvalid,t.DomainInvalid].indexOf(e.paramData.result)&&(this.UI.licenseWatermark=m,this._licenseWatermark=this.addChild("licenseWatermark",this._options))}),this._thumbnailService&&this._options.thumbnailUrl&&this._thumbnailService.get(this._options.thumbnailUrl),0<this._options.progressMarkers.length&&this.trigger(w.Private.ProgressMarkerLoaded,this._options.progressMarkers),this._options.source&&this._options._native&&this._executeReadyCallback(),this._options.autoplay||this._options.preload?this.trigger(w.Private.H5_Loading_Show):this.trigger(w.Private.Play_Btn_Show),this._extraMultiSources(),this._options.source&&(this.trigger(w.Private.PREPARE,"custom"),this._options.autoPlayDelay?(this._autoPlayDelay=new _(this),(t=this)._autoPlayDelay.handle(function(){t.initPlay()})):this.initPlay()),C.init.call(this),this._vttBroker=new A({player:this}),this._getUserTextTracks())}});O.prototype.isSupportMSE=function(){return p.isSupportMSE()},O.prototype.initPlay=function(e){this._initPlayBehavior(e,this._options.source)},O.prototype.initChildren=function(){var e=this.options(),t=e.skinLayout;if(!1!==t&&!o.isArray(t))throw new Error("PrismPlayer Error: skinLayout should be false or type of array!");!1!==t&&0!==t.length&&(this.options({children:t}),n.prototype.initChildren.call(this)),this.UI.cover=v,e.className="",this.addChild("cover",e),this.UI.playanimation=T,this.addChild("playanimation",e),this.UI.autoStreamSelector=E,this.addChild("autoStreamSelector",e),this.UI.progressMarker=k,this.addChild("progressMarker",e),this.UI.textTrackDisplay=S,this.addChild("textTrackDisplay",e),this.trigger(w.Private.UiH5Ready)},O.prototype.createEl=function(){var e=!1,t=("VIDEO"!==this.tag.tagName?(this._el=this.tag,this.tag=n.prototype.createEl.call(this,"video"),this._options.playsinline&&(this.tag.setAttribute("webkit-playsinline",""),this.tag.setAttribute("playsinline",""),this.tag.setAttribute("x-webkit-airplay",""),this.tag.setAttribute("x5-playsinline",""))):(e=!0,this._el=this.tag.parentNode),this._el),r=this.tag,i=(this._options.enableSystemMenu||(r.addEventListener?r.addEventListener("contextmenu",function(e){e.preventDefault()},!1):r.attachEvent("oncontextmenu",function(){window.event.returnValue=!1})),r.player=this,a.getElementAttributes(r));return o.each(i,function(e){t.setAttribute(e,i[e])}),this.setVideoAttrs(),e||(r.parentNode&&r.parentNode.insertBefore(t,r),a.insertFirst(r,t)),t},O.prototype.setVideoAttrs=function(){var e=this._options.preload,t=this._options.autoplay;if(this.tag.style.width=this._options.videoWidth||"100%",this.tag.style.height=this._options.videoHeight||"100%",e&&this.tag.setAttribute("preload","preload"),t&&!this._isEnabledAILabel()&&"15"!==u.IOS_VERSION&&this.tag.setAttribute("autoplay","autoplay"),u.IS_IOS&&this.tag.setAttribute("poster","data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAMZJREFUeAHt0DEBAAAAwqD1T20LL4hAYcCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMDAc2CcpAABaODCqQAAAABJRU5ErkJggg=="),(u.IS_UC||u.dingTalk())&&this.tag.setAttribute("renderer","standard"),this._options.extraInfo)for(var r in this._options.extraInfo)u.IS_OPPO&&"crossOrigin"===r||this.tag.setAttribute(r,this._options.extraInfo[r]);h.adaptX5Play(this)},O.prototype.checkOnline=function(){var e;return!(this._options&&!this._options.debug&&0==navigator.onLine&&((e={mediaId:this._options.vid||"",error_code:d.ErrorCode.NetworkUnavaiable,error_msg:y.get("Error_Offline_Text")}).display_msg=y.get("Error_Offline_Text"),this.trigger(w.Player.Error,e),1))},O.prototype.id=function(){return this.el().id},O.prototype.renderUI=function(){},O.prototype.switchUrl=function(){var e,t;0!=this._urls.length&&(this._currentPlayIndex=this._currentPlayIndex+1,this._urls.length<=this._currentPlayIndex&&(this._currentPlayIndex=0,this._retrySwitchUrlCount++),e=this._urls[this._currentPlayIndex],f.set(d.SelectedStreamLevel,e.definition,365),this.trigger(w.Private.QualityChange,y.get("Quality_Change_Fail_Switch_Text")),t=this.getCurrentTime(),this._vodRetryCount=0,this._originalSource="",this._loadByUrlInner(e.Url,t,!0))},O.prototype.setControls=function(){var e=this.options();e.useNativeControls?this.tag.setAttribute("controls","controls"):"object"==typeof e.controls&&(e=this._initControlBar(e.controls),this.addChild(e))},O.prototype._initControlBar=function(e){return new ControlBar(this,e)},O.prototype.getMetaData=function(){},O.prototype.getReadyTime=function(){return this.readyTime},O.prototype.readyState=function(){return this.tag.readyState},O.prototype.getError=function(){return this.tag.error},O.prototype.getRecentOccuredEvent=function(){return this._eventState},O.prototype.getSourceUrl=function(){return this._options?this._options.source:""},O.prototype.getMonitorInfo=function(){return this._monitor?this._monitor.opt:{}},O.prototype.getCurrentQuality=function(){var e;return 0<this._urls.length?{width:(e=this._urls[this._currentPlayIndex]).width,url:e.Url,definition:e.definition}:""},O.prototype.getCurrentPDT=function(){var e;if((u.IS_SAFARI||u.IS_IOS)&&this.tag)return e=Date.parse(this.tag.getStartDate()),isNaN(e)?0:e+1e3*this.getCurrentTime()},O.prototype.setSpeed=function(e){this.tag&&(this._originalPlaybackRate=e,this.tag.playbackRate=e)},O.prototype.play=function(e){return this.tag&&(this.tag.ended||this._ended?this.replay():((this._options.preload||this.loaded)&&this.tag.src||this._initLoad(this._options.source),this.trigger(w.Private.Cover_Hide),this.tag.play())),this._isManualPlay=e||!1,this},O.prototype.replay=function(){return this._monitor&&this._monitor.replay(),this.seek(0),this.tag.play(),this},O.prototype.pause=function(e){return this.tag&&this.tag.pause(),this._isManualPause=e||!1,this},O.prototype.stop=function(){return this.tag.setAttribute("src",null),this},O.prototype.paused=function(){if(this.tag)return!1!==this.tag.paused},O.prototype.getDuration=function(){var e=0;return e=this.tag?this.isPreview()?this._vodDuration||this.tag.duration:this._duration&&this._duration!=1/0?this._duration:this.tag.duration:e},O.prototype.getDisplayDuration=function(){var e=0;return e=this.tag?this._vodDuration||this.getDuration():e},O.prototype.getCurrentTime=function(){return this.tag?this.tag.currentTime:0},O.prototype.seek=function(e){this._seeking=!0,this._ended=!1;var t=this.tag.duration;if(e=Math.floor(e),!Number.isNaN(e))return this._doSeek(this,e=t<=e?t:e),this},O.prototype._doSeek=e(function(e){var t=e[0],e=e[1];try{var r=t._originalPlaybackRate||t.tag.playbackRate;t.tag.currentTime=e,u.IS_IE11&&setTimeout(function(){t.tag&&(t.tag.playbackRate=r)})}catch(e){console.log(e)}},100),O.prototype.firstNewUrlloadByUrl=function(e,t){this._clearTimeout(),this._options.vid=0,this._options.source=e,this._monitor&&this._monitor.updateVideoInfo({video_id:0,album_id:0,source:e,from:this._options.from}),this.trigger(w.Private.ChangeURL),this.initPlay(),this._options.autoplay&&this.trigger(w.Private.Cover_Hide),this._options.autoplay?this.trigger(w.Player.Play):this.trigger(w.Player.Pause),!(t=t||0)&&0!=t||isNaN(t)||this.seek(t)},O.prototype._loadByUrlInner=function(e,t,r,i){var n=this,o=this.tag.volume;if(i&&u.IS_ANDROID_FIREFOX){for(var a in w.Video)l.off(this.tag,w.Video[a]);this.tag.remove(),this.tag=this._el,this.createEl()}this.loadByUrl(e,t,r,!0),this.tag.volume=o,i&&u.IS_ANDROID_FIREFOX&&this.tag.addEventListener(w.Video.LoadedData,function e(){n._player.trigger(w.Player.DurationChange),L.bind(n),n.tag.removeEventListener(w.Video.LoadedData,e)})},O.prototype.loadByUrl=function(n,o,e,t){var r=this,i=(this._monitor&&this._monitor._onPlayerUnderload(),this._monitor&&0===this._vodRetryCount&&0===this._liveRetryCount&&(this._monitor.reportPlayAbort(),this._monitor.resetVV()),/\.m3u8|\.flv|\.mp4|artc\:\/\/|rtmp\:\/\//gi),a=((this._options.source||"").match(i)||[])[0]!==((n||"").match(i)||[])[0];if(this._h265InfoReported=!1,this._probeInfo||(this._probeInfo={}),this._probeInfo.codecTag=void 0,!a&&(p.isMp4(n)||p.isFlv(n)||p.isHls(n)))return this._options.forceH265||!this._options.enableH265||u.IS_ANDROID&&u.dingTalk()&&!p.isFlv(n)?void s.call(this):void R(n,function(e){var e=p.getVideoTrack(e.tracks),t=(e||{}).codecTag||(e||{}).codec.split(".")[0];r._probeInfo.codecTag=t,e&&p.isH265Codec(t)?p.isFlv(n)||p.isHls(n)?(r._splayer||(a=!0),s.call(r)):p.shouldUseBasePlayer({codecTag:t,url:n},function(e){e?(r._splayer&&(a=!0),r._probeInfo.codecTag&&D.reportH265PlayInfo.call(r,{renderType:"native",codecTag:r._probeInfo.codecTag})):r._splayer||(a=!0),s.call(r)}):(r._splayer&&(a=!0),s.call(r))},function(e){s.call(r)});function s(){var r,i=this;a&&this._splayer&&this.removeChild(this._licenseWatermark),a&&window.Aliplayer?(console.log("!!!!! NEED RELOAD INSTANCE !!!!!"),this._options.source=n,window.Aliplayer.reloadInstance(this._options,function(){},this)):(t||(this._urls=[]),this._monitor&&!t&&this._monitor.reset(),this._isError=!1,this._duration=0,this._clearTimeout(),this.trigger(w.Private.Error_Hide),this._options.source=n,this._monitor&&this._monitor.updateVideoInfo({video_id:0,album_id:0,source:n,from:this._options.from}),t||(this.trigger(w.Private.ChangeURL),this._vodRetryCount=0),this._options._autoplay=e,this.initPlay(e),(r=this._options.autoplay||e)&&this.trigger(w.Private.Cover_Hide),r?this.trigger(w.Player.Play):this.trigger(w.Player.Pause),this._options.isLive||!o&&0!=o||isNaN(o)||l.one(this.tag,w.Video.CanPlay,function(e){r&&(u.IS_IOS||u.IS_MAC_SAFARI)&&i._splayer&&i.play();var t=i.getDuration();i.seek(t<=o?t:o)}))}s.call(this)},O.prototype.dispose=function(){this.__disposed=!0,this.trigger(w.Private.Dispose),this.tag.pause(),g.offAll(this),C.dispose.call(this),this._antiRecord&&(this._antiRecord.dispose(),this._antiRecord=null),this._monitor&&(this._monitor.reportPlayAbort(),this._monitor.removeEvent(),this._monitor=null),this._autoPlayDelay&&this._autoPlayDelay.dispose(),this._checkTimeoutHandle&&(clearTimeout(this._checkTimeoutHandle),this._checkTimeoutHandle=null),this._waitingTimeoutHandle&&(clearTimeout(this._waitingTimeoutHandle),this._waitingTimeoutHandle=null),this._playingSlientPause&&(clearTimeout(this._playingSlientPause),this._playingSlientPause=null),this._waitingLoadedHandle&&(clearTimeout(this._waitingLoadedHandle),this._waitingLoadedHandle=null),this._ucSourceHandle&&(clearTimeout(this._ucSourceHandle),this._ucSourceHandle=null),this._readyStateTimer&&(clearInterval(this._readyStateTimer),this._readyStateTimer=null),this._vodRetryCountHandle&&(clearTimeout(this._vodRetryCountHandle),this._vodRetryCountHandle=null),this._waitingDelayLoadingShowHandle&&(clearTimeout(this._waitingDelayLoadingShowHandle),this._waitingDelayLoadingShowHandle=null),this._liveRetryTimer&&(clearTimeout(this._liveRetryTimer),this._liveRetryTimer=null),this._disposeService(),this._clearLiveErrorHandle(),this._el.innerHTML="",this.destroy(),this._releaseMediaElement(),this._options.recreatePlayer=null,this._options=null,this.isMutiLevel=!1,this._seis={},this._initPTS=0},O.prototype._releaseMediaElement=function(){this.tag.removeAttribute("src"),this.tag.load(),this.tag=null},O.prototype.mute=function(){this._muteInner(),this._originalVolumn=this.tag.volume;var e=y.get("Volume_Mute");return this._player.trigger(w.Private.Info_Show,{text:e,duration:1e3,align:"lb"}),this._setInnerVolume(0),this},O.prototype._muteInner=function(){this.tag.muted=!0,this.trigger(w.Private.VolumnChanged,-1)},O.prototype.unMute=function(){this._unMuteInner();var e=y.get("Volume_UnMute");return this._player.trigger(w.Private.Info_Show,{text:e,duration:1e3,align:"lb"}),this._setInnerVolume(this._originalVolumn||.5),this},O.prototype._unMuteInner=function(){this.tag.muted=!1,this.trigger(w.Private.VolumnChanged,-2)},O.prototype.muted=function(){return this.tag.muted},O.prototype.getVolume=function(){return this.tag.volume},O.prototype.getOptions=function(){return this._options},O.prototype.setVolume=function(e,t){0!=e?this._unMuteInner():0==e&&this._muteInner(),this._setInnerVolume(e);e=y.get("Curent_Volume")+"<span>"+(100*e).toFixed()+"%</span>";this._player.trigger(w.Private.Info_Show,{text:e,duration:1e3,align:"lb"})},O.prototype._setInnerVolume=function(e){this.tag.volume=e,this.trigger(w.Private.VolumnChanged,e)},O.prototype.hideProgress=function(){this.trigger(w.Private.HideProgress)},O.prototype.cancelHideProgress=function(){this.trigger(w.Private.CancelHideProgress)},O.prototype.setPlayerSize=function(e,t){this._el&&(this._el.style.width=e,this._el.style.height=t)},O.prototype.getBuffered=function(){return this.tag.buffered},O.prototype.setRotate=function(e){this.tag&&(this._rotate=e,this._setTransform(),this.log("ROTATE",{rotation:e}))},O.prototype.getRotate=function(e){return void 0===this._rotate?0:this._rotate},O.prototype.setImage=function(e){this.tag&&(this._image=e,this._setTransform(),this.log("IMAGE",{mirror:"horizon"==e?2:1,text:e}))},O.prototype.getImage=function(){return this._image},O.prototype.cancelImage=function(){this.tag&&(this._image="",this._setTransform(),this.log("IMAGE",{mirror:0}))},O.prototype.setCover=function(e){var t=document.querySelector("#"+this.id()+" .prism-cover");t&&e&&(t.style.backgroundImage="url("+e+")",this._options.cover=e,this.trigger(w.Private.Cover_Show))},O.prototype.setTextTracks=function(e){e=p.unqiueTextTracks(e||[]),this.trigger(w.Private.VttClearTracks),e&&e.length&&this.trigger(w.Private.TextTrackFounded,{from:"user",textTracks:e}),this.trigger(w.Private.CCReset)},O.prototype._setTransform=function(){this._transformProp||(this._transformProp=a.getTransformName(this.tag));var e=" translate(-50%, -50%)";this._rotate&&(e+=" rotate("+this._rotate+"deg)"),this._image&&("vertical"==this._image?e+=" scaleY(-1)":"horizon"==this._image&&(e+=" scaleX(-1)")),this.tag.style[this._transformProp]=e},O.prototype._startPlay=function(){this.tag.paused&&this.tag.play()},O.prototype._initPlayBehavior=function(e,t){return this._monitor&&0===this._vodRetryCount&&0===this._liveRetryCount&&this._monitor.resetVV(),!this._checkSupportVideoType()&&(p.validateSource(t)?(void 0===e&&(e=!1),this._created||(this._created=!0,this.trigger(w.Private.Created)),this.loaded||this.trigger(w.Player.Init),this._options.autoplay||this._options._autoplay||this._options.preload||e?(this._options._preload=!0,this._initLoad(t),(this._options.autoplay||this._options._autoplay)&&this._startPlay()):this.trigger(w.Private.Play_Btn_Show),!0):((e={mediaId:this._options.vid||"",error_code:d.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=y.get("Error_Invalidate_Source"),this.trigger(w.Player.Error,e),!1))},O.prototype._isPreload=function(){return this._options.autoplay||this._options.preload||this._options._preload},O.prototype._initLoad=function(e){e&&(this._isPreload()&&!u.IS_MOBILE?this.trigger(w.Private.H5_Loading_Show):(this.trigger(w.Private.H5_Loading_Hide),this.trigger(w.Private.Play_Btn_Show)),this.tag.setAttribute("src",e),this.loaded=!0)},O.prototype._clearLiveErrorHandle=function(){this._liveErrorHandle&&(clearTimeout(this._liveErrorHandle),this._liveErrorHandle=null)},O.prototype._reloadAndPlayForM3u8=function(){0==this._liveRetryCount&&this.trigger(w.Player.OnM3u8Retry);var e=this._options,t=e.liveRetryInterval+e.liveRetryStep*this._liveRetryCount,r=this;this._liveRetryTimer&&(clearTimeout(this._liveRetryTimer),this._liveRetryTimer=null),this._liveRetryTimer=setTimeout(function(){r._liveRetryCount++,r.tag.load(r._options.source),e.autoplay&&r.tag.play()},1e3*t)},O.prototype._checkSupportVideoType=function(){var e,t;return this.tag.canPlayType&&this._options.source&&u.IS_MOBILE?(e="",0<(t=this._options.source).indexOf("m3u8")?""!=this.tag.canPlayType("application/x-mpegURL")||p.isSupportHls()||(e=y.get("Error_Not_Support_M3U8_Text")):0<t.indexOf("mp4")?""==this.tag.canPlayType("video/mp4")&&(e=y.get("Error_Not_Support_MP4_Text")):(p.isRTMP(t)||p.isFlv(t))&&u.IS_MOBILE&&(e=y.get("Error_Not_Support_Format_On_Mobile")),e&&(t={mediaId:this._options.vid||"",error_code:d.ErrorCode.FormatNotSupport,error_msg:e},this.logError(t),t.display_msg=e,this.trigger(w.Player.Error,t)),e):""},O.prototype.getComponent=function(e){return this._lifeCycleManager.getComponent(e)},O.prototype.logError=function(e,t){(this._options.autoplay||this._options._autoplay)&&this._monitor&&this._monitor.reportStartPlay(),(e=e||{}).vt=this.getCurrentTime(),this.log(t?"ERRORRETRY":"ERROR",e)},O.prototype.log=function(e,t){var r=0,i=0;if(this._monitor)return this._options&&(r=this._options.vid||"0",i=this._options.from||"0"),this._monitor.updateVideoInfo({video_id:r,album_id:0,source:this._options.source,from:i}),this._monitor._log(e,t)},O.prototype.setSanpshotProperties=function(e,t,r){if(this._snapshotMatric||(this._snapshotMatric={}),this._snapshotMatric.width=e,this._snapshotMatric.height=t,1<r)throw new Error("rate doesn't allow more than 1");this._snapshotMatric.rate=r},O.prototype.getStatus=function(){return this._status||"init"},O.prototype.enterProgressMarker=function(){this._enteredProgressMarker=!0},O.prototype.isInProgressMarker=function(){return this._enteredProgressMarker},O.prototype.exitProgressMarker=function(){this._enteredProgressMarker=!1},O.prototype.setProgressMarkers=function(e){this.trigger(w.Private.ProgressMarkerChanged,e=e||[])},O.prototype.getProgressMarkers=function(){return this._progressMarkerService?this._progressMarkerService.progressMarkers:[]},O.prototype.setPreviewTime=function(e){this._options.playConfig||(this._options.playConfig={}),this._options.playConfig.PreviewTime=e},O.prototype.getPreviewTime=function(){var e=0;return e=this._options.playConfig?this._options.playConfig.PreviewTime:e},O.prototype.exceedPreviewTime=function(e){return this.isPreview()&&e>=this._options.playConfig.PreviewTime},O.prototype.isPreview=function(){var e=this._options.playConfig.PreviewTime,t=this._vodDuration||this.tag.duration;return 0<e&&e<t},O.prototype.getStats=function(){return new i(function(e){e()})},O.prototype.setTraceId=function(e){this._monitor&&this._monitor.updateTraceId(e)},O.prototype._getSanpshotMatric=function(){return this._snapshotMatric||(this._snapshotMatric={}),this._snapshotMatric},O.prototype._autoplayFailedHandler=function(){this.trigger(w.Private.Play_Btn_Show),this.trigger(w.Private.H5_Loading_Hide),this.trigger(w.Player.AutoPlayPrevented),this.trigger(w.Player.AutoPlay,!1),this._options.cover&&this.trigger(w.Private.Cover_Show)},O.prototype._overrideNativePlay=function(){var r=this.tag.play,i=this;this.tag.play=function(){var e,t;i._monitor&&i._monitor.reportStartPlay(),i._options.source?(i.readyTime=(new Date).getTime(),e=r.apply(i.tag),void 0!==e&&e.then(function(){i.trigger(w.Player.AutoPlay,!0)}).catch(function(e){!i.tag||!i.tag.paused||i._isError||i._options._autoplay||i._switchedLevel||i._autoplayFailedHandler()}),t=i._originalPlaybackRate||i.tag.playbackRate,setTimeout(function(){i.tag&&(i.tag.playbackRate=t)})):(e={mediaId:i._options.vid||"",error_code:d.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"},i._options.vid?e.display_msg=y.get("Error_Vid_Empty_Source"):i._options.mediaAuth?e.display_msg=y.get("Error_Mediaauth_Empty_Source"):e.display_msg=y.get("Error_Empty_Source"),i.trigger(w.Player.Error,e))}},O.prototype._extraMultiSources=function(){var e=this._options.source;if(e&&-1<e.indexOf("{")&&-1<e.indexOf("}")){var t="";try{t=JSON.parse(e)}catch(e){console.error(e),console.error("\u5730\u5740json\u4e32\u683c\u5f0f\u4e0d\u5bf9")}var r,i=[];for(r in t){var n=d.QualityLevels[r];i.push({definition:r,Url:t[r],desc:n||r})}this._setupSourceList(i)}return i},O.prototype._setupSourceList=function(e){var t;(e=void 0===e?[]:e).length&&(this._currentPlayIndex=p.findSelectedStreamLevel(e),t=e[this._currentPlayIndex],this._urls=e,this._options.source=t.Url,this.trigger(w.Private.SourceLoaded,t))},O.prototype._isEnabledAILabel=function(){return this._options.ai&&this._options.ai.label},O.prototype._createService=function(){if(P)for(var e=P.length,t=0;t<e;t++){var r=P[t],i=r.condition;void 0===i?i=!0:"function"==typeof i&&(i=i.call(this)),i&&(this[r.name]=new r.service(this))}},O.prototype._disposeService=function(){if(P)for(var e=P.length,t=0;t<e;t++){var r=this[P[t].name];void 0!==r&&r.dispose&&r.dispose()}},O.prototype._executeReadyCallback=function(){this._options._readyCallbackCalled=!0;try{this._options.autoplay||this._options.preload||(this.trigger(w.Private.H5_Loading_Hide),this.trigger(w.Private.Play_Btn_Show)),this._options.readyCallback(this)}catch(e){console.log(e)}},O.prototype._clearTimeout=function(){this._checkTimeoutHandle&&(clearTimeout(this._checkTimeoutHandle),this._checkTimeoutHandle=null),this._waitingTimeoutHandle&&(clearTimeout(this._waitingTimeoutHandle),this._waitingTimeoutHandle=null),this._clearLiveErrorHandle()},O.prototype._reloadForVod=function(){var e,t,r;return this._originalSource||(this._originalSource=this._options.source),!!(this._vodRetryCount<this._options.vodRetry&&navigator.onLine)&&(e=this.getCurrentTime(),(t=this._originalSource).indexOf("auth_key=")<0&&(t=t&&0<t.indexOf("?")?t+"&_t="+(new Date).valueOf():t+"?_t="+(new Date).valueOf()),this._vodRetryCountHandle&&clearTimeout(this._vodRetryCountHandle),(r=this)._vodRetryCountHandle=setTimeout(function(){r._loadByUrlInner(t,e,r.getOptions().autoplay)},100*this._vodRetryCount),this._vodRetryCount=this._vodRetryCount+1,!0)},O.prototype._getUserTextTracks=function(){var e=this._options.textTracks||[];(e=p.unqiueTextTracks(e)).length&&this.trigger(w.Private.TextTrackFounded,{from:"user",textTracks:e})},t.exports=O},{"../../commonui/autostreamselector":11,"../../feature/AntiRecord":16,"../../feature/autoPlayDelay":17,"../../feature/keyboardControl":18,"../../feature/license":19,"../../lang/index":23,"../../lib/codec-probe":26,"../../lib/constants":28,"../../lib/cookie":29,"../../lib/dom":32,"../../lib/event":33,"../../lib/object":42,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/vttnext/index":56,"../../monitor/monitor":64,"../../ui/component":130,"../../ui/component/cover":134,"../../ui/component/license-watermark":139,"../../ui/component/play-animation":141,"../../ui/component/progressmarker":144,"../../ui/component/text-track-display":155,"../../ui/component/util":159,"../../ui/exports":162,"../service/export":120,"../splayer/splayerinjector":127,"./event/eventmanager":69,"./event/eventtype":70,"./eventHandler/video/index":84,"./plugin/lifecyclemanager":94,"./x5play":96,"es6-promise":8}],92:[function(e,t,r){e=e("../../../lib/oo").extend({});t.exports=e},{"../../../lib/oo":43}],93:[function(e,t,r){t.exports={createEl:"createEl",created:"created",ready:"ready",loading:"loading",play:"play",pause:"pause",playing:"playing",waiting:"waiting",timeUpdate:"timeupdate",error:"error",ended:"ended",dispose:"dispose",markerDotOver:"markerDotOver",markerDotOut:"markerDotOut"}},{}],94:[function(e,t,r){function i(i){(this._player=i)._status="init",this.components=[];var e=i.getOptions().components;if(e&&s.isArray(e)&&0<e.length)for(var t=0;t<e.length;t++){var r=e[t];if(!r)return void console.log("The "+t+" custome component is "+r);var n=void 0===r.type?r:r.type,o=void 0===r.args?[]:r.args,r=void 0===r.name?"":r.name;if(!n)return void console.log(r+" compenent is "+n);o=o&&0<o.length?[].concat.call([n],o):[],n=new(Function.prototype.bind.apply(n,o)),o=n[c.createEl];o&&"function"==typeof o&&o.call(n,i.el(),i),this.components.push({name:r,obj:n})}var a=this;i.on(l.Private.LifeCycleChanged,function(e){var t=e.paramData,r=t.type,t=t.data;r===l.Video.CanPlayThrough&&a._player.trigger(l.Player.TimeUpdate,t.target.currentTime),r===l.Video.Ended&&a._player.trigger(l.Player.TimeUpdate,a._player.getDuration()),0!=a.components.length&&u.call(a,i,e)})}var s=e("../../../lib/object"),l=e("../event/eventtype"),c=e("./lifecycle"),n=e("./status"),u=(i.prototype.getComponent=function(e){var t=null,r=this.components.length;if(e)for(var i=0;i<r;i++)if(this.components[i].name==e){t=this.components[i].obj;break}return t},function(e,t){if(t){for(var t=t.paramData,r=t.type,i=t.data,n=((t=r)!=l.Video.LoadStart&&t!=l.Video.LoadedData&&t!=l.Video.LoadedMetadata||(r=c.loading),d(e,r),this.components.length),o=0;o<n;o++){var a=this.components[o].obj,s=a[r];s&&"function"==typeof s&&s.call(a,e,i)}r==l.Private.Dispose&&(this.components=[])}}),d=function(e,t){void 0===n[t]||t==n.pause&&(e._status==n.error||e._status==n.ended)||t==n.ready&&e._status==n.playing||(e._status=t)};t.exports=i},{"../../../lib/object":42,"../event/eventtype":70,"./lifecycle":93,"./status":95}],95:[function(e,t,r){t.exports={init:"init",ready:"ready",loading:"loading",play:"play",pause:"pause",playing:"playing",waiting:"waiting",error:"error",ended:"ended"}},{}],96:[function(e,t,r){function i(e,t){var r=e.el().style.height,i=e.el().style.width,n=(e.originalLayout={container:{height:r,width:i},video:{width:e.tag.style.width,height:e.tag.style.height}},document.body.clientHeight*(window.devicePixelRatio||1)+"px"),o=document.body.clientWidth+"px";width=t?(height=n,o):(height=r.indexOf("%")?r:r+"px",i.indexOf("%")?i:i+"px"),e.tag.style.width=o,e.tag.style.height=n,e.el().style.height=t?n:height}var n=e("../../lib/ua"),o=e("../../lib/dom");t.exports.isAndroidX5=function(){return n.os.android&&n.is_X5||n.dingTalk()},t.exports.adaptX5Play=function(r){n.os.android&&n.is_X5&&("h5"==r._options.x5_type&&(r.tag.setAttribute("x5-video-player-type",r._options.x5_type),window.onresize=function(){var e,t;i(r,r._options.x5_fullscreen||"center"==r._options.x5_video_position),"landscape"==(e=r)._x5VideoOrientation&&(e._originalTagWidth=e.tag.style.width,e._originalTagHeight=e.tag.style.height,(t=document.querySelector("#"+e.id()+" .prism-controlbar"))&&parseFloat(t.offsetHeight),e.tag.style.height="100%",e.tag.style.width=window.screen.width+"px")},r.tag.addEventListener("x5videoenterfullscreen",function(){i(r,r._options.x5_fullscreen||"center"==r._options.x5_video_position),r.trigger("x5requestFullScreen")}),r.tag.addEventListener("x5videoexitfullscreen",function(){var e,t;(e=r).originalLayout&&(t=e.originalLayout,e.el().style.height=t.container.height,e.el().style.width=t.container.width,e.tag.style.width=t.video.width,e.tag.style.height=t.video.height),r.trigger("x5cancelFullScreen"),r.fullscreenService.getIsFullScreen()&&r.fullscreenService.cancelFullScreen()}),r.on("requestFullScreen",function(){"top"==r._options.x5_video_position&&o.removeClass(r.tag,"x5-top-left"),n.os.android&&n.is_X5&&r._options.x5LandscapeAsFullScreen&&(r.tag.setAttribute("x5-video-orientation","landscape"),r._x5VideoOrientation="landscape")}),r.on("cancelFullScreen",function(){"top"==r._options.x5_video_position&&o.addClass(r.tag,"x5-top-left"),n.os.android&&n.is_X5&&r._options.x5LandscapeAsFullScreen&&(r.tag.setAttribute("x5-video-orientation","portrait"),i(r,r._options.x5_fullscreen||"center"==r._options.x5_video_position),r._x5VideoOrientation="portrait")})),void 0!==r._options.x5_fullscreen&&r._options.x5_fullscreen&&(r.tag.setAttribute("x5-video-player-fullscreen",r._options.x5_fullscreen),o.addClass(r.tag,"x5-full-screen")),"top"==r._options.x5_video_position&&o.addClass(r.tag,"x5-top-left"),void 0!==r._options.x5_orientation)&&r.tag.setAttribute("x5-video-orientation",r._options.x5_orientation)}},{"../../lib/dom":32,"../../lib/ua":49}],97:[function(e,t,r){function f(){return(f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}var y=e("../../lib/io"),_=e("../../config"),g=e("../../lib/constants"),v=e("../../lib/util"),m=e("../../lib/playerutil"),b=(e("../../lib/dom"),e("../../lang/index")),S=e("../base/event/eventtype"),T=e("../saas/drm"),E=e("../../lib/ua"),w=function(){function e(){}var t=e.prototype;return t.destroy=function(){},t.append=function(e){},t.remove=function(e,t){},t.isTextVisible=function(){},t.setTextVisibility=function(e){},e}();t.exports.inject=function(e,t,r,i,o,n,a){var s,l=i.source;function c(i){var n=this;this._drm.load(this._options.source,i.startTime).then(function(){if(n.trigger(S.Private.H5_Loading_Hide),i.continuePlay&&(n.play(),i.prevVariant)&&0!==i.prevVariant){for(var e,t=n._drm.getVariantTracks(),r=0;r<t.length;r++)if(t[r].id===i.prevVariant){e=t[r];break}e&&n._drm.selectVariantTrack(e,!0)}}).catch(function(e){d.call(n,e)})}function u(){p();var e=g.ErrorCode.DrmNotSupported,t=b.get("Error_Drm_Not_Supported"),e={mediaId:this._options.vid||"",error_code:e,error_msg:t};this.logError(e),this.trigger(S.Player.Error,e)}function d(e){p();var t=g.ErrorCode.DrmLoadError,r=b.get("Error_Drm_Load"),t={mediaId:this._options.vid||"",error_code:t,error_msg:r+"("+e.code+")"};this.logError(t),this.trigger(S.Player.Error,t)}function p(){this._sessionTimer&&(clearTimeout(this._sessionTimer),this._sessionTimer=null)}function h(e,t){t=t.getVariantTracks().find(function(e){return e.active});console.log("activeTrack",t),e.trigger(S.Private.QualityChange,{levelSwitch:!0,bitrate:t.bandwidth,desc:t.height})}!n&&(i=l,e._drm||!m.isDash(i)&&!m.isHls(i))||(e._isDrm=!0,e._drm=null,e._isLoadedDrm=!1,e._sessionTimer=null,e._isFairPlay=E.IS_MAC_SAFARI||E.IS_IOS,e._fairPlayHandlers={},console.log("use FairPlay",e._isFairPlay),t.prototype._checkDrmReady=function(){if(null==this._drm&&!this._isFairPlay)throw new Error("please invoke this method after ready event")},t.prototype.play=function(e){this._checkDrmReady(),this._isManualPlay=e||!1;return this.trigger(S.Private.Cover_Hide),this.tag.ended?this.replay():(this.getCurrentTime(),this.tag.paused&&this.tag.play()),this},t.prototype.initPlay=function(e){var t;function r(n,t){var r,i;if(n._antiRecord&&(console.log("Manual check before load source"),n._antiRecord.check()))return;!shaka.Player.isBrowserSupported()||function(){if(E.IS_ANDROID)return!(!E.IS_UC&&!E.IS_FIREFOX)}()?u.call(n):(r=!n._drm,i=function(){var e;n._drm=new shaka.Player(n.tag),s(n,n._drm),e=n._options.isLive?"https://"+m.getLiveHostByRegion(n._options.region):"https://vod."+n._options.region+".aliyuncs.com",n._drm.configure(f({drm:{servers:{"com.widevine.alpha":e,"com.microsoft.playready":e},retryParameters:{maxAttempts:1}}},n._options.drmOption||{},{textDisplayFactory:function(){return new w}})),n._drm.getNetworkingEngine().registerRequestFilter(function(e,t){shaka.util.StringUtils;var r=shaka.util.Uint8ArrayUtils;e==shaka.net.NetworkingEngine.RequestType.LICENSE&&(e=r.toBase64(new Uint8Array(t.body)),r=n._options.isLive?T.getRequestUrl(e,n):T.postData(e,n),t.uris[0]=r.url,t.headers["content-type"]="application/x-www-form-urlencoded",t.body=r.data)}),n._drm.getNetworkingEngine().registerResponseFilter(function(e,t){var r=shaka.util.StringUtils,i=shaka.util.Uint8ArrayUtils;e==shaka.net.NetworkingEngine.RequestType.LICENSE&&(e=r.fromUTF8(t.data),r=JSON.parse(e),e=n._options.isLive?r.Response.B64License:JSON.parse(r.License).b64License,t.data=i.fromBase64(e))}),n._drm.addEventListener("error",function(e){console.log("errorMessage"),console.log(e.detail.code),console.log(e.detail)}),n._drm.load(n._options.source).then(function(){n._initPlayBehavior(t)}).catch(function(e){d.call(n,e)}),p.call(n),n.one(S.Video.CanPlay,function(){p.call(n)}),n._sessionTimer=setTimeout(function(){n._isError||(d.call(n,{code:"session timeout"}),n._drm&&n._drm.destroy())},n._player.getOptions().drmSessionTimeout||5e3),o&&o(n._drm),r&&n._executeReadyCallback()},n.destroy(function(e){try{i()}catch(e){console.log(e)}}))}v.contentProtocolMixed(l)?(p(),(t={mediaId:this._options.vid||"",error_code:g.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=b.get("Request_Block_Text"),this.trigger(S.Player.Error,t)):(this._waitingTimeoutCount=1,this._isFairPlay?(this.trigger(S.Private.H5_Loading_Show),function(e,t){var r;this._isFairPlay&&(!function(){if(E.IS_IOS)return e=parseInt(E.os.version),console.log("osVersion",e),12<=e;{var e;if(E.IS_MAC_SAFARI)return e=parseInt(E.browser.version),console.log("browserVersion",e),12<=e}return}()?u.call(this):((r=this).destroy(),T.loadCertificate(this,function(){e&&e(),r._initPlayBehavior(t,r._options.source),r._executeReadyCallback()})))}.call(this,o,e)):this._isLoadedDrm&&"undefined"!=typeof shaka?r(this,e):(this.trigger(S.Private.H5_Loading_Show),function(e){var t="aliplayer-drm-min.js",r="",r=_.domain?"https://"+_.domain+_.path+_.h5Version+"/drm/"+t:"/build/drm/"+t,i=(this._options.shakaUrl&&(r=this._options.shakaUrl),this);y.loadJS(r,function(){shaka.polyfill.installAll(),e.apply(i)})}.call(this,function(){this._isLoadedDrm=!0,r(this,e)})))},t.prototype.destroy=function(e){var t;this._drm?(p.call(t=this),this._drm.destroy().then(function(){t._drm=null,"function"==typeof e&&e(t)})):(this._isFairPlay&&this._destroyFairPlay(),"function"==typeof e&&e(this))},t.prototype._destroyFairPlay=function(){T.destroyFairPlay.call(this)},t.prototype.dispose=function(){r.dispose.call(this),this.destroy()},t.prototype._switchLevel=function(e,t){if(t=t||{},this.trigger(S.Player.LevelSwitch),this._switchedLevel=!0,this._isFairPlay){this._manuallySwitchDrmLevel=!t.isAuto;var r=this.autoplay||"pause"!=this._status;this._loadByUrlInner(e,this.getCurrentTime(),r,!0)}else if(t.isAuto)this._drm.configure({abr:{enabled:!0}}),h(this._player,this._drm);else{for(var i,n=this._drm.getVariantTracks(),o=0;o<n.length;o++){var a=n[o];if(Number(a.bandwidth)===Number(t.bitrate)&&Number(a.height)===Number(t.resolution.split("x")[1])){i=a;break}}console.log("find track",i),this._drm.configure({abr:{enabled:!1}}),this._drm.selectVariantTrack(i,!this._options.seamlessHandover)}var s=this;setTimeout(function(){s.trigger(S.Player.LevelSwitched),this._switchedLevel=!1},1e3)},t.prototype._getDRMEncryptItem=function(){var e=this._urls;if(e&&0<e.length)for(var t=e.length,r=0;r<t;r++){var i=e[r];if(i.Url==this._options.source&&+i.encryption)return i}return""},t.prototype._getItemBySource=function(){var e=this._urls;if(e&&0<e.length)for(var t=e.length,r=0;r<t;r++){var i=e[r];if(i.Url==this._options.source)return i}return""},s=function(o,r){r.addEventListener("error",function(e){var t,r=o,e=e.detail,i="Error code:"+e.code+"message:"+e.message,n=(console.log(i),g.ErrorCode.OtherError),i=b.get("Error_Play_Text");e.code==shaka.util.Error.Code.EXPIRED?function(){var t=this,e=(this.trigger(S.Private.H5_Loading_Show),null);this._options.isLive||(e=this.getCurrentTime());var r,i=!this.paused(),n=this._drm.getConfiguration().abr.enabled;if(!n)for(var o=this._drm.getVariantTracks(),a=0;a<o.length;a++)if(o[a].active){r=o[a].id;break}var s={startTime:e,continuePlay:i,prevVariant:r,isAdaptive:n};"function"==typeof this._options.refreshAccessInfo?this._options.refreshAccessInfo().then(function(e){(e=e||{}).accessKeyId&&(t._options.accessKeyId=e.accessKeyId),e.securityToken&&(t._options.securityToken=e.securityToken),e.accessKeySecret&&(t._options.accessKeySecret=e.accessKeySecret),c.call(t,s)}):c.call(t,s)}.call(r):(e.code==shaka.util.Error.Code.HTTP_ERROR?(n=g.ErrorCode.NetworkError,i=b.get("Http_Error")):e.code==shaka.util.Error.Code.TIMEOUT?(n=g.ErrorCode.LoadingTimeout,i=b.get("Error_Waiting_Timeout_Text")):e.code==shaka.util.Error.Code.LICENSE_REQUEST_FAILED?(n=g.ErrorCode.DrmLicenseRequestFailed,i=b.get("Error_Drm_License_Request_Failed")):e.Category==shaka.util.Error.NETWORK&&(n=g.ErrorCode.NetworkError,i=b.get("Error_Network_Text")),p.call(r),setTimeout(function(){r.trigger(S.Private.Play_Btn_Hide)}),r.checkOnline()&&(t=r._drm.drmInfo()||{},t={keyIds:Array.from(t.keyIds||[]),initData:String((null==(t=(t.initData||[])[0])?void 0:t.initData)||[])},t={mediaId:r._options.vid||"",error_code:n,error_msg:e.message,shaka_error:JSON.stringify(e.data||[]),drm_info:JSON.stringify(t)},r.logError(t),t.display_msg=e.code+"|"+i,r.trigger(S.Player.Error,t)))}),r.addEventListener("variantchanged",function(e){console.log("DRM Event: variantchanged",e)}),r.addEventListener("abrstatuschanged",function(e){console.log("DRM Event: abrstatuschanged",e)}),r.addEventListener("drmsessionupdate",function(e){console.log("DRM Event: drmsessionupdate",e),p.call(o)}),r.addEventListener("expirationupdated",function(e){console.log("DRM Event: expirationupdated",e),console.log("Exp:",this.getExpiration())}),r.addEventListener("adaptation",function(e){console.log("adaptation",e),h(o,r)}),r.addEventListener("trackschanged",function(e){console.log("DRM EVENT: trackschanged",r.getTextLanguages(),r.getTextTracks());var t=r.getTextLanguages();t&&t.length&&(t=function(e){var t={subtitle:"subtitles",caption:"captions"},r=(console.log("Building track config"),e.getManifest().textStreams||[]),i=(console.log("textStreams",r),e.getTextLanguages()),n=(console.log("languageList",i),[]);try{r.forEach(function(e){i.includes(e.language)&&n.push({kind:t[e.kind]||e.kind,label:e.label,srclang:e.language,src:Array.from(e.segmentIndex)[0].getUris()[0]})})}catch(e){console.log("error in retrieving text track url: ",e)}return n}(r),o.trigger(S.Private.TextTrackFounded,{from:"drm",textTracks:t}),o.trigger(S.Private.CCReset))})})}},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/dom":32,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/util":51,"../base/event/eventtype":70,"../saas/drm":107}],98:[function(e,t,r){var i=e("../base/player"),n=e("./drminjector"),o=i.extend({init:function(e,t){n.inject(this,o,i.prototype,t,function(e){}),t._native=!1,i.call(this,e,t)}});t.exports=o},{"../base/player":91,"./drminjector":97}],99:[function(e,t,r){var i=e("../../ui/component"),n=e("../../lib/data"),o=e("../../lib/ua"),a=e("../../lib/constants"),s=e("../../lib/dom"),l=e("../../lib/object"),c=e("../../config"),u=e("../../lang/index"),d=e("../../lib/playerutil"),p=e("../../lib/util"),h=e("../../ui/component/info-display"),f=e("../../ui/component/error-display"),y=e("../../feature/autoPlayDelay"),_=e("../../commonui/autostreamselector"),g=e("../base/event/eventtype"),v=e("../saas/ststoken"),e=i.extend({init:function(e,t){var r;void 0===t.skinLayout&&(t.skinLayout=d.defaultFlashLayout),i.call(this,this,t),this._id="prism-player-"+n.guid(),this.tag=e,this._el=this.tag,this._childrenUI=[f],this.initChildren(),this.id=this._id,window[this.id]=this,u.setCurrentLanguage(this._options.language,"flash",this._options.languageTexts),p.openInFile()?(t={mediaId:this._options.vid||"",error_code:a.ErrorCode.FormatNotSupport,error_msg:u.get("Open_Html_By_File","flash")},this.trigger(g.Private.Error_Show,t)):o.IS_MOBILE?this.trigger(g.Private.Error_Show,{mediaId:this._options.vid||"",error_code:a.ErrorCode.FormatNotSupport,error_msg:u.get("Cant_Use_Flash_On_Mobile","flash")}):(this._options.vid&&this._options.accessKeyId&&this._options.securityToken&&this._options.accessKeySecret?v.getPlayAuth((r=this)._options,function(e){r._options.playauth=e,r._createPlayer()},function(e){var t={mediaId:r._options.vid,error_code:e.Code,error_msg:e.Message};e.sri&&(t.sri=e.sri),t.display_msg=e.display_msg,r.trigger(g.Private.Error_Show,t)},"flash"):this._createPlayer(),this._status="init")},_createPlayer:function(){var e,t;this._options.autoPlayDelay?(t=new y(this),e=this,t.handle(function(){e._options.autoplay=!0,e._initPlayer(),e._childrenUI=[h,_],e.initChildren()})):(this._initPlayer(),this._childrenUI=[h,_],this.initChildren()),o.HAS_FLASH||(t=u.get("Flash_Not_Ready","flash"),this.trigger(g.Private.Info_Show,{text:t,align:"tc",isBlack:!1}))},_initPlayer:function(){var e="//"+c.domain+"/de/prismplayer-flash/"+c.flashVersion+"/PrismPlayer.swf",t=(this._options.playerSwfPath?e=this._options.playerSwfPath:c.domain?-1<c.domain.indexOf("localhost")&&(e="//"+c.domain+"/build/flash//PrismPlayer.swf"):e="de/prismplayer-flash/"+c.flashVersion+"/PrismPlayer.swf",this._comboFlashVars()),r=this._options.wmode||"opaque";this.tag.innerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100%" height="100%" id="'+this.id+'"><param name=movie value="'+e+'"><param name=quality value=High><param name="FlashVars" value="'+t+'"><param name="WMode" value="'+r+'"><param name="AllowScriptAccess" value="always"><param name="AllowFullScreen" value="true"><param name="AllowFullScreenInteractive" value="true"><embed name="'+this.id+'" src="'+e+'" quality=high pluginspage="//www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%" AllowScriptAccess="always" AllowFullScreen="true" AllowFullScreenInteractive="true" WMode="'+r+'" FlashVars="'+t+'"></embed></object>'},_getPlayer:function(e){return-1!=navigator.appName.indexOf("Microsoft")?document.getElementById(e):document[e]},_getLowerQualityLevel:function(){var e,t=this._getVideoUrls();return t&&(e=t.Urls,t=t.index,!(e&&0==e.length||-1==t))&&0<t?{item:e[t-1],index:t-1}:""},_comboFlashVars:function(){var e=encodeURIComponent(o.getReferer()),t=o.getHref(),r=encodeURIComponent(t),i="",t=(t&&(i=o.getHost(t)),this._options),e={autoPlay:t.autoplay?1:0,isInner:0,actRequest:1,vid:t.vid,diagnosisButtonVisible:t.diagnosisButtonVisible?1:0,domain:t.domain||"//tv.taobao.com",statisticService:t.statisticService||c.logReportTo,videoInfoService:t.videoInfoService||"/player/json/getBaseVideoInfo.do",disablePing:t.trackLog?0:1,namespace:this.id,barMode:0!=t.barMode?1:0,isLive:t.isLive?1:0,waterMark:t.waterMark,environment:t.environment,vurl:t.source?encodeURIComponent(t.source):"",plugins:t.plugins||"",snapShotShow:t.snapshot?1:0,accessId:t.accId||"",accessKey:t.accSecret||"",apiKey:t.apiKey||"",flashApiKey:t.flashApiKey||"",disableSeek:t.disableSeek?1:0,disableFullScreen:t.disableFullScreen?1:0,stsToken:t.stsToken||"",domainRegion:t.domainRegion||"",authInfo:t.authInfo?encodeURIComponent(t.authInfo):"",playDomain:t.playDomain||"",stretcherZoomType:t.stretcherZoomType||"",playauth:t.playauth?t.playauth.replace(/\+/g,"%2B"):"",prismType:t.prismType||0,formats:t.formats||"",notShowTips:t.notShowTips?1:0,showBarTime:t.showBarTime||0,showBuffer:0==t.showBuffer?0:1,rePlay:t.rePlay?1:0,encryp:t.encryp||"",secret:t.secret||"",mediaType:"video",logInfo:{ud:o.getHost(t.source),os:o.os.name,ov:o.os.version||"",et:o.browser.name,ev:o.browser.version||"",uat:o.USER_AGENT,r:e,pu:r,app_n:i}},n=[];return void 0!==t.rtmpBufferTime&&(e.rtmpBufferTime=t.rtmpBufferTime),t.cover&&(e.cover=t.cover),t.extraInfo&&(e.extraInfo=encodeURIComponent(JSON.stringify(t.extraInfo))),e.logInfo&&(e.logInfo=encodeURIComponent(JSON.stringify(e.logInfo))),e.languageData=encodeURIComponent(JSON.stringify(u.getLanguageData("flash"))),e.language=u.getCurrentLanguage(),l.each(e,function(e,t){n.push(e+"="+t)}),n.join("&")},initChildren:function(){for(var e=this._childrenUI.length,t=0;t<e;t++){var r=new this._childrenUI[t](this,this._options),i=r.el();i.id=r.id(),this.contentEl().appendChild(i),r.bindEvent()}var n=document.querySelector("#"+this._options.id+" .prism-info-display");s.css(n,"display","none")},flashReady:function(){this.flashPlayer=this._getPlayer(this.id),this._isReady=!0;var e=this._options.skinRes,t=this._options.skinLayout;if(!1!==t&&!l.isArray(t))throw new Error("PrismPlayer Error: skinLayout should be false or type of array!");if("string"!=typeof e)throw new Error("PrismPlayer Error: skinRes should be string!");e=0!=t&&0!==t.length&&{skinRes:e,skinLayout:t},this.flashPlayer.setPlayerSkin(e),this.trigger("ready");var r=this;window.addEventListener("beforeunload",function(){try{r.flashPlayer.setPlayerCloseStatus()}catch(e){}})},jsReady:function(){return!0},snapshoted:function(e){var t=p.toBinary(e),e="data:image/jpeg;base64,"+e;this.trigger("snapshoted",{time:this.getCurrentTime(),base64:e,binary:t})},uiReady:function(){this._status="ready",this.trigger("uiReady")},loadedmetadata:function(){"ended"!=this._status&&(this._status="loading",this.trigger("loadedmetadata"))},onPlay:function(){this._status="play",this.trigger("play"),this._clearTimeoutHandle(),this.trigger(g.Private.AutoStreamHide)},onEnded:function(){this._clearTimeoutHandle(),this._status="ended",this.trigger("ended")},onPause:function(){this._status="pause",this._clearTimeoutHandle(),this.trigger(g.Private.AutoStreamHide),this.trigger("pause")},onBulletScreenReady:function(){this.trigger("bSReady")},onBulletScreenMsgSend:function(e){this.trigger("bSSendMsg",e)},onVideoRender:function(e){this._clearTimeoutHandle(),this.trigger("videoRender"),this.trigger("canplay",{loadtime:e})},onVideoError:function(e){this._clearTimeoutHandle(),this._status="error",this.trigger("error",{errortype:e})},onM3u8Retry:function(){this.trigger("m3u8Retry")},hideBar:function(){this.trigger("hideBar")},showBar:function(){this.trigger("showBar")},liveStreamStop:function(){this.trigger("liveStreamStop")},stsTokenExpired:function(){this._status="error",this.trigger("stsTokenExpired")},onVideoBuffer:function(){var e;"pause"!=this._status&&(this._status="waiting",this.trigger("waiting"),this._clearTimeoutHandle(),(e=this)._checkTimeoutHandle=setTimeout(function(){e.trigger(g.Private.AutoStreamShow)},1e3*this._options.loadDataTimeout),this._checkVideoStatus())},startSeek:function(e){this.trigger("startSeek",e)},completeSeek:function(e){this.trigger("completeSeek",e)},_invoke:function(){var e=arguments[0],t=arguments;if(Array.prototype.shift.call(t),!this.flashPlayer)throw new Error("PrismPlayer Error: flash player is not ready\uff0cplease use api after ready event occured!");if("function"!=typeof this.flashPlayer[e])throw new Error("PrismPlayer Error: function "+e+" is not found!");return this.flashPlayer[e].apply(this.flashPlayer,t)},play:function(){this._invoke("playVideo")},replay:function(){this._invoke("replayVideo")},pause:function(){this._invoke("pauseVideo")},stop:function(){this._invoke("stopVideo")},seek:function(e){this._invoke("seekVideo",e)},getCurrentTime:function(){return this._invoke("getCurrentTime")},getDuration:function(){return this._invoke("getDuration")},getStatus:function(){return this._status},_getVideoUrls:function(){var e=this._invoke("getVideoUrls"),t=[];if(e&&e.Urls)for(var r=0;r<e.Urls.length;r++){var i=e.Urls[r].value,n=i.desc.indexOf("_"),o=u.get(i.definition,"flash");i.desc=0<n?o+"_"+i.height:o,t.push(i)}return{Urls:t,index:e.index}},_getVideoStatus:function(){return this._invoke("getVideoStatus")},_checkVideoStatus:function(){var r;this.flashPlayer&&!this._checkVideoStatusHandler&&(r=this,function t(){r._checkVideoStatusHandler=setTimeout(function(){var e=r._getVideoStatus();"playing"==e.videoStatus&&"bufferFull"==e.bufferStatus?(r._status="playing",r._clearTimeoutHandle()):"videoPlayOver"==e.videoStatus&&(r._status="ended",r._clearTimeoutHandle()),t()},500)}())},_clearTimeoutHandle:function(){this._checkTimeoutHandle&&(clearTimeout(this._checkTimeoutHandle),this._checkTimeoutHandle=null)},_changeStream:function(e){return this._invoke("changeStream",e)},mute:function(){this.setVolume(0)},unMute:function(){this.setVolume(.5)},getVolume:function(){return this._invoke("getVolume")},setVolume:function(e){this._invoke("setVolume",e)},loadByVid:function(e){this._invoke("loadByVid",e,!1)},loadByUrl:function(e,t){this._invoke("loadByUrl",e,t)},dispose:function(){this._clearTimeoutHandle(),this._checkVideoStatusHandler&&(clearTimeout(this._checkVideoStatusHandler),this._checkVideoStatusHandler=null),this._invoke("pauseVideo");var e=this;setTimeout(function(){e.off("completeSeek"),e.off("startSeek"),e.off("stsTokenExpired"),e.off("liveStreamStop"),e.off("showBar"),e.off("hideBar"),e.off("m3u8Retry"),e.off("error"),e.off("canplay"),e.off("pause"),e.off("ended"),e.off("play"),e.off("loadedmetadata"),e.off("snapshoted"),e.off("uiReady"),e.off("ready"),e.flashPlayer=null,e._el&&(e._el.innerHTML="")})},showBSMsg:function(e){this._invoke("showBSMsg",e)},setToastEnabled:function(e){this._invoke("setToastEnabled",e)},setLoadingInvisible:function(){this._invoke("setLoadingInvisible")},setPlayerSize:function(e,t){this._el.style.width=e,this._el.style.height=t}});t.exports=e},{"../../commonui/autostreamselector":11,"../../config":14,"../../feature/autoPlayDelay":17,"../../lang/index":23,"../../lib/constants":28,"../../lib/data":30,"../../lib/dom":32,"../../lib/object":42,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/util":51,"../../ui/component":130,"../../ui/component/error-display":135,"../../ui/component/info-display":138,"../base/event/eventtype":70,"../saas/ststoken":114}],100:[function(e,t,r){var a=e("../../lib/io"),c=e("../../config"),u=e("../../lib/constants"),d=e("../../lib/util"),p=e("../../lib/playerutil"),h=e("../../lib/ua"),f=e("../../lang/index"),y=e("../base/event/eventtype");t.exports.inject=function(e,t,r,i,s,n){var l,o=i.source;!n&&(i=o,e._flv||!p.isFlv(i))||(e._Type=t,e._superType=r,e._superPt=r.prototype,e._disposed=!1,t.prototype._checkFlvReady=function(){if(null==this._flv)throw new Error("please invoke this method after ready event")},e._isFlv=!0,e._flv=null,e._isLoadedFlv=!1,e._originalUrl="",t.prototype.play=function(e){this._checkFlvReady(),this._isManualPlay=e||!1;return this.trigger(y.Private.Cover_Hide),this._options.isLive&&e?this._loadByUrlInner(this._options.source,0,e):this.tag.ended||this._ended?this.replay():(0==this._seeking&&(e=0,this.tag.ended||this._ended||0==(e=this.getCurrentTime())&&(e=-1),-1!=e)&&this.seek(e),this.tag.paused&&(this._hasLoaded||this._flv.load(),this._flv.play())),this},t.prototype.seek=function(e){this._checkFlvReady(),this._seeking=!0;var t=this.getDuration();t<=(e=Math.floor(e))&&(e=t);try{this._flv.currentTime=e}catch(e){console.log(e)}return this},t.prototype.pause=function(e){return this._checkFlvReady(),this._isManualPause=e||!1,this._flv.pause(),this},t.prototype.getProgramDateTime=function(){var e;return this._checkFlvReady(),this._metadata?(e=(e=this._flv.getFirstSample())&&e.pts?e.pts:0,console.log("\u63a8\u6d41\u65f6\u95f4\uff1a"+this._metadata.NtpTime),console.log("\u9996\u5e27PTS\uff1a"+e),this._metadata.NtpTime+e):""},t.prototype.initPlay=function(e){var t;function r(t,e){var r,i=!t._flv,n=(t._destroyFlv(),t._options.isLive),o={isLive:n,enableWorker:t._options.enableWorker,stashInitialSize:2048},a=(h.IS_IE11&&(o.enableWorker=!1),{type:"flv",isLive:n,url:t._options.source});for(r in n?(o.enableStashBuffer=t._options.enableStashBufferForFlv,stashInitialSize=t._options.stashInitialSizeForFlv,o.autoCleanupSourceBuffer=!1):o.lazyLoadMaxDuration=600,t._options.isLive&&(t._options.flvFrameChasing&&(o.flvFrameChasing=t._options.flvFrameChasing),t._options.chasingFirstParagraph&&(o.chasingFirstParagraph=t._options.chasingFirstParagraph),t._options.chasingSecondParagraph&&(o.chasingSecondParagraph=t._options.chasingSecondParagraph),t._options.chasingFirstSpeed&&(o.chasingFirstSpeed=t._options.chasingFirstSpeed),t._options.chasingSecondSpeed)&&(o.chasingSecondSpeed=t._options.chasingSecondSpeed),t._options.flvOption)"cors"==r||"hasAudio"==r||"withCredentials"==r||"hasVideo"==r||"type"==r?a[r]=t._options.flvOption[r]:o[r]=t._options.flvOption[r];t._originalUrl=t._options.source,flvjs.LoggingControl.enableAll=t._options.debug,t._flv=flvjs.createPlayer(a,o),l(t,t._flv),t._flv.on(flvjs.Events.MEDIA_INFO,function(e){t._metadata=e.metadata}),t._flv.on(flvjs.Events.METADATA_ARRIVED,function(e){e&&e.dataContent&&e.dataContent.length&&t.trigger(y.Private.SeiFrame,{dataContent:e.dataContent,pts:e.pts})}),t._flv.attachMediaElement(t.tag),t._initPlayBehavior(e)&&((t._options.preload||t._options.autoplay)&&(t._hasLoaded=!0,t._flv.load()),t._options.autoplay&&!t.tag.paused&&t._flv.play(),s&&s(t._flv),i)&&(t._executeReadyCallback(),t._urls)&&0<t._urls.length&&!t._options.defaultDefinition&&(t._currentPlayIndex=p.findSelectedStreamLevel(t._urls),n=t._urls[t._currentPlayIndex],t._options.source=n.Url,t.trigger(y.Private.SourceLoaded,n))}h.browser.safari&&this.trigger(y.Private.Snapshot_Hide),d.contentProtocolMixed(o)?((t={mediaId:this._options.vid||"",error_code:u.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=f.get("Request_Block_Text"),this.trigger(y.Player.Error,t)):(that=this)._isLoadedFlv&&"undefined"!=typeof Hls?setTimeout(function(){r(that,e)},1e3):(this.trigger(y.Private.H5_Loading_Show),function(e,t){var r="aliplayer-flv-min.js",i="",i=c.domain?"https://"+c.domain+c.path+c.h5Version+"/flv/"+r:"/build/flv/"+r,n=this;a.loadJS(i,function(){e.apply(n)})}.call(that,function(){this._isLoadedFlv=!0,r(this,e)},this._options.debug))},t.prototype._destroyFlv=function(){try{this._flv&&(this._flv.pause(),this._flv.destroy())}catch(e){console.log(e)}this.loaded=!1,this._hasLoaded=!1,this._flv=null},t.prototype.dispose=function(){this._disposed||(this._disposed=!0,this._superPt&&this._superPt.dispose.call(this),this._destroyFlv(),this._superPt&&(t.prototype.play=this._superPt.play,t.prototype.pause=this._superPt.pause,t.prototype.initPlay=this._superPt.initPlay,t.prototype.seek=this._superPt.seek,t.prototype.canSeekable=this._superPt.canSeekable))},t.prototype.canSeekable=function(e){var t=this._flv.mediaInfo;return!(!this._flv._isTimepointBuffered(e)&&t&&!t.hasKeyframesIndex)},l=function(s,e){var l=!1;e.on(flvjs.Events.ERROR,function(e,t,r){var i,n,o=u.ErrorCode.OtherError,a=f.get("Error_Play_Text");e!==flvjs.ErrorTypes.BUFFER_FULL&&(t==flvjs.ErrorDetails.NETWORK_EXCEPTION?!(e=s.getOptions().source)||0!=e.toLowerCase().indexOf("http://")&&0!=e.toLowerCase().indexOf("https://")?(o=u.ErrorCode.InvalidSourceURL,a=f.get("Error_Invalidate_Source_Widthout_Protocal"),l=!0):a=navigator.onLine?(o=u.ErrorCode.RequestDataError,f.get("Maybe_Cors_Error")):(o=u.ErrorCode.NetworkError,f.get("Error_Network_Text")):t==flvjs.ErrorDetails.NETWORK_STATUS_CODE_INVALID?"404"==r.code?(o=u.ErrorCode.NotFoundSourceURL,a=f.get("Error_Not_Found")):"403"==r.code?(o=u.ErrorCode.AuthKeyExpired,a=f.get("Error_AuthKey_Text"),l=!0):(o=u.ErrorCode.NetworkError,a=f.get("Error_Network_Text")):t==flvjs.ErrorDetails.NETWORK_TIMEOUT?(o=u.ErrorCode.LoadingTimeout,a=f.get("Error_Waiting_Timeout_Text")):t!=flvjs.ErrorDetails.MEDIA_FORMAT_UNSUPPORTED&&t!=flvjs.ErrorDetails.MEDIA_CODEC_UNSUPPORTED||(o=u.ErrorCode.FormatNotSupport,a=f.get("Error_H5_Not_Support_Text"),l=!0),e=function(){var e;setTimeout(function(){s.trigger(y.Private.Play_Btn_Hide)}),s.checkOnline()&&(e={mediaId:s._options&&s._options.vid?s._options.vid:"",error_code:o,error_msg:r.msg},s.logError(e),e.display_msg=a,c.cityBrain&&(s.flv=null),s.trigger(y.Player.Error,e))},s._options&&s._options.isLive&&!l?(i=s._options).liveRetry>s._liveRetryCount?(0==s._liveRetryCount&&s.trigger(y.Player.OnM3u8Retry),n=i.liveRetryInterval+i.liveRetryStep*s._liveRetryCount,s._liveRetryCount++,setTimeout(function(){s._loadByUrlInner(i.source)},1e3*n)):(s._liveErrorHandle&&clearTimeout(s._liveErrorHandle),s.trigger(y.Player.LiveStreamStop),s._liveErrorHandle=setTimeout(e,500)):t===flvjs.ErrorDetails.MEDIA_MSE_ERROR&&11===r.code&&s.getCurrentTime()<s.getDuration()?(s._flv.unload(),s._flv.load(),s._flv.detachMediaElement(),s._flv.attachMediaElement(s.tag)):l?(s._flv.unload(),e()):s._reloadForVod()||e())})})}},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/util":51,"../base/event/eventtype":70}],101:[function(e,t,r){var i=e("../base/player"),n=e("./flvinjector"),o=i.extend({init:function(e,t){n.inject(this,o,i,t,function(e){}),t._native=!1,i.call(this,e,t)}});t.exports=o},{"../base/player":91,"./flvinjector":100}],102:[function(e,t,r){var u=e("../../lib/io"),d=e("../../config"),p=e("../../lib/constants"),h=e("../../lib/util"),f=e("../../lib/playerutil"),y=e("../../lib/ua"),_=e("../../lang/index"),g=e("../base/event/eventtype"),v=e("../../lib/hls/hlsparse");function m(){this&&this._hls&&(this._hls.stopLoad(),this._hls.destroy(),this._hls=null)}t.exports.inject=function(e,t,r,i,n,l){e._hls2=!1;var o,a,s=i.source,c=i.useHlsPluginForSafari,i=i.useHlsPlugOnMobile;(n||l||(o=s,c=c,i=i,!e._hls&&f.isHls(o)&&(!f.canPlayHls()||f.isSafariUsedHlsPlugin(c)||i&&f.isUsedHlsPluginOnMobile())))&&(e._Type=t,e._superType=r,e._superPt=r.prototype,e._disposed=!1,t.prototype._checkHlsReady=function(){if(null==this._hls)throw new Error("please invoke this method after ready event")},e._isHls=!0,e._hls=null,e._isLoadedHls=!1,e._stopLoadAsPaused=!0,e._sce_dlgtqred_saved=n,t.prototype.play=function(e){this._checkHlsReady(),this._isManualPlay=e||!1;return this.trigger(g.Private.Cover_Hide),this._options.autoplay||this._options.preload||this._loadSourced||(this._loadSourced=!0,this._options._autoplay=!0,this._hls.loadSource(this._options.source)),this.tag.ended||this._ended?this.replay():this.tag.paused&&(this.tag.play(),this._stopLoadAsPaused)&&(e=this.getCurrentTime(),this._hls.startLoad(e)),this},t.prototype.replay=function(){return this._monitor&&this._monitor.replay(),this._hls.startLoad(0),this.tag.play(),this},t.prototype.pause=function(e){return this.tag&&(this._checkHlsReady(),this.tag.pause(),this._stopLoadAsPaused)&&this._hls.stopLoad(),this._isManualPause=e||!1,this},t.prototype.stop=function(){return this._checkHlsReady(),this.tag.setAttribute("src",null),this._hls.stopLoad(),this},t.prototype.seek=function(e){this._checkHlsReady();try{this._superPt.seek.call(this,e),this.tag.paused&&this._stopLoadAsPaused&&this._hls.startLoad(e)}catch(e){console.log(e)}return this},t.prototype.getProgramDateTime=function(){if(this._checkHlsReady(),-1==this._hls.currentLevel)return"";var e=this._hls.currentLevel,e=this._hls.levels[e].details;if(e){e=e.programDateTime;if(console.log("ProgramDateTime="+e),e)return new Date(e).valueOf()}return 0},t.prototype.getCurrentPDT=function(){var e,t;return this._checkHlsReady(),-1==this._hls.currentLevel?"":(e=(t=this._hls.streamController.fragPlaying||{}).pdt)?(t=1e3*t.startPTS,e+(1e3*this.getCurrentTime()-t)):0},t.prototype._reloadAndPlayForM3u8=function(){0==this._liveRetryCount&&this.trigger(g.Player.OnM3u8Retry),this._liveRetryCount++},t.prototype._switchLevel=function(e){var t=this.getCurrentTime(),r=!this._qualityService.levels.length&&1<this._urls.length,i=(r&&(this.pause(),this._hls.stopLoad(),this._hls.detachMedia(),this._hls.destroy()),this.trigger(g.Player.LevelSwitch),this._hls.levels),n=!0;r&&this._loadByUrlInner(e,t,n,!0);for(var o=0;o<i.length;o++)if(i[o].url==e||i[o].url[0]==e){n=!1,this._hls2&&this._options.seamlessHandover?(this._hls.loadLevel=o,console.log("Seamlessly set nextLevel to",o)):(this._hls.currentLevel=o,console.log("Immediately set currentLevel to",o));break}n&&(this._hls.currentLevel=-1),this._switchedLevel=!0;var a=this;setTimeout(function(){a.trigger(g.Player.LevelSwitched),this._switchedLevel=!1},1e3)},t.prototype._getHlsVersion=function(i){var n,o,a;function s(e,t){var r=this.getOptions()||{},r={mediaId:r.vid||"",mediaAuth:r.mediaAuth||"",error_code:p.ErrorCode.LoadedMetadata,error_msg:_.get("Error_Play_Text")},t=Number(t);404===t?(r.error_code=p.ErrorCode.NotFoundSourceURL,r.error_msg=_.get("Error_Not_Found")):403===t?e===v.ERROR_REGION_BLOCK?(r.error_code=p.ErrorCode.RegionBlock,r.error_msg=_.get("Error_Region_Block_Text")):(r.error_code=p.ErrorCode.AuthKeyExpired,r.error_msg=_.get("Error_AuthKey_Text")):0===t&&navigator.onLine?(r.error_code=p.ErrorCode.RequestDataError,r.error_msg=r.error_msg+"\uff0c"+_.get("Maybe_Cors_Error")):r.error_msg=_.get("Error_Load_M3U8_Failed_Text"),this.logError(r),r.display_msg=r.error_msg,this.trigger(g.Player.Error,r)}!0===this._options.useHls2?(this._hls2=!0,i()):!1===this._options.useHls2||!this._options.isLive||l?i():this._options.lowLatencyMode?(this._hls2=!0,i()):(n=this,o=new v,a=n._options.source,o.load(a,function(e){var t,r;e.levels&&0!==e.levels.length?t=e.levels[0].url:(t=a,r=e.string),o.loadMediaPlaylist({url:t,string:r},function(e){e&&(n._hls2="number"==typeof e.partTarget),i()},s.bind(n))},s.bind(n)))},t.prototype.initPlay=function(t){var e,r;function i(s,t){if(s._antiRecord&&(console.log("Manual check before load source"),s._antiRecord.check()))return;var e,r=!s._hls,i=(s._destroyHls(),{xhrSetup:function(e,t){e.withCredentials=s._options.withCredentials||!1}}),n=s._options.loadingTimeOut||s._options.hlsLoadingTimeOut;for(e in n&&(i.manifestLoadingTimeOut=n,i.levelLoadingTimeOut=n,i.fragLoadingTimeOut=n),s._options.liveSyncDurationCount&&(i.liveSyncDurationCount=s._options.liveSyncDurationCount),s._options.defaultBandwidth&&(i.defaultBandwidth=s._options.defaultBandwidth),s._options.isLive&&(s._options.hlsFrameChasing&&(i.hlsFrameChasing=s._options.hlsFrameChasing),s._options.chasingFirstParagraph&&(i.chasingFirstParagraph=s._options.chasingFirstParagraph),s._options.chasingSecondParagraph&&(i.chasingSecondParagraph=s._options.chasingSecondParagraph),s._options.chasingFirstSpeed&&(i.chasingFirstSpeed=s._options.chasingFirstSpeed),s._options.chasingSecondSpeed)&&(i.chasingSecondSpeed=s._options.chasingSecondSpeed),!s._hls2||s._options.isLive&&!y.IS_IE11&&(i.backBufferLength=12,i.liveDurationInfinity=!0),s._options.nudgeMaxRetry&&(i.nudgeMaxRetry=s._options.nudgeMaxRetry),s._options.maxMaxBufferLength&&(i.maxMaxBufferLength=s._options.maxMaxBufferLength),s._options.maxBufferSize&&(i.maxBufferSize=s._options.maxBufferSize),s._options.fragLoadingRetryDelay&&(i.fragLoadingRetryDelay=s._options.fragLoadingRetryDelay),s._options.maxBufferLength&&(i.maxBufferLength=s._options.maxBufferLength),s._options.hlsBandWidthUpCacheTime&&(i.abrBandWidthUpCacheTime=s._options.hlsBandWidthUpCacheTime),s._options.seamlessHandover&&(i.seamlessHandover=s._options.seamlessHandover),s._options.accessKeyId&&(i.accessKeyId=s._options.accessKeyId),s._options.accessKeySecret&&(i.accessKeySecret=s._options.accessKeySecret),s._options.securityToken&&(i.securityToken=s._options.securityToken),s._options.app&&(i.app=s._options.app),s._options.stream&&(i.stream=s._options.stream),s._options.domain&&(i.domain=s._options.domain),s._options.regionId&&(i.regionId=s._options.regionId),s._sce_dlgtqred_saved&&(i._sce_dlgtqredxx=s._sce_dlgtqred_saved),i.enableWorker=s._options.enableWorker,i.debug=s._options.debug,s._stopLoadAsPaused=s._options.hlsOption.stopLoadAsPaused,s._options.hlsOption)i[e]=s._options.hlsOption[e];y.IS_IE11&&(i.enableWorker=!1),s._hls=new Hls(i),a(s,s._hls),s._loadSourced=!1,s._hls.attachMedia(s.tag),s._hls.on(Hls.Events.INIT_PTS_FOUND,function(e,t){s._initPTS=t.initPTS}),s._hls.on(Hls.Events.FRAG_PARSING_USERDATA,function(e,t){t&&t.dataContent&&t.dataContent.length&&s.trigger(g.Private.SeiFrame,{dataContent:t.dataContent,pts:t.pts})}),s._hls.on(Hls.Events.MEDIA_ATTACHED,function(){var e;s._hls.on(Hls.Events.MANIFEST_PARSED,function(){s._initPlayBehavior(t||s._loadSourced)}),s._hls.on(Hls.Events.AUDIO_TRACKS_UPDATED,function(e,t){s.trigger(g.Player.AudioTrackUpdated,t)}),s._hls.on(Hls.Events.MANIFEST_LOADED,function(e,t){s.trigger(g.Player.LevelsLoaded,t)}),s._hls.on(Hls.Events.LEVEL_SWITCHED,function(e,t){if(s._qualityService){for(var r=s._hls.levels[t.level].url,i=s._qualityService.levels,n="",o="",a=0;a<i.length;a++)if(i[a].Url==r){o=i[a].desc,n=i[a].bitrate;break}(o||n)&&s.trigger(g.Private.QualityChange,{levelSwitch:!0,url:r,bitrate:n,desc:o})}}),s._hls.on(Hls.Events.AUDIO_TRACK_SWITCH,function(e,t){s.trigger(g.Player.AudioTrackSwitch,t),setTimeout(function(){s.trigger(g.Player.AudioTrackSwitched,t)},1e3)}),(s._options.autoplay||s._options.preload||t)&&(s._loadSourced=!0,s._levels&&1<s._levels.length?(s._hls.trigger(Hls.Events.MANIFEST_LOADING,{}),s._hls.trigger(Hls.Events.MANIFEST_LOADED,{levels:s._levels})):s._hls.loadSource(s._options.source||"__INVALID__")),r?(s._executeReadyCallback(),s._urls&&0<s._urls.length&&!s._options.defaultDefinition&&(s._currentPlayIndex=f.findSelectedStreamLevel(s._urls),e=s._urls[s._currentPlayIndex],s._options.source=e.Url,s.trigger(g.Private.SourceLoaded,e))):s.trigger(g.Private.H5_Loading_Show)})}this.trigger(g.Private.H5_Loading_Show),h.contentProtocolMixed(s)?((e={mediaId:(e=this.getOptions()||{}).vid||"",mediaAuth:e.mediaAuth||"",error_code:p.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=_.get("Request_Block_Text"),this.trigger(g.Player.Error,e)):(r=this)._isLoadedHls&&"undefined"!=typeof Hls?i(this,t):(this.trigger(g.Private.H5_Loading_Show),this._getHlsVersion(function(e){!function(e,t){var r="aliplayer-hls-min.js",t=((t=t||{}).hls2&&(r="aliplayer-hls2-min.js"),""),t=d.domain?"https://"+d.domain+d.path+d.h5Version+"/hls/"+r:"/build/hls/"+r,i=this;u.loadJS(t,function(){e.apply(i)})}.call(r,function(){r._isLoadedHls=!0,i(r,t)},{debug:r._options.debug,hls2:r._hls2})}),this.on("error",m))},t.prototype._getbwEstimator=function(){var e,t=NaN;return t=this._hls?(e=this._hls.abrController._bwEstimator)?e.getEstimate():NaN:t},t.prototype._destroyHls=function(){this._hls&&this._hls.destroy(),this._hls=null},t.prototype.dispose=function(){this._disposed||(this._disposed=!0,this._superPt&&this._superPt.dispose.call(this),this._destroyHls(),this._superPt&&(t.prototype.play=this._superPt.play,t.prototype.pause=this._superPt.pause,t.prototype.initPlay=this._superPt.initPlay,t.prototype.replay=this._superPt.replay,t.prototype.stop=this._superPt.stop,t.prototype.seek=this._superPt.seek))},a=function(c,u){u.on(Hls.Events.DEFAULT_BANDWIDTH,function(e,t){c.trigger(g.Player.DefaultBandWidth,{width:t.width,height:t.height,bitrate:t.bitrate})}),u.on(Hls.Events.ERROR,function(e,t){var r,i,n,o,a,s,l;!c._options||t.details==Hls.ErrorDetails.FRAG_LOOP_LOADING_ERROR||1==c._seeking||0==t.fatal&&t.type!=Hls.ErrorTypes.NETWORK_ERROR||(c._clearTimeout(),r=p.ErrorCode.LoadedMetadata,o=_.get("Error_Play_Text"),l=i=!1,t.details==Hls.ErrorDetails.MANIFEST_LOAD_ERROR||t.details==Hls.ErrorDetails.LEVEL_LOAD_ERROR?(i=!0,s=t.networkDetails,n=Number(s.status),c.liveShiftSerivce&&c.liveShiftSerivce.isLiveShiftPlaying()&&404===n?(r=p.ErrorCode.NotFoundSourceURL,o=_.get("Error_Liveshift_M3U8_Not_Found_Text"),l=!0):o=404===n?(r=p.ErrorCode.NotFoundSourceURL,_.get("Error_Not_Found")):403===n?(s=f.parseHttpHeaders(s)["x-tengine-error"])&&-1<p.RegionBlockMessages.indexOf(s)?(r=p.ErrorCode.RegionBlock,_.get("Error_Region_Block_Text")):(r=p.ErrorCode.AuthKeyExpired,_.get("Error_AuthKey_Text")):0===n&&navigator.onLine?(r=p.ErrorCode.RequestDataError,o+"\uff0c"+_.get("Maybe_Cors_Error")):_.get("Error_Load_M3U8_Failed_Text")):t.details==Hls.ErrorDetails.MANIFEST_LOAD_TIMEOUT||t.details==Hls.ErrorDetails.LEVEL_LOAD_TIMEOUT?(i=!0,o=_.get("Error_Load_M3U8_Timeout_Text")):t.details==Hls.ErrorDetails.MANIFEST_PARSING_ERROR||t.details==Hls.ErrorDetails.MANIFEST_INCOMPATIBLE_CODECS_ERROR?(i=!0,o=_.get("Error_M3U8_Decode_Text")):t.type==Hls.ErrorTypes.NETWORK_ERROR?(r=p.ErrorCode.NetworkError,o=_.get("Error_Network_Text")):t.type!=Hls.ErrorTypes.MUX_ERROR&&t.type!=Hls.ErrorTypes.MEDIA_ERROR||(r=p.ErrorCode.PlayDataDecode,o=_.get("Error_TX_Decode_Text")),o=o+"("+t.details+")",a=function(){var e;setTimeout(function(){c.trigger(g.Private.Play_Btn_Hide)}),c.checkOnline()&&(e={mediaId:(e=c.getOptions()||{}).vid||"",mediaAuth:e.mediaAuth||"",error_code:r,error_msg:t.details},c.logError(e),e.display_msg=o,c.trigger(g.Player.Error,e))},s=function(){c._liveErrorHandle&&clearTimeout(c._liveErrorHandle),u.stopLoad(),c.trigger(g.Player.LiveStreamStop),c._liveErrorHandle=setTimeout(a,500)},c._options&&c._options.isLive?l?s():c._hls2?t.fatal&&s():(l=c._options).liveRetry>c._liveRetryCount?(0==c._liveRetryCount&&c.trigger(g.Player.OnM3u8Retry),l=l.liveRetryInterval+l.liveRetryStep*c._liveRetryCount,c._liveRetryCount++,c.trigger(g.Private.H5_Loading_Show),setTimeout(function(){i&&c._loadByUrlInner(c._options.source,0,!0)},1e3*l)):s():(i&&-1<[403,404].indexOf(n)||!c._reloadForVod())&&a())})})}},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/hls/hlsparse":39,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/util":51,"../base/event/eventtype":70}],103:[function(e,t,r){var i=e("../base/player"),n=e("./hlsinjector"),o=i.extend({init:function(e,t){t._native=!1,n.inject(this,o,i,t),i.call(this,e,t)}});t.exports=o},{"../base/player":91,"./hlsinjector":102}],104:[function(e,t,r){var l="undefined"==typeof Promise?e("es6-promise").Promise:Promise,c=e("../../lib/io"),u=e("../../config"),d=e("../../lib/constants"),p=e("../../lang/index"),h=e("../base/event/eventtype"),i=e("../../lib/ua");function f(e){var t=this._options;t.rtsFallbackSource&&window.Aliplayer?(this.trigger(h.Player.RtsFallback,{reason:e,fallbackUrl:t.rtsFallbackSource}),this.loadByUrl(t.rtsFallbackSource)):(this.trigger(h.Player.Error,e),this.logError(e))}function y(e){var n=this,t=(this.trigger(h.Private.H5_Loading_Show),this.trigger(h.Private.Play_Btn_Hide),new o(n,e));return n._rts.subscribe(n._options.source,{mediaTimeout:n._options.rtsLoadDataTimeout}).then(function(e){return n._retryTimer&&(clearTimeout(n._retryTimer),n._retryTimer=null),t.preProcess(),n.tag.srcObject=null,e.play(n.tag),!0}).catch(function(e){var t=null,r=null;switch(Number(e.errorCode)){case 10101:t=d.ErrorCode.RtsSignalError,r=p.get("Rts_Err_Http_Signal_Error");break;case 10114:t=d.ErrorCode.RtsCreateOfferError,r=p.get("Rts_Err_Create_Offer_Error");break;case 10202:t=d.ErrorCode.RtsPlayUrlError,r=p.get("Rts_Err_Play_Url_Error");break;case 10203:t=d.ErrorCode.RtsSubscribeNonthing,r=p.get("Rts_Err_Subscribe_Nonthing");break;case 10205:var i=null==(i=e.extraInfo)?void 0:i.response;if(403===(null==i?void 0:i.status)){i=i.headers["x-tengine-error"];if(i&&-1<d.RegionBlockMessages.indexOf(i)){t=d.ErrorCode.RegionBlock,r=p.get("Error_Region_Block_Text");break}}t=d.ErrorCode.RtsHttpRequestFaild,r=p.get("Rts_Err_Http_Request_Failed");break;case 10206:t=d.ErrorCode.RtsHttpAnswerFaild,r=p.get("Rts_Err_Http_Answer_Failed")}return f.call(n,{error_code:t,error_msg:r}),!1})}function _(){this._noDataTimer&&(clearTimeout(this._noDataTimer),this._noDataTimer=null)}t.exports.inject=function(e,t,r,i,n,o){function a(e,t){var r,i,n;_.call(this),this._retryTimer||(e=e||d.ErrorCode.RtsPlayFailedError,t=t||p.get("Rts_Err_Play_Failed")+", "+this._options.rtsLoadDataTimeout*(this._options.liveRetry+1)+p.get("Rts_Err_No_Data_For"),(i=(r=this)._options)?i.liveRetry>r._liveRetryCount?(0==r._liveRetryCount&&r.trigger(h.Player.OnM3u8Retry),n=Number(i.liveRetryInterval||0)+Number(i.liveRetryStep*r._liveRetryCount||0),r._liveRetryCount++,r.stop(),setTimeout(function(){r.trigger(h.Private.H5_Loading_Show),r.trigger(h.Private.Play_Btn_Hide)},50),r._retryTimer=setTimeout(function(){r.trigger(h.Private.Retry,{type:"rts",source:i.source}),y.call(r,!0)},1e3*n)):(r._retryTimer&&clearTimeout(r._retryTimer),r._liveErrorHandle&&clearTimeout(r._liveErrorHandle),r.stop(),r._liveRetryCount=0,r.trigger(h.Player.LiveStreamStop),r._liveErrorHandle=setTimeout(s.call(this,e,t),500)):console.warn("no options!"))}function s(e,t){var r=this;r.pause(),setTimeout(function(){r.trigger(h.Private.Play_Btn_Hide)}),r.checkOnline()&&f.call(this,{error_code:e,error_msg:t})}e._Type=t,e._superType=r,e._superPt=r.prototype,e._disposed=!1,t.prototype._checkRtsReady=function(){if(null==this._rts)throw new Error("please invoke this method after ready event")},e._isRts=!0,e._rts=null,e._isLoadedRts=!1,e._liveErrorHandle=null,e._retryTimer=null,e._noDataTimer=null,e.bind_rtsPlayEventHandler=null,e.bind_rtsErrorEventHandler=null,t.prototype.play=function(e){this._checkRtsReady(),this._isManualPlay=e||!1;var t=this;return t.trigger(h.Private.Cover_Hide),t.trigger(h.Private.Play_Btn_Hide),y.call(t).then(function(e){e&&t._startPlay()}),this},t.prototype.seek=function(e){},t.prototype.setSpeed=function(e){},t.prototype.pause=function(e){return this._checkRtsReady(),this._superPt.pause.call(this,!0),this},t.prototype.stop=function(){return this._rts&&this._rts.unsubscribe(),this},t.prototype.dispose=function(){this._disposed||(this._disposed=!0,this._superPt&&this._superPt.dispose.call(this),this._destroyRts(),this._superPt,this._liveErrorHandle&&(clearTimeout(this._liveErrorHandle),this._liveErrorHandle=null),this._retryTimer&&(clearTimeout(this._retryTimer),this._retryTimer=null),_.call(this))},t.prototype._destroyRts=function(){this._rts&&(this.stop(),this._rts.off("onError",this.bind_rtsErrorEventHandler),this._rts.off("onPlayEvent",this.bind_rtsPlayEventHandler)),this._rts=null},t.prototype.initPlay=function(e){function t(i,t){var r=!i._rts;i._destroyRts(),i._rts=new AliRTS.createClient({customReporter:function(e){if(126===Number(e.msgid)){var t={};try{t=JSON.parse(e.args)}catch(e){t={}}t.tcid&&i._rts&&(i._rts.traceid=t.tcid,i.trigger(h.Player.RtsTraceId,{traceId:t.tcid,source:i._options.source}))}}}),i._checkRtsSupport(function(e){!function(e){var t=this._rtsPlayEventHandler.bind(this),r=this._rtsErrorEventHandler.bind(this);this.bind_rtsPlayEventHandler=t,this.bind_rtsErrorEventHandler=r,e.on("onError",r),e.on("onPlayEvent",t)}.call(i,i._rts),i._options.autoplay?y.call(i).then(function(e){e&&i._initPlayBehavior(t)}):i._initPlayBehavior(t),r&&i._executeReadyCallback()},function(e){console.log("[RTS isSupport error]",e);var t=null,r=null;switch(Number(e.errorCode)){case 10110:t=d.ErrorCode.RtsNotSupportWebRtc,r=p.get("Rts_Err_Not_Support_Webrtc");break;case 10111:t=d.ErrorCode.RtsBrowserNotSupport,r=p.get("Rts_Err_Browser_Not_Support");break;case 10112:t=d.ErrorCode.RtsBrowserVersionTooLow,r=p.get("Rts_Err_Browser_Version_Too_Low");break;case 10113:t=d.ErrorCode.RtsNotSupportH264,r=p.get("Rts_Err_Not_Support_H264");break;case 10114:t=d.ErrorCode.RtsCreateOfferError,r=p.get("Rts_Err_Create_Offer_Error")}return f.call(i,{error_code:t,error_msg:r}),!1})}this._isLoadedRts?t(this,e):(this.trigger(h.Private.H5_Loading_Show),function(e,t){var r="",i=this._options,r="https://g.alicdn.com/CodeBaseOne/H5RTSSdk/"+(i.rtsVersion||u.rtsVersion)+"/aliyun-rts-sdk.js",n=(i.rtsSdkUrl&&(r=i.rtsSdkUrl),this);c.loadJS(r,function(){e.apply(n)})}.call(this,function(){this._isLoadedRts=!0,t(this,e)},this._options.debug))},t.prototype.getStats=function(){return this._rts&&this._rts.getTransportStats?l.all([this._rts.getTransportStats(),this._rts.getRemoteVideoStats(),this._rts.getRemoteAudioStats()]).then(function(e){var t=e[0],r=e[1],e=e[2];return{rtt:t.rtt,bytesReceived:t.bytesReceived,framesDecoded:r.framesDecoded,packetsLost:(r.packetsLost||0)+(e.packetsLost||0),packetsReceived:(r.packetsReceived||0)+(e.packetsReceived||0),timestamp:t.timestamp||Date.now()}}).catch(function(e){return console.log("ERR in RTS getstats: ",e),{}}):l.resolve()},t.prototype._rtsPlayEventHandler=function(e){var t="canplay",r="waiting",i="playing",n="ended",o="timeout";e.event===t?_.call(this):e.event!==r&&(e.event===i?_.call(this):e.event!==o&&e.event!==n||a.call(this))},t.prototype._checkRtsSupport=function(e,t){this._options.skipRtsSupportCheck?e():this._rts.isSupport({isReceiveVideo:!0}).then(e).catch(t)},t.prototype._rtsErrorEventHandler=function(e){console.log("RTS Error:",e);var t,r;switch(Number(e.errorCode)){case 10102:a.call(this);break;case 12e3:t=d.ErrorCode.RtsPeerConnectionUnknown,r=p.get("Rts_Err_PeerConnection_Unknown"),s.call(this,t,r)}}};var o=function(){function e(e,t){(this.isRetry=t)&&(this.isApple=i.IS_IOS||i.IS_SAFARI,this.player=e)}return e.prototype.preProcess=function(){var e,t,r;this.isRetry&&this.isApple&&(e=this.player.getVolume(),t=this.player.muted(),e)&&!t&&((r=this.player.tag).volume=0,this.player.one("canplay",function(){r.volume=e}))},e}()},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"../../lib/ua":49,"../base/event/eventtype":70,"es6-promise":8}],105:[function(e,t,r){var i=e("../base/player"),n=e("./rtsinjector"),o=i.extend({init:function(e,t){t.isLive&&(t._native=!1,n.inject(this,o,i,t),i.call(this,e,t))}});t.exports=o},{"../base/player":91,"./rtsinjector":104}],106:[function(e,t,r){var i=e("../../lib/constants"),e=e("../../lib/oo").extend({init:function(e){this.player=e,this.tickhandle=null}});e.prototype.tick=function(e,t){var r=this;this.tickhandle=setTimeout(function(){r.player&&r.player.trigger(i.AuthKeyExpiredEvent),t&&t()},1e3*e)},e.prototype.clearTick=function(e){this.tickhandle&&clearTimeout(this.tickhandle)},t.exports=e},{"../../lib/constants":28,"../../lib/oo":43}],107:[function(e,t,r){function s(e,t,r){var i=u.randomUUID(),n="https://mts."+e.domainRegion+".aliyuncs.com/?",i={AccessKeyId:e.accessId,Action:"GetLicense",MediaId:e.vid,LicenseUrl:n,data:e.data,SecurityToken:e.stsToken,Format:"JSON",Type:e.encryptionType,Version:"2014-06-18",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",SignatureNonce:i};e.header&&(i.Header=e.header),n+="Signature="+u.AliyunEncodeURI(u.makeChangeSiga(i,e.accessSecret,"POST")),e=u.makeUTF8sort(i,"=","&"),o.post(n,e,function(e){e?(e=JSON.parse(e),t&&(e=e.License,t(e))):r&&r(a.createError("MPS\u83b7\u53d6License\u5931\u8d25"))},function(e){if(r){var t={Code:"",Message:h.get("Error_MTS_Fetch_Urls_Text")};try{t=JSON.parse(e)}catch(e){}r({Code:c.ErrorCode.ServerAPIError,Message:t.Code+"|"+t.Message,sri:t.RequestId||""})}})}var o=e("../../lib/io"),l=(e("../../lib/ua"),e("../../lib/bufferbase64")),c=e("../../lib/constants"),u=e("./signature"),a=e("./util"),d=e("../../lib/url"),p=e("../../lib/playerutil"),h=e("../../lang/index"),f=e("../base/event/eventtype");function y(e){window.console.error("The license request failed.")}function _(e){window.console.error("A decryption key error was encountered"),window.console.error("A decryption key error was encountered",e)}function g(e){window.console.log("Decryption key was added to session.")}function v(e,t,r){r.addEventListener(e,function(){t(arguments[0])},!1)}t.exports.requestLicenseKey=function(e){var a=e;return a._options.vid&&(a.__vid=a._options.vid),function(e,t){var r,i,n=a._options,o=a._getDRMEncryptItem();o&&(r={vid:a.__vid,accessId:n.accId,accessSecret:n.accSecret,stsToken:n.stsToken,domainRegion:n.domainRegion,authInfo:n.authInfo,encryptionType:o.encryptionType},o.encryptionType==c.EncryptionType.Widevine?r.data=l.encode(e.message):o.encryptionType==c.EncryptionType.PlayReady&&(n=l.unpackPlayReady(e.message),r.data=n.changange,n.header)&&(r.header=JSON.stringify(n.header)),console.log(r.data),e=a.__licenseKeys,i=a.__vid+o.Url,e&&e[i],s(r,function(e){a.__licenseKeys||(a.__licenseKeys={}),10<r.data.length&&(a.__licenseKeys[i]=e);e=l.decode(e);t(e)},function(e){e={mediaId:a.__vid,error_code:e.Code,error_msg:e.Message};a.logError(e),a.trigger("error",e)}))}},t.exports.loadCertificate=function(e,t){var r,i,n,o=new XMLHttpRequest,a=(o.addEventListener("load",function(e,t){var r,t=t.target;if(200!==t.status){var i=c.ErrorCode.DrmLicenseRequestFailed,n=h.get("Error_Drm_License_Request_Failed"),i={mediaId:this._options.vid||"",error_code:i,error_msg:t.response};player.logError(i),i.display_msg=n,player.trigger(f.Player.Error,i)}else{try{r=this._options.isLive?JSON.parse(t.response).Response.B64ServCert:JSON.parse(JSON.parse(t.response).DRMCertInfo).b64ServCert}catch(e){console.log(e)}n=u.base64DecodeUint8Array(r),i=function(e,t){var r=t.target,t=t.initData,i=u.arrayToString(t).split("skd://")[1].split("?")[0],n=u.stringToArray(i);t=function(e,t,r){"string"==typeof t&&(t=stringToArray(t));var i=0,n=new ArrayBuffer(e.byteLength+4+t.byteLength+4+r.byteLength),o=new DataView(n),e=(new Uint8Array(n,0,e.byteLength).set(e),i+=e.byteLength,o.setUint32(i,t.byteLength,!0),i+=4,new Uint16Array(n,i,t.length));return e.set(t),i+=e.byteLength,o.setUint32(i,r.byteLength,!0),i+=4,new Uint8Array(n,i,r.byteLength).set(r),new Uint8Array(n,0,n.byteLength)}(t,n,e),r.webkitKeys||(function(){{if(!WebKitMediaKeys.isTypeSupported("com.apple.fps.1_0","video/mp4"))throw"Key System not supported";keySystem="com.apple.fps.1_0"}}(),r.webkitSetMediaKeys(new WebKitMediaKeys(keySystem)));if(!r.webkitKeys)throw"Could not create MediaKeys";n=r.webkitKeys.createSession("video/mp4",t);if(!n)throw"Could not create key session";n.contentId=i,v("webkitkeymessage",function(e){var t=this,r=e.target,i=e.message,n=new XMLHttpRequest,e=(e.sessionId,n.responseType="text",n.session=r,n.addEventListener("load",function(e){e=e.target;t=this._options.isLive?JSON.parse(e.response).Response.B64License:JSON.parse(JSON.parse(e.response).License).b64License;var t=u.base64DecodeUint8Array(t),t=u.Uint8ArrayToString(t);"<ckc>"===t.substr(0,5)&&"</ckc>"===t.substr(-6)&&(t=t.slice(5,-6));t=u.base64DecodeUint8Array(t);e.session.update(t)}.bind(this),!1),n.addEventListener("error",y,!1),btoa("spc="+u.base64EncodeUint8Array(i)+"&assetId="+encodeURIComponent(r.contentId))),o={Format:"JSON",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",Timestamp:u.ISODateString(new Date),SignatureNonce:u.randomUUID(),AccessKeyId:t._options.accessKeyId,SecurityToken:t._options.securityToken,CertId:t._options.certId};t._options.isLive?(o.RegionId=t._options.region,o.Action="DescribeDRMLicense",o.Version="2016-11-01",o.CdmData=e,o.Type="fairplay",o.Domain=d.parseUrl(t._options.source).hostname):(o.region=t._options.region,o.Action="GetDRMLicense",o.Version="2017-03-21",o.VideoId=t._options.vid,o.CDMData=e,o.DRMType="FairPlay");var a,s,i="Signature="+u.AliyunEncodeURI(u.makeChangeSiga(o,t._options.accessKeySecret,"POST"));r=t._options.isLive?"https://"+p.getLiveHostByRegion(t._options.region)+"/?"+i:"https://vod."+t._options.region+".aliyuncs.com/?"+i;for(s in n.open("POST",r,!0),n.setRequestHeader("Content-type","application/x-www-form-urlencoded"),o){var l;o.hasOwnProperty(s)&&(l=o[s],a=a?a+"&"+u.AliyunEncodeURI(s)+"="+u.AliyunEncodeURI(l):u.AliyunEncodeURI(s)+"="+u.AliyunEncodeURI(l))}n.send(a)}.bind(this),n),v("webkitkeyadded",g,n),v("webkitkeyerror",_,n)}.bind(this,n),t=(this._fairPlayHandlers.onNeedKey=i,function(e){window.console.error("A video playback error occurred")}.bind(this));this._fairPlayHandlers.onError=t,this.tag.addEventListener("webkitneedkey",i,!1),this.tag.addEventListener("error",t,!1),this.tag.src=this._options.source}e&&e()}.bind(e,t),!1),o.addEventListener("error",function(e){window.console.error("Failed to retrieve the server certificate.")}.bind(e),!1),{Format:"JSON",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",Timestamp:u.ISODateString(new Date),SignatureNonce:u.randomUUID(),AccessKeyId:e._options.accessKeyId,SecurityToken:e._options.securityToken,CertId:e._options.certId}),t=(e._options.isLive?(a.RegionId=e._options.region,a.Action="DescribeDRMCertificate",a.Version="2016-11-01"):(a.region=e._options.region,a.Action="GetDRMCertInfo",a.Version="2017-03-21",a.VideoId=e._options.vid),"Signature="+u.AliyunEncodeURI(u.makeChangeSiga(a,e._options.accessKeySecret,"POST"))),e=e._options.isLive?"https://"+p.getLiveHostByRegion(e._options.region)+"/?"+t:"https://vod."+e._options.region+".aliyuncs.com/?"+t;for(r in o.open("POST",e,!0),o.setRequestHeader("Content-type","application/x-www-form-urlencoded"),a)a.hasOwnProperty(r)&&(i=a[r],n=n?n+"&"+u.AliyunEncodeURI(r)+"="+u.AliyunEncodeURI(i):u.AliyunEncodeURI(r)+"="+u.AliyunEncodeURI(i),console.log(i));o.send(n)},t.exports.getRequestUrl=function(e,t){var e={AccessKeyId:t._options.accessKeyId,Format:"JSON",Version:"2016-11-01",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",Timestamp:u.ISODateString(new Date),SignatureNonce:u.randomUUID(),SecurityToken:t._options.securityToken,RegionId:t._options.region,Action:"DescribeDRMLicense",Type:"widevine",CdmData:e,Domain:d.parseUrl(t._options.source).hostname},r=(t._options.widevineCertId&&(e.CertId=t._options.widevineCertId),"Signature="+u.AliyunEncodeURI(u.makeChangeSiga(e,t._options.accessKeySecret,"POST")));return{url:"https://"+p.getLiveHostByRegion(t._options.region)+"/?"+r,data:u.makeUTF8sort(e,"=","&"),jsonData:u.makeUTF8sort(e,"=","&","json")}},t.exports.postData=function(e,t){var r=u.randomUUID(),r={AccessKeyId:t._options.accessKeyId,VideoId:t._options.vid,Format:"JSON",Version:"2017-03-21",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",SignatureNonce:r,SecurityToken:t._options.securityToken,region:t._options.region,Action:"GetDRMLicense",DRMType:"Widevine",CDMData:e},e=(t._options.widevineCertId&&(r.CertId=t._options.widevineCertId),"Signature="+u.AliyunEncodeURI(u.makeChangeSiga(r,t._options.accessKeySecret,"POST")));return{url:"https://vod."+t._options.region+".aliyuncs.com/?"+e,data:u.makeUTF8sort(r,"=","&"),jsonData:u.makeUTF8sort(r,"=","&","json")}},t.exports.destroyFairPlay=function(){this._fairPlayHandlers.onNeedKey&&this.tag.removeEventListener("webkitneedkey",this._fairPlayHandlers.onNeedKey),this._fairPlayHandlers.onError&&this.tag.removeEventListener("error",this._fairPlayHandlers.onError),this._fairPlayHandlers={}}},{"../../lang/index":23,"../../lib/bufferbase64":25,"../../lib/constants":28,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/url":50,"../base/event/eventtype":70,"./signature":113,"./util":115}],108:[function(e,t,r){var i=e("../../lib/io"),c=e("../../lib/constants"),n=e("../../lib/data"),u=e("./util");t.exports.getDataByAuthInfo=function(e,a,s,l){e={playAuth:e.playAuth,requestId:e.requestId},i.get("https://api.h5video.shop/api/page/getMediaPlayInfo"+function(r){return r.requestId=n.guid(),Object.keys(r).reduce(function(e,t){return e+(e?"&":"?")+t+"="+encodeURIComponent(r[t])},"")}(e),function(e){if(e){e=JSON.parse(e);if(200!==e.httpStatusCode)l&&l({Code:c.ErrorCode.ServerAPIError,Message:e.httpStatusCode+"|"+e.code,sri:e.requestId});else{for(var t=e.data.PlayInfoList,r=[],i=t.length-1;0<=i;--i)"AUTO"===t[i].Definition&&(r=[t.splice(i,1)[0]]);var n,o=null;(o=(o=0===r.length?u.objectPlayerMessageSort(t,a):u.objectPlayerMessageSort(r)).map(function(e){return"m3u8"===e.format&&(e.Url=e.Url+"&_ext=.m3u8"),e}))&&s&&(n=e.data.VideoBase||{},s({videoId:n.VideoId,userId:n.UserId,requestId:e.requestId,urls:o,encryptUrlArr:[],thumbnailUrl:"",coverUrl:n.CoverURL,playInfoAry:t,textTracks:e.data.SubtitlesList}))}}else l&&l(u.createError("\u8f7bSaaS\u670d\u52a1\u83b7\u53d6\u6570\u636e\u5931\u8d25"))},function(e){e&&"string"==typeof e&&-1<e.indexOf("Invalid CORS request")?l&&l({Code:c.ErrorCode.ServerAPIError,Message:e}):l&&l(u.createError("\u8f7bSaaS\u670d\u52a1\u83b7\u53d6\u6570\u636e\u5931\u8d25"))})}},{"../../lib/constants":28,"../../lib/data":30,"../../lib/io":40,"./util":115}],109:[function(e,t,r){var i=e("./saasplayer"),n=e("./light"),o=e("../base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.service=n,this.loadByLightSaas()}});e.prototype.loadByLightSaas=function(e){var t=this._options,r={playAuth:t.mediaAuth,defaultDefinition:t.defaultDefinition};this.log("STARTFETCHDATA",{it:"lightSaasPlayAuth",pa:{playAuth:t.mediaAuth}}),this.loadData(r,e)},e.prototype.replayByMediaAuth=function(e){this.trigger(o.Private.Error_Hide),this.tag&&(this.tag.pause(),this.tag.removeAttribute("src"),this.tag.load()),this.setTextTracks([]),this.trigger(o.Private.UserTrackReset),this._options.source="",this._options.mediaAuth=e,this._isError=!1,this._duration=0,this._options.cover="",this._vodRetryCount=0,this._clearTimeout(),this.loadByLightSaas(!0)},t.exports=e},{"../base/event/eventtype":70,"./light":108,"./saasplayer":112}],110:[function(e,t,r){var i=e("../../lib/io"),l=e("../../lib/constants"),s=e("./signature"),c=e("./util"),u=e("../../lang/index"),d=e("../../lib/ua");var p=function(e,r){for(var t="",i=(e.sort(function(e,t){e=parseInt(e.bitrate),t=parseInt(t.bitrate);return"desc"==r?t<e?-1:e<t?1:void 0:e<t?-1:t<e?1:void 0}),e.length),n=0;n<i;n++){var o=e[n],a=l.QualityLevels[o.definition],s="",s=void 0===a?o.bitrate:t==a?a+o.bitrate:a;o.desc=s,t=a}},h=function(e,r){for(var t="",i=(e.sort(function(e,t){e=parseInt(e.width),t=parseInt(t.width);return"desc"==r?t<e?-1:e<t?1:void 0:e<t?-1:t<e?1:void 0}),e.length),n=0;n<i;n++){var o=e[n],a=l.QualityLevels[o.definition],s="",s=void 0===a?"":t==a?a+o.height:a;o.desc=s,t=a}};t.exports.getDataByAuthInfo=function(e,n,o,a){s.returnUTCDate(),s.randomUUID();var t=s.randomUUID(),t={AccessKeyId:e.accessId,Action:"PlayInfo",MediaId:e.vid,Formats:e.format,AuthInfo:e.authInfo,AuthTimeout:e.authTimeout||l.AuthKeyExpired,IncludeSnapshotList:e.includeSnapshotList,Rand:e.rand,SecurityToken:e.stsToken,Format:"JSON",Version:"2014-06-18",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",Terminal:d.IS_CHROME?"Chrome":d.IS_EDGE?"Edge":d.IS_IE11?"IE":d.IS_SAFARI?"Safari":d.IS_FIREFOX?"Firefox":"",SignatureNonce:t},t=(e.hlsUriToken&&(e.MtsHlsUriToken=e.hlsUriToken),e.playConfig&&(t.PlayConfig=JSON.stringify(e.playConfig)),s.makeUTF8sort(t,"=","&")+"&Signature="+s.AliyunEncodeURI(s.makeChangeSiga(t,e.accessSecret))),e="https://mts."+e.domainRegion+".aliyuncs.com/?"+t;i.get(e,function(e){var t,r,i;e?(t=(e=JSON.parse(e)).PlayInfoList.PlayInfo,r="",(i=e.SnapshotList?e.SnapshotList.Snapshot:[])&&0<i.length&&(r=i[0].Url),i=function(e,t){for(var r=[],i=[],n=[],o=[],a=e.length-1;0<=a;a--){var s=e[a];("mp4"==s.format?i:"mp3"==s.format?n:"m3u8"==s.format?r:o).push(s)}return 0<n.length?(p(n,t),n):0<i.length?(h(i,t),i):0<r.length?(h(r,t),r):(h(o,t),o)}(t,n),o&&o({requestId:e.RequestId,urls:i,thumbnailUrl:r})):a&&a(c.createError("MPS\u83b7\u53d6\u53d6\u6570\u5931\u8d25"))},function(e){if(a){var t={Code:"",Message:u.get("Error_MTS_Fetch_Urls_Text")};try{t=JSON.parse(e)}catch(e){}a({Code:l.ErrorCode.ServerAPIError,Message:t.Code+"|"+t.Message,sri:t.RequestId||""})}})}},{"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"../../lib/ua":49,"./signature":113,"./util":115}],111:[function(e,t,r){var i=e("./saasplayer"),n=(e("../../lib/constants"),e("./mts")),e=i.extend({init:function(e,t){i.call(this,e,t),this.service=n,this.loadByMts()}});e.prototype.loadByMts=function(e){var t={vid:this._options.vid,accessId:this._options.accId,accessSecret:this._options.accSecret,stsToken:this._options.stsToken,domainRegion:this._options.domainRegion,authInfo:this._options.authInfo,format:this._options.format,includeSnapshotList:this._options.includeSnapshotList||!1,defaultDefinition:this._options.defaultDefinition,authTimeout:this._options.authTimeout,hlsUriToken:this._options.hlsUriToken,playConfig:this._options.playConfig};this.loadData(t,e)},e.prototype.replayByVidAndAuthInfo=function(e,t,r,i,n,o){this.trigger("error_hide"),this._options.source="",this._isError=!1,this._duration=0,this._options.cover="",this._vodRetryCount=0,this._clearTimeout(),this.reloadNewVideoInfo(e,t,r,i,n,o)},e.prototype.reloadNewVideoInfo=function(e,t,r,i,n,o){if(this.trigger("error_hide"),this._options.source="",e&&(this._options.vid=e,this._options.accId=t,this._options.accessSecret=r,this._options.stsToken=i,this._options.domainRegion=o,this._options.authInfo=n),!(this._options.vid&&this._options.accId&&this._options.accessSecret&&this._options.stsToken&&this._options.domainRegion&&this._options.authInfo))throw new Error("\u9700\u8981\u63d0\u4f9bvid\u3001accId\u3001accessSecret\u3001stsToken\u3001domainRegion\u548cauthInfo\u53c2\u6570");this.log("STARTFETCHDATA",{it:"mps",pa:{vid:e}}),this.loadByMts(!0)},t.exports=e},{"../../lib/constants":28,"./mts":110,"./saasplayer":112}],112:[function(e,t,r){var p=e("../base/player"),i=e("../audio/audioplayer"),o=(e("../../lib/event"),e("../../lib/io")),h=e("../../lib/constants"),n=e("./signature"),a=e("./authkeyexpiredhandle"),f=e("../hls/hlsinjector"),y=e("../flv/flvinjector"),_=e("../drm/drminjector"),g=(e("../../lib/cookie"),e("../../lang/index")),v=e("../../lib/ua"),s=e("../../config"),m=e("../../lib/playerutil"),b=e("../base/event/eventtype"),l=e("../../protected/anti-injector-protected"),S=p.extend({init:function(e,t){l(t,this),this._authKeyExpiredHandle=new a(this),p.prototype._videoCreateEl||(p.prototype._videoCreateEl=p.prototype.createEl),"mp3"==t.format?(t.height="auto",t.mediaType="audio",p.prototype.createEl=i.prototype.createEl,i.call(this,e,t),S.prototype.play=p.prototype.play,S.prototype.pause=p.prototype.pause,S.prototype.initPlay=p.prototype.initPlay,S.prototype.replay=p.prototype.replay,S.prototype.stop=p.prototype.stop,S.prototype.seek=p.prototype.seek):(p.prototype.createEl=p.prototype._videoCreateEl,t._native=!1,p.call(this,e,t))}});S.prototype.loadData=function(e,t){var r,i,n;"undefined"!=typeof _sce_r_skjhfnck||""!=e.format&&"m3u8"!=e.format&&1!=this._options.encryptType?this._loadData(e,t):(r="aliplayer-vod-min.js",i="",i=s.domain?"https://"+s.domain+s.path+s.h5Version+"/hls/"+r:"/build/hls/"+r,n=this,o.loadJS(i,function(){n._loadData(e,t)}))},S.prototype._loadData=function(s,l){var c,u=(new Date).getTime(),d=this;this._urls=[],this._currentPlayIndex=0,this._retrySwitchUrlCount=0,this._authKeyExpiredHandle.clearTick(),""!=s.format&&"m3u8"!=s.format||1!=this._options.encryptType?s.rand=n.randomUUID():(c=_sce_r_skjhfnck(),s.rand=_sce_lgtcaygl(c,d._vdnct6f)),this._options.thumbnailUrl&&(s.thumbnailUrl=this._options.thumbnailUrl),this.trigger(b.Private.H5_Loading_Show),this.service.getDataByAuthInfo(s,this._options.qualitySort,function(e){if(d.trigger(b.Private.PlayInfoLoaded,e),e.userId&&(d._options.from=e.userId),e.videoId&&d._monitor&&d._monitor.updateLightSaasVideoId(e.videoId),e.textTracks&&e.textTracks.length&&(t=m.unqiueTextTracks(e.textTracks),d.trigger(b.Private.TextTrackFounded,{from:"saas",textTracks:t})),e.urls&&0==e.urls.length)d._mtsError_message(d,{Code:h.ErrorCode.URLsIsEmpty,Message:g.get("Error_Vod_URL_Is_Empty_Text")+(s.format?"(format:"+s.format+")":"")},"");else{d.log("COMPLETEFETCHDATA",{cost:(new Date).getTime()-u,mi:JSON.stringify(function(e){for(var t=[],r=0;r<e.length;r++)t.push({width:e[r].width,height:e[r].height,definition:e[r].definition,format:e[r].format,encryptionType:e[r].encryptionType,duration:e[r].duration});return t}(e.urls))}),d._urls=e.urls,d._currentPlayIndex=m.findSelectedStreamLevel(d._urls,s.defaultDefinition);var t=(r=e.urls[d._currentPlayIndex]).Url;if(d._vodDuration=r.duration||0,d._options.source=t,d.encType="",d.trigger(b.Private.PREPARE,r.definition),d.UI.cover&&e.coverUrl&&!d._options.cover&&d.setCover(e.coverUrl),m.isHls(t))if(e&&e.playInfoAry&&0<e.playInfoAry.length&&"Widevine-FairPlay"==e.playInfoAry[0].EncryptType)_.inject(d,S,p.prototype,d._options);else{if(e.encryptUrlArr&&0<e.encryptUrlArr.length)for(var r,i,n=[],o=0;o<e.encryptUrlArr.length;++o)(r=e.encryptUrlArr[o]).encryptionType===h.EncryptionType.Private&&(i=_sce_dlgtqred(c,r.rand,r.plaintext),n.push({url:r.Url,secData:i}));else if(n="",r.encryptionType==h.EncryptionType.Private){d.encType=r.encryptionType;var a=m.checkSecuritSupport();if(a)return void d._mtsError_message(d,{Code:h.ErrorCode.EncrptyVideoNotSupport,Message:a,display_msg:a},"");n=_sce_dlgtqred(c,r.rand,r.plaintext)}d._hls&&(d._hls.destroy(),d._hls=null),f.inject(d,S,p,d._options,n)}else m.isFlv(t)?y.inject(d,S,p,d._options):m.isDash(t)?(console.log("isDash"),_.inject(d,S,p,d._options)):d._player._executeReadyCallback();d._authKeyExpiredHandle.tick(h.AuthKeyRefreshExpired),d.trigger(b.Private.SourceLoaded,r),d.initPlay(l),d.trigger(b.Private.ChangeURL,{from:"saas"}),e.thumbnailUrl&&d._thumbnailService.get(e.thumbnailUrl);a=d._player._isFlv,t=-1<d._player.getOptions().source.indexOf("mp4");1==d._player.encType||a||t||(v.IS_IOS||v.IS_MAC_SAFARI||v.IS_X5||v.IS_EDGE)&&(d._player._executeReadyCallback(),d._urls.length)&&d.trigger(b.Private.SourceLoaded,r)}},function(e){d._mtsError_message(d,e,"")})},S.prototype._changeStream=function(e,t){this._urls.length>e&&(this._loadByUrlInner(this._urls[e].Url,this.getCurrentTime(),!0),this._currentPlayIndex=e,this.trigger(b.Private.QualityChange,t||g.get("Quality_Change_Fail_Switch_Text")))},S.prototype._getLowerQualityLevel=function(){if(0!=this._urls.length&&-1!=this._currentPlayIndex)if("asc"==this.options().qualitySort){if(0<this._currentPlayIndex)return{item:this._urls[this._currentPlayIndex-1],index:this._currentPlayIndex-1}}else if(this._currentPlayIndex<this._urls.length-1)return{item:this._urls[this._currentPlayIndex+1],index:this._currentPlayIndex+1};return""},S.prototype._mtsError_message=function(e,t,r){e._serverRequestId=t.sri,e.trigger(b.Private.H5_Loading_Hide);var i=t.Code||"OTHER_ERR_CODE",n=t.Message||"OTHER_ERR_MSG",o=(h.ErrorCode.ServerAPIError,t.display_msg||""),a=(-1<n.indexOf("InvalidParameter.Rand")||-1<n.indexOf('"Rand" is not valid.')?(h.ErrorCode.EncrptyVideoNotSupport,o=g.get("Error_Not_Support_encrypt_Text")):-1<n.indexOf("SecurityToken.Expired")?(h.ErrorCode.AuthKeyExpired,o=g.get("Error_Playauth_Expired_Text")):-1<n.indexOf("InvalidVideo.NoneStream")?(h.ErrorCode.URLsIsEmpty,o=g.get("Error_Fetch_NotStream")+"("+e._options.format+"|"+e._options.definition+")"):-1<n.indexOf("DataNotFound")&&(h.ErrorCode.MediaNotFound,o=g.get("Error_Fetch_Media_Not_Found")),e._options.vid||""),a=(e._options.from,{mediaId:a,mediaAuth:e._options.mediaAuth||"",error_code:i,error_msg:n});t.sri&&(a.sri=t.sri),e.logError(a),a.display_msg=(o||g.get("Error_Vod_Fetch_Urls_Text"))+"</br>"+n,e.trigger("error",a),console.log("PrismPlayer Error: "+r+"! error_msg :"+n+";")},t.exports=S},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/cookie":29,"../../lib/event":33,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../protected/anti-injector-protected":129,"../audio/audioplayer":68,"../base/event/eventtype":70,"../base/player":91,"../drm/drminjector":97,"../flv/flvinjector":100,"../hls/hlsinjector":102,"./authkeyexpiredhandle":106,"./signature":113}],113:[function(e,u,t){var n=e("crypto-js/hmac-sha1"),o=e("crypto-js/enc-base64"),r=e("crypto-js/enc-utf8");u.exports.randomUUID=function(){for(var e=[],t="0123456789abcdef",r=0;r<36;r++)e[r]=t.substr(Math.floor(16*Math.random()),1);return e[14]="4",e[19]=t.substr(3&e[19]|8,1),e[8]=e[13]=e[18]=e[23]="-",e.join("")},u.exports.returnUTCDate=function(){var e=new Date,t=e.getUTCFullYear(),r=e.getUTCMonth(),i=e.getUTCDate(),n=e.getUTCHours(),o=e.getUTCMinutes(),a=e.getUTCSeconds(),e=e.getUTCMilliseconds();return Date.UTC(t,r,i,n,o,a,e)},u.exports.AliyunEncodeURI=function(e){e=encodeURIComponent(e);return e=(e=(e=e.replace("+","%2B")).replace("*","%2A")).replace("%7E","~")},u.exports.makesort=function(e,t,r){if(!e)throw new Error("PrismPlayer Error: vid should not be null!");var i=[];for(s in e)i.push(s);for(var n=i.sort(),o="",a=n.length,s=0;s<a;s++)""==o?o=n[s]+t+e[n[s]]:o+=r+n[s]+t+e[n[s]];return o},u.exports.makeUTF8sort=function(e,t,r){if(!e)throw new Error("PrismPlayer Error: vid should not be null!");var i=[];for(s in e)i.push(s);for(var n=i.sort(),o="",a=n.length,s=0;s<a;s++){var l=u.exports.AliyunEncodeURI(n[s]),c=u.exports.AliyunEncodeURI(e[n[s]]);""==o?o=l+t+c:o+=r+l+t+c}return o},u.exports.makeChangeSiga=function(e,t,r){if(e)return o.stringify(n((r=r||"GET")+"&"+u.exports.AliyunEncodeURI("/")+"&"+u.exports.AliyunEncodeURI(u.exports.makeUTF8sort(e,"=","&")),t+"&"));throw new Error("PrismPlayer Error: vid should not be null!")},u.exports.ISODateString=function(e){function t(e){return e<10?"0"+e:e}return e.getUTCFullYear()+"-"+t(e.getUTCMonth()+1)+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"Z"},u.exports.encPlayAuth=function(e){if(e=r.stringify(o.parse(e)))return JSON.parse(e);throw new Error("playuth\u53c2\u6570\u89e3\u6790\u4e3a\u7a7a")},u.exports.encRsa=function(){},u.exports.stringToArray=function(e){for(var t=new ArrayBuffer(2*e.length),r=new Uint16Array(t),i=0,n=e.length;i<n;i++)r[i]=e.charCodeAt(i);return r},u.exports.Uint8ArrayToString=function(e){for(var t="",r=0;r<e.length;r++)t+=String.fromCharCode(e[r]);return t},u.exports.arrayToString=function(e){e=new Uint16Array(e.buffer);return String.fromCharCode.apply(null,e)},u.exports.base64DecodeUint8Array=function(e){var t=window.atob(e),r=t.length,n=new Uint8Array(new ArrayBuffer(r));for(i=0;i<r;i++)n[i]=t.charCodeAt(i);return n},u.exports.base64EncodeUint8Array=function(e){for(var t,r,i,n,o,a,s="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",l="",c=0;c<e.length;)i=(t=e[c++])>>2,n=(3&t)<<4|(t=c<e.length?e[c++]:Number.NaN)>>4,o=(15&t)<<2|(r=c<e.length?e[c++]:Number.NaN)>>6,a=63&r,isNaN(t)?o=a=64:isNaN(r)&&(a=64),l+=s.charAt(i)+s.charAt(n)+s.charAt(o)+s.charAt(a);return l}},{"crypto-js/enc-base64":3,"crypto-js/enc-utf8":4,"crypto-js/hmac-sha1":5}],114:[function(e,t,r){var o=e("../../lib/io"),a=e("../../lib/constants"),s=e("./signature"),l=e("./util"),c=e("../../lang/index");t.exports.getPlayAuth=function(e,t,r,i){s.randomUUID();var n=s.randomUUID(),n={AccessKeyId:e.accessKeyId,Action:"GetVideoPlayAuth",VideoId:e.vid,AuthTimeout:a.AuthInfoExpired,SecurityToken:e.securityToken,Format:"JSON",Version:"2017-03-21",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",SignatureNonce:n},n=s.makeUTF8sort(n,"=","&")+"&Signature="+s.AliyunEncodeURI(s.makeChangeSiga(n,e.accessKeySecret)),e="https://vod."+e.region+".aliyuncs.com/?"+n;o.get(e,function(e){e?(e=JSON.parse(e),t&&t(e.PlayAuth)):r&&r(l.createError("\u83b7\u53d6\u89c6\u9891\u64ad\u653e\u51ed\u8bc1\u5931\u8d25"))},function(e){if(r){var t={Code:"",Message:c.get("Fetch_Playauth_Error")};try{(t=JSON.parse(e)).Code}catch(e){}r({Code:a.ErrorCode.ServerAPIError,Message:t.Code+"|"+t.Message,sri:t.RequestId,display_msg:c.get("Fetch_Playauth_Error",i)})}})}},{"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"./signature":113,"./util":115}],115:[function(e,c,t){var r=e("../../lib/constants");c.exports.createError=function(e,t){return{requestId:"",code:t||"",message:e}},c.exports.getItem=function(e){var t={};return t.width=e.Width,t.height=e.Height,t.definition=e.Definition,t.Url=e.PlayURL,t.format=e.Format,t.desc=r.QualityLevels[t.definition],t.encryptionType=r.VodEncryptionType[e.EncryptType],t.plaintext=e.Plaintext,t.rand=e.Rand,t.encrypt=e.Encrypt,t.duration=e.Duration,t.bitrate=e.Bitrate,t},c.exports.objectPlayerMessageSort=function(e,t){for(var r=[],i=[],n=[],o=[],a=e.length-1;0<=a;a--){var s=e[a],s=c.exports.getItem(s);("mp4"==s.format?i:"mp3"==s.format?n:"m3u8"==s.format?r:o).push(s)}var l=[],l=0<n.length?n:0<i.length?i:0<r.length?r:o;return"asc"==t&&l.reverse(),l}},{"../../lib/constants":28}],116:[function(e,t,r){var i=e("../../lib/io"),n=e("../../lib/constants"),o=e("./signature"),d=e("./util"),a=e("../../config"),p=e("../../lang/index");t.exports.getDataByAuthInfo=function(s,l,c,u){o.randomUUID();var e=o.randomUUID(),e={AccessKeyId:s.accessId,Action:"GetPlayInfo",VideoId:s.vid,Formats:s.format,AuthTimeout:s.authTimeout||n.AuthKeyExpired,Rand:s.rand,SecurityToken:s.stsToken,StreamType:s.mediaType,Format:"JSON",Version:"2017-03-21",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",SignatureNonce:e,PlayerVersion:a.h5Version,Channel:"HTML5"},e=("AUTO"===s.definition?e.ResultType="Multiple":s.definition&&(e.Definition=s.definition),s.authInfo&&(e.AuthInfo=s.authInfo),s.outputType&&(e.OutputType=s.outputType),s.playConfig&&(e.PlayConfig=JSON.stringify(s.playConfig)),s.reAuthInfo&&(e.ReAuthInfo=JSON.stringify(s.reAuthInfo)),o.makeUTF8sort(e,"=","&")+"&Signature="+o.AliyunEncodeURI(o.makeChangeSiga(e,s.accessSecret))),e="https://vod."+s.domainRegion+".aliyuncs.com/?"+e;i.get(e,function(e){if(e){for(var e=JSON.parse(e),t="",r=e.VideoBase.ThumbnailList,i=(r&&r.Thumbnail&&0<r.Thumbnail.length?t=r.Thumbnail[0].URL:s.thumbnailUrl&&(t=String(s.thumbnailUrl)),e.PlayInfoList.PlayInfo),n=[],o=[],a=i.length-1;0<=a;--a)"AUTO"===i[a].Definition?n=[i.splice(a,1)[0]]:1===i[a].Encrypt&&o.push(i[a]);r=null,o=0===n.length?(r=d.objectPlayerMessageSort(i,l),[]):(r=d.objectPlayerMessageSort(n),d.objectPlayerMessageSort(o));r&&c&&c({requestId:e.RequestId,urls:r,encryptUrlArr:o,thumbnailUrl:t,coverUrl:e.VideoBase.CoverURL,playInfoAry:i})}else u&&u(d.createError("\u70b9\u64ad\u670d\u52a1\u83b7\u53d6\u6570\u636e\u5931\u8d25"))},function(e){if(u){var t={Code:"",Message:p.get("Error_Vod_Fetch_Urls_Text")};try{t=JSON.parse(e)}catch(e){}u({Code:n.ErrorCode.ServerAPIError,Message:t.Code+"|"+t.Message,sri:t.RequestId||""})}})}},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"./signature":113,"./util":115}],117:[function(e,t,r){var i=e("./saasplayer"),c=e("../../lib/constants"),n=e("./vod"),u=e("./signature"),o=(e("./authkeyexpiredhandle"),e("./ststoken"),e("../../lib/io")),a=e("../../config"),e=i.extend({init:function(e,t){i.call(this,e,t),this.service=n,this.loadByVod()}});e.prototype.loadByVod=function(e){var t,r,i;"undefined"!=typeof _pa_n4lto7xi?this._loadByVod(e):(t="aliplayer-vod-p-min.js",r="",r=a.domain?"https://"+a.domain+a.path+a.h5Version+"/hls/"+t:"/build/hls/"+t,i=this,o.loadJS(r,function(){i._loadByVod(e)}))},e.prototype._loadByVod=function(e){var t="",r="",i="",n="",o="";if(this._options.accessKeyId&&this._options.accessKeySecret)t=this._options.accessKeyId,r=this._options.accessKeySecret,i=this._options.securityToken,n=this._options.region,this.log("STARTFETCHDATA",{it:"sts",pa:{vid:this._options.vid}});else{try{var a=_pa_n4lto7xi(this._options.playauth),s=(this._options.playauth!==a&&(this._vdnct6f=!0),u.encPlayAuth(a)),t=s.AccessKeyId,r=s.AccessKeySecret,i=s.SecurityToken,n=s.Region,o=s.AuthInfo}catch(e){console.log("e",e);var l={Code:c.ErrorCode.PlayauthDecode,Message:"playauth decoded failed.",displayMessage:"playauth\u89e3\u6790\u9519\u8bef"};return void this._mtsError_message(this,l,a)}this._options.from=s.CustomerId||"",this.log("STARTFETCHDATA",{it:"playAuth",pa:{vid:this._options.vid}})}this._loadByVodBySTS(t,r,i,n,o,e)},e.prototype.replayByVidAndPlayAuth=function(e,t){this.trigger("error_hide"),this._options.source="",this._options.vid=e,this._options.playauth=t,this._isError=!1,this._duration=0,this._options.cover="",this._vodRetryCount=0,this._clearTimeout(),this.loadByVod(!0)},e.prototype.updateSourcesByVidAndPlayAuth=function(e,t){var r,i,n;"undefined"!=typeof _pa_n4lto7xi?this._updateSourcesByVidAndPlayAuth(e,t):(r="aliplayer-vod-p-min.js",i="",i=a.domain?"https://"+a.domain+a.path+a.h5Version+"/hls/"+r:"/build/hls/"+r,n=this,o.loadJS(i,function(){n._updateSourcesByVidAndPlayAuth(e,t)}))},e.prototype._updateSourcesByVidAndPlayAuth=function(e,t){if(e!=this._options.vid)console.log("\u4e0d\u80fd\u66f4\u65b0\u5730\u5740\uff0cvid\u548c\u64ad\u653e\u4e2d\u7684\u4e0d\u4e00\u81f4");else{this._options.vid=e,this._options.playauth=t;try{var r=_pa_n4lto7xi(this._options.playauth),i=(this._options.playauth!==r&&(this._vdnct6f=!0),u.encPlayAuth(r))}catch(e){return void console.log("playauth\u89e3\u6790\u9519\u8bef")}var t={vid:e,accessId:i.AccessKeyId,accessSecret:i.AccessKeySecret,stsToken:i.SecurityToken,domainRegion:i.Region,authInfo:i.AuthInfo,playDomain:i.PlayDomain,format:this._options.format,mediaType:this._options.mediaType},n=(this._authKeyExpiredHandle.clearTick(),this);this.service.loadData(t,this._options.qualitySort,function(e){n._serverRequestId=e.requestId,0!=e.urls.length&&(n._urls=e.urls),n._authKeyExpiredHandle.tick(c.AuthKeyRefreshExpired)},function(e){console.log(e)})}},e.prototype.reloaduserPlayInfoAndVidRequestMts=function(e,t){this.replayByVidAndPlayAuth(e,t,accessSecret)},e.prototype._loadByVodBySTS=function(e,t,r,i,n,o){e={vid:this._options.vid,accessId:e,accessSecret:t,stsToken:r,authInfo:n,domainRegion:i,format:this._options.format,mediaType:this._options.mediaType,definition:this._options.definition,defaultDefinition:this._options.defaultDefinition,authTimeout:this._options.authTimeout,outputType:this._options.outputType,playConfig:this._options.playConfig,reAuthInfo:this._options.reAuthInfo};this.loadData(e,o)},t.exports=e},{"../../config":14,"../../lib/constants":28,"../../lib/io":40,"./authkeyexpiredhandle":106,"./saasplayer":112,"./signature":113,"./ststoken":114,"./vod":116}],118:[function(e,t,r){function i(t){this._player=t,this._video=t.tag;var r=this;this._isCreated=!1,this._canPlayTriggered=!1,this._defaultTrack="",t.on(n.Private.ChangeURL,function(){r._isCreated=!1,r._canPlayTriggered=!1,r._defaultTrack=""}),t.on(n.Player.CanPlay,function(){var e;r._player._drm||r._canPlayTriggered||((e=r._getTracks())&&(r._isCreated=!0,r._player._options.isVBR||r._hls||(t.trigger(n.Player.AudioTrackReady,e),r._notifyDefaultValue(e))),r._canPlayTriggered=!0)}),t.on(n.Player.AudioTrackUpdated,function(e){r._isCreated||(e=r._getTracks(e.paramData.audioTracks))&&(r._isCreated=!0,t.trigger(n.Player.AudioTrackReady,e),r._notifyDefaultValue(e))})}var n=e("../base/event/eventtype");i.prototype._notifyDefaultValue=function(e){!this._defaultTrack&&0<e.length&&(this._defaultTrack=e[0]),this._defaultTrack&&this._player.trigger(n.Private.SelectorUpdateList,{type:"audio",text:this._defaultTrack.text})},i.prototype.support=function(){return!!this._video.audioTracks},i.prototype._getTracks=function(e){if(!this.support()&&!e)return null;for(var t=[],r=(e=!this._video||!this._video.audioTracks||e&&0!=e.length?e:this._video.audioTracks)?e.length:0,i=0;i<r;i++){var n=e[i],o={value:n.id,text:n.label||n.name||n.language};(n.default||n.enabled)&&(this._defaultTrack=o),t.push(o)}return t},i.prototype.switch=function(e){if(this._player._hls)this._player._hls.audioTrack=+e;else for(var t=this._video.audioTracks?this._video.audioTracks.length:0,r=0;r<t;r++){var i=this._video.audioTracks[r];i.id==e?i.enabled=!0:i.enabled=!1}},i.prototype.dispose=function(){this._player=null},t.exports=i},{"../base/event/eventtype":70}],119:[function(e,t,r){function i(e){this._video=e.tag,this._player=e,this._isCreated=!1,this._backupCC="",this.tracks=[],this._defaultTrack="",this._currentValue="",this._switchTimer=null,this._storedTracks=[];var o=this,t=(e.on(a.Player.LevelsLoaded,function(e){if(s.IS_MAC_SAFARI||s.IS_IOS)if(e&&e.paramData&&e.paramData.subtitles&&e.paramData.subtitles.length){for(var t=e.paramData.subtitles||[],r=[],i=0;i<t.length;i++){var n=t[i];n.vttUrl=n.url&&n.url.replace(".m3u8",".vtt"),r.push(n)}o._storedTracks=r}else o._resotreTracks()}),e.on(a.Private.SafariDrmLevelSwitch,function(){o._resotreTracks()}),e.on(a.Private.ChangeURL,function(e){e&&e.paramData&&"saas"===e.paramData.from||(o._disabledTracks(),o._isCreated=!1,o._defaultTrack="",o._backupCC="")}),e.on(a.Private.VttClearTracks,function(){o.switch("off"),o._disabledTracks(),o._isCreated=!1,o._defaultTrack={value:"off",text:"Off"},o.tracks=[o._defaultTrack],e.trigger(a.Private.SelectorGenerateList,{type:"cc"}),e.trigger(a.Private.CCStateChanged,{value:"off",lang:""})}),e.on(a.Player.CanPlay,function(){o._isCreated||(o.tracks=o._getTracks(),e.trigger(a.Player.TextTrackReady,o.tracks),e.trigger(a.Private.CCReset)),o._isCreated&&!o._player._setDefaultCC||!o._defaultTrack||(e.trigger(a.Private.SelectorUpdateList,{type:"cc",text:o._defaultTrack.text}),o.switch(o._defaultTrack.value),o._player._setDefaultCC=!1,o._isCreated=!0)}),s.os.ios&&parseFloat(s.os.version)<=15.1&&n.addCssByStyle("video::-webkit-media-text-track-container{position: relative; top: -44px !important;}"),"always"===e.getOptions().controlBarVisibility&&n.addCssByStyle("video::-webkit-media-text-track-container{transform: translateY(-44px);}"),l.throttle(function(){e._vttBroker&&e._vttBroker.enabled||n.addCssByStyle("video::-webkit-media-text-track-container{transform: translateY(-44px);}")},100)),t=(e.on(a.Private.ShowBar,t),l.throttle(function(){e._vttBroker&&e._vttBroker.enabled||n.addCssByStyle("video::-webkit-media-text-track-container{transform: none;}")},100));e.on(a.Private.HideBar,t),e.on(a.Private.CCReset,function(){o._updateSelectorList()})}var a=e("../base/event/eventtype"),n=(e("../../lib/event"),e("../../lib/dom")),s=e("../../lib/ua"),c=e("../../lib/cookie"),u=e("../../lib/constants"),l=e("../../ui/component/util");i.prototype._adaptiveCueStype=function(){var e,t=-10;s.IS_SAFARI?(t=-65,(e=this._player.fullscreenService)&&e.getIsFullScreen()&&(t=-95)):s.IS_MOBILE&&(t=-30),n.addCssByStyle("video::-webkit-media-text-track-container{transform: translateY("+t+"px) !important;}")},i.prototype.close=function(){for(var e=this.getTextTracks(),t=e.length,r=0;r<t;r++){var i=e[r];"expired"!=i.mode&&("showing"==i.mode&&(this._backupCC=i),i.mode="disabled")}this._player.trigger(a.Private.VttHide)},i.prototype.open=function(){var t,r,e;return!this.tracks||this.tracks.length<2||(r=this._backupCC?this._backupCC.language:"",e=this._backupCC?this._backupCC.label:"",this.tracks.forEach(function(e){r===e.value&&(t=!0)}),(r=t?r:e="")||(r=this.tracks[1].value,e=this.tracks[1].text),this.switch(r)),{label:e,language:r}},i.prototype.getCurrentSubtitle=function(){return this._currentValue},i.prototype._getTracks=function(){for(var e=this.getTextTracks(),t=e.length,r=(this._defaultTrack={value:"off",text:"Off"},[this._defaultTrack]),i=c.get(u.SelectedCC),n="",o=!1,a=0;a<t;a++){var s,l=e[a];"expired"==l.mode||"subtitles"!=l.kind&&"captions"!=l.kind||(s={value:l.language,text:l.label},l.default&&(this._defaultTrack=s,o=!0),s.value==i&&(n=s),r.push(s))}return!o&&n&&(this._defaultTrack=n),r},i.prototype._disabledTracks=function(){for(var e=this.getTextTracks(),t=e.length,r=0;r<t;r++)e[r].mode="expired"},i.prototype.switch=function(e){var t=this._player;if(this.close(),"off"!=e)for(var r=this.getTextTracks(),i=r.length,n=0;n<i;n++){var o=r[n];o.language===e&&"expired"!=o.mode&&(r[n].mode="showing",t.trigger(a.Private.VttSwitchTrack,o.language))}else this.close();this._currentValue=e,t.trigger(a.Private.CCChanged,e)},i.prototype.updateUI=function(t){var e="on",r="";r=t?(this.tracks.find(function(e){return e.value===t})||{}).text||"":(e="off","Off"),player.trigger(a.Private.CCChanged,e),player.trigger(a.Private.CCStateChanged,{value:e,lang:r})},i.prototype.dispose=function(){this._player=null,this._switchTimer&&(clearTimeout(this._switchTimer),this._switchTimer=null)},i.prototype._patchSafariTracks=function(){var t=this;if(s.IS_MAC_SAFARI||s.IS_IOS){if(!(this._video&&this._video.textTracks?this._video.textTracks.length:0)){var e=!1;if(e=this._video.textTracks&&this._video.textTracks.length?!0:e)return;for(var r=0;r<this._storedTracks.length;r++){var i=this._storedTracks[r],n=i.vttUrl,o=document.createElement("track");o.src=n,o.kind="subtitles",o.label=i.name,o.srclang=i.lang,this._video.appendChild(o)}}this._switchTimer&&clearTimeout(this._switchTimer),this._switchTimer=setTimeout(function(){var e=t.getCurrentSubtitle();e&&"off"!==e&&t.switch(e)},1e3)}},i.prototype.getTextTracks=function(){var e=this._player,t=e.tag;return e._vttBroker&&e._vttBroker.enabled&&e.getTextTracks?e.getTextTracks()||[]:t&&t.textTracks||[]},i.prototype._updateSelectorList=function(){var e=this._player;this.tracks=this._getTracks(),e.trigger(a.Private.SelectorGenerateList,{type:"cc",value:"Off"})},i.prototype._resotreTracks=function(){this._patchSafariTracks(),this.tracks=this._getTracks(),this._player.trigger(a.Player.TextTrackReady,this.tracks)},t.exports=i},{"../../lib/constants":28,"../../lib/cookie":29,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../ui/component/util":159,"../base/event/eventtype":70}],120:[function(e,t,r){var i=e("../../lib/playerutil");t.exports=[{service:e("./ccservice"),name:"_ccService",condition:!0},{service:e("./audiotrackservice"),name:"_audioTrackService"},{service:e("./qualityservice"),name:"_qualityService"},{service:e("./fullscreenservice"),name:"fullscreenService",condition:function(){return!0}},{service:e("./liveshiftservice"),name:"_liveshiftService",condition:function(){var e=this.options();return i.isLiveShift(e)}},{service:e("./thumbnailservice"),name:"_thumbnailService",condition:function(){return!0}},{service:e("./progressmarkerservice"),name:"_progressMarkerService",condition:function(){return!0}}]},{"../../lib/playerutil":46,"./audiotrackservice":118,"./ccservice":119,"./fullscreenservice":121,"./liveshiftservice":122,"./progressmarkerservice":123,"./qualityservice":124,"./thumbnailservice":125}],121:[function(e,t,r){function i(e){this.isFullWindow=!1,this.isFullScreen=!1,this.isFullScreenChanged=!1,this._requestFullScreenTimer=null,this._cancelFullScreenTimer=null,this._player=e;var r=this,i=l;this._fullscreenChanged=function(e){var t;null!=r._player&&(e.target||e.srcElement)===(e=r._player.el())&&(t=document[i.fullscreenElement],r.isFullScreen=t===e,(r.isFullScreenChanged=!0)===r.isFullScreen?r._player.trigger(s.Player.RequestFullScreen):r._player.trigger(s.Player.CancelFullScreen))},i&&o.on(document,i.eventName,this._fullscreenChanged)}var a=e("../../lib/ua"),n=e("../../lib/dom"),o=e("../../lib/event"),s=e("../base/event/eventtype"),l=(e("../base/x5play"),e("../../lang/index"),function(){n.createEl("div");var e={},t=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror","fullScreen"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror","webkitfullScreen"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror","webkitIsFullScreen"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror","mozFullScreen"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError","MSFullScreen"]],r=!1;if(!(r=a.IS_IOS&&(e.requestFn="webkitEnterFullscreen",e.cancelFn="webkitExitFullscreen",e.fullscreenElement="webkitFullscreenElement",e.eventName="webkitfullscreenchange",e.isFullScreen="webkitDisplayingFullscreen",document[e.requestFn])?!0:r)){for(var i=0;i<5;i++)if(t[i][1]in document){e.requestFn=t[i][0],e.cancelFn=t[i][1],e.fullscreenElement=t[i][2],e.eventName=t[i][4],e.isFullScreen=t[i][6];break}"requestFullscreen"in document?e.requestFn="requestFullscreen":"webkitRequestFullscreen"in document?e.requestFn="webkitRequestFullscreen":"webkitRequestFullScreen"in document?e.requestFn="webkitRequestFullScreen":"webkitEnterFullscreen"in document?e.requestFn="webkitEnterFullscreen":"mozRequestFullScreen"in document?e.requestFn="mozRequestFullScreen":"msRequestFullscreen"in document&&(e.requestFn="msRequestFullscreen"),"fullscreenchange"in document?e.eventName="fullscreenchange":"webkitfullscreenchange"in document||"webkitfullscreenchange"in document||"webkitfullscreenchange"in document?e.eventName="webkitfullscreenchange":"mozfullscreenchange"in document?e.eventName="mozfullscreenchange":"MSFullscreenChange"in document&&(e.eventName="MSFullscreenChange"),"fullScreen"in document?e.isFullScreen="fullScreen":"webkitfullScreen"in document?e.isFullScreen="webkitfullScreen":"webkitIsFullScreen"in document?e.isFullScreen="webkitIsFullScreen":"webkitDisplayingFullscreen"in document?e.isFullScreen="webkitDisplayingFullscreen":"mozFullScreen"in document?e.isFullScreen="mozFullScreen":"mozfullScreen"in document?e.isFullScreen="mozfullScreen":"MSFullScreen"in document&&(e.isFullScreen="MSFullScreen"),"fullscreenElement"in document?e.fullscreenElement="fullscreenElement":"webkitFullscreenElement"in document?e.fullscreenElement="webkitFullscreenElement":"webkitFullScreenElement"in document?e.fullscreenElement="webkitFullScreenElement":"mozFullScreenElement"in document?e.fullscreenElement="mozFullScreenElement":"msFullscreenElement"in document?e.fullscreenElement="msFullscreenElement":"MSFullscreenElement"in document&&(e.fullscreenElement="MSFullscreenElement")}return e.requestFn?e:null}()),c=(i.prototype.requestFullScreen=function(){var e=l,t=this._player.el(),r=this;if(a.IS_IOS){var i=this._player._splayer;if(!i||2!==i.renderType){t=this._player.tag,i&&2!==i.renderType&&(t=this._player.el().querySelector("video"));try{var n=t[e.requestFn]();n&&"function"==typeof n.catch&&n.catch(function(e){console.log(e)}),r._player.trigger(s.Player.RequestFullScreen)}catch(e){console.log(e)}return this}this._player._options.enableMockFullscreen=!0}this.isFullScreen=!0,this.isFullScreenChanged=!1,this._requestFullScreenTimer=null,this._cancelFullScreenTimer||clearTimeout(this._cancelFullScreenTimer);r=this;if(e&&!this._player._options.enableMockFullscreen)try{var o=t[e.requestFn]();o&&"function"==typeof o.catch&&o.catch(function(e){console.log(e)}),this._requestFullScreenTimer=setTimeout(function(){r.isFullScreenChanged||(c.apply(r),r._player.trigger(s.Player.RequestFullScreen)),r._requestFullScreenTimer=null},1e3)}catch(e){console.log(e)}else c.apply(r),this._player.trigger(s.Player.RequestFullScreen);return this._player},i.prototype.cancelFullScreen=function(){var e=l,t=(this.isFullScreen=!1,this.isFullScreenChanged=!1,this._cancelFullScreenTimer=null,this._requestFullScreenTimer||clearTimeout(this._requestFullScreenTimer),this);if(e&&!this._player._options.enableMockFullscreen){try{var r=document[e.cancelFn]();r&&"function"==typeof r.catch&&r.catch(function(e){console.log(e)})}catch(e){console.log(e)}t._cancelFullScreenTimer=setTimeout(function(){t.isFullScreenChanged||(u.apply(t),t._player.trigger(s.Player.CancelFullScreen)),t._cancelFullScreenTimer=null},500)}else u.apply(t),this._player.trigger(s.Player.CancelFullScreen);return this._player.tag.paused||this._player.trigger(s.Player.Play),this._player},i.prototype.getIsFullScreen=function(){return this.isFullScreen},i.prototype.dispose=function(){this._player=null,l&&o.off(document,l.eventName,this._fullscreenChanged)},function(){this.isFullWindow=!0,this.docOrigOverflow=document.documentElement.style.overflow,document.documentElement.style.overflow="hidden",n.addClass(document.getElementsByTagName("body")[0],"prism-full-window")}),u=function(){this.isFullWindow=!1,document.documentElement.style.overflow=this.docOrigOverflow,n.removeClass(document.getElementsByTagName("body")[0],"prism-full-window")};t.exports=i},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../base/event/eventtype":70,"../base/x5play":96}],122:[function(e,t,r){function n(e,t){var r;if(e)return e=new Date(e),r=(t=new Date(t)).valueOf()/1e3-e.valueOf()/1e3,{start:e,end:t,endDisplay:s.extractTime(t),totalTime:r}}function o(e,t){t&&(e.currentTimestamp=t,e.currentTime=s.convertToDate(t),e.currentTimeDisplay=s.extractTime(e.currentTime),e.liveShiftStart=e.liveTimeRange.start,e.liveShiftEnd=e.liveTimeRange.end,e.liveShiftStartDisplay=s.extractTime(e.liveShiftStart),e.liveShiftEndDisplay=s.extractTime(e.liveShiftEnd),e.availableLiveShiftTime=t-e.liveShiftStart.valueOf()/1e3,e.timestampStart=s.convertToTimestamp(e.liveShiftStart),e.timestampEnd,s.convertToTimestamp(e.liveShiftEnd))}function i(t){function e(){var e=t._options.source;this._originalPlayUrl=e,this._liveShiftUrl=t._options.liveTimeShiftUrl,this.liveTimeRange=n(t._options.liveStartTime,t._options.liveOverTime),this.availableLiveShiftTime=0,this.seekTime=-1}this._player=t,this._isLiveShiftPlaying=!1;var i=this;e.call(this),t.liveShiftSerivce={setLiveTimeRange:function(e,t){i.setLiveTimeRange(e,t)},queryLiveShift:function(e,t,r){i.queryLiveShift(e,t,r)},isLiveShiftPlaying:function(){return i._isLiveShiftPlaying}},t.on(h.Private.ChangeURL,function(){e.call(i)})}var a=e("../../lib/io"),s=e("../../lib/util"),l=e("../../lib/playerUtil"),c=e("../../lang/index"),u=e("../flv/flvinjector"),d=e("../hls/hlsinjector"),p=e("../../lib/constants"),h=e("../base/event/eventtype");e("../../lib/url");i.prototype.validate=function(){return!(this.liveTimeRange.start>=this.liveTimeRange.end)},i.prototype.switchToLive=function(){this.seekTime=-1;var e=this._originalPlayUrl,t=this._player._options.liveShiftSource,r=this._player._options.source;l.isHls(r)&&l.isFlv(e)&&t&&l.isHls(t)&&(this._player._hls&&this._player._destroyHls(),r=this._player._superType,t=this._player._Type,this._player._options._autoplay=!0,u.inject(this._player,t,r,this._player._options,"",!0)),this._player._loadByUrlInner(e,null,!0),this._isLiveShiftPlaying=!1,this._player.trigger(h.Private.LiveShiftSwitchToLive)},i.prototype.getBaseTime=function(){this.liveShiftStartDisplay;return-1==this.seekTime?s.parseTime(this.currentTimeDisplay):s.parseTime(this.liveShiftStartDisplay)+this.seekTime},i.prototype.getSourceUrl=function(e,t){var r=this._originalPlayUrl;return this.availableLiveShiftTime<e||(this._isLiveShiftPlaying=!0,e=parseInt(e),r=(r=this._switchLiveShiftPlayer(t))&&this._cleanUrl(r),t=parseInt(this.currentTimestamp)-e,-1===(r=-1==r.indexOf("?")?r+"?lhs_start_unix_s_0="+t:r+"&lhs_start_unix_s_0="+t).indexOf("aliyunols=on")&&(r+="&aliyunols=on"),-1===r.indexOf("continue=on")&&(r+="&continue=on")),r},i.prototype._cleanUrl=function(e){var t;return-1===e.indexOf("?")?e:(e=(e=(t=e.split("?"))[1])&&(0===(e=e.replace(/&?lhs_start_unix_s_0=[0-9]*/g,"")).indexOf("&")?e.replace("&",""):e))?t[0]+"?"+e:t[0]},i.prototype._switchLiveShiftPlayer=function(e){var t,r=this._originalPlayUrl,i=this._player._options.liveShiftSource,n=this._player._options.source;if(l.isHls(n))r=n;else if(l.isFlv(r)&&i&&l.isHls(i))return this._player._flv&&this._player._destroyFlv(),n=this._player._superType,t=this._player._Type,this._player._options._autoplay=!0,d.inject(this._player,t,n,this._player._options,"",!0),i;return r},i.prototype.getTimeline=function(t,i){var r;this._player.trigger(h.Private.LiveShiftQueryCompleted),this._liveShiftUrl?(r=this).queryLiveShift(this._liveShiftUrl,function(e){e?0==(e=e).retCode?(o(r,e.content.current),t&&t()):i({Code:p.ErrorCode.ServerAPIError,Message:e.retCode+"|"+e.description+"|"+e.content}):console.log("\u83b7\u53d6\u76f4\u64ad\u65f6\u79fb\u6570\u636e\u5931\u8d25")},function(e){if(i&&e){var t={};if(e){if("string"==typeof e&&-1<e.indexOf("403 Forbidden"))t.Code=p.ErrorCode.AuthKeyExpired,t.Message="Query liveshift failed:"+c.get("Error_AuthKey_Text");else{var r,t=e;try{r=JSON.parse(e)}catch(e){}r&&(t.Code=p.ErrorCode.ServerAPIError,t.Message=r.retCode+"|"+r.description+"|"+r.content)}i(t)}}}):(o(this,(new Date).valueOf()/1e3),t&&t())},i.prototype.start=function(e,t){function r(){i._loopHandler&&clearTimeout(i._loopHandler),i._loopHandler=setTimeout(function(){i.getTimeline(function(){},t),r()},e)}var i=this;i.getTimeline(function(e){i._localLiveTimeHandler||i.tickLocalLiveTime()},t),r()},i.prototype.tickLocalLiveTime=function(){var t=this;(function e(){t._localLiveTimeHandler=setTimeout(function(){t.currentTimestamp++,o(t,t.currentTimestamp),t._player.trigger(h.Private.LiveShiftQueryCompleted),e()},1e3)})()},i.prototype.setLiveTimeRange=function(e,t){e=e||this._player._options.liveStartTime,t=t||this._player._options.liveOverTime,this.liveTimeRange=n(e,t),o(this,this.currentTimestamp),this._player.trigger(h.Private.LiveShiftQueryCompleted)},i.prototype.queryLiveShift=function(e,r,i){a.get(e,function(e){var t;e?0==(t=JSON.parse(e)).retCode?r&&r(t):i&&i(t):i&&i(e)},function(e){i&&i(e)})},i.prototype.stop=function(e){this._loopHandler&&(clearTimeout(this._loopHandler),this._loopHandler=null)},i.prototype.dispose=function(){this.stop(),this._localLiveTimeHandler&&(clearTimeout(this._localLiveTimeHandler),this._localLiveTimeHandler=null),this._loopHandler&&(clearTimeout(this._loopHandler),this._loopHandler=null),this._player=null},t.exports=i},{"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"../../lib/playerUtil":45,"../../lib/url":50,"../../lib/util":51,"../base/event/eventtype":70,"../flv/flvinjector":100,"../hls/hlsinjector":102}],123:[function(e,t,r){function i(a){function t(){var e=document.querySelector("#"+a.id()+" .prism-progress-marker");if(e){e.innerHTML="";var o=s._player.getDuration();if(0<o){for(var t=0;t<s.progressMarkers.length;t++){var r,i=s.progressMarkers[t];void 0!==i.offset&&""!==i.offset&&(i=document.createElement("div"),c.addClass(i,"prism-marker-dot"),r=s.progressMarkers[t].offset/o,i.style.left=100*r+"%",e.appendChild(i),r=function(e,t){return function(){s._player.trigger(l.Private.MarkerTextShow,{left:e,progressMarker:t})}}(r,s.progressMarkers[t]),u.on(i,"mouseover",r),u.on(i,"mouseout",function(e){s._player.trigger(l.Private.MarkerTextHide)}),u.on(i,"touchstart",r),u.on(i,"mousemove",function(e){e.preventDefault()}),u.on(i,"touchmove",function(e){e.preventDefault()}))}var n=document.querySelector("#"+s._player.id()+" .prism-progress-cursor");s._player.on(n,"click",function(e){for(var t=s._player.getCurrentTime(),r=0;r<s.progressMarkers.length;r++){var i,n=s.progressMarkers[r];n&&t-1<n.offset&&n.offset<t+1&&(i=n.offset/o*100+"%",s._player.trigger(l.Private.MarkerTextShow,{left:i,progressMarker:n}))}})}}}this.progressMarkers=[],this._player=a;var s=this;a.on(l.Private.ProgressMarkerLoaded,function(e){e=e.paramData;e&&0<e.length&&(s.progressMarkers=e)}),a.on(l.Private.ProgressMarkerChanged,function(e){e=e.paramData;e&&0<e.length&&(s.progressMarkers=e,t())}),a.on(l.Video.LoadedMetadata,t)}var l=e("../base/event/eventtype"),c=(e("../../lang/index"),e("../../lib/hls/hlsparse"),e("../../lib/object"),e("../../lib/dom")),u=e("../../lib/event");e("../../lib/playerutil");i.prototype.dispose=function(){this._player=null,this.progressMarkers=[]},t.exports=i},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/hls/hlsparse":39,"../../lib/object":42,"../../lib/playerutil":46,"../base/event/eventtype":70}],124:[function(e,t,r){function i(o){this.levels=[],this.drmUrl={},this._player=o;var a=this;o.on(s.Private.PlayInfoLoaded,function(e){for(var t=e.paramData.encryptUrlArr||[],r=[],i=0;i<t.length;i++){var n=t[i];n.encryptionType===d.VodEncryptionType["Widevine-FairPlay"]&&r.push(n)}a.drmUrl=r}),o.on(s.Player.LevelsLoaded,function(e){if(0<a.levels.length&&(a.levels=[]),(e=e.paramData)&&e.levels){for(var t,r=e.levels.length-1;-1<r;r--){var i,n=e.levels[r];n.url&&0<n.url.length&&n.attrs&&n.attrs.BANDWIDTH&&(i=n.url,c.isArray(i)&&(i=i[0]),i={Url:i=!o._hls&&o._options.isVBR&&o._options.isDrm?p.call(a,n):i,desc:n.height||n.width,bitrate:n.bitrate,resolution:n.attrs.RESOLUTION,bandwidth:n.attrs.BANDWIDTH},a.levels.push(i))}"AUTO"===o._options.definition&&(o._urls=[],Object.assign(o._urls,this.levels)),a.levels.sort(function(e,t){return e.desc-t.desc}),0<a.levels.length&&(t="",this._player._options.isVBR&&(t=l.get("Auto")),a.levels.push({Url:e.url,desc:t}),o.trigger(s.Private.SelectorUpdateList,{type:"quality",text:t}))}}),o.on(s.Video.LoadStart,function(){var e,t;o._options&&(e=o._options.source,t=o._options.isVBR,!o._hls)&&e&&u.isHls(e)&&(o._manuallySwitchDrmLevel?(o._manuallySwitchDrmLevel=!1,o.trigger(s.Private.SafariDrmLevelSwitch)):t&&a.loadLevels(e))})}var s=e("../base/event/eventtype"),l=e("../../lang/index"),n=e("../../lib/hls/hlsparse"),c=e("../../lib/object"),u=e("../../lib/playerutil"),d=e("../../lib/constants");function p(e){for(var t,r=this.drmUrl,i=0;i<this.drmUrl.length;i++)if(Number(e.height)===Number(r[i].height)){t=r[i].Url;break}return t}(i.prototype={loadLevels:function(e){var t=new n,r=this;t.load(e,function(e){r._player.trigger(s.Player.LevelsLoaded,e)})}}).dispose=function(){this._player=null},t.exports=i},{"../../lang/index":23,"../../lib/constants":28,"../../lib/hls/hlsparse":39,"../../lib/object":42,"../../lib/playerutil":46,"../base/event/eventtype":70}],125:[function(e,t,r){function i(e){this._player=e,this.cues=[],this.baseUrl="";var t=this;e.on(s.Private.ChangeURL,function(){t.cues=[],t.baseUrl=""})}var n=e("../../lib/io"),o=e("../../lib/url"),a=e("../../lib/vtt/thumbnailvtt"),s=e("../base/event/eventtype");(i.prototype={get:function(e){var t,r,i=this;this.baseUrl=(t=e,(r=o.parseUrl(t))&&(r=r.segments)&&0<r.length&&(r=r[r.length-1],baseUrl=t.replace(r,"")),baseUrl),n.get(e,function(e){e&&a.parse(e,function(e){i.cues=e,i._player.trigger(s.Private.ThumbnailLoaded,e)})},function(e){console.log(e)})},findAvailableCue:function(e){for(var t=this.cues.length,r=0;r<t;r++){var i=this.cues[r];if(i.startTime<=e&&e<i.endTime)return i}return null},makeUrl:function(e){return e=-1==e.indexOf("://")?this.baseUrl+e:e}}).dispose=function(){this._player=null},t.exports=i},{"../../lib/io":40,"../../lib/url":50,"../../lib/vtt/thumbnailvtt":53,"../base/event/eventtype":70}],126:[function(e,t,r){function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}var p=e("../base/player"),h=e("./splayerinjector"),f=e("../flv/flvinjector"),y=e("../hls/hlsinjector"),_=e("../../lib/playerutil"),g=e("../base/event/eventtype"),i=e("../../lib/constants"),v=e("../../lib/codec-probe"),m=e("../../lib/ua"),b=i.USER_EVENT_NAME,S=_.isH265Codec,T=_.getVideoTrack,E={},w={codecCost:0,decoderCost:0},x=p.extend({init:function(e,i){var n,o=this,a=(this._options=i,_.isFlv(i.source)),s=_.isHls(i.source),t=this._extraMultiSources(),l={};function c(){a?(f.inject(this,x,p,i),i._native=!1):s&&!_.canPlayHls()&&(y.inject(this,x,p,i),i._native=!1),p.call(this,e,i),this._monitor&&this._monitor.updateH265ProbeInfo(d({},w,E)),r.call(this),E.codecTag&&h.reportH265PlayInfo.call(this,{renderType:"native",codecTag:E.codecTag})}function u(){i._native=!1,h.inject(this,x,p,i,E),p.call(this,e,i),this._monitor&&this._monitor.updateH265ProbeInfo(d({},w,E,{waitRenderType:!0})),r.call(this)}function r(){var e,t,r=this,i=l,n=this[b];n&&(i=Object.assign({},l,n),e=Object.keys(l),t=Object.keys(n),e.forEach(function(e){-1<t.indexOf(e)&&(i[e]=l[e].concat(n[e]))})),Object.keys(i).forEach(function(t){i[t].forEach(function(e){e.binded||p.prototype.on.call(r,t,e)})})}l[g.Player.Ready]=[function(){o._setupSourceList(t),o.trigger(g.Private.SelectorGenerateList,{type:"quality"})}],"zhihu"===i.from||i.forceH265?u.call(this):m.IS_ANDROID&&m.dingTalk()&&!a?c.call(this):(n=performance.now(),v(i.source,function(e){w.codecCost+=performance.now()-n;var t,e=T(e.tracks),r=(e||{}).codecTag||(e||{}).codec.split(".")[0];E.codecTag=r,e&&S(r)?(t=performance.now(),a||s&&!_.canPlayHls()?(w.decoderCost+=performance.now()-t,u.call(o)):_.shouldUseBasePlayer({codecTag:r,url:i.source},function(e){w.decoderCost+=performance.now()-t,(e?c:u).call(o)})):c.call(o)},function(e){console.log("error in demuxer, fallback to basePlayer",e),w.codecCost+=performance.now()-n,c.call(o)}))}});t.exports=x},{"../../lib/codec-probe":26,"../../lib/constants":28,"../../lib/playerutil":46,"../../lib/ua":49,"../base/event/eventtype":70,"../base/player":91,"../flv/flvinjector":100,"../hls/hlsinjector":102,"./splayerinjector":127}],127:[function(e,t,r){function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}var o=e("../../lib/io"),s=e("../base/event/eventtype"),l=e("../base/event/eventmanager"),c=(e("../../lib/event"),e("../../lib/util")),u=e("../../lib/dom"),d=e("../../lib/playerutil"),p=e("../../lib/constants"),h=e("../../lang/index");function f(e){var t=this._options,r=(_.call(this),!function(){d.isVideoTag(this.tag)&&(l.offVideoAll(this),this.tag.parentNode&&this.tag.parentNode.removeChild(this.tag),this.tag=null)}.call(this),Videox.Videox),i=new r(a({container:this._el,wasmDomain:t.splayerWasmDomain,progressive:!0,skipFrame:r.DiscardType.NONE,loop:t.rePlay,controls:!1,muted:!1,threads:t.h265Threads,simd:t.h265Simd,autoplay:t.autoplay||t._autoplay,live:t.isLive,poster:t.cover||void 0,src:t.source,trackOptions:{disable:!0},preload:t.preload?"auto":"none",timeout:1e3*t.waitingTimeout},t.splayerOptions||{})),n=(t.debug&&(i.setLogLevel(r.LogLevel.LOG),i.setLogPrintLevel(r.LogLevel.LOG)),this._splayer=i,(this.tag=i).play),o=this;this.tag.play=function(){o._monitor&&o._monitor.reportStartPlay(),n.call(this)},function(){var e,t=this,r=document.createElement("video");for(e in r)!function(e){t.tag[e]||0===e.indexOf("on")||"function"!=typeof r[e]||(t.tag[e]=function(){console.warn("Function ["+e+"] is called on splayer, which should be a mistake."),r[e].apply(r,arguments)})}(e)}.call(this),function(e){var i=this,n=(l.onAll(this),this._splayer);n.addEventListener("error",function(e){var t,r,i=Videox.Videox,n=(e||{}).detail,e=Number((n||{}).code),i=i.ErrorCode;switch(e){case i.WASM_NOT_SUPPORTED:case i.CANVAS_NOT_SUPPORTED:case i.AUDIOCONTEXT_NOT_SUPPORTED:case i.WORKER_NOT_SUPPORTED:case i.WEBGL_NOT_SUPPORTED:t=p.ErrorCode.SplayerEnvCheckError,r=h.get("Splayer_Err_Env_Check")+" | "+y(n);break;case i.DECODE:t=p.ErrorCode.SplayerDecodeError,r=h.get("Splayer_Err_Decode")+" | "+y(n);break;case i.NETWORK:t=p.ErrorCode.NetworkError,r=h.get("Error_Network_Text")+" | "+y(n);var o=(n.origin||{}).response;o?404===(o=o.status)?(t=p.ErrorCode.NotFoundSourceURL,r=h.get("Error_Not_Found")+" | "+y(n)):403===o&&(t=p.ErrorCode.AuthKeyExpired,r=h.get("Error_AuthKey_Text")+" | "+y(n)):navigator.onLine&&(t=p.ErrorCode.RequestDataError,r=r+"\uff0c"+h.get("Maybe_Cors_Error"));break;case i.PARSER:t=p.ErrorCode.SplayerParserNotFound,r=h.get("Splayer_Err_Parser_Not_Found")+" | "+y(n);break;default:t=p.ErrorCode.OtherError,r="(SP)"+h.get("Error_Play_Text")+" | "+y(n)}if(t===p.ErrorCode.NetworkError&&this._reloadForVod())return;e={error_code:t,error_msg:r};null!==e.error_code&&null!==e.error_msg&&(this.logError(e),this.trigger(s.Player.Error,e));g.call(this,{splayer:!0})}.bind(this)),n.addEventListener("decoderoverload",function(e){e=e.detail;delete e.shouldWarn,i.trigger(s.Player.H265DecoderOverload,e)}),n.addEventListener("loadedsupportinfo",function(e){var e=e.detail||{},t=e.detail||{},r=n.controller.options||{};n.renderType=e.renderer,g.call(i,{renderer:e.renderer,wasmThreads:t.wasmThreads&&r.threads,wasmThreadsOption:r.threads,simd:t.simd&&r.simd,simdOption:r.simd,codecTag:n.controller.videoTrack&&n.controller.videoTrack.codecTag||n.controller.videoTrack&&(null==(e=n.controller.videoTrack.codec)?void 0:e.split(".")[0]),splayer:!0})}),(this._options.autoplay||this._options._autoplay)&&(n.once("canplay",function(){n.paused&&i._autoplayFailedHandler()}),n.once("timeupdate",function(){i.trigger(s.Player.Play)}),this._monitor)&&this._monitor.reportStartPlay();n.on("playing",function(){i._monitor&&i._monitor.reportPlaying()}),n.on("timeupdate",function(){i._monitor&&i._monitor.reportPlaying()})}.call(this,e)}function y(e){var e=e=void 0===e?{}:e,t=e.code,e=e.message,r=Videox.Videox.ErrorCode,i="";return i=t?i+t+(": "+(e||r[t])):i}function _(){this._splayer&&(this._splayer.destroy(),this._splayer=null)}function g(e){var t;void 0===e&&(e={}),this._h265InfoReported||(this._h265InfoReported=!0,t={0:"native",1:"mse",2:"wasm"},delete(e=a({codecTag:(this._probeInfo||{}).codecTag||e.codecTag,renderType:e.renderType||t[e.renderer]},e)).renderer,e.renderType!==t[2]&&(delete e.simd,delete e.simdOption,delete e.wasmThreads,delete e.wasmThreadsOption),this._splayerRenderType=e.renderType,e.codecTag&&d.isH265Codec(e.codecTag)&&this.trigger(s.Player.H265PlayInfo,e))}t.exports.reportH265PlayInfo=g,t.exports.inject=function(e,t,r,i,n){e._Type=t,e._superType=r,e._superPt=r.prototype,e._disposed=!1,e._splayer=null,e._splayerLoaded=!1,e._probeInfo=n,e._splayerRenderType=null,t.prototype.initPlay=function(e){var t=this;this.trigger(s.Private.H5_Loading_Show),function(e){return!c.contentProtocolMixed(e,"alwaysCheck")||((e={mediaId:this._options.vid||"",error_code:p.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=h.get("Request_Block_Text"),this.logError(e),this.trigger(s.Player.Error,e),!1)}.call(this,this._options.source)&&(this._splayerLoaded?f.call(this,e):function(e){var t=this._options.splayerUrl||"https://g.alicdn.com/splayer/splayer/0.6.9/dist/index.js";o.loadJS(t,e.bind(this))}.call(this,function(){this._splayerLoaded=!0,f.call(this,e),t._executeReadyCallback()}))},t.prototype.replay=function(){return this._monitor&&this._monitor.replay(),this._splayer.load(),this._splayer.play(),this},t.prototype.setPlayerSize=function(e,t){this._superPt.setPlayerSize.call(this,e,t);e=this._el.querySelector("canvas");e&&(t=this._el.offsetWidth/this._el.offsetHeight,e.offsetWidth/e.offsetHeight<t?(e.style.height="100%",e.style.width="initial"):(e.style.width="100%",e.style.height="initial"))},t.prototype._setTransform=function(){var e=this._player.el(),t="wasm"===this._splayerRenderType,e=t?e.querySelector("canvas"):e.querySelector("video"),t=(this._transformProp||(this._transformProp=u.getTransformName(e)),t?"":" translate(-50%, -50%)");this._rotate&&(t+=" rotate("+this._rotate+"deg)"),this._image&&("vertical"==this._image?t+=" scaleY(-1)":"horizon"==this._image&&(t+=" scaleX(-1)")),e.style[this._transformProp]=t},t.prototype.dispose=function(){this._disposed||(this._superPt&&(this._superPt.dispose.call(this),t.prototype.replay=this._superPt.replay,t.prototype.setPlayerSize=this._superPt.setPlayerSize,t.prototype._setTransform=this._superPt._setTransform,t.prototype.initPlay=this._superPt.initPlay),_.call(this),this._Type=null,this._superType=null,this._superPt=null,this._disposed=!0,this._splayerLoaded=!1,this._h265InfoReported=!1,this._splayerRenderType=null)}}},{"../../lang/index":23,"../../lib/constants":28,"../../lib/dom":32,"../../lib/event":33,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/util":51,"../base/event/eventmanager":69,"../base/event/eventtype":70}],128:[function(require,module,exports){!function _SkeinEnclosedFunction($jsskein_array_37,$jsskein_array_38,$jsskein_array_39,$jsskein_array_40,$jsskein_array_41,$jsskein_array_42,$jsskein_array_43,$jsskein_array_44){function kl5f8(){function e(e){var t=(t=$jsskein_array_37[3]).split($jsskein_array_42[0]).reverse().join($jsskein_array_43[3]),t=window[t];$jsskein_array_39[2],$jsskein_array_39[2];return t[e]=function(){}}for(var t=1;void 0!==t;){var r=1&t>>1;switch(1&t){case 0:switch(r){case 0:t=void 0;continue;case 1:var i=[],n=(n=$jsskein_array_44[1]).split($jsskein_array_38[1]).reverse().join($jsskein_array_44[2]),o=$jsskein_array_43[2];o+=$jsskein_array_39[1];var a=(a=$jsskein_array_37[2]).split($jsskein_array_43[3]).reverse().join($jsskein_array_43[3]);i.push($jsskein_array_44[3],$jsskein_array_40[0],n,o,$jsskein_array_44[4],$jsskein_array_44[5],a,$jsskein_array_38[2]),i.forEach(e),t=0;continue}continue;case 1:0==r&&($jsskein_array_37[0],t=window?2:0)}}}function gas4s8(){for(var NEXTBB12=0;void 0!==NEXTBB12;){var $jsskein_indexLevel46_0=1&NEXTBB12,$jsskein_indexLevel46_1_Base=NEXTBB12>>1,$jsskein_indexLevel46_1=1&$jsskein_indexLevel46_1_Base;switch($jsskein_indexLevel46_0){case 0:switch($jsskein_indexLevel46_1){case 0:NEXTBB12=2;continue;case 1:NEXTBB12=$jsskein_array_40[1]?1:3;continue}continue;case 1:switch($jsskein_indexLevel46_1){case 0:eval(fs56j57),NEXTBB12=2;continue;case 1:NEXTBB12=void 0;continue}continue}}}function n5fg6f(player){function _SkeinIIFE19(){function cl48s87(isOpen){for(var NEXTBB22=5;void 0!==NEXTBB22;){var $jsskein_indexLevel47_0=3&NEXTBB22,$jsskein_indexLevel47_1_Base=NEXTBB22>>2,$jsskein_indexLevel47_1=3&$jsskein_indexLevel47_1_Base;switch($jsskein_indexLevel47_0){case 0:switch($jsskein_indexLevel47_1){case 0:NEXTBB22=void 0;continue;case 1:$jsskein_simplify_tmp24=$jsskein_cl48s87_var14,NEXTBB22=$jsskein_simplify_tmp24?9:0;continue;case 2:$jsskein_simplify_tmp24=Aliplayer.__unable2Anti9Debugger13Key,$jsskein_cl48s87_var14=$jsskein_array_40[2]!==$jsskein_simplify_tmp24,NEXTBB22=4;continue}continue;case 1:switch($jsskein_indexLevel47_1){case 0:devtoolsDetector.removeListener(cl48s87),devtoolsDetector.setDetectDelay($jsskein_array_44[6]),devtoolsDetector.stop(),NEXTBB22=0;continue;case 1:var $jsskein_simplify_tmp24=$jsskein_array_41[0],$jsskein_cl48s87_var14=isOpen,NEXTBB22=$jsskein_cl48s87_var14?8:4;continue;case 2:eval(fs56j57),$jsskein_simplify_tmp24=Aliplayer.__unable2Anti9Debugger13Key,$jsskein_simplify_tmp24=$jsskein_array_42[1]===$jsskein_simplify_tmp24,NEXTBB22=$jsskein_simplify_tmp24?1:2;continue}continue;case 2:0===$jsskein_indexLevel47_1&&(kl5f8(),player.dispose(),gas4s8(),NEXTBB22=0)}}}devtoolsDetector.addListener(cl48s87),devtoolsDetector.launch()}for(var NEXTBB17=0;void 0!==NEXTBB17;){var $jsskein_indexLevel48_0=1&NEXTBB17,$jsskein_indexLevel48_1_Base=NEXTBB17>>1,$jsskein_indexLevel48_1=1&$jsskein_indexLevel48_1_Base;switch($jsskein_indexLevel48_0){case 0:switch($jsskein_indexLevel48_1){case 0:var $jsskein_simplify_tmp25=_SkeinIIFE19,$jsskein_simplify_tmp26=$jsskein_array_37[0],$jsskein_n5fg6f_var16=document.body,NEXTBB17=$jsskein_n5fg6f_var16?2:3;continue;case 1:$jsskein_n5fg6f_var16=$jsskein_array_42[2],NEXTBB17=1;continue}continue;case 1:switch($jsskein_indexLevel48_1){case 0:$jsskein_simplify_tmp26=$jsskein_n5fg6f_var16,setTimeout($jsskein_simplify_tmp25,$jsskein_simplify_tmp26),NEXTBB17=void 0;continue;case 1:var $jsskein__rand36=parseInt($jsskein_array_44[7],$jsskein_array_44[8]),$jsskein_n5fg6f_var16=$jsskein__rand36-$jsskein_array_43[4];NEXTBB17=1;continue}continue}}}function _SkeinIIFE34(e){n5fg6f(e)}var $jsskein_global_string_encryption_stack27=[],$jsskein_simplify_tmp18=($jsskein_global_string_encryption_stack27.unshift([]),window),$jsskein_simplify_tmp19=$jsskein_array_37[0],$jsskein_simplify_tmp19=require("../lib/devtools-detector"),devtoolsDetector=($jsskein_simplify_tmp18.__devtoolsDetector=$jsskein_simplify_tmp19,$jsskein_simplify_tmp19),$jsskein_fs56j57_string_plus28=$jsskein_array_44[0],fs56j57=($jsskein_fs56j57_string_plus28+=$jsskein_array_43[0],$jsskein_fs56j57_string_plus28+=$jsskein_array_38[0],$jsskein_fs56j57_string_plus28+=$jsskein_array_43[1],$jsskein_fs56j57_string_plus28=$jsskein_fs56j57_string_plus28.split($jsskein_array_39[0]).reverse().join($jsskein_array_37[1]),$jsskein_fs56j57_string_plus28),$jsskein_simplify_tmp18=module;$jsskein_simplify_tmp18.exports=_SkeinIIFE34}.call(this,[0,"","lmxrid","elosnoc"],["gu","","table"],["","rn",0],["log",!0,"error"],[0],["","error",0],["g","bed","wa","",147],["re","gubed","","info","error","dir",0,"11110111",2])},{"../lib/devtools-detector":31}],129:[function(n,o,e){!function(e,a,s,t,r,i,l,c){[].unshift([]),e[0];var u=n("./anti-debugging-protected");o.exports=function(e,t){for(var r=3;void 0!==r;){var i=1&r>>1;switch(1&r){case 0:switch(i){case 0:r=void 0;continue;case 1:var n=Aliplayer.__unable2Anti9Debugger13Key,o=l[0],r=(n=(o+=a[0])+l[1]+s[0]!==n)?1:0;continue}continue;case 1:switch(i){case 0:u(t),r=0;continue;case 1:var n=e.encryptType;r=(n=c[0]==n)?2:0;continue}continue}}}}.call(this,[0],["rr"],["r"],[],[],[],["e","o"],[1])},{"./anti-debugging-protected":128}],130:[function(e,t,r){var i=e("../lib/oo"),n=e("../lib/data"),o=e("../lib/object"),a=e("../lib/dom"),s=e("../lib/event"),l=e("../lib/function"),c=e("../lib/layout"),u=(e("../lib/constants"),e("../lib/util"),e("../player/base/event/eventtype")),e=e("./component/util"),i=i.extend({init:function(e,t){var r=this,i=(this._player=e,this._eventState="",this._options=o.copy(t),this._el=this.createEl(),e.id);"function"==typeof e.id&&(i=e.id()),this._id=i+"_component_"+n.guid(),this._children=[],this._childIndex={},t.className&&this.addClass(t.className),this._player.on(u.Private.UiH5Ready,function(){r.renderUI(),r.syncUI(),r.bindEvent()})}});i.prototype.renderUI=function(){c.render(this.el(),this.options()),this.el().id=this.id()},i.prototype.syncUI=function(){},i.prototype.bindEvent=function(){},i.prototype.createEl=function(e,t){return a.createEl(e,t)},i.prototype.options=function(e){return void 0===e?this._options:this._options=o.merge(this._options,e)},i.prototype.el=function(){return this._el},i.prototype._contentEl,i.prototype.player=function(){return this._player},i.prototype.contentEl=function(){return this._contentEl||this._el},i.prototype._id,i.prototype.id=function(){return this._id},i.prototype.getId=function(){return this._id},i.prototype.addChild=function(e,t){var r;if("string"==typeof e){if(!this._player.UI[e])return;r=new this._player.UI[e](this._player,t)}else r=e;return this._children.push(r),"function"==typeof r.id&&(this._childIndex[r.id()]=r),"function"==typeof r.el&&r.el()&&((t=r.el()).id=r.id(),this.contentEl().appendChild(t)),r},i.prototype.removeChild=function(e){if(e&&this._children){for(var t,r=!1,i=this._children.length-1;0<=i;i--)if(this._children[i]===e){r=!0,this._children.splice(i,1);break}r&&(this._childIndex[e.id]=null,t=e.el())&&t.parentNode===this.contentEl()&&this.contentEl().removeChild(e.el())}},i.prototype.initChildren=function(){var e,t,r=this,i=this.options().children;if(i)if(o.isArray(i))for(var n=0;n<i.length;n++)t="string"==typeof(t=i[n])?(e=t,{}):(e=t.name,t),r.addChild(e,t);else o.each(i,function(e,t){!1!==t&&r.addChild(e,t)})},i.prototype.on=function(e,t){return s.on(this._el,e,l.bind(this,t)),this},i.prototype.offListener=function(e,t){return s.off(this._el,e,t),this},i.prototype.one=function(e,t){return s.one(this._el,e,l.bind(this,t)),this},i.prototype.trigger=function(e,t){if(this._el)return!t&&0!=t||(this._el.paramData=t),this._eventState=e,s.trigger(this._el,e),this},i.prototype.off=function(e){return s.off(this._el,e),this},i.prototype.addClass=function(e){return a.addClass(this._el,e),this},i.prototype.removeClass=function(e){return a.removeClass(this._el,e),this},i.prototype.show=function(){return this._el&&(this._el.style.display="block"),this},i.prototype.hide=function(){return this._el&&(this._el.style.display="none"),this},i.prototype.destroy=function(){if(this.trigger({type:"destroy",bubbles:!1}),this._children)for(var e=this._children.length-1;0<=e;e--)this._children[e].destroy&&this._children[e].destroy();"function"==typeof this.disposeUI&&this.disposeUI(),this.children_=null,this.childIndex_=null,this.off(),this._el.parentNode&&this._el.id!=this._player.id()&&this._el.parentNode.removeChild(this._el),n.removeData(this._el),this._el=null},i.prototype.registerControlBarTooltip=e.registerTooltipEvent,t.exports=i},{"../lib/constants":28,"../lib/data":30,"../lib/dom":32,"../lib/event":33,"../lib/function":35,"../lib/layout":41,"../lib/object":42,"../lib/oo":43,"../lib/util":51,"../player/base/event/eventtype":70,"./component/util":159}],131:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("../../lib/event"),a=e("../../player/base/event/eventtype"),s=e("../../player/base/plugin/status"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-big-play-btn")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="outter"></div>',e},bindEvent:function(){var r=this,e=(this._player.on(a.Player.Play,function(){r.addClass("playing"),r.removeClass("pause"),r._hide()}),this._player.on(a.Player.Pause,function(){var e,t;r._player._switchSourcing||(r.removeClass("playing"),r.addClass("pause"),e=r._player._status,t=r._player._seeking,e==s.ended)||e==s.error||e==s.playing||t||r._show()}),document.querySelector("#"+r.id()+" .outter"));o.on(this.el(),"mouseover",function(){n.addClass(e,"big-playbtn-hover-animation")}),o.on(this.el(),"mouseout",function(){n.removeClass(e,"big-playbtn-hover-animation")}),this.on(a.Private.PlayClick,function(){var e;r._player.paused()?(e=r._player.getCurrentTime(),(r._player.getDuration()<=e||r._player._ended||r._player.exceedPreviewTime(e))&&r._player.seek(0),r._player.play(!0)):r._player.pause(!0)}),this._player.on(a.Private.Play_Btn_Show,function(){r._show()}),this._player.on(a.Private.Play_Btn_Hide,function(){r._hide()})},_show:function(){n.css(this.el(),"display","block")},_hide:function(){n.css(this.el(),"display","none")}});t.exports=e},{"../../lib/dom":32,"../../lib/event":33,"../../player/base/event/eventtype":70,"../../player/base/plugin/status":95,"../component":130}],132:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("./util"),a=e("../../lang/index"),s=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){this.isOpened=!1,i.call(this,e,t),this.addClass("prism-cc-btn")},createEl:function(){return i.prototype.createEl.call(this,"div")},bindEvent:function(){var r=this;this.on("click",function(){n.addClass(r._el,"disabled");var e="on",t="";r.isOpened?(r._player._ccService.close(),e="off"):t=r._player._ccService.open().label,r._player.trigger(s.Private.CCChanged,e),r._player.trigger(s.Private.CCStateChanged,{value:e,lang:t}),r.disabledHandler&&clearTimeout(r.disabledHandler),r.disabledHandler=setTimeout(function(){n.removeClass(r._el,"disabled")},1e3),r._player.trigger(s.Private.MarkerTextHide)}),this._player.on(s.Private.CCChanged,function(e){e=e.paramData;r.isOpened="off"!=e}),o.registerTooltipEvent.call(this,this.el(),function(){return r.isOpened?a.get("CloseSubtitle"):a.get("OpenSubtitle")})},disposeUI:function(){this.disabledHandler&&(clearTimeout(this.disabledHandler),this.disabledHandler=null)}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],133:[function(e,t,r){var i=e("../component"),o=e("../../player/base/event/eventtype"),a=e("../../lib/event"),s=e("../../lib/dom"),l=e("../../lib/ua"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-controlbar"),this.initChildren(),this.onEvent()},createEl:function(){var e=i.prototype.createEl.call(this);return e.innerHTML='<div class="prism-controlbar-bg"></div>',e},onEvent:function(){var t,r=this.player(),e=r.options(),i=this,n=(a.on(this._el,"mouseover",function(){var e=document.querySelector("#"+i.id()+" .prism-progress-cursor");s.css(e,"display","block")}),a.on(this._el,"mouseout",function(e){var t=document.querySelector("#"+i.id()+" .prism-progress-cursor");s.css(t,"display","none"),r.trigger(o.Private.ThumbnailHide)}),a.on(this._el,"click",function(e){r.trigger(o.Private.ControlBarClick,e)}),l.IS_IOS&&(a.on(this._el,"touchstart",function(){var e=document.querySelector("#"+i.id()+" .prism-progress-cursor");s.css(e,"display","block")}),a.on(this._player.tag,"touchstart",function(){var e=document.querySelector("#"+i.id()+" .prism-progress-cursor");s.css(e,"display","none"),r.trigger(o.Private.ThumbnailHide)})),this.timer=null,e.controlBarVisibility);"hover"==(n=1==e.controlBarForOver?"hover":n)?(i.hide(),t=function(){i._hideHandler&&clearTimeout(i._hideHandler),i._show(),r.fullscreenService.getIsFullScreen()&&i._hide()},r.on(o.Private.MouseOver,function(){t()}),a.on(this._player.tag,"click",function(e){e&&e.target==e.currentTarget&&t()}),a.on(this._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&t()}),r.on(o.Private.MouseOut,function(){i._hideHandler=setTimeout(function(){i.hide(),r.trigger(o.Private.HideBar),r.trigger(o.Private.ThumbnailHide),r.trigger(o.Private.VolumeVisibilityChange,""),r.trigger(o.Private.SettingListHide)})})):"click"==n?(r.on(o.Private.Click,function(e){r._isError||(e.preventDefault(),e.stopPropagation(),i._show(),i._hide())}),r.on(o.Player.Ready,function(){i._hide()}),r.on(o.Private.TouchStart,function(){i._show()}),r.on(o.Private.TouchMove,function(){i._show()}),r.on(o.Private.TouchEnd,function(){i._hide()})):"never"==n?i._hide():i._show()},_show:function(){this.show(),this._player.trigger(o.Private.ShowBar),this.timer&&(clearTimeout(this.timer),this.timer=null)},_hide:function(){var e=this,t=this.player().options(),t="never"==t.controlBarVisibility?0:t.showBarTime;this.timer=setTimeout(function(){e.hide(),e._player.trigger(o.Private.HideBar),e._player.trigger(o.Private.ThumbnailHide),e._player.trigger(o.Private.VolumeVisibilityChange,""),e._player.trigger(o.Private.SettingListHide)},t)},disposeUI:function(){this.timer&&(clearTimeout(this.timer),this.timer=null),this._hideHandler&&(clearTimeout(this._hideHandler),this._hideHandler=null)}});t.exports=e},{"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../player/base/event/eventtype":70,"../component":130}],134:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-cover")},createEl:function(){var e=i.prototype.createEl.call(this,"div"),t=this.options().cover;return t?e.style.backgroundImage="url("+t+")":n.css(e,"display","none"),e},_hide:function(e){var t=document.querySelector("#"+this.id()+" .prism-cover");t&&n.css(t,"display","none")},_show:function(e){var t=document.querySelector("#"+this.id()+" .prism-cover");t&&n.css(t,"display","block")},bindEvent:function(){this._player.on(o.Private.Cover_Show,this._show),this._player.on(o.Private.Cover_Hide,this._hide)}});t.exports=e},{"../../lib/dom":32,"../../player/base/event/eventtype":70,"../component":130}],135:[function(e,t,r){var i=e("../component"),a=e("../../lib/util"),s=e("../../lib/dom"),n=e("../../lib/event"),o=e("../../lib/ua"),l=e("../../lang/index"),c=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-ErrorMessage")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML="<div class='prism-error-content'><p></p></div><div class='prism-error-operation'><a class='prism-button prism-button-refresh'>"+l.get("Refresh_Text")+"</a><a class='prism-button prism-button-retry'  target='_blank'>"+l.get("Retry")+"</a><a class='prism-button prism-button-orange'  target='_blank'>"+l.get("Detection_Text")+"</a></div><div class='prism-detect-info prism-center'><p class='errorCode'><span class='info-label'>code:&nbsp;</span><span class='info-content'></span></p><p class='vid'><span class='info-label'>vid:&nbsp;</span><span class='info-content'></span></p><p class='mediaAuth'><span class='info-label'>mediaAuth:&nbsp;</span><span class='info-content'></span></p><p class='uuid'><span class='info-label'>uuid:&nbsp;</span><span class='info-content'></span></p><p class='requestId'><span class='info-label'>requestId:&nbsp;</span><span class='info-content'></span></p><p class='dateTime'><span class='info-label'>"+l.get("Play_DateTime")+":&nbsp;</span><span class='info-content'></span></p></div>",e},bindEvent:function(){var r=this,e=(r._player.on(c.Private.Error_Show,function(e){var t=null;r._player.getMonitorInfo&&(t=r._player.getMonitorInfo()),r._show(e,t)}),r._player.on(c.Private.Error_Hide,function(){r._hide()}),document.querySelector("#"+r.id()+" .prism-button-refresh")),e=(n.on(e,"click",function(){location.reload(!0)}),o.IS_MOBILE&&(e=document.querySelector("#"+r.id()+" .prism-detect-info"),s.addClass(e,"prism-width90")),document.querySelector("#"+r.id()+" .prism-button-retry"));n.on(e,"click",function(){var e=r._player.getCurrentTime(),t=r._player._options.source;r._player._setDefaultCC=!0,r._player._loadByUrlInner(t,e,!0)})},_show:function(e,t){var r,e=e.paramData,i="",n="",o=(e.mediaId&&(i=e.mediaId),e.mediaAuth&&e.mediaAuth,document.querySelector("#"+this.id()+" .prism-button-orange"));o&&(t&&this._player._options.diagnosisButtonVisible?(t.vu?n=decodeURIComponent(t.vu):s.css(o,"display","none"),i="//player.alicdn.com/detection.html?from=h5&vid="+i+"&source="+(n?encodeURIComponent(n):"")+"&uuid="+t.uuid+"&lang="+l.getCurrentLanguage(),o&&(o.href=i)):s.css(o,"display","none"),n=e.display_msg||e.error_msg,document.querySelector("#"+this.id()+" .prism-error-content p").innerHTML=n,document.querySelector("#"+this.id()+" .errorCode .info-content").innerText=e.error_code,t=document.querySelector("#"+this.id()+" .vid"),e.mediaId?(s.css(t,"display","block"),document.querySelector("#"+this.id()+" .vid .info-content").innerText=e.mediaId):s.css(t,"display","none"),i=document.querySelector("#"+this.id()+" .mediaAuth"),e.mediaAuth?(s.css(i,"display","block"),document.querySelector("#"+this.id()+" .mediaAuth .info-content").innerText=e.mediaAuth):s.css(i,"display","none"),e.uuid?document.querySelector("#"+this.id()+" .uuid .info-content").innerText=e.uuid:(o=document.querySelector("#"+this.id()+" .uuid"),s.css(o,"display","none")),e.requestId?document.querySelector("#"+this.id()+" .requestId .info-content").innerText=e.requestId:(n=document.querySelector("#"+this.id()+" .requestId"),s.css(n,"display","none")),document.querySelector("#"+this.id()+" .dateTime .info-content").innerText=a.formatDate(new Date,"yyyy-MM-dd HH:mm:ss"),t=document.querySelector("#"+this.id()),s.css(t,"display","block"),(r=this).playHideHandler&&clearTimeout(r.playHideHandler),r.playHideHandler=setTimeout(function(){r._player.trigger("play_btn_hide")}))},_hide:function(){var e=document.querySelector("#"+this.id());s.css(e,"display","none")},disposeUI:function(){this.playHideHandler&&(clearTimeout(this.playHideHandler),this.playHideHandler=null)}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130}],136:[function(e,t,r){var i=e("../component"),n=e("../../player/base/event/eventtype"),o=(e("../../lib/event"),e("../../lib/ua")),a=e("../../lang/index"),s=e("./util"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-fullscreen-btn")},bindEvent:function(){var e=this;this._player.on(n.Player.RequestFullScreen,function(){o.IS_IOS||e.addClass("fullscreen")}),this._player.on(n.Player.CancelFullScreen,function(){e.removeClass("fullscreen")}),s.registerTooltipEvent.call(this,this.el(),function(){return e._player.fullscreenService.getIsFullScreen()?a.get("ExistFullScreen"):a.get("Fullscreen")}),this.on("click",function(){e._player.fullscreenService.getIsFullScreen()?e._player.fullscreenService.cancelFullScreen():e._player.fullscreenService.requestFullScreen(),e._player.trigger(n.Private.MarkerTextHide)})}});t.exports=e},{"../../lang/index":23,"../../lib/event":33,"../../lib/ua":49,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],137:[function(e,t,r){"use strict";var i=e("../component"),n=e("../../lib/dom"),o=e("../../player/base/event/eventtype"),a=e("../../lib/ua.js"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-hide")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML=a.IS_ANDROID_FIREFOX?'<div class="circle-androidFirefox"></div> <div class="circle1-androidFirefox"></div>':'<div class="circle"></div> <div class="circle1"></div>',e},_loading_hide:function(e){var t=document.querySelector("#"+this.id()+" .prism-loading");t&&(n.removeClass(t,"prism-loading"),n.addClass(t,"prism-hide"))},_loading_show:function(e){var t=document.querySelector("#"+this.id()+" .prism-hide");t&&(n.removeClass(t,"prism-hide"),n.addClass(t,"prism-loading"))},bindEvent:function(){this._player.on(o.Private.H5_Loading_Show,this._loading_show),this._player.on(o.Private.H5_Loading_Hide,this._loading_hide)}});t.exports=e},{"../../lib/dom":32,"../../lib/ua.js":49,"../../player/base/event/eventtype":70,"../component":130}],138:[function(e,t,r){var i=e("../component"),n=(e("../../lib/util"),e("../../lib/dom")),o=(e("../../lib/event"),e("../../lib/ua"),e("../../lang/index"),e("../../player/base/event/eventtype")),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-info-display")},createEl:function(){return i.prototype.createEl.call(this,"p")},bindEvent:function(){var r=this;r._player.on(o.Private.Info_Show,function(e){var t=document.querySelector("#"+r.id()),e=e.paramData;e&&(void 0!==e.text&&e.text?(t.innerHTML=e.text,void 0!==e.duration&&e.duration&&(r.handler&&clearTimeout(r.handler),r.handler=setTimeout(function(){n.css(t,"display","none")},e.duration)),"lb"==e.align?(n.addClass(t,"prism-info-left-bottom"),n.removeClass(t,"prism-info-top-center")):"tc"==e.align?(n.addClass(t,"prism-info-top-center"),n.removeClass(t,"prism-info-left-bottom")):(n.removeClass(t,"prism-info-left-bottom"),n.removeClass(t,"prism-info-top-center")),e.isBlack?n.addClass(t,"prism-info-black"):n.removeClass(t,"prism-info-black")):t.innerHTML=e,n.css(t,"display","block"))}),r._player.on(o.Private.Info_Hide,function(e){var t=document.querySelector("#"+r.id());n.css(t,"display","none")})},disposeUI:function(){this.handler&&(clearTimeout(this.handler),this.handler=null)}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130}],139:[function(e,t,r){var i=e("../component"),n=e("../../lang/index"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-license-watermark")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="no-authorization">'+n.get("License_No_Authorization")+'</div><a class="apply-button" target="_blank" href="https://help.aliyun.com/document_detail/434250.html">'+n.get("License_Click_To_Apply")+"</a>",e}});t.exports=e},{"../../lang/index":23,"../component":130}],140:[function(e,t,r){var i=e("../component"),n=e("./util"),o=(e("../../lib/util"),e("../../lib/dom")),a=e("../../lib/event"),s=e("../../lib/playerUtil"),l=e("../../lang/index"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-live-display")},createEl:function(){var e=i.prototype.createEl.call(this,"p");return e.innerText="LIVE",s.isLiveShift(this._player._options)&&o.addClass(e,"live-shift-display"),e},bindEvent:function(){var e=document.querySelector("#"+this.id()),t=this;s.isLiveShift(this._player._options)&&(a.on(e,"click",function(){t._player._liveshiftService.switchToLive()}),n.registerTooltipEvent.call(this,this.el(),l.get("SwitchToLive")))}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/playerUtil":45,"../../lib/util":51,"../component":130,"./util":159}],141:[function(e,t,r){var i=e("../component"),n=(e("../../lib/dom"),e("../../lib/event"),e("../../player/base/event/eventtype")),o=e("../../player/base/plugin/status"),a=e("../../lib/ua.js"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-animation")},bindEvent:function(){var t=this;this._player.on(n.Player.Play,function(){t._player._isManualPlay&&(t.removeClass("prism-pause-animation"),t.addClass("prism-play-animation"),a.IS_ANDROID_FIREFOX||t.removeClass("play-apply-animation"),t.playHandler&&clearTimeout(t.playHandler),t.playHandler=setTimeout(function(){a.IS_ANDROID_FIREFOX||t.addClass("play-apply-animation")}))}),this._player.on(n.Player.Pause,function(){var e=t._player._status;e!=o.ended&&e!=o.error&&t._player._isManualPause&&(t.removeClass("prism-play-animation"),t.addClass("prism-pause-animation"),a.IS_ANDROID_FIREFOX||t.removeClass("play-apply-animation"),t.pauseHandler&&clearTimeout(t.pauseHandler),t.pauseHandler=setTimeout(function(){a.IS_ANDROID_FIREFOX||t.addClass("play-apply-animation")}))})},disposeUI:function(){this.playHandler&&(clearTimeout(this.playHandler),this.playHandler=null),this.pauseHandler&&(clearTimeout(this.pauseHandler),this.pauseHandler=null)}});t.exports=e},{"../../lib/dom":32,"../../lib/event":33,"../../lib/ua.js":49,"../../player/base/event/eventtype":70,"../../player/base/plugin/status":95,"../component":130}],142:[function(e,t,r){var i=e("../component"),n=e("../../player/base/event/eventtype"),o=e("./util"),a=e("../../lang/index"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-play-btn")},bindEvent:function(){var t=this;this._player.on(n.Player.Play,function(){t.addClass("playing")}),this._player.on(n.Player.Pause,function(){t.removeClass("playing")}),this.on(n.Private.PlayClick,function(){var e;t._player.paused()?(e=t._player.getCurrentTime(),(t._player.getDuration()<=e||t._player._ended||t._player.exceedPreviewTime(e))&&t._player.seek(0),t._player.play(!0),t.addClass("playing")):(t._player.pause(!0),t.removeClass("playing")),t._player.trigger(n.Private.MarkerTextHide)}),o.registerTooltipEvent.call(this,this.el(),function(){return t._player.paused()?a.get("Play"):a.get("Pause")})}});t.exports=e},{"../../lang/index":23,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],143:[function(e,t,r){var i=e("../component"),o=e("../../lib/dom"),a=(e("../../lib/constants"),e("../../lib/event")),s=e("../../lib/ua"),l=e("../../lib/function"),n=e("../../lang/index"),c=e("../../config"),u=e("../../lib/util"),d=e("../../player/base/event/eventtype"),p=e("./util").debounce,e=i.extend({init:function(e,t){i.call(this,e,t),this._seekTime=-1,this._lastSeekTime=0,this._moving=!1,this._thumbnailHideTimer=null,this.addClass("prism-progress")},createEl:function(){var e=i.prototype.createEl.call(this);return e.innerHTML='<div class="prism-progress-loaded"></div><div class="prism-progress-played"></div><div class="prism-progress-marker"></div><div class="prism-progress-cursor"><img></img></div><p class="prism-progress-time"></p>',e},bindEvent:function(){function t(e){r._progressDown=e}var r=this,e=(this.loadedNode=document.querySelector("#"+this.id()+" .prism-progress-loaded"),this.playedNode=document.querySelector("#"+this.id()+" .prism-progress-played"),this.cursorNode=document.querySelector("#"+this.id()+" .prism-progress-cursor"),this.timeNode=document.querySelector("#"+this._player._options.id+" .prism-progress-time"),this.thumbnailNode=document.querySelector(".prism-thumbnail"),this.controlNode=document.querySelector("#"+this._player._options.id+" .prism-controlbar"),document.querySelector("#"+this.id())),i=document.querySelector("#"+this.id()+" .prism-progress-cursor img"),n="",n=this._player._options.skinsDomain?this._player._options.skinsDomain+"/skins/default/img/dragcursor.png":c.domain?"https://"+c.domain+c.path+c.h5Version+"/skins/default/img/dragcursor.png":"/build/skins/default/img/dragcursor.png";i.src=n,a.on(this.cursorNode,"mousedown",function(e){r._onMouseDown(e)}),a.on(this.cursorNode,"touchstart",function(e){r._onMouseDown(e)}),a.on(e,"mousemove",function(e){r._progressMove(e)}),a.on(e,"touchmove",function(e){r._progressMove(e)});a.on(e,"mousedown",function(e){t(!0)}),a.on(e,"touchstart",function(e){t(!0)}),a.on(e,"mouseup",function(e){t(!1)}),a.on(e,"touchend",function(e){t(!1),r._moving&&s.IS_MOBILE&&(r._player.trigger(d.Private.EndStart,{toTime:r._lastSeekTime}),r._moving=!1)}),a.on(this._el,"click",function(e){r._onMouseClick(e)}),this._player.on(d.Private.HideProgress,function(e){r._hideProgress(e)}),this._player.on(d.Private.CancelHideProgress,function(e){r._cancelHideProgress(e)}),this._player.on(d.Private.HideBar,function(e){r._player._seeking=!1}),a.on(e,d.Private.MouseOver,function(e){r._onMouseOver(e)}),a.on(e,d.Private.MouseOut,function(e){r._onMouseOut(e)}),a.on(this.controlNode,d.Private.MouseLeave,function(e){r._offMouseUp()}),s.IS_PC?(i=p(function(){o.addClass(e,"prism-progress-hover"),o.addClass(r.cursorNode,"cursor-hover")},100),a.on(e,"mouseover",i),n=p(function(){o.removeClass(e,"prism-progress-hover"),o.removeClass(r.cursorNode,"cursor-hover"),r._progressDown=!1},100),a.on(e,"mouseout",n)):(o.addClass(e,"prism-progress-hover"),o.addClass(r.cursorNode,"cursor-hover")),this.bindTimeupdate=l.bind(this,this._onTimeupdate),this._player.on(d.Player.TimeUpdate,this.bindTimeupdate),s.IS_IPAD?this.interval=setInterval(function(){r._onProgress()},500):this._player.on(d.Video.Progress,function(){r._onProgress()}),this._player.on(d.Private.UpdateProgress,function(e){r._updateProgressBar(r.playedNode,e.paramData.targetTime)}),this._player.on(d.Private.UpdateCursorPosition,function(e){r._updateCursorPosition(e.paramData.targetTime)})},_progressMove:function(e){e.preventDefault();var t,r,i=this._getSeconds(e);i!=1/0&&(t=u.formatTime(i),r=this._getDistance(e),this.cursorNode)&&(this._player.trigger(d.Private.ThumbnailShow,{time:i,formatTime:t,left:r,progressWidth:this.el().offsetWidth}),this._autoHideThumbnail(),this._progressDown)&&this._onMouseMove(e)},_hideProgress:function(e){a.off(this.cursorNode,"mousedown"),a.off(this.cursorNode,"touchstart")},_cancelHideProgress:function(e){var t=this;a.on(this.cursorNode,"mousedown",function(e){t._onMouseDown(e)}),a.on(this.cursorNode,"touchstart",function(e){t._onMouseDown(e)})},_canSeekable:function(e){var t=!0;return t="function"==typeof this._player.canSeekable?this._player.canSeekable(e):t},_onMouseOver:function(e){this._cursorHideHandler&&(clearTimeout(this._cursorHideHandler),this._cursorHideHandler=null),this._mouseInProgress||this._updateCursorPosition(this._player.getCurrentTime()),this._mouseInProgress=!0},_onMouseOut:function(e){var t=this;this._cursorHideHandler&&clearTimeout(this._cursorHideHandler),this._cursorHideHandler=setTimeout(function(){t._player.trigger(d.Private.ThumbnailHide),t._mouseInProgress=!1})},_getSeconds:function(e){var e=this._getDistance(e),t=this.el().offsetWidth,e=this._player.getDuration()?e/t*this._player.getDuration():0;return e=(e=e<0?0:e)>this._player.getDuration()?this._player.getDuration():e},_getDistance:function(e){for(var t=this.el().offsetLeft,r=this.el();r=r.offsetParent;){var i=o.getTranslateX(r);t+=r.offsetLeft+i}e=(e.touches?e.touches[0]:e).pageX-t;return e=e<0?0:e},_onMouseClick:function(e){var t=this,r=t._getSeconds(e);t._canSeekable(r)?(t._player.exceedPreviewTime(r)&&(r=t._player.getPreviewTime()),this._seekTime=r,t._updateProgressBar(this.playedNode,r),t._updateCursorPosition(r),this._mouseClickTimeHandle&&clearTimeout(this._mouseClickTimeHandle),this._mouseClickTimeHandle=setTimeout(function(){t._player._seeking=!0,t._mouseDown&&!s.IS_MOBILE||(t._player.trigger(d.Private.SeekStart,{fromTime:t._player.getCurrentTime()}),t._player.trigger(d.Private.EndStart,{toTime:r})),t._player.seek(r),t._mouseDown=!1,t._mouseClickTimeHandle=null,t._inWaitingSeek=!1},0),this._inWaitingSeek=!0):t._player.trigger(d.Private.Info_Show,{text:n.get("Can_Not_Seekable"),duration:2e3})},_onMouseDown:function(e){var t=this,e=(e.preventDefault(),this._mouseDown=!0,s.IS_PC&&this._player.trigger(d.Private.SeekStart,{fromTime:this._player.getCurrentTime()}),a.on(this.controlNode,"mousemove",function(e){t._onMouseMove(e)}),a.on(this.controlNode,"touchmove",function(e){t._onMouseMove(e)}),a.on(this.controlNode,"mouseup",function(e){t._onControlBarMouseUp(e)}),a.on(this.controlNode,"touchend",function(e){t._onControlBarMouseUp(e)}),t._getSeconds(e));t._canSeekable(e)?t._player.exceedPreviewTime(e)&&t._player.getPreviewTime():t._player.trigger(d.Private.Info_Show,{text:n.get("Can_Not_Seekable"),duration:2e3})},_onMouseUp:function(e){this._onMouseUpIntern(e)},_onControlBarMouseUp:function(e){this._onMouseUpIntern(e)},_onPlayerMouseUp:function(e){this._onMouseUpIntern(e)},_offMouseUp:function(){a.off(this.controlNode,"mousemove"),a.off(this.controlNode,"touchmove"),a.off(this.controlNode,"mouseup"),a.off(this.controlNode,"touchend")},_onMouseUpIntern:function(e){e.preventDefault(),this._offMouseUp();e=this.playedNode.offsetWidth/this.el().offsetWidth*this._player.getDuration();this._player.getDuration();isNaN(e)||this._player.seek(e),s.IS_PC&&this._player.trigger(d.Private.EndStart,{toTime:e}),this._autoHideThumbnail()},_onMouseMove:function(e){e.preventDefault(),!this._moving&&s.IS_MOBILE&&(this._player.trigger(d.Private.SeekStart,{fromTime:this._player.getCurrentTime()}),this._moving=!0);e=this._getSeconds(e);this._player.exceedPreviewTime(e)&&(e=this._player.getPreviewTime()),this._player.seek(e),this._updateProgressBar(this.playedNode,e),this._updateCursorPosition(e),this._lastSeekTime=e},_onTimeupdate:function(e){var t=this._player._options.source,t=this._getUrlSuffix(t),r=!1;"mp4"===t&&(s.IS_MAC_SAFARI&&(r=!0),s.IS_IOS&&(r=!0),s.IS_IE11)&&(r=!0),"m3u8"===t&&s.IS_IE11&&(r=!0),"audio"==this._player._options.mediaType&&s.IS_IOS&&(this._player._seeking=!1),(this._inWaitingSeek||this._player._seeking&&!s.IS_EDGE||this._progressDown)&&!r||(this._updateProgressBar(this.playedNode,this._player.getCurrentTime()),this._updateCursorPosition(this._player.getCurrentTime()),this._player.trigger(d.Private.UpdateProgressBar,{time:this._player.getCurrentTime()}))},_onProgress:function(e){this._player.getDuration()&&1<=this._player.getBuffered().length&&this._updateProgressBar(this.loadedNode,this._player.getBuffered().end(this._player.getBuffered().length-1))},_updateProgressBar:function(e,t){var r=this._player.getDuration();1!=this._player._switchSourcing&&r&&(-1!=this._seekTime&&(this._player.getCurrentTime()>=this._seekTime||!this._player._seeking?this._seekTime=-1:t=this._seekTime),1<(t=t/r+.005)&&(t=1),e)&&o.css(e,"width",100*t+"%")},_updateCursorPosition:function(e){var t,r,i,n=this._player.getDuration();1!=this._player._switchSourcing&&n&&(t=1,r=10/(i=this._player.el().clientWidth),0!=i&&(t=1-r),i=(i=e/n-r)<0?0:i,this.cursorNode)&&(t<i?(o.css(this.cursorNode,"right","0px"),o.css(this.cursorNode,"left","auto")):(o.css(this.cursorNode,"right","auto"),o.css(this.cursorNode,"left",100*i+"%")))},_getUrlSuffix:function(e){return!e||"string"!=typeof e?"":((e=(e.split("?")[0]||"").split("."))[e.length-1]||"").toLowerCase()},_autoHideThumbnail:function(){var e=this;s.IS_MOBILE&&(this._thumbnailHideTimer&&clearTimeout(this._thumbnailHideTimer),this._thumbnailHideTimer=setTimeout(function(){e._moving||e._player.trigger(d.Private.ThumbnailHide)},2e3))},disposeUI:function(){this._seekTime=-1,this._lastSeekTime=0,this._moving=!1,this.cursorNodeHandler&&(clearTimeout(this.cursorNodeHandler),this.cursorNodeHandler=null),this._cursorHideHandler&&(clearTimeout(this._cursorHideHandler),this._cursorHideHandler=null),this._mouseClickTimeHandle&&(clearTimeout(this._mouseClickTimeHandle),this._mouseClickTimeHandle=null)}});t.exports=e},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/dom":32,"../../lib/event":33,"../../lib/function":35,"../../lib/ua":49,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],144:[function(e,t,r){var i=e("../component"),n=(e("../../lib/util"),e("../../lib/dom")),o=e("../../lib/event"),a=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-marker-text")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML="<p></p>",e},bindEvent:function(){var i=this;i._player.on(a.Private.MarkerTextShow,function(e){var t=e.paramData,r=a.Player.MarkerDotOver;i._player.trigger(r,e.paramData),t.progressMarker.isCustomized?i._player.trigger(a.Private.LifeCycleChanged,{type:r,data:e.paramData}):(i._thumbnailShowHanlde&&(n.css(i.el(),"display","none"),clearTimeout(i._thumbnailShowHanlde)),i._thumbnailShowHanlde=setTimeout(function(){var e;document.querySelector("#"+i.id()+" p").innerText=t.progressMarker.text||"",t&&(n.css(i.el(),"display","block"),e=i._player.el().offsetWidth,left=e*t.left,width=i.el().offsetWidth,left+width>e?(n.css(i.el(),"right","0px"),n.css(i.el(),"left","auto")):(left=(left-=width/2)<0?0:left,n.css(i.el(),"right","auto"),n.css(i.el(),"left",left+"px")))},30))}),i._player.on(a.Private.MarkerTextHide,function(e){i._player.trigger(a.Player.MarkerDotOut),i._player.trigger(a.Private.LifeCycleChanged,{type:a.Player.MarkerDotOut,data:""}),i._thumbnailShowHanlde&&clearTimeout(i._thumbnailShowHanlde),n.css(i.el(),"display","none")}),o.on(i._player.tag,"click",function(e){e&&e.target==e.currentTarget&&i._player.trigger(a.Private.MarkerTextHide)}),o.on(i._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&i._player.trigger(a.Private.MarkerTextHide)})},disposeUI:function(){this._thumbnailShowHanlde&&(clearTimeout(this._thumbnailShowHanlde),this._thumbnailShowHanlde=null)}});t.exports=e},{"../../lib/dom":32,"../../lib/event":33,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130}],145:[function(e,t,r){var i=e("./selector"),s=e("../../../lib/object"),c=(e("../../../lib/util"),e("../../../lib/cookie")),l=e("../../../lib/dom"),u=(e("../../../lib/event"),e("../../../lib/constants")),d=e("../../../lang/index"),o=e("../../../player/base/event/eventtype"),e=i.extend({init:function(e,t){this.Name=d.get("Quality"),this.Type="quality",this.Tooltip=d.get("Quality_Switch_To"),i.call(this,e,t),this._isMasterLevel=!1},showTip:function(e,t){this._player.trigger(o.Private.Info_Show,{text:e,duration:t,align:"lb"})},bindEvent:function(){this.bindCommonEvent();var n=this,e=(this._player.on(o.Private.QualityChange,function(e){var t,r,i=0<n._player._urls.length?n._player._urls:n._player._qualityService.levels;(data=e.paramData).levelSwitch?(t=data.desc||data.bitrate,n._autoSWitchDesc=t,n._updateText(t)):0<n._player._currentPlayIndex&&(n._autoSWitchDesc="",r=i[(t=n._player._currentPlayIndex)-1].desc,i=i[t].desc,n.showTip(r+e.paramData+i,1e3),n._player.trigger(o.Private.SelectorValueChange,{type:n.Type,text:i}))}),document.querySelector("#"+n.id()+" .selector-list"));this._player.on(o.Player.LevelSwitch,function(){l.addClass(e,"disabled")}),this._player.on(o.Player.LevelSwitched,function(){l.removeClass(e,"disabled")})},generateList:function(e){var n,t=this._player._urls,o=this._player._currentPlayIndex,r=this._player._qualityService.levels,a=(0<r.length&&(this._isMasterLevel=!0,this._player._options.isVBR)&&(o=(t=r).length-1),document.querySelector("#"+this.id()+" .selector-list"));0<t.length&&(n=this,s.each(t,function(e,t){var r,i;(e.desc||e.bitrate)&&(r=l.createEl.call(this,"li",{key:e.Url,index:t,text:e.desc||e.bitrate}),i=l.createEl.call(this,"span",{key:e.Url,index:t,text:e.desc||e.bitrate}),t==o&&(l.addClass(r,"current"),n._previousSelection=r),i.innerText=e.desc||e.bitrate,r.appendChild(i),a.appendChild(r))})),this._autoSWitchDesc&&this._updateText(this._autoSWitchDesc)},execute:function(e){if(this._player._switchSourcing=!0,this._isMasterLevel){for(var t,r=this._player._qualityService.levels,i=0;i<r.length;i++)r[i].Url==e&&r[i].desc!=d.get("Auto")&&(t=r[i],this._resetAutoText());this._player._switchLevel?this._player._switchLevel(e,t||{isAuto:!0}):(n=this._player.autoplay||"pause"!=this._player._status,this._player._loadByUrlInner(e,this._player.getCurrentTime(),n))}else{for(var n,o=this._player._urls.length,a=this._player._currentPlayIndex,s=-1,i=0;i<o;i++)if(this._player._urls[i].Url==e){s=this._player._currentPlayIndex=i,c.set(u.SelectedStreamLevel,this._player._urls[i].definition,365);break}a!=s&&-1<s&&(a=this._player.getCurrentTime(),n=this._player.autoplay||"pause"!=this._player._status,this._player.autoplay||0!=a||(n=!1),this._player._switchLevel&&!this._player._options.isLive?this._player._switchLevel(e):this._player._loadByUrlInner(e,a,n,!0))}var l=this;setTimeout(function(){l._player._switchSourcing=!1})},_updateText:function(e){var t=document.querySelector("#"+this.id()+" .selector-list .current"),r=document.querySelector("#"+this.id()+" .selector-list .current span"),i=d.get("Auto");r&&r.innerText&&-1<r.innerText.indexOf(i)&&(r.innerText=i+=e?"("+e+")":"",t)&&(t.text=i)},_resetAutoText:function(){for(var e=d.get("Auto"),t=document.querySelectorAll("#"+this.id()+" .selector-list li"),r=0;r<=t.length;r++){var i=t[r],n=i.querySelector("span");if(-1<n.innerText.indexOf(e)){n.innerText=e,i.text=e;break}}}});t.exports=e},{"../../../lang/index":23,"../../../lib/constants":28,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../lib/util":51,"../../../player/base/event/eventtype":70,"./selector":151}],146:[function(e,t,r){var i=e("./selector"),a=e("../../../lib/object"),s=(e("../../../lib/util"),e("../../../lib/cookie"),e("../../../lib/dom")),n=(e("../../../lib/event"),e("./util"),e("../../../lang/index")),l=e("../../../player/base/event/eventtype"),e=i.extend({init:function(e,t){this.Name=n.get("AudioTrack"),this.Type="audio",this.Tooltip=n.get("AudioTrack_Switch_To"),i.call(this,e,t)},bindEvent:function(){this.bindCommonEvent();var n=this,o=document.querySelector("#"+n.id()+" .selector-list");document.querySelector("#"+n.id()+" .header");n._player.on(l.Private.ChangeURL,function(){n._hasGeneratedList=!1}),this._player.on(l.Player.AudioTrackSwitch,function(){s.addClass(o,"disabled")}),this._player.on(l.Player.AudioTrackSwitched,function(){s.removeClass(o,"disabled")}),n._player.on(l.Player.AudioTrackReady,function(e){!n._hasGeneratedList&&(n._clear(),e=e.paramData)&&(a.each(e,function(e,t){var r=s.createEl.call(n,"li",{key:e.value,text:e.text}),i=s.createEl.call(n,"span",{key:e.value,text:e.text});i.innerText=e.text,r.appendChild(i),o.appendChild(r)}),n._hasGeneratedList=!0)})},execute:function(e){this._player._audioTrackService.switch(e)}});t.exports=e},{"../../../lang/index":23,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../lib/util":51,"../../../player/base/event/eventtype":70,"./selector":151,"./util":153}],147:[function(e,t,r){var i=e("../../component"),n=(e("../../../lib/dom"),e("../../../player/base/event/eventtype")),o=e("./list"),a=e("../../../lang/index"),s=e("../util"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass(t.className||"prism-setting-btn"),this._settingList=new o(e,t),e.addChild(this._settingList,t)},createEl:function(){return i.prototype.createEl.call(this,"div")},bindEvent:function(){var e=this;this.on("click",function(){e._settingList.isOpened?e._player.trigger(n.Private.SettingListHide):e._player.trigger(n.Private.SettingListShow),e._player.trigger(n.Private.SelectorHide),e._player.trigger(n.Private.MarkerTextHide),e._player.trigger(n.Private.VolumeVisibilityChange,"")}),s.registerTooltipEvent.call(this,this.el(),a.get("Setting"))}});t.exports=e},{"../../../lang/index":23,"../../../lib/dom":32,"../../../player/base/event/eventtype":70,"../../component":130,"../util":159,"./list":150}],148:[function(e,t,r){var i=e("./selector"),s=e("../../../lib/object"),l=e("../../../lib/dom"),n=(e("../../../lib/event"),e("./util"),e("../../../lib/cookie")),o=e("../../../lib/constants"),a=e("../../../lang/index"),c=e("../../../player/base/event/eventtype"),e=i.extend({init:function(e,t){this.Name=a.get("Subtitle"),this.Type="cc",this.Tooltip=a.get("CC_Switch_To"),i.call(this,e,t)},bindEvent:function(){this.bindCommonEvent();var r=this;this._player.on(c.Private.CCStateChanged,function(e){var t=e.paramData.value,e=e.paramData.lang,e=("on"==t&&e?r._backCCText=e:"off"==t&&""==r._backCCText&&(r._backCCText=r._previousSelection.text),"Off");"on"==t&&(e=r._backCCText),r._player.trigger(c.Private.SelectorUpdateList,{type:"cc",text:e})})},generateList:function(n){var o=document.querySelector("#"+this.id()+" .selector-list"),e=this._player._ccService.tracks,a=this;s.each(e,function(e,t){var r=l.createEl.call(this,"li",{key:e.value,text:e.text}),i=l.createEl.call(this,"span",{key:e.value,text:e.text});e.text==n&&(l.addClass(r,"current"),a._previousSelection=r),i.innerText=e.text,r.appendChild(i),o.appendChild(r)})},execute:function(e){this._backCCText="",n.set(o.SelectedCC,e,365),this._player._ccService.switch(e)}});t.exports=e},{"../../../lang/index":23,"../../../lib/constants":28,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../player/base/event/eventtype":70,"./selector":151,"./util":153}],149:[function(e,t,r){t.exports={CC:e("./cc"),Speed:e("./speed"),Quality:e("./Quality"),Audio:e("./audio")}},{"./Quality":145,"./audio":146,"./cc":148,"./speed":152}],150:[function(e,t,r){var o=e("../../component"),n=e("../../../lib/dom"),a=e("../../../lib/ua"),s=e("../../../lib/event"),l=e("../../../player/base/event/eventtype"),i=e("./export"),c=e("./util"),u=e("../../../lang/index"),e=o.extend({init:function(e,t){for(var r in this.isOpened=!1,o.call(this,e,t),this.addClass(t.className||"prism-setting-list"),i){r=new i[r](e,t);e.addChild(r,t)}},createEl:function(){var e=o.prototype.createEl.call(this,"div"),t="<div class='prism-setting-item prism-setting-{type}' type={type}><div class='setting-content'><span class='setting-title'>{value}</span><span class='array'></span><span class='current-setting'></span></div></div>",r=t.replace(/{type}/g,"speed").replace("{value}",u.get("Speed")),i=t.replace(/{type}/g,"cc").replace("{value}",u.get("Subtitle")),n=t.replace(/{type}/g,"audio").replace("{value}",u.get("AudioTrack")),t=t.replace(/{type}/g,"quality").replace("{value}",u.get("Quality"));return e.innerHTML=r+i+n+t,e},bindEvent:function(){function t(){i._player.trigger(l.Private.SettingListHide),i.isOpened=!1}function r(e){e&&e.text&&(document.querySelector("#"+i.id()+" .prism-setting-"+e.type+" .current-setting").innerText=e.text)}var i=this,e=(this._player.on(l.Private.SettingListShow,function(e){i.isOpened=!0;e=e.paramData;r(e),n.css(i.el(),"display","block")}),this._player.on(l.Private.UpdateToSettingList,function(e){e=e.paramData;r(e)}),this._player.on(l.Private.SelectorUpdateList,function(e){e=e.paramData;r(e),i._player.trigger(l.Private.SelectorValueChange,e)}),this._player.on(l.Private.SettingListHide,function(){i.isOpened=!1,n.css(i.el(),"display","none")}),s.on(this.el(),"click",function(e){i._player.trigger(l.Private.SettingListHide);var e=e.srcElement||e.target;(e=c.findItemElementForList(e))&&(e=e.getAttribute("type"),i._player.trigger(l.Private.SelectorShow,{type:e}))}),a.IS_MOBILE?"touchleave":"mouseleave");s.on(this.el(),e,function(){t()}),s.on(this._player.tag,"click",function(e){e&&e.target==e.currentTarget&&t()}),s.on(this._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&t()}),this._player.on(l.Private.QualityChange,function(e){var t,r,e=e.paramData;e.levelSwitch&&(t=document.querySelector("#"+i.id()+" .prism-setting-quality .current-setting"),r=u.get("Auto"),-1<t.innerText.indexOf(r))&&(t.innerText=r+(e.desc?"("+e.desc+")":""))})}});t.exports=e},{"../../../lang/index":23,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/ua":49,"../../../player/base/event/eventtype":70,"../../component":130,"./export":149,"./util":153}],151:[function(e,t,r){var i=e("../../component"),n=(e("../../../lib/object"),e("../../../lib/util"),e("../../../lib/ua")),a=(e("../../../lib/cookie"),e("../../../lib/dom")),s=e("../../../lib/event"),l=e("./util"),c=(e("../../../lang/index"),e("../../../player/base/event/eventtype")),e=i.extend({init:function(e,t){this._hasGeneratedList=!1,this._previousSelection=null,this._backupSelector="",i.call(this,e,t),this.className=t.className||"prism-"+this.Type+"-selector prism-setting-selector",this.addClass(this.className)},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="header"><div class="left-array"></div><span>'+this.Name+'</span></div><ul class="selector-list"></ul>',e},bindEvent:function(){this.bindCommonEvent()},bindCommonEvent:function(){var o=this,e=document.querySelector("#"+o.id()+" .selector-list"),t=document.querySelector("#"+o.id()+" .header");function r(){o._hasGeneratedList||(o._clear(),o.generateList(o._backupSelector),o._backupSelector="",o._hasGeneratedList=!0)}this._player.on(c.Private.ChangeURL,function(){o._hasGeneratedList=!1}),s.on(t,"click",function(){o._player.trigger(c.Private.SelectorHide),o._player.trigger(c.Private.SettingListShow,{type:o.Type,text:o._previousSelection?o._previousSelection.text:""})}),s.on(e,"click",function(e){var e=e.srcElement||e.target,t=e.key,r=e.text;o._player.trigger(c.Player.SettingSelected,{name:o.Name,type:o.Type,text:r,key:t}),void 0!==r&&(o._previousSelection&&a.removeClass(o._previousSelection,"current"),o._previousSelection=l.findliElementForSelector(e),a.addClass(o._previousSelection,"current"),o.execute&&o.execute(t),e=o.Tooltip+"<span>"+r+"</span>",o._player.trigger(c.Private.Info_Show,{text:e,duration:1e3,align:"lb"}))}),o._player.on(c.Private.SelectorHide,function(){i()}),o._player.on(c.Private.SelectorValueChange,function(e){var t=e.paramData;if(t&&t.type==o.Type){var r=document.querySelectorAll("#"+o.id()+" .selector-list li");if(r){var i=r.length;0==i&&(o._backupSelector=t.text);for(var n=0;n<i;n++)if(r[n].text==t.text){o._previousSelection&&a.removeClass(o._previousSelection,"current"),a.addClass(r[n],"current"),o._previousSelection=r[n];break}}}}),o._player.on(c.Private.SettingListShow,function(){r()}),o._player.on(c.Private.SelectorGenerateList,function(e){var t=e.paramData&&e.paramData.type,e=e.paramData&&e.paramData.value;t===o.Type&&(o._hasGeneratedList=!1,e&&(o._backupSelector=e),r())}),o._player.on(c.Private.SelectorShow,function(e){(e=e.paramData).type==o.Type&&(e=document.querySelector("#"+o._player.id()+" .prism-"+e.type+"-selector"),o._hasGeneratedList||r(),a.css(e,"display","block"))});var i=function(){a.css(o.el(),"display","none"),o._player.trigger(c.Private.UpdateToSettingList,{type:o.Type,text:o._previousSelection?o._previousSelection.text:""})},t=n.IS_MOBILE?"touchleave":"mouseleave";s.on(this.el(),t,function(){i()}),s.on(this._player.tag,"click",function(e){e&&e.target==e.currentTarget&&i()}),s.on(this._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&i()})},setSelected:function(e){},generateList:function(){},_clear:function(){document.querySelector("#"+this.id()+" .selector-list").innerHTML=""}});t.exports=e},{"../../../lang/index":23,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../lib/ua":49,"../../../lib/util":51,"../../../player/base/event/eventtype":70,"../../component":130,"./util":153}],152:[function(e,t,r){var i=e("./selector"),a=e("../../../lib/object"),s=(e("../../../lib/util"),e("../../../lib/cookie"),e("../../../lib/dom")),l=(e("../../../lib/event"),e("./util"),e("../../../lib/constants")),c=e("../../../lang/index"),e=(e("../../../player/base/event/eventtype"),i.extend({init:function(e,t){this.Name=c.get("Speed"),this.Type="speed",this.Tooltip=c.get("Speed_Switch_To"),i.call(this,e,t)},generateList:function(){var n=document.querySelector("#"+this.id()+" .selector-list"),e=l.SpeedLevels,o=this;a.each(e,function(e,t){var r=s.createEl.call(this,"li",{key:e.key,text:e.text}),i=s.createEl.call(this,"span",{key:e.key,text:e.text});i.innerText=e.text,e.text==c.get("Speed_1X_Text")&&(s.addClass(r,"current"),o._previousSelection=r),r.appendChild(i),n.appendChild(r)})},execute:function(e){this._player.setSpeed(e)}}));t.exports=e},{"../../../lang/index":23,"../../../lib/constants":28,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../lib/util":51,"../../../player/base/event/eventtype":70,"./selector":151,"./util":153}],153:[function(e,r,t){r.exports.findliElementForSelector=function(e){var t;return e&&"li"!=e.tagName.toLowerCase()?(t=e.parentElement)&&"li"==t.tagName.toLowerCase()?t:null:e},r.exports.findliElementByKey=function(e,t){document.querySelectors(e);return null},r.exports.findItemElementForList=function(e){var t;return!e||-1<e.className.indexOf("prism-setting-item")||(t=e.parentElement)&&(e=r.exports.findItemElementForList(t)),e}},{}],154:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),u=e("../../lib/util"),o=e("../../lang/index"),d=e("../../player/base/event/eventtype"),a=e("./util"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-snapshot-btn")},createEl:function(){return i.prototype.createEl.call(this,"div")},bindEvent:function(){var l=this,c=this._player;c.on(d.Private.Snapshot_Hide,function(){n.css(l._el,"display","none")}),a.registerTooltipEvent.call(this,this.el(),o.get("Snapshot")),this.on("click",function(){l.trigger(d.Player.Snapshoting);var e=document.createElement("canvas"),t=c.tag,r=t.videoWidth,i=t.videoHeight,n=c._getSanpshotMatric(),o=(e.width=n.width||r,e.height=n.height||i,c.getCurrentTime()),a=e.getContext("2d"),s=(a.save(),c.getImage()),s=("vertical"==s?(a.translate(0,e.height),a.scale(1,-1)):"horizon"==s&&(a.translate(e.width,0),a.scale(-1,1)),t),t=(c._splayer&&(s=2===c._splayer.renderType?c._el.querySelector("canvas"):c._el.querySelector("video")),a.drawImage(s,0,0,r,i),a.restore(),p(a,c.getOptions()),""),s="";try{t=e.toDataURL("image/jpeg",n.rate||1)}catch(e){s=e}r="",i="";t&&(a=(r=t).substr(r.indexOf(",")+1),i=u.toBinary(a)),l.trigger(d.Player.Snapshoted,{time:o,base64:r,binary:i,error:s})})}}),p=function(e,t){t=t.snapshotWatermark;t&&t.text&&(e.font=t.font,t.fillColor&&(e.fillStyle=t.fillColor,e.fillText(t.text,t.left,t.top)),t.strokeColor&&(e.strokeStyle=t.strokeColor,e.strokeText(t.text,t.left,t.top)),e.stroke())};t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],155:[function(e,t,r){var i=e("../component"),e=(e("../../lib/dom"),e("../../player/base/event/eventtype"),i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-text-overlay")},createEl:function(){return i.prototype.createEl.call(this,"div")},_hide:function(e){},_show:function(e){},bindEvent:function(){}}));t.exports=e},{"../../lib/dom":32,"../../player/base/event/eventtype":70,"../component":130}],156:[function(e,t,r){var i=e("../component"),a=(e("../../lib/util"),e("../../lib/dom")),n=e("../../lib/event"),s=(e("../../lib/ua"),e("../../lang/index"),e("../../player/base/event/eventtype")),l=e("./util"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-thumbnail")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML="<img></img><span></span>",e},bindEvent:function(){var o=this,e=(n.on(this._el,"mousemove",function(e){e.preventDefault()}),n.on(this._el,"touchmove",function(e){e.preventDefault()}),o._player.on(s.Private.ThumbnailLoaded,function(e){var t,r,i,e=e.paramData;e&&0<e.length&&(t=o._player._thumbnailService.makeUrl(e[0].text),o._player.log("THUMBNAILSTART",{tu:encodeURIComponent(t)}),r=(new Date).getTime(),e[0].isBig?(a.css(o.el(),"background","url("+t+")"),a.css(o.el(),"width",e[0].w+"px"),a.css(o.el(),"height",e[0].h+"px"),o._player.log("THUMBNAILCOMPLETE",{ftt:(new Date).getTime()-r})):((i=document.querySelector("#"+o.id()+" img")).onload=function(){var e=i.width,t=i.height;a.css(o.el(),"width",e+"px"),a.css(o.el(),"height",t+"px"),o._player.log("THUMBNAILCOMPLETE",{ftt:(new Date).getTime()-r})},i.src=t))}),l.throttle(function(e){var t,r,i,e=e[0],n=document.querySelector("#"+o.id()+" span"),e=e.paramData;n.innerText=e.formatTime,e&&((t=o._player._thumbnailService.findAvailableCue(e.time))?t.isBig?(r=o._player._thumbnailService.makeUrl(t.text),a.css(o.el(),"background","url("+r+")"),t.w,t.h,i=-1*t.x+"px "+-1*t.y+"px",a.css(o.el(),"background-position",i)):(i=document.querySelector("#"+o.id()+" img"),r=o._player._thumbnailService.makeUrl(t.text),i.src!=r&&(i.src=r)):(a.css(o.el(),"border","none"),a.css(n,"left","0px")),a.css(o.el(),"display","block"),i=0,r=(t?o.el():n).offsetWidth,i=e.left+r>e.progressWidth?e.left-r:(i=e.left-r/2)<0?0:i,a.css(o.el(),"left",i+"px"))},30));o._player.on(s.Private.ThumbnailShow,e),o._player.on(s.Private.ThumbnailHide,function(e){a.css(o.el(),"display","none")})},_createSamllThumbnail:function(){},disposeUI:function(){}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],157:[function(e,t,r){var i=e("../component"),n=e("../../lib/util"),o=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-time-display")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<span class="current-time">00:00</span> <span class="time-bound">/</span> <span class="duration">00:00</span>',e},bindEvent:function(){var t=this;this._player.on(o.Video.DurationChange,function(){var e=n.formatTime(t._player.getDisplayDuration());e?(document.querySelector("#"+t.id()+" .time-bound").style.display="inline",document.querySelector("#"+t.id()+" .duration").style.display="inline",document.querySelector("#"+t.id()+" .duration").innerText=e):(document.querySelector("#"+t.id()+" .duration").style.display="none",document.querySelector("#"+t.id()+" .time-bound").style.display="none")}),this._player.on(o.Video.TimeUpdate,function(){var e=t._player.getCurrentTime(),e=n.formatTime(e);document.querySelector("#"+t.id()+" .current-time")&&(e?(document.querySelector("#"+t.id()+" .current-time").style.display="inline",document.querySelector("#"+t.id()+" .current-time").innerText=e):document.querySelector("#"+t.id()+" .current-time").style.display="none")})}});t.exports=e},{"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130}],158:[function(e,t,r){var i=e("../component"),o=e("../../lib/dom"),a=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-tooltip")},createEl:function(){var e=i.prototype.createEl.call(this,"p");return e.innerText="\u63d0\u793a\u4fe1\u606f",e},bindEvent:function(){var n=this;n._player.on(a.Private.TooltipShow,function(e){var t=document.querySelector("#"+n.id()),e=e.paramData,r=(t.innerText=e.text,o.css(t,"display","block"),t.offsetWidth),i=document.querySelector("#"+n._player.id()+" .prism-controlbar");i&&(i=i.offsetWidth,e.left+r>i?o.css(t,"left",i-r+"px"):o.css(t,"left",e.left-(r-e.width)/2+"px"))}),n._player.on(a.Private.TooltipHide,function(e){var t=document.querySelector("#"+n.id());o.css(t,"display","none")})}});t.exports=e},{"../../lib/dom":32,"../../player/base/event/eventtype":70,"../component":130}],159:[function(e,t,r){var i=e("../../lib/event"),s=e("../../player/base/event/eventtype");t.exports.registerTooltipEvent=function(e,n){function o(){a._controlbarTooltipHandler&&(clearTimeout(a._controlbarTooltipHandler),a._controlbarTooltipHandler=null)}var a=this;i.on(this.el(),"mouseover",function(e){o(),a._controlbarTooltipHandler=setTimeout(function(){a._player.trigger(s.Private.TooltipHide)},4e3);var t=a.el().offsetLeft,r=a.el().offsetWidth,i=n;"function"==typeof n&&(i=n.call(this)),a._player.trigger(s.Private.TooltipShow,{left:t,width:r,text:i})}),i.on(this.el(),"mouseout",function(){o(),a._player.trigger(s.Private.TooltipHide)})},t.exports.throttle=function(r,i){var n=Date.now();return function(){var e=arguments,t=Date.now();i<=t-n&&(r(e),n=t)}},t.exports.debounce=function(r,i){var n;return function(){var e=this,t=arguments;clearTimeout(n),n=setTimeout(function(){r.apply(e,t)},i)}}},{"../../lib/event":33,"../../player/base/event/eventtype":70}],160:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("../../lib/event"),a=e("../../player/base/event/eventtype"),s=e("./util"),l=e("../../lang/index"),c=e("./volumecontrol"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-volume");var r=new c(e,t);e.addChild(r,t),this.volumeControl=r},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="volume-icon"><div class="short-horizontal"></div><div class="long-horizontal"></div></div>',e},bindEvent:function(){var r=this,i=r._player,e=(this.icon=document.querySelector("#"+r.id()+"  .volume-icon"),s.registerTooltipEvent.call(this,this.el(),function(){return r._player.muted()||0==r._player.getVolume()?l.get("Muted"):l.get("Volume")}),o.on(this.icon,"click",function(e){var t;r.volumeControl._shown?i.muted()?i.unMute():i.mute():(t=r.el().offsetLeft,r._player.trigger(a.Private.SettingListHide),r._player.trigger(a.Private.SelectorHide),r._player.trigger(a.Private.VolumeVisibilityChange,t),r._player.trigger(a.Private.MarkerTextHide))}),document.querySelector("#"+r.id()+"  .long-horizontal")),t=document.querySelector("#"+r.id()+"  .short-horizontal");o.on(this.el(),"mouseover",function(){n.removeClass(e,"volume-hover-animation"),setTimeout(function(){n.addClass(e,"volume-hover-animation")}),setTimeout(function(){n.removeClass(e,"volume-hover-animation"),n.addClass(t,"volume-hover-animation"),setTimeout(function(){n.removeClass(t,"volume-hover-animation"),n.addClass(e,"volume-hover-animation")},300)},300)}),o.on(window,"resize",function(){var e;r.volumeControl._shown&&(e=r.el().offsetLeft,r._player.trigger(a.Private.VolumeUpdatePosition,e))})}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../player/base/event/eventtype":70,"../component":130,"./util":159,"./volumecontrol":161}],161:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("../../lib/event"),a=e("../../player/base/event/eventtype"),e=(e("./util"),e("../../lang/index"),i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-volume-control"),this._shown=!1},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="volume-range"><div class="volume-value"></div><div class="volume-cursor"></div></div>',e},bindEvent:function(){var r=this;this.icon=document.querySelector("#"+r._player.id()+"  .volume-icon"),this.control=document.querySelector("#"+r.id()),this.volumnValue=document.querySelector("#"+r.id()+"  .volume-value"),this.volumnRange=document.querySelector("#"+r.id()+"  .volume-range"),this.volumnCursor=document.querySelector("#"+r.id()+"  .volume-cursor"),this._player.on(a.Private.VolumeVisibilityChange,function(e){var t,e=e.paramData;!r._shown&&e?(t=r._player.getVolume(),r._setVolumnUI(t),n.css(r.control,"display","block"),e&&r._updatePosition(e),r._shown=!0):r._hide()}),this._player.on(a.Private.VolumeUpdatePosition,function(e){e=e.paramData;r._shown&&r._updatePosition(e)}),this._player.on(a.Private.ControlBarClick,function(e){n.hasClass(e.paramData.target,"prism-controlbar-bg")&&r._hide()}),o.on(this.volumnRange,"click",function(e){e=n.getPointerPosition(r.volumnRange,e).y;e<0||1<e||(r._setVolumnUI(e=1<(e=e<0?0:e)?1:e),r._setMuteUI(e),r._player.setVolume(e))}),o.on(this._player.tag,"click",function(e){e&&e.target==e.currentTarget&&r._hide()}),o.on(this._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&r._hide()}),o.on(this.volumnCursor,"mousedown",function(e){r._onMouseDown(e)}),o.on(this.volumnCursor,"touchstart",function(e){r._onMouseDown(e)}),this._player.on(a.Private.VolumnChanged,function(e){e=e.paramData;-1<e&&r._setVolumnUI(e),r._setMuteUI(e)}),o.on(this.control,"mouseleave",function(){r._offEvent(),r._hide()}),o.on(this.control,"mouseover",function(){n.addClass(r.control,"hover")}),r._rangeBottom=r._getBottom()},_getBottom:function(){var e;return window.getComputedStyle?(e=window.getComputedStyle(this.volumnRange,null).getPropertyValue("bottom"),parseFloat(e)):26},_onMouseDown:function(e){var t=this;e.preventDefault(),o.on(this.control,"mousemove",function(e){t._onMouseMove(e)}),o.on(this.control,"touchmove",function(e){t._onMouseMove(e)}),o.on(this._player.tag,"mouseup",function(e){t._onMouseUp(e)}),o.on(this._player.tag,"touchend",function(e){t._onMouseUp(e)}),o.on(this.control,"mouseup",function(e){t._onMouseUp(e)}),o.on(this.control,"touchend",function(e){t._onMouseUp(e)})},_onMouseUp:function(e){e.preventDefault(),this._offEvent(),this.volumnRange.offsetHeight&&(e=(this.volumnValue.offsetHeight/this.volumnRange.offsetHeight).toFixed(2),this._player.setVolume(e),this._setMuteUI(e))},_onMouseMove:function(e){e.preventDefault();e=n.getPointerPosition(this.volumnRange,e).y;e<0||1<e||this._setVolumnUI(e=1<(e=e<0?0:e)?1:e)},_getPosition:function(e){for(var t=this.volumnRange,r=0;t=t.offsetParent;)r+=t.offsetTop;var i=this.volumnRange.offsetHeight,n=this.volumnCursor.offsetHeight,o=(e.touches?e.touches[0]:e).pageY;return(i-((o=i<o-r?e.clientY:o)-r)+n)/this.volumnRange.offsetHeight},_offEvent:function(){o.off(this._player.tag,"mouseup"),o.off(this._player.tag,"touchend"),o.off(this.control,"mousemove"),o.off(this.control,"touchmove"),o.off(this.control,"mouseup"),o.off(this.control,"touchend")},_setMuteUI:function(e){isNaN(e)||(0==e||-1==e?n.addClass(this.icon,"mute"):n.removeClass(this.icon,"mute"))},_setVolumnUI:function(e){isNaN(e)||(n.css(this.volumnValue,"height",100*e+"%"),n.css(this.volumnCursor,"bottom",100*(e=1==e?.99:e)+"%"))},_hide:function(){n.css(this.control,"display","none"),this._shown=!1},_updatePosition:function(e){n.css(this.control,"left",e-5+"px")}}));t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],162:[function(e,t,r){t.exports={H5Loading:e("./component/h5-loading"),bigPlayButton:e("./component/big-play-button"),controlBar:e("./component/controlbar"),progress:e("./component/progress"),playButton:e("./component/play-button"),liveDisplay:e("./component/live-display"),timeDisplay:e("./component/time-display"),fullScreenButton:e("./component/fullscreen-button"),volume:e("./component/volume"),snapshot:e("./component/snapshot"),errorDisplay:e("./component/error-display"),infoDisplay:e("./component/info-display"),liveShiftProgress:e("../commonui/liveshiftprogress"),liveShiftTimeDisplay:e("../commonui/livetimedisplay"),setting:e("./component/setting/button"),subtitle:e("./component/cc-button"),thumbnail:e("./component/thumbnail"),tooltip:e("./component/tooltip")}},{"../commonui/liveshiftprogress":12,"../commonui/livetimedisplay":13,"./component/big-play-button":131,"./component/cc-button":132,"./component/controlbar":133,"./component/error-display":135,"./component/fullscreen-button":136,"./component/h5-loading":137,"./component/info-display":138,"./component/live-display":140,"./component/play-button":142,"./component/progress":143,"./component/setting/button":147,"./component/snapshot":154,"./component/thumbnail":156,"./component/time-display":157,"./component/tooltip":158,"./component/volume":160}]},{},[15])(15)});
\ No newline at end of file
diff --git a/public/js/aliplayer-min.css b/public/js/aliplayer-min.css
new file mode 100644
index 0000000..a8326f1
--- /dev/null
+++ b/public/js/aliplayer-min.css
@@ -0,0 +1 @@
+.prism-player .prism-big-play-btn{background:url(./img/bigplay.png) no-repeat;background-size:contain;width:64px;height:64px}.prism-player .prism-big-play-btn .outter{border:7px solid rgba(255,255,255,.51);width:64px;height:64px;border-radius:100%;position:absolute;box-sizing:border-box;top:0;left:0}.prism-player .prism-big-play-btn:hover{cursor:pointer}.prism-player .prism-play-btn{width:24px;height:24px;background:url(./img/smallplay.png) no-repeat;background-size:contain}.prism-player .prism-play-btn:hover{cursor:pointer}.prism-player .prism-live-display{font-size:12px;color:#ebecec;line-height:44px;text-align:center;margin:0}.prism-player .live-shift-display:hover{cursor:pointer;font-size:14px}.prism-player .prism-play-btn.playing{background:url(./img/smallpause.png) no-repeat;background-size:contain}.prism-player .prism-play-btn.playing:hover{cursor:pointer}.prism-player .prism-fullscreen-btn{width:24px;height:24px;background:url(./img/fullscreen.png) no-repeat;background-size:contain}.prism-player .prism-fullscreen-btn:hover{cursor:pointer}.prism-player .prism-fullscreen-btn.fullscreen{background:url(./img/smallscreen.png) no-repeat;background-size:contain}.prism-player .prism-fullscreen-btn.fullscreen:hover{animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1;cursor:pointer}.prism-player .prism-volume{position:relative}.prism-player .prism-volume .volume-icon{width:28px;height:28px;background:url(./img/volume.png);background-size:contain}.prism-player .prism-volume .volume-icon .long-horizontal{width:3px;background:#ebecec;height:18px;position:absolute;right:5px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.prism-player .prism-volume .volume-icon .short-horizontal{width:3px;background:#ebecec;height:8px;position:absolute;right:10px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.prism-player .prism-volume .volume-icon:hover{-ms-transform-origin:0 50%;transform-origin:0 50%;background-size:contain;cursor:pointer}.prism-player .prism-volume .mute .long-horizontal{-ms-transform:rotate(-45deg);transform:rotate(-45deg);height:12px;top:10px;left:22px}.prism-player .prism-volume .mute .short-horizontal{-ms-transform:rotate(45deg);transform:rotate(45deg);height:12px;top:10px;left:22px}.prism-player .prism-volume-control{position:absolute;bottom:44px;display:none;background:rgba(60,60,60,.95);box-shadow:0 0 6px 0 rgba(0,0,0,.1);width:32px;height:130px;z-index:10000}.prism-player .prism-volume-control .volume-control-icon{width:32px;height:32px;background:url(./img/unmutevolume.png) no-repeat;background-size:contain}.prism-player .prism-volume-control .volume-control-icon:hover{cursor:pointer;background:url(./img/volumehover.png) no-repeat;background-size:contain}.prism-player .prism-volume-control .volume-control-icon.mute{background:url(./img/volumemute.png) no-repeat;background-size:contain}.prism-player .prism-volume-control .volume-control-icon.mute:hover{background:url(./img/volumemutehover.png) no-repeat;background-size:contain;cursor:pointer}.prism-player .prism-volume-control:hover{cursor:pointer}.prism-player .prism-volume-control .volume-control-icon{position:absolute;bottom:6px;left:8px;width:26px;height:26px}.prism-player .prism-volume-control .volume-range{position:absolute;left:14px;bottom:10px;border-radius:1px;background:#6c6262;box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.06);width:4px;height:100px}.prism-player .prism-volume-control .volume-value{width:100%;height:0%;background:#30adf2;position:absolute;border-radius:1px;bottom:0}.prism-player .prism-volume-control .volume-cursor{position:absolute;bottom:0;background:#fff;width:15px;height:15px;border-radius:15px;left:-6px}.prism-player .prism-volume-control .volume-cursor:hover{background:#00c1de}.prism-player .prism-animation{width:64px;height:64px;border-radius:64px;opacity:0;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.prism-player .prism-play-animation{background:url(./img/playanimation.png) no-repeat;background-size:contain}.prism-player .prism-pause-animation{background:url(./img/pauseanimation.png) no-repeat;background-size:contain}.prism-player .play-apply-animation{animation:prismplayanimation 1s 1;-moz-animation:prismplayanimation 1s 1;-webkit-animation:prismplayanimation 1s 1;-o-animation:prismplayanimation 1s 1;animation-fill-mode:both}@keyframes prismplayanimation{0%{width:32px;height:32px;border-radius:32px;opacity:0}50%{width:32px;height:32px;border-radius:32px;opacity:1}99%{width:76px;height:76px;border-radius:76px;opacity:0}100%{width:0;height:0}}@keyframes spinoffPulse{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@keyframes hoverAnimationRotate{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}50%{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}100%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}}@keyframes hoverAnimationScale{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}}@keyframes hoverAnimationScaleX{0%{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1)}50%{transform:scaleX(1.2);-webkit-transform:scaleX(1.2);-moz-transform:scaleX(1.2)}100%{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1)}}@keyframes hoverVolumeAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.volume-hover-animation{animation:hoverVolumeAnimation .3s 1;-moz-animation:hoverVolumeAnimation .3s 1;-webkit-animation:hoverVolumeAnimation .3s 1;-o-animation:hoverVolumeAnimation .3s 1}@keyframes hoverPlayButtonAnimation{0%{width:63px;height:63px;border:7px solid #fff}60%{width:90px;height:90px;border:7px solid rgba(255,255,255,.51)}100%{width:97px;height:97px;border:14px solid rgba(255,255,255,0)}}@keyframes warn{0%{transform:scale(1);opacity:0}25%{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.3}75%{transform:scale(1.5);opacity:.5}100%{transform:scale(2);opacity:0}}.big-playbtn-hover-animation{animation:warn 1s ease-out;-moz-animation:warn 1s ease-out;-webkit-animation:warn 1s ease-out;-o-animation:warn 1s ease-out}.big-playbtn-hover-animation1{animation:hoverPlayButtonAnimation 1s 1;-moz-animation:hoverPlayButtonAnimation 1s 1;-webkit-animation:hoverPlayButtonAnimation 1s 1;-o-animation:hoverPlayButtonAnimation 1s 1}.prism-player{background-color:#000;position:relative}.prism-player a{text-decoration:none}.prism-player video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform-origin:center;-moz-transform-origin:center;-webkit-transform-origin:center;-o-transform-origin:center}.prism-player .x5-full-screen{object-fit:fill;object-position:50% 50%}.prism-player .x5-top-left{object-fit:contain;object-position:0 0}.prism-player .prism-cover{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0;left:0;z-index:11}.prism-player .prism-text-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;pointer-events:none}.prism-player .prism-ErrorMessage{width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;z-index:99;top:0;left:0;overflow:hidden;display:none}.prism-player .prism-ErrorMessage .prism-error-content{margin-top:20px;padding:0 5px}.prism-player .prism-ErrorMessage .prism-error-content p{text-align:center;font-size:12px;color:#fff}.prism-player .prism-ErrorMessage .prism-error-operation{margin-top:10px;margin-bottom:10px;padding-bottom:5px;border-bottom:1.5px;border-bottom-color:rgba(255,255,255,.15);border-bottom-style:dotted;text-align:center}.prism-player .prism-ErrorMessage .prism-error-operation a{width:80px;height:32px;line-height:32px;vertical-align:top;display:inline-block;margin-left:10px}.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh{color:#21c5e0;border:solid 1px #21c5e0}.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:hover{color:#05d3f5;border-color:#05d3f5;cursor:pointer}.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:active{color:#026a7b;border-color:#026a7b}.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange:visited{color:#05d3f5}.prism-player .prism-ErrorMessage .prism-detect-info{color:#fff;font-size:10px}.prism-player .prism-ErrorMessage .prism-detect-info p{padding:0 5px;word-break:break-all;margin:0 0 4px}.prism-player .prism-ErrorMessage .prism-detect-info span.info-label{display:inline-block;font-weight:700}.prism-player .prism-ErrorMessage .prism-detect-info span.info-content{color:gray}.prism-player .prism-big-play-btn{display:none;z-index:1000}.prism-player .prism-license-watermark{z-index:100;position:absolute;width:300px;height:120px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;right:20px;top:20px;border:1px solid rgba(216,216,216,.12);box-shadow:0 0 12px 0 rgba(130,130,130,.2);border-radius:2px;backdrop-filter:blur(4px);background-color:rgba(255,255,255,.12)}.prism-player .prism-license-watermark .no-authorization{font-weight:500;font-size:24px;color:rgba(255,255,255,.9);text-shadow:1px 1px 2px rgba(0,0,0,.5);margin:0 50px}.prism-player .prism-license-watermark .apply-button{margin-top:12px;padding:5px 20px;background-color:#00bcd4;border:1px solid #26c5da;font-weight:400;font-size:14px;color:#fff;line-height:20px;cursor:pointer}.prism-player .prism-controlbar{width:100%;height:44px;position:relative;z-index:10;font-size:14px}.prism-player .prism-controlbar .prism-controlbar-bg{background:rgba(75,75,75,.15);width:100%;height:40px;position:absolute;bottom:0;left:0;z-index:-1}.prism-player .prism-time-display{height:40px;line-height:40px;color:#a4aab3;font-size:12px}.prism-player .prism-time-display .current-time{color:#fff}.prism-player .prism-live-time-display{height:44px;line-height:44px;color:#a4aab3;font-size:12px}.prism-player .prism-live-time-display span{display:inline}.prism-player .prism-live-time-display .live-text{margin-left:5px;font-size:12px;color:#ebecec}.prism-player .prism-live-time-display .current-time{color:#fff}.prism-player .prism-fullscreen-btn:hover{animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1}.prism-player .prism-liveshift-progress,.prism-player .prism-progress{bottom:40px!important;width:100%;height:4px;background:rgba(195,197,198,.5);box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.06);position:relative;cursor:pointer}.prism-player .prism-liveshift-progress .prism-progress-time,.prism-player .prism-progress .prism-progress-time{position:absolute;top:-25px;background:rgba(0,0,0,.8);box-shadow:0 0 5px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.1);color:#fff;font-size:14px;border-radius:7.5px;padding:0 6px 0 6px;text-align:center;white-space:nowrap}.prism-player .prism-liveshift-progress .prism-progress-loaded,.prism-player .prism-progress .prism-progress-loaded{position:absolute;top:0;left:0;width:0;height:100%;background:#c3c5c6}.prism-player .prism-liveshift-progress .prism-progress-played,.prism-player .prism-progress .prism-progress-played{position:absolute;top:0;left:0;width:0;height:100%;background-color:#00c1de}.prism-player .prism-liveshift-progress .prism-progress-cursor,.prism-player .prism-progress .prism-progress-cursor{position:absolute;border-radius:8px;top:-5px;width:16px;height:16px;overflow:hidden;box-sizing:content-box;background:url(./img/dragcursorhover.png) center;display:none}.prism-player .prism-liveshift-progress .prism-progress-cursor img,.prism-player .prism-progress .prism-progress-cursor img{width:14px;height:14px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.prism-player .prism-liveshift-progress .cursor-hover,.prism-player .prism-progress .cursor-hover{border-radius:9px;width:18px;height:18px;top:-5px!important}.prism-player .prism-liveshift-progress .cursor-hover img,.prism-player .prism-progress .cursor-hover img{width:16px;height:16px}.prism-player .prism-liveshift-progress .prism-progress-marker,.prism-player .prism-progress .prism-progress-marker{width:100%;height:100%;position:absolute}.prism-player .prism-liveshift-progress .prism-progress-marker .prism-marker-dot,.prism-player .prism-progress .prism-progress-marker .prism-marker-dot{position:absolute;background:#d9edf7;width:5px;height:100%;border-radius:20%}.prism-player .prism-progress-hover{cursor:pointer;height:6px;transition:height .1s}.prism-player .prism-progress-hover .prism-marker-dot{width:10px;height:80%;top:8%;border-radius:30%}.prism-player .prism-progress-hover .prism-progress-cursor{top:-4px}.prism-player .prism-liveshift-progress{background:0 0}.prism-player .prism-liveshift-progress .prism-enable-liveshift{cursor:pointer;position:absolute;background:#fff;height:4px}.prism-player .prism-liveshift-progress .prism-enable-liveshift:hover{height:6px;transition:height .1s}.prism-player .prism-liveshift-progress .prism-liveshift-seperator{height:15px;position:absolute;right:0;top:-8px;color:#fff;margin-right:5px;margin-left:5px;right:-65px}.prism-player .prism-marker-text{padding:5px;background:rgba(0,0,0,.8);position:absolute;max-width:180px;max-height:100px;bottom:50px;color:#fff;border-radius:3px;z-index:9999;display:none;overflow:auto}.prism-player .prism-marker-text p{text-align:center;word-break:break-all;margin:0;font-size:12px}.prism-player .prism-loading{width:55px;height:55px;z-index:10}.prism-player .prism-loading .circle-androidFirefox{background-color:rgba(0,0,0,0);border:5px solid;border-color:rgba(0,193,222,.2) rgba(0,193,222,.5) rgba(0,193,222,.7) rgba(0,193,222,.1);opacity:.9;border-radius:50px;width:45px;height:45px;margin:0 auto}.prism-player .prism-loading .circle{background-color:rgba(0,0,0,0);border:5px solid;border-color:rgba(0,193,222,.2) rgba(0,193,222,.5) rgba(0,193,222,.7) rgba(0,193,222,.1);opacity:.9;border-radius:50px;width:45px;height:45px;margin:0 auto;-moz-animation:spinoffPulse .9s infinite linear;-webkit-animation:spinoffPulse .9s infinite linear}.prism-player .prism-hide{display:none}.prism-player .prism-snapshot-btn{width:32px;height:32px;background:url(./img/snapshot.png) no-repeat;background-size:contain}.prism-player .prism-snapshot-btn:hover{animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1;cursor:pointer}.prism-player .prism-snapshot-btn:active{displa:block}.prism-player .prism-info-display{width:100%;color:#fff;font-size:18px;text-align:center;top:50%;position:absolute;z-index:900;height:44px;line-height:28px;font-size:16px;padding:10px 12px 10px 12px}.prism-player .prism-info-display span{color:#00c1de}.prism-player .prism-info-left-bottom{width:auto!important;top:auto!important;bottom:70px;left:20px!important;text-align:left}.prism-player .prism-info-top-center{width:auto!important;top:20px!important;left:50%!important;text-align:left!important;-ms-transform:translateX(-50%)!important;transform:translateX(-50%)!important;color:red!important}.prism-player .prism-info-black{color:#000!important}.prism-player .prism-auto-stream-selector{position:absolute;bottom:50%;width:100%;margin:auto;color:#efeff4;display:none}.prism-player .prism-auto-stream-selector p.tip-text{text-align:center}.prism-player .prism-auto-stream-selector .operators{width:100px;margin:auto}.prism-player .prism-button-cancel{font-size:16px;border:1px #ffffffa8 solid;padding:2px 5px 2px 5px;color:#ffffffa8;margin-left:5px;background:#503f3f3d}.prism-player .prism-button-ok{font-size:16px;border:1px #fff solid;padding:2px 5px 2px 5px;color:#fff;background:#503f3f63}.prism-player .prism-button-cancel:hover,.prism-player .prism-button-ok:hover{color:#f5f5f5}.prism-player .prism-cc-btn{height:24px;width:24px;background:url(./img/cc.png) center no-repeat;background-size:contain}.prism-player .prism-cc-btn:hover{cursor:pointer;animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1}.prism-player .prism-setting-btn{height:24px;width:24px;background:url(./img/setting.png) center no-repeat;background-size:contain}.prism-player .prism-setting-btn:hover{cursor:pointer;animation:hoverAnimationRotate 1s 1;-moz-animation:hoverAnimationRotate 1s 1;-webkit-animation:hoverAnimationRotate 1s 1;-o-animation:hoverAnimationRotate 1s 1}.prism-player .prism-setting-list{background:rgba(60,60,60,.95);width:220px;position:absolute;right:14px;bottom:45px;display:none;z-index:10000;text-align:left}.prism-player .prism-setting-list .prism-setting-item{font-size:14px;color:#ebecec;height:30px}.prism-player .prism-setting-list .prism-setting-item .setting-content{width:100%}.prism-player .prism-setting-list .prism-setting-item .setting-content:hover{background:rgba(216,216,216,.1);cursor:pointer}.prism-player .prism-setting-list .prism-setting-item .setting-content span{line-height:30px}.prism-player .prism-setting-list .prism-setting-item .setting-content .setting-title{margin-left:15px}.prism-player .prism-setting-list .prism-setting-item .setting-content .current-setting{float:right;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prism-player .prism-setting-list .prism-setting-item .array{display:inline-block;border-right:2px solid;border-bottom:2px solid;border-color:#fff;width:8px;height:8px;-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:10px;margin-top:10px;margin-left:10px;float:right}.prism-player .prism-setting-selector{right:40px;position:absolute;bottom:45px;width:150px;background:rgba(60,60,60,.95);font-size:14px;color:#ebecec;display:none;z-index:10000;text-align:left}.prism-player .prism-setting-selector .header{background:#242424;width:150px;height:30px}.prism-player .prism-setting-selector .header:hover{cursor:pointer}.prism-player .prism-setting-selector .header .left-array{display:inline-block;border-left:2px solid;border-bottom:2px solid;border-color:#fff;width:8px;height:8px;-ms-transform:rotate(45deg);transform:rotate(45deg);margin-right:6px;margin-top:12px;margin-left:16px;float:left}.prism-player .prism-setting-selector .header span{line-height:30px}.prism-player .prism-setting-selector ul.selector-list::-webkit-scrollbar{width:10px;background-color:#424242}.prism-player .prism-setting-selector ul.selector-list::-webkit-scrollbar-track{background-color:#424242}.prism-player .prism-setting-selector ul.selector-list::-webkit-scrollbar-thumb{background-color:#8e8e8e;border:1px solid #424242;border-radius:5px}.prism-player .prism-setting-selector ul{list-style-type:none;padding-left:0;max-height:150px;overflow-y:auto;padding-left:13px;margin-top:5px}.prism-player .prism-setting-selector ul li{height:28px;padding-left:10px}.prism-player .prism-setting-selector ul li.current{color:#30adf2;padding-left:0}.prism-player .prism-setting-selector ul li.current:before{content:"";display:inline-block;line-height:0;border:5px solid transparent;border-left-color:#30adf2;border-right-width:0;margin-top:5px;padding-right:5px}.prism-player .prism-setting-selector ul li:hover{background:rgba(216,216,216,.1);cursor:pointer}.prism-player .prism-setting-selector ul span{line-height:28px;max-width:110px;display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prism-player .prism-thumbnail{border:1px solid rgba(0,0,0,.8);width:174px;height:98px;position:absolute;bottom:50px;display:none;z-index:10}.prism-player .prism-thumbnail .none{border:none}.prism-player .prism-thumbnail span{font-size:12px;color:#fff;line-height:20px;background:rgba(0,0,0,.8);text-align:center;text-shadow:1px 1px 4px #373d41;padding-left:5px;padding-right:5px;display:inline-block;position:absolute;bottom:0;left:33%}.prism-player .prism-tooltip{background:#3c3c3c;box-shadow:0 0 5px 0 rgba(0,0,0,.1);height:28px;margin:0;padding-left:5px;padding-right:5px;padding-top:0;padding-bottom:0;position:absolute;bottom:50px;color:#fff;line-height:28px;font-size:10px;white-space:nowrap;display:none;z-index:10}.prism-player .disabled{pointer-events:none;color:gray}:-webkit-full-screen{width:100%!important;height:100%!important}:-moz-full-screen{width:100%!important;height:100%!important}:-ms-full-screen{width:100%!important;height:100%!important}:-ms-fullscreen{width:100%!important;height:100%!important}:-webkit-full-screen{width:100%!important;height:100%!important}:fullscreen{width:100%!important;height:100%!important}body.prism-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.prism-fullscreen{position:fixed;overflow:hidden;z-index:99999;left:0!important;top:0!important;bottom:0!important;right:0!important;width:100%!important;height:100%!important;position:absolute!important}.prism-button{cursor:pointer;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.3);border-radius:.5em;box-shadow:0 1px 2px rgba(0,0,0,.2)}.prism-button-orange{color:#a56117;border:solid 1px #a56117}.prism-button-retry{color:#f2dede;border:solid 1px #f2dede}.prism-button-orange:hover{color:#d67400;border-color:#d67400}.prism-button-orange:active{color:#d67400;border-color:#d67400}.prism-button-orange:visited{color:#d67400}.prism-button-retry:hover{color:#fcf8e3;border-color:#fcf8e3}.prism-button-retry:active{color:#fcf8e3;border-color:#fcf8e3}.prism-button-retry:visited{color:#fcf8e3}.prism-center{position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.prism-width90{width:90%}.prism-stream-selector{font-size:16px;position:relative;line-height:32px}.prism-stream-selector .current-stream-selector{text-align:center;width:70px;display:none;color:#efeff4}.prism-stream-selector .current-stream-selector:hover{cursor:pointer;color:#00c1de}.prism-stream-selector .stream-selector-tip{color:#fff;text-align:center;padding:2px 5px 2px 5px;display:none;position:absolute;bottom:61.5px;white-space:nowrap;left:43%;font-size:18px}.prism-stream-selector .stream-selector-list{position:absolute;bottom:32px;background:rgba(0,0,0,.5);color:#efeff4;padding:5px 5px 0 5px;width:70px;margin:0;display:none}.prism-stream-selector .stream-selector-list li{list-style-type:none;text-align:center;white-space:nowrap;padding:0 2px 0 2px;line-height:24px}.prism-stream-selector .stream-selector-list li:last-child{margin-bottom:10px}.prism-stream-selector .stream-selector-list li.current{color:#00c1de}.prism-stream-selector .stream-selector-list li span.current{color:#00c1de}.prism-stream-selector .stream-selector-list li:hover{cursor:pointer;color:#00c1de}.prism-speed-selector{font-size:16px;position:relative;line-height:32px}.prism-speed-selector .current-speed-selector{color:#efeff4;text-align:center;width:60px}.prism-speed-selector .current-speed-selector:hover{cursor:pointer;color:#00c1de}.prism-speed-selector .speed-selector-list{position:absolute;bottom:32px;background:rgba(0,0,0,.5);color:#efeff4;padding:5px 5px 0 5px;display:none;margin:0}.prism-speed-selector .speed-selector-list li{list-style-type:none;text-align:center;white-space:nowrap;padding:0 2px 0 2px;line-height:24px}.prism-speed-selector .speed-selector-list li:last-child{margin-bottom:10px}.prism-speed-selector .speed-selector-list li.current{color:#00c1de}.prism-speed-selector .speed-selector-list li span.current{color:#00c1de}.prism-speed-selector .speed-selector-list li:hover{cursor:pointer;color:#00c1de}.prism-ai-container{position:absolute;overflow:hidden}.prism-ai-container .prism-ai-marking{font-size:12px;position:absolute}.prism-ai-container .prism-ai-marking[vh=large]{font-size:18px}.prism-ai-container .prism-ai-marking[vh=middle]{font-size:16px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region{position:relative;display:inline-block}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title{height:0;-ms-transform:translateY(-40px);transform:translateY(-40px)}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title p{background:#ff1d00;text-align:center;width:100%;color:#fff;word-break:keep-all;margin:10px 0 0 0}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-left-anchor{width:5px;height:5px;border-top-color:red;border-top-style:solid;border-left-color:red;border-left-style:solid;border-width:1px;-ms-transform:translate(-5px,10px);transform:translate(-5px,10px)}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-right-anchor{width:5px;height:5px;border-top-color:red;border-top-style:solid;border-right-color:red;border-right-style:solid;border-width:1px;-ms-transform:translate(5px,5px);transform:translate(5px,5px);float:right}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect{border-style:solid;border-color:#ff1d00;border-width:1px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;color:rgba(255,29,0,.3);background:rgba(255,29,0,.1)}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash-container{overflow:hidden;width:100%;height:100%;position:absolute}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash{content:"";display:block;box-sizing:border-box;border-top-width:1px;border-top-style:solid;height:10px;margin-top:15px;border-bottom-width:1px;border-bottom-style:solid;transform:rotateZ(-45deg) scaleX(2);-ms-transform-origin:bottom center;transform-origin:bottom center}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-top-slash{margin-top:-10px!important}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .anchor-plug{position:absolute}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-left{top:-7px;left:-2px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-right{top:-7px;right:-2px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-left{bottom:-8px;left:-2px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-right{bottom:-8px;right:-2px}.prism-ai-container .prism-ai-marking .prism-ai-labels{color:#fff;float:right;background:rgba(0,0,0,.4);padding-top:5px;padding-bottom:5px}.prism-ai-container .prism-ai-marking .prism-ai-labels p{text-align:left;padding-left:5px;padding-right:5px;margin:0}.prism-ai-container .prism-ai-marking .prism-ai-labels a{padding-left:5px;padding-right:5px}.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=large]{padding-left:25px;padding-right:25px}.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=middle]{padding-left:15px;padding-right:15px}video::-webkit-media-text-track-container{overflow:visible!important}video::cue{line-height:1.7}.loading-center{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
\ No newline at end of file
diff --git a/public/js/aliplayer-min.js b/public/js/aliplayer-min.js
new file mode 100644
index 0000000..b9fd953
--- /dev/null
+++ b/public/js/aliplayer-min.js
@@ -0,0 +1,2 @@
+/*! aliyun-aliplayer - v2.15.6 - 2023-05-10 15.10.56 */
+!function(e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).Aliplayer=e()}(function(){var define,module,exports;return function i(n,o,a){function s(t,e){if(!o[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(l)return l(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=o[t]={exports:{}},n[t][0].call(r.exports,function(e){return s(n[t][1][e]||e)},r,r.exports,i,n,o,a)}return o[t].exports}for(var l="function"==typeof require&&require,e=0;e<a.length;e++)s(a[e]);return s}({1:[function(e,t,r){},{}],2:[function(y,r,i){!function(f){!function(){var e,t;e=this,t=function(){var i,c=Math;if("undefined"!=typeof window&&window.crypto&&(i=window.crypto),"undefined"!=typeof self&&self.crypto&&(i=self.crypto),!(i=!(i=!(i="undefined"!=typeof globalThis&&globalThis.crypto?globalThis.crypto:i)&&"undefined"!=typeof window&&window.msCrypto?window.msCrypto:i)&&void 0!==f&&f.crypto?f.crypto:i)&&"function"==typeof y)try{i=y("crypto")}catch(e){}var r=Object.create||function(e){return t.prototype=e,e=new t,t.prototype=null,e};function t(){}var e={},n=e.lib={},o=n.Base={extend:function(e){var t=r(this);return e&&t.mixIn(e),t.hasOwnProperty("init")&&this.init!==t.init||(t.init=function(){t.$super.init.apply(this,arguments)}),(t.init.prototype=t).$super=this,t},create:function(){var e=this.extend();return e.init.apply(e,arguments),e},init:function(){},mixIn:function(e){for(var t in e)e.hasOwnProperty(t)&&(this[t]=e[t]);e.hasOwnProperty("toString")&&(this.toString=e.toString)},clone:function(){return this.init.prototype.extend(this)}},u=n.WordArray=o.extend({init:function(e,t){e=this.words=e||[],this.sigBytes=null!=t?t:4*e.length},toString:function(e){return(e||s).stringify(this)},concat:function(e){var t=this.words,r=e.words,i=this.sigBytes,n=e.sigBytes;if(this.clamp(),i%4)for(var o=0;o<n;o++){var a=r[o>>>2]>>>24-o%4*8&255;t[i+o>>>2]|=a<<24-(i+o)%4*8}else for(var s=0;s<n;s+=4)t[i+s>>>2]=r[s>>>2];return this.sigBytes+=n,this},clamp:function(){var e=this.words,t=this.sigBytes;e[t>>>2]&=4294967295<<32-t%4*8,e.length=c.ceil(t/4)},clone:function(){var e=o.clone.call(this);return e.words=this.words.slice(0),e},random:function(e){for(var t=[],r=0;r<e;r+=4)t.push(function(){if(i){if("function"==typeof i.getRandomValues)try{return i.getRandomValues(new Uint32Array(1))[0]}catch(e){}if("function"==typeof i.randomBytes)try{return i.randomBytes(4).readInt32LE()}catch(e){}}throw new Error("Native crypto module could not be used to get secure random number.")}());return new u.init(t,e)}}),a=e.enc={},s=a.Hex={stringify:function(e){for(var t=e.words,r=e.sigBytes,i=[],n=0;n<r;n++){var o=t[n>>>2]>>>24-n%4*8&255;i.push((o>>>4).toString(16)),i.push((15&o).toString(16))}return i.join("")},parse:function(e){for(var t=e.length,r=[],i=0;i<t;i+=2)r[i>>>3]|=parseInt(e.substr(i,2),16)<<24-i%8*4;return new u.init(r,t/2)}},l=a.Latin1={stringify:function(e){for(var t=e.words,r=e.sigBytes,i=[],n=0;n<r;n++){var o=t[n>>>2]>>>24-n%4*8&255;i.push(String.fromCharCode(o))}return i.join("")},parse:function(e){for(var t=e.length,r=[],i=0;i<t;i++)r[i>>>2]|=(255&e.charCodeAt(i))<<24-i%4*8;return new u.init(r,t)}},p=a.Utf8={stringify:function(e){try{return decodeURIComponent(escape(l.stringify(e)))}catch(e){throw new Error("Malformed UTF-8 data")}},parse:function(e){return l.parse(unescape(encodeURIComponent(e)))}},d=n.BufferedBlockAlgorithm=o.extend({reset:function(){this._data=new u.init,this._nDataBytes=0},_append:function(e){"string"==typeof e&&(e=p.parse(e)),this._data.concat(e),this._nDataBytes+=e.sigBytes},_process:function(e){var t,r=this._data,i=r.words,n=r.sigBytes,o=this.blockSize,a=n/(4*o),s=(a=e?c.ceil(a):c.max((0|a)-this._minBufferSize,0))*o,e=c.min(4*s,n);if(s){for(var l=0;l<s;l+=o)this._doProcessBlock(i,l);t=i.splice(0,s),r.sigBytes-=e}return new u.init(t,e)},clone:function(){var e=o.clone.call(this);return e._data=this._data.clone(),e},_minBufferSize:0}),h=(n.Hasher=d.extend({cfg:o.extend(),init:function(e){this.cfg=this.cfg.extend(e),this.reset()},reset:function(){d.reset.call(this),this._doReset()},update:function(e){return this._append(e),this._process(),this},finalize:function(e){return e&&this._append(e),this._doFinalize()},blockSize:16,_createHelper:function(r){return function(e,t){return new r.init(t).finalize(e)}},_createHmacHelper:function(r){return function(e,t){return new h.HMAC.init(r,t).finalize(e)}}}),e.algo={});return e},"object"==typeof i?r.exports=i=t():"function"==typeof define&&define.amd?define([],t):e.CryptoJS=t()}.call(this)}.call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{crypto:1}],3:[function(e,t,r){var i,n;i=this,n=function(e){var f;return f=e.lib.WordArray,e.enc.Base64={stringify:function(e){for(var t=e.words,r=e.sigBytes,i=this._map,n=(e.clamp(),[]),o=0;o<r;o+=3)for(var a=(t[o>>>2]>>>24-o%4*8&255)<<16|(t[o+1>>>2]>>>24-(o+1)%4*8&255)<<8|t[o+2>>>2]>>>24-(o+2)%4*8&255,s=0;s<4&&o+.75*s<r;s++)n.push(i.charAt(a>>>6*(3-s)&63));var l=i.charAt(64);if(l)for(;n.length%4;)n.push(l);return n.join("")},parse:function(e){var t=e.length,r=this._map;if(!(i=this._reverseMap))for(var i=this._reverseMap=[],n=0;n<r.length;n++)i[r.charCodeAt(n)]=n;for(var o,a,s=r.charAt(64),l=(s&&-1!==(s=e.indexOf(s))&&(t=s),e),c=t,u=i,p=[],d=0,h=0;h<c;h++)h%4&&(o=u[l.charCodeAt(h-1)]<<h%4*2,a=u[l.charCodeAt(h)]>>>6-h%4*2,p[d>>>2]|=(o|a)<<24-d%4*8,d++);return f.create(p,d)},_map:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="},e.enc.Base64},"object"==typeof r?t.exports=r=n(e("crypto-js/core")):"function"==typeof define&&define.amd?define(["crypto-js/core"],n):n(i.CryptoJS)},{"crypto-js/core":2}],4:[function(e,t,r){var i,n;i=this,n=function(e){return e.enc.Utf8},"object"==typeof r?t.exports=r=n(e("crypto-js/core")):"function"==typeof define&&define.amd?define(["crypto-js/core"],n):n(i.CryptoJS)},{"crypto-js/core":2}],5:[function(e,t,r){var i,n;i=this,n=function(e){return e.HmacSHA1},"object"==typeof r?t.exports=r=n(e("crypto-js/core"),e("crypto-js/sha1"),e("crypto-js/hmac")):"function"==typeof define&&define.amd?define(["crypto-js/core","crypto-js/sha1","crypto-js/hmac"],n):n(i.CryptoJS)},{"crypto-js/core":2,"crypto-js/hmac":6,"crypto-js/sha1":7}],6:[function(e,t,r){var i,n;i=this,n=function(e){var t,s;t=e.lib.Base,s=e.enc.Utf8,e.algo.HMAC=t.extend({init:function(e,t){e=this._hasher=new e.init,"string"==typeof t&&(t=s.parse(t));for(var r=e.blockSize,i=4*r,e=((t=t.sigBytes>i?e.finalize(t):t).clamp(),this._oKey=t.clone()),t=this._iKey=t.clone(),n=e.words,o=t.words,a=0;a<r;a++)n[a]^=1549556828,o[a]^=909522486;e.sigBytes=t.sigBytes=i,this.reset()},reset:function(){var e=this._hasher;e.reset(),e.update(this._iKey)},update:function(e){return this._hasher.update(e),this},finalize:function(e){var t=this._hasher,e=t.finalize(e);return t.reset(),t.finalize(this._oKey.clone().concat(e))}})},"object"==typeof r?t.exports=r=n(e("crypto-js/core")):"function"==typeof define&&define.amd?define(["crypto-js/core"],n):n(i.CryptoJS)},{"crypto-js/core":2}],7:[function(e,t,r){var i,n;i=this,n=function(e){var t,r,i,n,u;return r=(t=e).lib,i=r.WordArray,n=r.Hasher,r=t.algo,u=[],r=r.SHA1=n.extend({_doReset:function(){this._hash=new i.init([1732584193,4023233417,2562383102,271733878,3285377520])},_doProcessBlock:function(e,t){for(var r=this._hash.words,i=r[0],n=r[1],o=r[2],a=r[3],s=r[4],l=0;l<80;l++){u[l]=l<16?0|e[t+l]:(c=u[l-3]^u[l-8]^u[l-14]^u[l-16])<<1|c>>>31;var c=(i<<5|i>>>27)+s+u[l];c+=l<20?1518500249+(n&o|~n&a):l<40?1859775393+(n^o^a):l<60?(n&o|n&a|o&a)-1894007588:(n^o^a)-899497514,s=a,a=o,o=n<<30|n>>>2,n=i,i=c}r[0]=r[0]+i|0,r[1]=r[1]+n|0,r[2]=r[2]+o|0,r[3]=r[3]+a|0,r[4]=r[4]+s|0},_doFinalize:function(){var e=this._data,t=e.words,r=8*this._nDataBytes,i=8*e.sigBytes;return t[i>>>5]|=128<<24-i%32,t[14+(64+i>>>9<<4)]=Math.floor(r/4294967296),t[15+(64+i>>>9<<4)]=r,e.sigBytes=4*t.length,this._process(),this._hash},clone:function(){var e=n.clone.call(this);return e._hash=this._hash.clone(),e}}),t.SHA1=n._createHelper(r),t.HmacSHA1=n._createHmacHelper(r),e.SHA1},"object"==typeof r?t.exports=r=n(e("crypto-js/core")):"function"==typeof define&&define.amd?define(["crypto-js/core"],n):n(i.CryptoJS)},{"crypto-js/core":2}],8:[function(V,r,i){!function(B,j){!function(){var e,t;e=this,t=function(){"use strict";function l(e){return"function"==typeof e}var r=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},i=0,t=void 0,n=void 0,a=function(e,t){p[i]=e,p[i+1]=t,2===(i+=2)&&(n?n(d):M())};var e="undefined"!=typeof window?window:void 0,o=e||{},o=o.MutationObserver||o.WebKitMutationObserver,s="undefined"==typeof self&&void 0!==B&&"[object process]"==={}.toString.call(B),c="undefined"!=typeof Uint8ClampedArray&&"undefined"!=typeof importScripts&&"undefined"!=typeof MessageChannel;function u(){var e=setTimeout;return function(){return e(d,1)}}var p=new Array(1e3);function d(){for(var e=0;e<i;e+=2)(0,p[e])(p[e+1]),p[e]=void 0,p[e+1]=void 0;i=0}function h(){try{var e=Function("return this")().require("vertx");return void 0!==(t=e.runOnLoop||e.runOnContext)?function(){t(d)}:u()}catch(e){return u()}}var f,y,_,M=void 0;function g(e,t){var r,i=this,n=new this.constructor(S),o=(void 0===n[m]&&A(n),i._state);return o?(r=arguments[o-1],a(function(){return L(o,n,r,i._result)})):C(i,n,e,t),n}function v(e){var t;return e&&"object"==typeof e&&e.constructor===this?e:(x(t=new this(S),e),t)}var M=s?function(){return B.nextTick(d)}:o?(y=0,s=new o(d),_=document.createTextNode(""),s.observe(_,{characterData:!0}),function(){_.data=y=++y%2}):c?((f=new MessageChannel).port1.onmessage=d,function(){return f.port2.postMessage(0)}):(void 0===e&&"function"==typeof V?h:u)(),m=Math.random().toString(36).substring(2);function S(){}var b=void 0,T=1,E=2;function H(e,i,n){a(function(t){var r=!1,e=function(e,t,r,i){try{e.call(t,r,i)}catch(e){return e}}(n,i,function(e){r||(r=!0,(i!==e?x:P)(t,e))},function(e){r||(r=!0,k(t,e))},t._label);!r&&e&&(r=!0,k(t,e))},e)}function w(e,t,r){var i,n;t.constructor===e.constructor&&r===g&&t.constructor.resolve===v?(i=e,(n=t)._state===T?P(i,n._result):n._state===E?k(i,n._result):C(n,void 0,function(e){return x(i,e)},function(e){return k(i,e)})):void 0!==r&&l(r)?H(e,t,r):P(e,t)}function x(t,e){if(t===e)k(t,new TypeError("You cannot resolve a promise with itself"));else if(r=typeof e,null===e||"object"!=r&&"function"!=r)P(t,e);else{r=void 0;try{r=e.then}catch(e){return void k(t,e)}w(t,e,r)}var r}function U(e){e._onerror&&e._onerror(e._result),I(e)}function P(e,t){e._state===b&&(e._result=t,e._state=T,0!==e._subscribers.length)&&a(I,e)}function k(e,t){e._state===b&&(e._state=E,e._result=t,a(U,e))}function C(e,t,r,i){var n=e._subscribers,o=n.length;e._onerror=null,n[o]=t,n[o+T]=r,n[o+E]=i,0===o&&e._state&&a(I,e)}function I(e){var t=e._subscribers,r=e._state;if(0!==t.length){for(var i,n=void 0,o=e._result,a=0;a<t.length;a+=3)i=t[a],n=t[a+r],i?L(r,i,n,o):n(o);e._subscribers.length=0}}function L(e,t,r,i){var n=l(r),o=void 0,a=void 0,s=!0;if(n){try{o=r(i)}catch(e){s=!1,a=e}if(t===o)return void k(t,new TypeError("A promises callback cannot return that same promise."))}else o=i;t._state===b&&(n&&s?x(t,o):!1===s?k(t,a):e===T?P(t,o):e===E&&k(t,o))}var R=0;function A(e){e[m]=R++,e._state=void 0,e._result=void 0,e._subscribers=[]}D.prototype._enumerate=function(e){for(var t=0;this._state===b&&t<e.length;t++)this._eachEntry(e[t],t)},D.prototype._eachEntry=function(t,e){var r=this._instanceConstructor,i=r.resolve;if(i===v){var n,o=void 0,a=void 0,s=!1;try{o=t.then}catch(e){s=!0,a=e}o===g&&t._state!==b?this._settledAt(t._state,e,t._result):"function"!=typeof o?(this._remaining--,this._result[e]=t):r===O?(n=new r(S),s?k(n,a):w(n,t,o),this._willSettleAt(n,e)):this._willSettleAt(new r(function(e){return e(t)}),e)}else this._willSettleAt(i(t),e)},D.prototype._settledAt=function(e,t,r){var i=this.promise;i._state===b&&(this._remaining--,e===E?k(i,r):this._result[t]=r),0===this._remaining&&P(i,this._result)},D.prototype._willSettleAt=function(e,t){var r=this;C(e,void 0,function(e){return r._settledAt(T,t,e)},function(e){return r._settledAt(E,t,e)})};var F=D;function D(e,t){this._instanceConstructor=e,this.promise=new e(S),this.promise[m]||A(this.promise),r(t)?(this.length=t.length,this._remaining=t.length,this._result=new Array(this.length),0!==this.length&&(this.length=this.length||0,this._enumerate(t),0!==this._remaining)||P(this.promise,this._result)):k(this.promise,new Error("Array Methods must be provided an Array"))}N.prototype.catch=function(e){return this.then(null,e)},N.prototype.finally=function(t){var r=this.constructor;return l(t)?this.then(function(e){return r.resolve(t()).then(function(){return e})},function(e){return r.resolve(t()).then(function(){throw e})}):this.then(t,t)};var O=N;function N(e){if(this[m]=R++,this._result=this._state=void 0,this._subscribers=[],S!==e){if("function"!=typeof e)throw new TypeError("You must pass a resolver function as the first argument to the promise constructor");if(!(this instanceof N))throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.");var t=this;try{e(function(e){x(t,e)},function(e){k(t,e)})}catch(e){k(t,e)}}}return O.prototype.then=g,O.all=function(e){return new F(this,e).promise},O.race=function(n){var o=this;return r(n)?new o(function(e,t){for(var r=n.length,i=0;i<r;i++)o.resolve(n[i]).then(e,t)}):new o(function(e,t){return t(new TypeError("You must pass an array to race."))})},O.resolve=v,O.reject=function(e){var t=new this(S);return k(t,e),t},O._setScheduler=function(e){n=e},O._setAsap=function(e){a=e},O._asap=a,O.polyfill=function(){var e=void 0;if(void 0!==j)e=j;else if("undefined"!=typeof self)e=self;else try{e=Function("return this")()}catch(e){throw new Error("polyfill failed because global object is unavailable in this environment")}var t=e.Promise;if(t){var r=null;try{r=Object.prototype.toString.call(t.resolve())}catch(e){}if("[object Promise]"===r&&!t.cast)return}e.Promise=O},O.Promise=O},"object"==typeof i&&void 0!==r?r.exports=t():"function"==typeof define&&define.amd?define(t):e.ES6Promise=t()}.call(this)}.call(this,V("_process"),"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{_process:9}],9:[function(e,t,r){var i,n,t=t.exports={};function o(){throw new Error("setTimeout has not been defined")}function a(){throw new Error("clearTimeout has not been defined")}try{i="function"==typeof setTimeout?setTimeout:o}catch(e){i=o}try{n="function"==typeof clearTimeout?clearTimeout:a}catch(e){n=a}function s(t){if(i===setTimeout)return setTimeout(t,0);if((i===o||!i)&&setTimeout)return(i=setTimeout)(t,0);try{return i(t,0)}catch(e){try{return i.call(null,t,0)}catch(e){return i.call(this,t,0)}}}var l,c=[],u=!1,p=-1;function d(){u&&l&&(u=!1,l.length?c=l.concat(c):p=-1,c.length)&&h()}function h(){if(!u){for(var e=s(d),t=(u=!0,c.length);t;){for(l=c,c=[];++p<t;)l&&l[p].run();p=-1,t=c.length}l=null,u=!1,!function(t){if(n===clearTimeout)return clearTimeout(t);if((n===a||!n)&&clearTimeout)return(n=clearTimeout)(t);try{n(t)}catch(e){try{return n.call(null,t)}catch(e){return n.call(this,t)}}}(e)}}function f(e,t){this.fun=e,this.array=t}function y(){}t.nextTick=function(e){var t=new Array(arguments.length-1);if(1<arguments.length)for(var r=1;r<arguments.length;r++)t[r-1]=arguments[r];c.push(new f(e,t)),1!==c.length||u||s(h)},f.prototype.run=function(){this.fun.apply(null,this.array)},t.title="browser",t.browser=!0,t.env={},t.argv=[],t.version="",t.versions={},t.on=y,t.addListener=y,t.once=y,t.off=y,t.removeListener=y,t.removeAllListeners=y,t.emit=y,t.prependListener=y,t.prependOnceListener=y,t.listeners=function(e){return[]},t.binding=function(e){throw new Error("process.binding is not supported")},t.cwd=function(){return"/"},t.chdir=function(e){throw new Error("process.chdir is not supported")},t.umask=function(){return 0}},{}],10:[function(e,t,r){t.exports={name:"aliyun-aliplayer",version:"2.15.6",description:"aliyun h5 player",main:"./dist/aliplayer-min",files:["dist"],repository:{type:"git",url:""},keywords:["clam","prismplayer"],scripts:{start:"npx grunt live",build:"npx grunt build","publish-beta":'node ./update-beta-version.js && npm run build && git add . && git commit -m "feat: build assets for daily" && def p -d'},devDependencies:{"@babel/core":"^7.15.0","@babel/preset-env":"^7.15.0","babel-loader":"^8.2.2","babel-plugin-es6-promise":"^1.1.1",babelify:"^10.0.0",grunt:"^1.0.4","grunt-autoprefixer":"^3.0.4","grunt-babel":"^8.0.0","grunt-browserify":"^5.3.0","grunt-contrib-clean":"^2.0.0","grunt-contrib-connect":"^3.0.0","grunt-contrib-copy":"^1.0.0","grunt-contrib-cssmin":"^3.0.0","grunt-contrib-less":"^2.0.0","grunt-contrib-uglify":"^4.0.1","grunt-contrib-watch":"^1.1.0","grunt-run":"^0.8.1","grunt-text-replace":"^0.4.0"},dependencies:{"crypto-js":"^4.1.1"}}},{}],11:[function(e,t,r){var i=e("../ui/component"),n=(e("../lib/util"),e("../lib/dom")),o=e("../lib/event"),a=(e("../lib/ua"),e("../lang/index")),s=e("../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.className=t.className||"prism-auto-stream-selector",this.addClass(this.className)},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML="<div><p class='tip-text'></p></div><div class='operators'><a class='prism-button prism-button-ok' type='button'>"+a.get("OK_Text")+"</a><a class='prism-button prism-button-cancel'  target='_blank'>"+a.get("Cancel_Text")+"</a></div>",e},bindEvent:function(){var i=this,e=(i._player.on(s.Private.AutoStreamShow,function(e){var t,r=document.querySelector("#"+i.getId()+" .tip-text");i._player._getLowerQualityLevel&&(t=i._player._getLowerQualityLevel())&&(i._switchUrl=t,r.innerText=a.get("Auto_Stream_Tip_Text").replace("$$",t.item.desc),n.css(i.el(),"display","block"))}),i._player.on(s.Private.AutoStreamHide,function(e){document.querySelector("#"+i.getId()+" .tip-text");n.css(i.el(),"display","none")}),document.querySelector("#"+i.getId()+" .prism-button-ok")),e=(o.on(e,"click",function(){i._player._changeStream&&i._switchUrl&&(i._player._changeStream(i._switchUrl.index,a.get("Quality_Change_Text")),i._player.trigger(s.Private.SettingListHide)),n.css(i.el(),"display","none")}),document.querySelector("#"+i.getId()+" .prism-button-cancel"));o.on(e,"click",function(){n.css(i.el(),"display","none"),i._player.trigger(s.Private.SettingListHide)})}});t.exports=e},{"../lang/index":23,"../lib/dom":32,"../lib/event":33,"../lib/ua":49,"../lib/util":51,"../player/base/event/eventtype":70,"../ui/component":130}],12:[function(e,t,r){var i=e("../ui/component"),a=e("../lib/dom"),n=e("../lib/event"),o=e("../lib/ua"),s=e("../lib/function"),l=(e("../lang/index"),e("../lib/util")),c=e("../config"),u=e("../lib/playerutil"),p=e("../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.className=t.className||"prism-liveshift-progress",this.addClass(this.className),this._liveshiftService=e._liveshiftService},createEl:function(){var e=i.prototype.createEl.call(this);return e.innerHTML='<div class="prism-enable-liveshift"><div class="prism-progress-loaded"></div><div class="prism-progress-played"></div><div class="prism-progress-cursor"><img></img></div><p class="prism-progress-time"></p><div class="prism-liveshift-seperator"></div></div><div class="prism-disable-liveshift"></div>',e},bindEvent:function(){function t(e){r._progressDown=e}var r=this,e=(this.loadedNode=document.querySelector("#"+this.id()+" .prism-progress-loaded"),this.playedNode=document.querySelector("#"+this.id()+" .prism-progress-played"),this.cursorNode=document.querySelector("#"+this.id()+" .prism-progress-cursor"),this.timeNode=document.querySelector("#"+this.id()+" .prism-progress-time"),this.controlNode=document.querySelector("#"+this._player._options.id+" .prism-controlbar"),this.seperatorNode=document.querySelector("#"+this.id()+" .prism-liveshift-seperator"),this.progressNode=document.querySelector("#"+this.id()+" .prism-enable-liveshift"),document.querySelector("#"+this.id()+" .prism-progress-cursor img")),i="//"+c.domain+"/de/prismplayer/"+c.h5Version+"/skins/default/img/dragcursor.png";this._player._options.skinsDomain?i=this._player._options.skinsDomain+"/skins/default/img/dragcursor.png":c.domain?-1<c.domain.indexOf("localhost")&&(i="//"+c.domain+"/build/skins/default/img/dragcursor.png"):i=this._player&&this._player._options&&this._player._options.sdkDomain?this._player._options.sdkDomain+"/de/prismplayer/"+c.h5Version+"/skins/default/img/dragcursor.png":"de/prismplayer/"+c.h5Version+"/skins/default/img/dragcursor.png",e.src=i,n.on(this.cursorNode,"mousedown",function(e){r._onMouseDown(e)}),n.on(this.cursorNode,"touchstart",function(e){r._onMouseDown(e)}),n.on(this.progressNode,"mousemove",function(e){r._progressMove(e)}),n.on(this.progressNode,"touchmove",function(e){r._progressMove(e)});n.on(this.progressNode,"mousedown",function(e){t(!0)}),n.on(this.progressNode,"touchstart",function(e){t(!0)}),n.on(this.progressNode,"mouseup",function(e){t(!1)}),n.on(this.progressNode,"touchend",function(e){t(!1)}),n.on(this._el,"click",function(e){r._onMouseClick(e)}),this._player.on(p.Private.HideProgress,function(e){r._hideProgress(e)}),this._player.on(p.Private.CancelHideProgress,function(e){r._cancelHideProgress(e)}),this._player.on(p.Private.ShowBar,function(){r._updateLayout()}),n.on(this.progressNode,p.Private.MouseOver,function(e){r._onMouseOver(e)}),n.on(this.progressNode,p.Private.MouseOut,function(e){r._onMouseOut(e)}),this.bindTimeupdate=s.bind(this,this._onTimeupdate),this._player.on(p.Player.TimeUpdate,this.bindTimeupdate),u.isLiveShift(this._player._options)&&r._liveshiftService.start(6e4,function(e){e={mediaId:r._player._options.vid||"",error_code:e.Code,error_msg:e.Message};r._player.logError(e),r._player.trigger(p.Player.Error,e)}),this._player.on(p.Private.LiveShiftQueryCompleted,function(){r._updateSeperator(),r._updateLayout()}),this._player.on(p.Private.LiveShiftSwitchToLive,function(){r._updateCursorPosition()}),this._player.on(p.Player.Pause,function(){r._liveshiftService.stop()}),o.IS_IPAD?this.interval=setInterval(function(){r._onProgress()},500):this._player.on(p.Video.Progress,function(){r._onProgress()})},_updateSeperator:function(){this._liveshiftService.currentTimeDisplay&&(this.seperatorNode.innerText=this._liveshiftService.currentTimeDisplay)},_updateLayout:function(){var e=this.seperatorNode.offsetWidth,t=this.el().offsetWidth,r=t-e;0!=e&&0!=r&&(a.css(this.progressNode,"width",100*(r-10)/t+"%"),a.css(this.seperatorNode,"right",-1*(e+10)+"px"))},_progressMove:function(e){var t=this._getSeconds(e),r=this._liveshiftService.availableLiveShiftTime,t=(this.timeNode.innerText="-"+l.formatTime(r-t),r?t/r:0),r=1-this.timeNode.clientWidth/this.el().clientWidth,i=(r<t&&(t=r),this.timeNode&&(a.css(this.timeNode,"display","block"),a.css(this.timeNode,"left",100*t+"%")),this);!o.IS_PC&&i._progressDown&&(i.progressSeekTimer&&clearTimeout(i.progressSeekTimer),i.progressSeekTimer=setTimeout(function(){i._progressDown||i._onMouseClick(e)},200))},_hideProgress:function(e){n.off(this.cursorNode,"mousedown"),n.off(this.cursorNode,"touchstart")},_cancelHideProgress:function(e){var t=this;n.on(this.cursorNode,"mousedown",function(e){t._onMouseDown(e)}),n.on(this.cursorNode,"touchstart",function(e){t._onMouseDown(e)})},_canSeekable:function(e){var t=!0;return t="function"==typeof this._player.canSeekable?this._player.canSeekable(e):t},_onMouseOver:function(e){this._updateCursorPosition(this._getCurrentTime()),a.css(this.timeNode,"display","block")},_onMouseOut:function(e){a.css(this.timeNode,"display","none")},_getSeconds:function(e){for(var t=this.el().offsetLeft,r=this.el();r=r.offsetParent;){var i=a.getTranslateX(r);t+=r.offsetLeft+i}var e=(e.touches&&e.touches.length?e.touches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e).pageX,n=this.progressNode.offsetWidth,o=this._liveshiftService.availableLiveShiftTime;return sec=(sec=(sec=o?(e-t)/n*o:0)<0?0:sec)>o?o:sec},_onMouseClick:function(e){var t=this,e=this._getSeconds(e),r=this._liveshiftService.availableLiveShiftTime,i=r-e,n=this._player._options,r=(i<=n.liveShiftMinOffset&&(e=r-(i=n.liveShiftMinOffset)),this._player.trigger(p.Private.SeekStart,{fromTime:this._getCurrentTime()}),this._liveshiftService.getSourceUrl(i)),n=u.isHls(t._player._options.source);t._player._loadByUrlInner(r,e,!0),t._player.trigger(p.Private.Play_Btn_Hide),t._liveshiftService.seekTime=e,t._player.trigger(p.Private.EndStart,{toTime:e}),t._updateProgressBar(this.playedNode,e),t._updateCursorPosition(e),setTimeout(function(){t._progressDown||t._onMouseOut()},500),n&&setTimeout(function(){t._player.play()})},_onMouseDown:function(e){var t=this;e.preventDefault(),this._player.trigger(p.Private.SeekStart,{fromTime:this._getCurrentTime()}),n.on(this.controlNode,"mousemove",function(e){t._onMouseMove(e)}),n.on(this.controlNode,"touchmove",function(e){t._onMouseMove(e)}),n.on(this.controlNode,"mouseup",function(e){t._onMouseUp(e)}),n.on(this.controlNode,"touchend",function(e){t._onMouseUp(e)})},_onMouseUp:function(e){e.preventDefault(),n.off(this.controlNode,"mousemove"),n.off(this.controlNode,"touchmove"),n.off(this._player.tag,"mouseup"),n.off(this._player.tag,"touchend"),n.off(this.controlNode,"mouseup"),n.off(this.controlNode,"touchend"),this._onMouseClick(e)},_onMouseMove:function(e){e.preventDefault()},_onTimeupdate:function(e){this._player._seeking||(o.IS_ANDROID&&o.IS_UC&&(this._hasResetFlagUC&&this._player.getCurrentTime()&&(this._hasResetFlagUC=!1,this._basePtsUC=this._player.getCurrentTime()),this._player.getCurrentTime()||(this._hasResetFlagUC=!0,this._basePtsUC=0)),this._updateProgressBar(this.playedNode,this._getCurrentTime()),this._updateCursorPosition(this._getCurrentTime()),this._player.trigger(p.Private.UpdateProgressBar,{time:this._getCurrentTime()}))},_getCurrentTime:function(){var e=this._liveshiftService.seekTime,e=(-1==e&&(e=0),this._player.getCurrentTime()+e);return o.IS_ANDROID&&o.IS_UC&&(e-=this._basePtsUC||0),e},_onProgress:function(e){this._player.getDuration()&&1<=this._player.getBuffered().length&&this._updateProgressBar(this.loadedNode,this._player.getBuffered().end(this._player.getBuffered().length-1))},_updateProgressBar:function(e,t){var r,i;1!=this._player._switchSourcing&&(i=0,-1==this._liveshiftService.seekTime?i=1:1<(i=(r=this._liveshiftService.availableLiveShiftTime)?t/r:0)&&(this._liveshiftService.seekTime=-(i=1)),this.liveShiftStartDisplay,e)&&a.css(e,"width",100*i+"%")},_updateCursorPosition:function(e){var t,r,i,n;this._player.el()&&1!=this._player._switchSourcing&&(i=0,n=1,t=this._player.el().clientWidth,-1==this._liveshiftService.seekTime?i=1:1<(i=(r=this._liveshiftService.availableLiveShiftTime)?e/r:0)&&(this._liveshiftService.seekTime=-1),0!=t&&(n=1-(e=10/t),i-=e),i=i<0?0:i,this.cursorNode)&&(n<i?(a.css(this.cursorNode,"right","0px"),a.css(this.cursorNode,"left","auto")):(a.css(this.cursorNode,"right","auto"),a.css(this.cursorNode,"left",100*i+"%")))}});t.exports=e},{"../config":14,"../lang/index":23,"../lib/dom":32,"../lib/event":33,"../lib/function":35,"../lib/playerutil":46,"../lib/ua":49,"../lib/util":51,"../player/base/event/eventtype":70,"../ui/component":130}],13:[function(e,t,r){var i=e("../ui/component"),n=e("../lib/util"),o=e("../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.className=t.className||"prism-live-time-display",this.addClass(this.className),this._liveshiftService=e._liveshiftService},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<span class="current-time">00:00</span> <span class="time-bound">/</span> <span class="end-time">00:00</span><span class="live-text">Live: </span><span class="live-time"></span>',e},bindEvent:function(){var i=this;this._player.on(o.Video.TimeUpdate,function(){var e,t=i._liveshiftService,r=document.querySelector("#"+i.id()+" .current-time");t.liveShiftStartDisplay&&t.availableLiveShiftTime>t.seekTime&&-1!=t.seekTime?(e=i._liveshiftService.getBaseTime(),e=n.formatTime(e+i._player.getCurrentTime()),r.innerText=e):t.currentTimeDisplay&&(r.innerText=t.currentTimeDisplay)}),this._player.on(o.Private.LiveShiftQueryCompleted,function(){i.updateTime()})},updateTime:function(){document.querySelector("#"+this.id()+" .end-time").innerText=this._liveshiftService.liveTimeRange.endDisplay,document.querySelector("#"+this.id()+" .live-time").innerText=this._liveshiftService.currentTimeDisplay}});t.exports=e},{"../lib/util":51,"../player/base/event/eventtype":70,"../ui/component":130}],14:[function(e,t,r){e=e("../package.json");t.exports={domain:"g.alicdn.com",flashVersion:"2.8.2",h5Version:e.version.split("-")[0],rtsVersion:"2.2.6",cityBrain:!0,logDuration:10,logCount:100,logReportTo:"https://videocloud.cn-hangzhou.log.aliyuncs.com/logstores/newplayer/track"}},{"../package.json":10}],15:[function(e,t,r){var i,n,o,a;e("./lib/patch-ssr").isSSR||(e("./lang/index").load(),i=e("./player/adaptivePlayer"),n=e("./lib/reloadInstanceUtil"),o=e("./lib/componentutil"),a=e("./config"),(e=function(e,t){e=i.create(e,t);return n.storeUserEvents(e),e}).getVersion=function(){return a.h5Version},o.register(e),(o=window.Aliplayer=e).players={},e.reloadInstance=n.reloadInstance,"undefined"==typeof Uint8Array)||Uint8Array.prototype.slice||Object.defineProperty(Uint8Array.prototype,"slice",{value:Array.prototype.slice}),t.exports=o},{"./config":14,"./lang/index":23,"./lib/componentutil":27,"./lib/patch-ssr":44,"./lib/reloadInstanceUtil":47,"./player/adaptivePlayer":66}],16:[function(e,t,r){var i=e("../player/base/event/eventtype"),n=e("../lib/constants"),o=e("../lang/index");t.exports=function(){function e(e){var t=this;void 0===e&&(e={}),this.interval=3e3,this.player=null,this.timer=null,this.playerInitDone=!1,this.player=e.player,this.player.on(i.Player.Init,function(){t.playerInitDone=!0})}var t=e.prototype;return t.start=function(){var e=this;this.stop(),this.player&&this.player._options&&!this.player._options.preventRecord||(this.timer=setInterval(function(){e.playerInitDone&&e.check()},this.interval))},t.stop=function(){this.clearTimer()},t.check=function(){var e=!1,t=this.detectPrototype()||this.detectNativeFn();return(t||this.detectDeperateVideo())&&(console.log("isMediaSourceModified",t),this.clearTimer(),this.displayError(),this.setupErrorStyle(),this.destroyVideo(),localStorage.setItem("_intercept_mediastream_",""),e=!0),e},t.dispose=function(){this.stop(),this.player=null,this.playerInitDone=!1},t.clearTimer=function(){this.timer&&(clearInterval(this.timer),this.timer=null)},t.displayError=function(){var e=this.player,t={mediaId:e._options&&e._options.vid?e._options.vid:"",error_code:n.ErrorCode.RecordNotAllowed,error_msg:o.get("Record_Not_Allowed")};e.logError(t),e.trigger(i.Player.Error,t)},t.setupErrorStyle=function(){this.hideRetry();var e=document.querySelector(".prism-ErrorMessage");e&&(e.style.opacity="1",e.style.visibility="visible")},t.hideRetry=function(){var e=document.querySelector("#"+this.player.id()+" .prism-button-retry");e&&(e.style.display="none")},t.destroyVideo=function(){this.player._drm&&this.player.destroy();var e=this.player.tag;e&&e.parentNode&&e.parentNode.removeChild(e)},t.detectPrototype=function(){var e=window,t=e.MediaSource;return t&&e.EventTarget&&t.__proto__.__proto__===e.EventTarget},t.detectNativeFn=function(){var e=window.MediaSource;return e&&!this.isNativeFn(e.prototype.addSourceBuffer)},t.isNativeFn=function(e){var t=RegExp("^".concat(Function.prototype.toString.call(Object.prototype.hasOwnProperty).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?"),"$")),r=typeof e;return null!==e&&("object"==r||"function"==r)&&t.test(e)},t.detectDeperateVideo=function(){var e=this.player.tag;if(e)return-1!==(e.getAttribute("id")||"").indexOf("360")},e}()},{"../lang/index":23,"../lib/constants":28,"../player/base/event/eventtype":70}],17:[function(e,t,r){var i=e("../lib/oo"),n=e("../lang/index"),e=i.extend({init:function(e,t){this._player=e,this._options=e.options()}}),o=(e.prototype.handle=function(e){var t,r;this._options.autoPlayDelay&&(t=(t=this._options.autoPlayDelayDisplayText)||n.get("AutoPlayDelayDisplayText").replace("$$",this._options.autoPlayDelay),this._player.trigger("info_show",t),this._player.trigger("h5_loading_hide"),this._player.trigger("play_btn_hide"),(r=this)._timeHandler=setTimeout(function(){r._player.trigger("info_hide"),r._options.autoPlayDelay=0,e&&e()},1e3*this._options.autoPlayDelay),this._player.on("play",function(){o(r)}),this._player.on("pause",function(){o(r)}))},e.prototype.dispose=function(){o(this),this._player=null},function(e){e._timeHandler&&(clearTimeout(e._timeHandler),e._timeHandler=null)});t.exports=e},{"../lang/index":23,"../lib/oo":43}],18:[function(e,t,r){var i=e("../lib/event"),n=e("../lib/data"),o=e("../player/base/event/eventtype"),a=n.guid(),e={};function s(e){var t,r,i=this._options.keyFastForwardStep,n=this._options.isLive;switch(e&&e.keyCode){case 39:n||(e.preventDefault(),t=this.getDuration(),r=this.getCurrentTime()+i,this.seek(r=t<r?t:r),l.call(this,r),c.call(this,r));break;case 37:n||(e.preventDefault(),r=this.getCurrentTime()-i,this.seek(r=r<0?0:r),l.call(this,r),c.call(this,r));break;case 38:e.preventDefault(),this.getVolume()<1&&0<=this.getVolume()&&this.setVolume(Number((this.getVolume()+.1).toFixed(1)));break;case 40:e.preventDefault(),0<this.getVolume()&&this.getVolume()<=1&&this.setVolume(Number((this.getVolume()-.1).toFixed(1)));break;case 32:if(n)return;e.preventDefault(),this.tag.paused?this.play(!0):this.pause(!0)}}function l(e){this.trigger(o.Private.UpdateProgress,{targetTime:e})}function c(e){this.trigger(o.Private.UpdateCursorPosition,{targetTime:e})}e.init=function(){var e;this._options.keyShortCuts&&((e=s.bind(this)).guid=a,i.on(window.document,"keydown",e))},e.dispose=function(){var e;this._options.keyShortCuts&&((e=s.bind(this)).guid=a,i.off(window.document,"keydown",e))},t.exports=e},{"../lib/data":30,"../lib/event":33,"../player/base/event/eventtype":70}],19:[function(e,t,r){var o="undefined"==typeof Promise?e("es6-promise").Promise:Promise,a=e("../lib/constants").LicenseResultCode,s=e("../lib/io"),i=((e={})[a.ResourceIncorrect]="license resource init error",e[a.LicenseKeyInvalid]="invalid license key",e[a.DomainInvalid]="invalid domain",e[a.CertInvalid]="invalid cert content",e[a.NotFound]="license not found",e[a.Expired]="license expired",e),e=function(){function e(){}return e.getLicense=function(r,i){var n=this;return this.isWasmSupported()?i?r?this.instance?o.resolve(this.instance):new o(function(e,t){n.resolvers.push(e),n.rejecters.push(t),1===n.resolvers.length&&s.loadJS("https://g.alicdn.com/video-cloud-fe/websdk-license/0.1.0/index.js",function(){window.loadLicenseSource().then(function(e){return e.init(2,r,i).then(function(t){n.instance=t,n.resolvers.forEach(function(e){e(t)})}).catch(function(e){console.error(e),n.rejecters.forEach(function(e){e(a.CertInvalid)})})}).catch(function(){n.rejecters.forEach(function(e){e(a.ResourceIncorrect)})}).finally(function(){n.resolvers=[],n.rejecters=[]})},function(){n.rejecters.forEach(function(e){e(a.ResourceIncorrect)})})}):o.reject(a.DomainInvalid):o.reject(a.LicenseKeyInvalid):o.reject(a.WasmNotSupported)},e.isWasmSupported=function(){return"object"==typeof WebAssembly&&"function"==typeof WebAssembly.instantiate},e.logError=function(e){i[e]&&console.error(i[e])},e}();e.instance=void 0,e.resolvers=[],e.rejecters=[],t.exports=e},{"../lib/constants":28,"../lib/io":40,"es6-promise":8}],20:[function(e,t,r){t.exports=t.exports={OD:"OD",FD:"360p",LD:"540p",SD:"720p",HD:"1080p","2K":"2K","4K":"4K",FHD:"FHD",XLD:"XLD",SQ:"SQ",HQ:"HQ",Speed:"Speed",Speed_05X_Text:"0.5X",Speed_1X_Text:"Normal",Speed_125X_Text:"1.25X",Speed_15X_Text:"1.5X",Speed_2X_Text:"2X",Refresh_Text:"Refresh",Cancel:"Cancel",Mute:"Mute",Snapshot:"Snapshot",Detection_Text:"Diagnosis",Play_DateTime:"Time",Quality_Change_Fail_Switch_Text:"Cannot play, switch to ",Quality_Change_Text:"Switch to ",Quality_The_Url:"The url",AutoPlayDelayDisplayText:"Play in $$ seconds",Error_Load_Abort_Text:"Data abort erro",Error_Network_Text:"Loading failed due to network error",Error_Decode_Text:"Decode error",Error_Server_Network_NotSupport_Text:"Network error or \xa0the format of video is unsupported",Error_Offline_Text:"The network is unreachable, please click Refresh",Error_Play_Text:"Error occured while playing",Error_Retry_Text:" Please close or refresh",Error_AuthKey_Text:"Authentication expired or the domain is not in white list",Error_H5_Not_Support_Text:"The format of video is not supported by\xa0h5 player\uff0cplease use flash player",Error_Not_Support_M3U8_Text:"The format of m3u8 is not supported by this explorer",Error_Not_Support_MP4_Text:"The format of mp4\xa0is not supported by this explorer",Error_Not_Support_encrypt_Text:"Play the encrypted video,please set encryptType to 1",Error_Vod_URL_Is_Empty_Text:"The url is empty",Error_Vod_Fetch_Urls_Text:"Error occured when fetch urls\uff0cplease close or refresh",Fetch_Playauth_Error:"Error occured when fetch playauth close or refresh",Error_Playauth_Decode_Text:"PlayAuth parse failed",Error_Vid_Not_Same_Text:"Cannot renew url due to vid changed",Error_Playauth_Expired_Text:"Playauth expired, please close or refresh",Error_MTS_Fetch_Urls_Text:"Error occurred while requesting mst server",Error_Load_M3U8_Failed_Text:"The m3u8 file loaded failed,please make sure domain configuration https certificate or enable cors",Error_Load_M3U8_Timeout_Text:"Timeout error occored\xa0when the\xa0m3u8 file loaded",Error_Liveshift_M3U8_Not_Found_Text:"No more liveshift video avaliable",Error_M3U8_Decode_Text:"The m3u8 file decoded failed",Error_TX_Decode_Text:"Video decoded failed",Error_Waiting_Timeout_Text:"Buffering timeout,\xa0please close or refresh",Error_Invalidate_Source:"Video shoud be mp4\u3001mp3\u3001m3u8\u3001mpd or flv",Error_Empty_Source:"Video URL shouldn't be empty",Error_Vid_Empty_Source:"vid's video URL hasn't been fetched",Error_Mediaauth_Empty_Source:"mediaAuth's video URL hasn't been fetched",Error_Fetch_NotStream:"The vid has no stream to play",Error_Fetch_Media_Not_Found:"Data is not found",Error_Not_Found:"Url is not found",Error_Drm_License_Request_Failed:"DRM license request failed",Error_Drm_Not_Supported:"DRM in not supported",Error_Drm_Load:"DRM load error",Error_Region_Block_Text:"This video is not available in your region",Live_End:"Live has finished",Play_Before_Fullscreen:"Please play before fullscreen",Can_Not_Seekable:"Can not seek to this position",Cancel_Text:"Cancel",OK_Text:"OK",Auto_Stream_Tip_Text:"Internet is slow, does switch to $$",Request_Block_Text:"This request is blocked, the video Url should be over https",Open_Html_By_File:"Html page should be on the server",Maybe_Cors_Error:"please make sure domain configuration https certificate or enable cors",Speed_Switch_To:"Speed switch to ",Curent_Volume:"Current volume:",Volume_Mute:"set to mute",Volume_UnMute:"set to unmute",ShiftLiveTime_Error:"Live start time should not be greater than over time",Error_Not_Support_Format_On_Mobile:"flv\u3001rmtp can't be supported on mobile\uff0cplease use m3u8",SessionId_Ticket_Invalid:"please assign value for sessionId and ticket properties",Http_Error:" An HTTP network request failed with an error, but not from the server.",Http_Timeout:"A network request timed out",DRM_License_Expired:"DRM license is expired, please refresh",Not_Support_DRM:"Browser doesn't support DRM",CC_Switch_To:"Subtitle switch to ",AudioTrack_Switch_To:"Audio tracks switch to ",Subtitle:"Subtitle/CC",AudioTrack:"Audio Track",Quality:"Quality",Auto:"Auto",Quality_Switch_To:"Quality switch to ",Fullscreen:"Full Screen",Setting:"Settings",Volume:"Volume",Play:"Play",Pause:"Pause",CloseSubtitle:"Close CC",OpenSubtitle:"Open CC",ExistFullScreen:"Exit Full Screen",Muted:"Muted",Retry:"Retry",SwitchToLive:"Return to live",iOSNotSupportVodEncription:"iOS desn't support Vod's private encription video, please use HLS standard encription or DRM",UseChromeForVodEncription:"This browser desn't suport Vod's encription video, please use latest Chrome",Record_Not_Allowed:"Recording or playing in seperated window is not allowed, please disable related plugins or switch browser.",License_No_Authorization:"Aliplayer without Authorization",License_Click_To_Apply:"Click to apply",Rts_Err_Http_Signal_Error:"(RTS)http signal error",Rts_Err_Play_Failed:"(RTS)play faild error",Rts_Err_No_Data_For:"ms received no data",Rts_Err_Browser_Not_Support:"(RTS)browser not support",Rts_Err_Not_Support_Webrtc:"(RTS)not support webrtc",Rts_Err_Browser_Version_Too_Low:"(RTS)browser version too low",Rts_Err_Not_Support_H264:"(RTS)not support h264",Rts_Err_Create_Offer_Error:"(RTS)create offer error",Rts_Err_Play_Url_Error:"(RTS)play url error",Rts_Err_Subscribe_Nonthing:"(RTS)subscribe nonthing",Rts_Err_Http_Request_Failed:"(RTS)HTTP request failed",Rts_Err_Http_Answer_Failed:"(RTS)answer failed",Rts_Err_PeerConnection_Unknown:"(RTS)Unknown PeerConnection",Splayer_Err_Env_Check:"(SP)This browser can't play this media",Splayer_Err_Coroutine:"(SP)Coroutine error",Splayer_Err_Decoder:"(SP)Decode error",Splayer_Err_Buffering:"(SP)Buffering error",Splayer_Err_Parser_Not_Found:"(SP)Media container is not supported"}},{}],21:[function(e,t,r){t.exports=t.exports={OD:"OD",LD:"360p",FD:"540p",SD:"720p",HD:"1080p","2K":"2K","4K":"4K",FHD:"FHD",XLD:"XLD",SQ:"SQ",HQ:"HQ",Forbidden_Text:"Internal information is strictly forbidden to outsider",Refresh:"Refresh",Diagnosis:"Diagnosis",Live_Finished:"Live has finished, thanks for watching",Play:"Play",Pause:"Pause",Snapshot:"Snapshot",Replay:"Replay",Live:"Live",Encrypt:"Encrypt",Sound:"Sound",Fullscreen:"Full Screen",Exist_Fullscreen:"Exit Full-screen",Resolution:"Resolution",Next:"Next Video",Brightness:"Brightness",Default:"Default",Contrast:"Contrast",Titles_Credits:"Titles\xa0and\xa0Credits",Skip_Titles:"Skip Titles",Skip_Credits:"Skip Credits",Not_Support_Out_Site:"The video is not supported for outside website, please watch it by TaoTV",Watch_Now:"Watch now",Network_Error:"Network is unreachable, please try to refresh",Video_Error:"Playing a video error,\xa0please try to refresh",Decode_Error:"Data decoding\xa0error",Live_Not_Start:"Live has not started, to be expected",Live_Loading:"Live information is loading,\xa0please try to refresh",Fetch_Playauth_Error:"Error occured when fetch playauth close or refresh",Live_End:"Live has finished",Live_Abrot:"Signal aborted,\xa0please try to refresh",Corss_Domain_Error:"Please ensure your domain has obtained IPC license and combined CNAME, \r\n or to set\xa0\xa0cross-domain accessing available",Url_Timeout_Error:"The video url is timeout,\xa0please try to refresh",Connetction_Error:"Sorry\uff0cthe video cannot play because of connection error, please try to watch other videos",Fetch_MTS_Error:"Fetching video list failed, please ensure",Token_Expired_Error:"Requesting open api failed, please ensure token expired or not",Video_Lists_Empty_Error:"The video list is empty, please check the format of video",Encrypted_Failed_Error:"Fetching encrypted file failed, please check the permission of player",Fetch_Failed_Permission_Error:"Fetching video list failed, please check the permission of player",Invalidate_Param_Error:"No video url, please check the parameters",AutoPlayDelayDisplayText:"Play in $$ seconds",Fetch_MTS_NOT_NotStream_Error:"The vid has no stream to play",Cancel_Text:"Cancel",OK_Text:"OK",Auto_Stream_Tip_Text:"Internet is slow, does switch to $$",Open_Html_By_File:"Html page should be on the server",Cant_Use_Flash_On_Mobile:"Mobile doesn't support flash player\uff0cplease use h5 player",Flash_Not_Ready:"Flash Player plugin hasn't been installed <a href='https://www.flash.cn/' target='_blank'>install plugin</a>, or check if disable Flash plugin"}},{}],22:[function(e,t,r){t.exports=t.exports={OD:"\u539f\u753b",FD:"\u6d41\u7545",LD:"\u6807\u6e05",SD:"\u9ad8\u6e05",HD:"\u8d85\u6e05","2K":"2K","4K":"4K",FHD:"\u5168\u9ad8\u6e05",XLD:"\u6781\u901f",SQ:"\u666e\u901a\u97f3\u8d28",HQ:"\u9ad8\u97f3\u8d28",Forbidden_Text:"\u5185\u90e8\u4fe1\u606f\uff0c\u4e25\u7981\u5916\u4f20",Refresh:"\u5237\u65b0",Diagnosis:"\u8bca\u65ad",Live_Finished:"\u76f4\u64ad\u5df2\u7ed3\u675f,\u8c22\u8c22\u89c2\u770b",Play:"\u64ad\u653e",Pause:"\u6682\u505c",Snapshot:"\u622a\u56fe",Replay:"\u91cd\u64ad",Live:"\u76f4\u64ad",Encrypt:"\u52a0\u5bc6",Sound:"\u58f0\u97f3",Fullscreen:"\u5168\u5c4f",Exist_Fullscreen:"\u9000\u51fa\u5168\u5c4f",Resolution:"\u6e05\u6670\u5ea6",Next:"\u4e0b\u4e00\u96c6",Brightness:"\u4eae\u5ea6",Default:"\u9ed8\u8ba4",Contrast:"\u5bf9\u6bd4\u5ea6",Titles_Credits:"\u7247\u5934\u7247\u5c3e",Skip_Titles:"\u8df3\u8fc7\u7247\u5934",Skip_Credits:"\u8df3\u8fc7\u7247\u5c3e",Not_Support_Out_Site:"\u8be5\u89c6\u9891\u6682\u4e0d\u652f\u6301\u7ad9\u5916\u64ad\u653e\uff0c\u8bf7\u5230\u6dd8TV\u89c2\u770b",Watch_Now:"\u7acb\u5373\u89c2\u770b",Network_Error:"\u7f51\u7edc\u65e0\u6cd5\u8fde\u63a5\uff0c\u8bf7\u5c1d\u8bd5\u68c0\u67e5\u7f51\u7edc\u540e\u5237\u65b0\u8bd5\u8bd5",Video_Error:"\u89c6\u9891\u64ad\u653e\u5f02\u5e38\uff0c\u8bf7\u5237\u65b0\u8bd5\u8bd5",Decode_Error:"\u64ad\u653e\u6570\u636e\u89e3\u7801\u9519\u8bef",Live_Not_Start:"\u4eb2\uff0c\u76f4\u64ad\u8fd8\u672a\u5f00\u59cb\u54e6\uff0c\u656c\u8bf7\u671f\u5f85",Live_Loading:"\u76f4\u64ad\u4fe1\u606f\u52a0\u8f7d\u4e2d\uff0c\u8bf7\u5237\u65b0\u8bd5\u8bd5",Live_End:"\u4eb2\uff0c\u76f4\u64ad\u5df2\u7ed3\u675f",Live_Abrot:"\u5f53\u524d\u76f4\u64ad\u4fe1\u53f7\u4e2d\u65ad\uff0c\u8bf7\u5237\u65b0\u540e\u91cd\u8bd5",Corss_Domain_Error:"\u8bf7\u786e\u8ba4\u60a8\u7684\u57df\u540d\u5df2\u5b8c\u6210\u5907\u6848\u548cCNAME\u7ed1\u5b9a\uff0c\r\n\u5e76\u5904\u4e8e\u542f\u7528\u72b6\u6001\uff0c\u6216\u8d44\u6e90\u5141\u8bb8\u8de8\u8d8a\u8bbf\u95ee",Url_Timeout_Error:"\u60a8\u6240\u89c2\u770b\u7684\u89c6\u9891\u5730\u5740\u8fde\u63a5\u8d85\u65f6\uff0c\u8bf7\u5237\u65b0\u540e\u91cd\u8bd5",Connetction_Error:"\u62b1\u6b49,\u8be5\u89c6\u9891\u7531\u4e8e\u8fde\u63a5\u9519\u8bef\u6682\u65f6\u4e0d\u80fd\u64ad\u653e,\u8bf7\u89c2\u770b\u5176\u5b83\u89c6\u9891",Fetch_MTS_Error:"\u83b7\u53d6\u89c6\u9891\u5217\u8868\u5931\u8d25\uff0c\u8bf7\u786e\u8ba4",Token_Expired_Error:"\u8bf7\u6c42\u63a5\u53e3\u5931\u8d25\uff0c\u8bf7\u786e\u8ba4Token\u662f\u5426\u8fc7\u671f",Video_Lists_Empty_Error:"\u83b7\u53d6\u89c6\u9891\u5217\u8868\u4e3a\u7a7a\uff0c\u8bf7\u786e\u8ba4\u64ad\u653e\u6570\u636e\u4e0e\u683c\u5f0f",Encrypted_Failed_Error:"\u83b7\u53d6\u89c6\u9891\u52a0\u5bc6\u79d8\u94a5\u9519\u8bef\uff0c\u8bf7\u786e\u8ba4\u64ad\u653e\u6743\u9650",Fetch_Failed_Permission_Error:"\u83b7\u53d6\u89c6\u9891\u5217\u8868\u5931\u8d25\uff0c\u8bf7\u786e\u8ba4\u64ad\u653e\u6743\u9650",Invalidate_Param_Error:"\u65e0\u8f93\u5165\u89c6\u9891\uff0c\u8bf7\u786e\u8ba4\u8f93\u5165\u53c2\u6570",AutoPlayDelayDisplayText:"$$\u79d2\u4ee5\u540e\u5f00\u59cb\u64ad\u653e",Fetch_MTS_NOT_NotStream_Error:"\u6b64vid\u6ca1\u6709\u53ef\u64ad\u653e\u89c6\u9891",Cancel_Text:"\u53d6\u6d88",OK_Text:"\u786e\u8ba4",Auto_Stream_Tip_Text:"\u7f51\u7edc\u4e0d\u7ed9\u529b\uff0c\u662f\u5426\u5207\u6362\u5230$$",Fetch_Playauth_Error:"\u83b7\u53d6\u64ad\u653e\u51ed\u8bc1\u51fa\u9519\u5566\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Open_Html_By_File:"\u4e0d\u80fd\u76f4\u63a5\u5728\u6d4f\u89c8\u5668\u6253\u5f00html\u6587\u4ef6\uff0c\u8bf7\u90e8\u7f72\u5230\u670d\u52a1\u7aef",Cant_Use_Flash_On_Mobile:"\u79fb\u52a8\u7aef\u4e0d\u652f\u6301Flash\u64ad\u653e\u5668\uff0c\u8bf7\u4f7f\u7528h5\u64ad\u653e\u5668",Flash_Not_Ready:"Flash Player\u63d2\u4ef6\u672a\u5b89\u88c5<a href='https://www.flash.cn/' target='_blank'>\u5b89\u88c5\u63d2\u4ef6</a>\uff0c\u5982\u679c\u5df2\u7ecf\u5b89\u88c5\u8bf7\u68c0\u67e5\u662f\u5426\u88ab\u7981\u7528"}},{}],23:[function(o,e,t){function n(){var e;return void 0!==window[l]&&window[l]||(e=(e=(navigator.language||navigator.browserLanguage).toLowerCase())&&-1<e.indexOf("zh")?"zh-cn":"en-us",window[l]=e),window[l]}function a(e,t){var r=p(e),i="",n=u(),i="flash"==e?"en-us"==n?o("./flash/en-us"):"zh-cn"==n?o("./flash/zh-cn"):t[n]:"en-us"==n?o("./en-us"):"zh-cn"==n?o("./zh-cn"):t[n];s.set(r,JSON.stringify(i)),c(e,i)}var r=o("../config"),s=o("../lib/storage"),i=(o("../lib/io"),"aliplayer_lang_data"),l="aliplayer_lang",c=function(e,t){e=p(e);window[e]=t},u=function(){return n()},p=function(e){var t=u();return i+"_"+(e=e||"h5")+"_"+r.h5Version.replace(/\./g,"_")+"_"+t};e.exports.setCurrentLanguage=function(e,t,r){var i=window[l];if(!("en-us"==(e=void 0!==e&&e?e:n())||"zh-cn"==e||r&&r[e]))throw new Error("There is not language resource for "+e+", please specify the language resource by languageTexts property");window[l]=e,a(t,r),e!=i&&o("../lib/constants").updateByLanguage()},e.exports.getCurrentLanguage=n,e.exports.getLanguageData=function(e,t){e=p(e);return window[e]},e.exports.load=a,e.exports.get=function(e,t){t=p(t=t||"h5"),t=window[t];if(t)return t[e]}},{"../config":14,"../lib/constants":28,"../lib/io":40,"../lib/storage":48,"./en-us":20,"./flash/en-us":21,"./flash/zh-cn":22,"./zh-cn":24}],24:[function(e,t,r){t.exports=t.exports={OD:"\u539f\u753b",FD:"\u6d41\u7545",LD:"\u6807\u6e05",SD:"\u9ad8\u6e05",HD:"\u8d85\u6e05","2K":"2K","4K":"4K",FHD:"\u5168\u9ad8\u6e05",XLD:"\u6781\u901f",SQ:"\u666e\u901a\u97f3\u8d28",HQ:"\u9ad8\u97f3\u8d28",Speed:"\u500d\u901f",Speed_05X_Text:"0.5X",Speed_1X_Text:"\u6b63\u5e38",Speed_125X_Text:"1.25X",Speed_15X_Text:"1.5X",Speed_2X_Text:"2X",Quality_Change_Fail_Switch_Text:"\u4e0d\u80fd\u64ad\u653e\uff0c\u5207\u6362\u4e3a",Quality_Change_Text:"\u6b63\u5728\u4e3a\u60a8\u5207\u6362\u5230 ",Quality_The_Url:"\u6b64\u5730\u5740",Refresh_Text:"\u5237\u65b0",Detection_Text:"\u8bca\u65ad",Cancel:"\u53d6\u6d88",Mute:"\u9759\u97f3",Snapshot:"\u622a\u56fe",Play_DateTime:"\u64ad\u653e\u65f6\u95f4",AutoPlayDelayDisplayText:"$$\u79d2\u4ee5\u540e\u5f00\u59cb\u64ad\u653e",Error_Load_Abort_Text:"\u83b7\u53d6\u6570\u636e\u8fc7\u7a0b\u88ab\u4e2d\u6b62",Error_Network_Text:"\u7f51\u7edc\u9519\u8bef\u52a0\u8f7d\u6570\u636e\u5931\u8d25",Error_Decode_Text:"\u89e3\u7801\u9519\u8bef",Error_Server_Network_NotSupport_Text:"\u670d\u52a1\u5668\u3001\u7f51\u7edc\u9519\u8bef\u6216\u683c\u5f0f\u4e0d\u652f\u6301",Error_Offline_Text:"\u7f51\u7edc\u4e0d\u53ef\u7528\uff0c\u8bf7\u786e\u5b9a",Error_Play_Text:"\u64ad\u653e\u51fa\u9519\u5566",Error_Retry_Text:"\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Error_AuthKey_Text:"\u53ef\u80fd\u9274\u6743\u8fc7\u671f\u3001\u57df\u540d\u4e0d\u5728\u767d\u540d\u5355\u6216\u8bf7\u6c42\u88ab\u62e6\u622a",Error_H5_Not_Support_Text:"h5\u4e0d\u652f\u6301\u6b64\u683c\u5f0f\uff0c\u8bf7\u4f7f\u7528flash\u64ad\u653e\u5668",Error_Not_Support_M3U8_Text:"\u6d4f\u89c8\u5668\u4e0d\u652f\u6301m3u8\u89c6\u9891\u64ad\u653e",Error_Not_Support_MP4_Text:"\u6d4f\u89c8\u5668\u4e0d\u652f\u6301mp4\u89c6\u9891\u64ad\u653e",Error_Not_Support_encrypt_Text:"\u64ad\u653e\u52a0\u5bc6\u89c6\u9891\uff0c\u8bf7\u8bbe\u7f6e\u5c5e\u6027encryptType to 1",Error_Vod_URL_Is_Empty_Text:"\u83b7\u53d6\u64ad\u653e\u5730\u5740\u4e3a\u7a7a",Error_Vod_Fetch_Urls_Text:"\u83b7\u53d6\u5730\u5740\u51fa\u9519\u5566\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Fetch_Playauth_Error:"\u83b7\u53d6\u64ad\u653e\u51ed\u8bc1\u51fa\u9519\u5566\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Error_Playauth_Decode_Text:"playauth\u89e3\u6790\u9519\u8bef",Error_Vid_Not_Same_Text:"\u4e0d\u80fd\u66f4\u65b0\u5730\u5740\uff0cvid\u548c\u64ad\u653e\u4e2d\u7684\u4e0d\u4e00\u81f4",Error_Playauth_Expired_Text:"\u51ed\u8bc1\u5df2\u8fc7\u671f\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Error_MTS_Fetch_Urls_Text:"MTS\u83b7\u53d6\u53d6\u6570\u5931\u8d25",Error_Load_M3U8_Failed_Text:"\u83b7\u53d6m3u8\u6587\u4ef6\u5931\u8d25,\u8bf7\u786e\u8ba4\u57df\u540d\u662f\u5426\u914d\u7f6e\u4e86https\u8bc1\u4e66\u6216\u8005\u662f\u5426\u5f00\u542f\u4e86\u5141\u8bb8\u8de8\u57df\u8bbf\u95ee",Error_Load_M3U8_Timeout_Text:"\u83b7\u53d6m3u8\u6587\u4ef6\u8d85\u65f6",Error_Liveshift_M3U8_Not_Found_Text:"\u6ca1\u6709\u66f4\u591a\u65f6\u79fb\u89c6\u9891\u4e86",Error_M3U8_Decode_Text:"\u83b7\u53d6m3u8\u6587\u4ef6\u89e3\u6790\u5931\u8d25",Error_TX_Decode_Text:"\u89e3\u6790\u6570\u636e\u51fa\u9519",Error_Waiting_Timeout_Text:"\u7f13\u51b2\u6570\u636e\u8d85\u65f6\uff0c\u8bf7\u5c1d\u8bd5\u9000\u51fa\u91cd\u8bd5\u6216\u5237\u65b0",Error_Invalidate_Source:"\u64ad\u653e\u5730\u5740\u683c\u5f0f\u9700\u8981\u4e3amp4\u3001mp3\u3001m3u8\u3001mpd\u6216flv",Error_Empty_Source:"\u64ad\u653e\u5730\u5740\u4e0d\u80fd\u4e3a\u7a7a",Error_Vid_Empty_Source:"vid\u5bf9\u5e94\u7684\u89c6\u9891\u5730\u5740\u8fd8\u672a\u83b7\u53d6\u5230",Error_Mediaauth_Empty_Source:"mediaAuth\u5bf9\u5e94\u7684\u89c6\u9891\u5730\u5740\u8fd8\u672a\u83b7\u53d6\u5230",Error_Fetch_NotStream:"\u6b64vid\u6ca1\u6709\u53ef\u64ad\u653e\u89c6\u9891",Error_Fetch_Media_Not_Found:"\u6570\u636e\u4e0d\u5b58\u5728\u6216\u5df2\u88ab\u5220\u9664",Error_Not_Found:"\u64ad\u653e\u5730\u5740\u4e0d\u5b58\u5728",Error_Drm_License_Request_Failed:"DRM License \u8bf7\u6c42\u5931\u8d25",Error_Drm_Not_Supported:"\u5f53\u524d\u6d4f\u89c8\u5668\u4e0d\u652f\u6301 DRM \u64ad\u653e",Error_Drm_Load:"DRM \u64ad\u653e\u9519\u8bef",Error_Region_Block_Text:"\u60a8\u6240\u5728\u7684\u5730\u533a\u65e0\u6cd5\u89c2\u770b\u8be5\u89c6\u9891",Live_End:"\u4eb2\uff0c\u76f4\u64ad\u5df2\u7ed3\u675f",Play_Before_Fullscreen:"\u64ad\u653e\u540e\u518d\u5168\u5c4f",Can_Not_Seekable:"\u4e0d\u80fdseek\u5230\u8fd9\u91cc",Cancel_Text:"\u53d6\u6d88",OK_Text:"\u786e\u8ba4",Auto_Stream_Tip_Text:"\u7f51\u7edc\u4e0d\u7ed9\u529b\uff0c\u662f\u5426\u5207\u6362\u5230$$",Request_Block_Text:"\u6d4f\u89c8\u5668\u5b89\u5168\u7b56\u7565\u89c6\u9891\u5730\u5740\u4e0d\u80fd\u4e3ahttp\u534f\u8bae\uff0c\u4e0e\u7f51\u7ad9https\u534f\u8bae\u4e0d\u4e00\u81f4",Open_Html_By_File:"\u4e0d\u80fd\u76f4\u63a5\u5728\u6d4f\u89c8\u5668\u6253\u5f00html\u6587\u4ef6\uff0c\u8bf7\u90e8\u7f72\u5230\u670d\u52a1\u7aef",Maybe_Cors_Error:"\u8bf7\u786e\u8ba4\u57df\u540d\u662f\u5426\u914d\u7f6e\u4e86https\u8bc1\u4e66\u6216\u8005\u662f\u5426\u5f00\u542f\u4e86\u5141\u8bb8\u8de8\u57df\u8bbf\u95ee",Speed_Switch_To:"\u500d\u901f\u5207\u6362\u5230 ",Curent_Volume:"\u5f53\u524d\u97f3\u91cf\uff1a",Volume_Mute:"\u8bbe\u7f6e\u4e3a\u9759\u97f3",Volume_UnMute:"\u8bbe\u7f6e\u4e3a\u975e\u9759\u97f3",ShiftLiveTime_Error:"\u76f4\u64ad\u5f00\u59cb\u65f6\u95f4\u4e0d\u80fd\u5927\u4e8e\u76f4\u64ad\u7ed3\u675f\u65f6\u95f4",Error_Not_Support_Format_On_Mobile:"\u79fb\u52a8\u7aef\u4e0d\u652f\u6301flv\u3001rmtp\u89c6\u9891\uff0c\u8bf7\u4f7f\u7528m3u8",SessionId_Ticket_Invalid:"DRM\u89c6\u9891\u64ad\u653e\uff0csessionId\u548cticket\u5c5e\u6027\u4e0d\u80fd\u4e3a\u7a7a",Http_Error:"Http\u7f51\u7edc\u8bf7\u6c42\u5931\u8d25",Http_Timeout:"http\u8bf7\u6c42\u8d85\u65f6",DRM_License_Expired:"DRM license\u8d85\u65f6\uff0c\u8bf7\u5237\u65b0",Not_Support_DRM:"\u6d4f\u89c8\u5668\u4e0d\u652f\u6301DRM\u89c6\u9891\u7684\u64ad\u653e\u6216\u672a\u53d7\u5230\u7528\u6237\u8bb8\u53ef",CC_Switch_To:"\u5b57\u5e55\u5207\u6362\u5230 ",AudioTrack_Switch_To:"\u97f3\u8f68\u5207\u6362\u5230 ",Subtitle:"\u5b57\u5e55",AudioTrack:"\u97f3\u8f68",Quality:"\u6e05\u6670\u5ea6",Auto:"\u81ea\u52a8",Quality_Switch_To:"\u6e05\u6670\u5ea6\u5207\u6362\u5230 ",Fullscreen:"\u5168\u5c4f",Setting:"\u8bbe\u7f6e",Volume:"\u97f3\u91cf",Play:"\u64ad\u653e",Pause:"\u6682\u505c",CloseSubtitle:"\u5173\u95ed\u5b57\u5e55",OpenSubtitle:"\u6253\u5f00\u5b57\u5e55",ExistFullScreen:"\u9000\u51fa\u5168\u5c4f",Muted:"\u9759\u97f3",Retry:"\u91cd\u8bd5",SwitchToLive:"\u8fd4\u56de\u76f4\u64ad",iOSNotSupportVodEncription:"iOS\u4e0d\u652f\u6301\u963f\u91cc\u4e91\u89c6\u9891\u52a0\u5bc6\uff08\u52a0\u5bc6\uff09\u64ad\u653e\uff0c\u8bf7\u4f7f\u7528\u6807\u51c6\u52a0\u5bc6\u6216DRM",UseChromeForVodEncription:"\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u70b9\u64ad\u52a0\u5bc6\u64ad\u653e\uff0c\u8bf7\u4f7f\u7528\u6700\u65b0Chrome\u6d4f\u89c8\u5668",Record_Not_Allowed:"\u7981\u6b62\u5f55\u5c4f\u6216\u5c0f\u7a97\u53e3\u64ad\u653e\uff0c\u8bf7\u5173\u95ed\u63d2\u4ef6\u6216\u66f4\u6362\u6d4f\u89c8\u5668",License_No_Authorization:"\u64ad\u653e\u5668SDK\u672a\u6fc0\u6d3b",License_Click_To_Apply:"\u70b9\u51fb\u7533\u8bf7License",Rts_Err_Http_Signal_Error:"(RTS)\u4fe1\u4ee4\u8bf7\u6c42\u5931\u8d25",Rts_Err_Play_Failed:"(RTS)\u64ad\u653e\u5931\u8d25",Rts_Err_No_Data_For:"\u6beb\u79d2\u6ca1\u6709\u6570\u636e",Rts_Err_Browser_Not_Support:"(RTS)\u4e0d\u652f\u6301\u6b64\u6d4f\u89c8\u5668",Rts_Err_Not_Support_Webrtc:"(RTS)\u4e0d\u652f\u6301webrtc",Rts_Err_Browser_Version_Too_Low:"(RTS)\u6d4f\u89c8\u5668\u7248\u672c\u8fc7\u4f4e",Rts_Err_Not_Support_H264:"(RTS)\u4e0d\u652f\u6301H264",Rts_Err_Create_Offer_Error:"(RTS)create offer\u5931\u8d25",Rts_Err_Play_Url_Error:"(RTS)\u64ad\u653eurl\u534f\u8bae\u9519\u8bef",Rts_Err_Subscribe_Nonthing:"(RTS)\u53c2\u6570\u8bbe\u7f6e\u9519\u8bef",Rts_Err_Http_Request_Failed:"(RTS)HTTP\u8bf7\u6c42\u5931\u8d25",Rts_Err_Http_Answer_Failed:"(RTS)answer\u5931\u8d25",Rts_Err_PeerConnection_Unknown:"(RTS)PeerConnection\u5f02\u5e38",Splayer_Err_Env_Check:"(SP)\u5f53\u524d\u73af\u5883\u4e0d\u652f\u6301\u64ad\u653e\u8be5\u89c6\u9891",Splayer_Err_Coroutine:"(SP)Coroutine \u9519\u8bef",Splayer_Err_Decode:"(SP)\u89e3\u7801\u9519\u8bef",Splayer_Err_Buffering:"(SP)\u7f13\u51b2\u533a\u9519\u8bef",Splayer_Err_Parser_Not_Found:"(SP)\u4e0d\u652f\u6301\u7684\u5a92\u4f53\u5bb9\u5668"}},{}],25:[function(e,t,r){var o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";if(window.Uint8Array)for(var u=new Uint8Array(256),i=0;i<o.length;i++)u[o.charCodeAt(i)]=i;var s=function(e){for(var t="",r=0;r<e.length;r+=16e3){var i=e.subarray(r,r+16e3);t+=String.fromCharCode.apply(null,i)}return t};t.exports={decode:function(e){for(var t,r,i,n,o=.75*e.length,a=e.length,s=0,o=("="===e[e.length-1]&&(o--,"="===e[e.length-2])&&o--,new ArrayBuffer(o)),l=new Uint8Array(o),c=0;c<a;c+=4)t=u[e.charCodeAt(c)],r=u[e.charCodeAt(c+1)],i=u[e.charCodeAt(c+2)],n=u[e.charCodeAt(c+3)],l[s++]=t<<2|r>>4,l[s++]=(15&r)<<4|i>>2,l[s++]=(3&i)<<6|63&n;return o},encode:function(e){for(var t=new Uint8Array(e),r=t.length,i="",n=0;n<r;n+=3)i=(i=(i=(i+=o[t[n]>>2])+o[(3&t[n])<<4|t[n+1]>>4])+o[(15&t[n+1])<<2|t[n+2]>>6])+o[63&t[n+2]];return r%3==2?i=i.substring(0,i.length-1)+"=":r%3==1&&(i=i.substring(0,i.length-2)+"=="),i},unpackPlayReady:function(e){e=function(e,t,r){if(!e)return"";r||e.byteLength%2==0||console.log("Data has an incorrect length, must be even."),r=e instanceof ArrayBuffer?e:((r=new Uint8Array(e.byteLength)).set(new Uint8Array(e)),r.buffer);for(var i=Math.floor(e.byteLength/2),n=new Uint16Array(i),o=new DataView(r),a=0;a<i;a++)n[a]=o.getUint16(2*a,t);return s(n)}(e,!0,!0);if(-1!=e.indexOf("PlayReadyKeyMessage")){for(var e=(new DOMParser).parseFromString(e,"application/xml"),t=e.getElementsByTagName("HttpHeader"),r={},i=0;i<t.length;++i){var n=t[i].querySelector("name"),o=t[i].querySelector("value");r[n.textContent]=o.textContent}return{header:r,changange:e.querySelector("Challenge").textContent}}console.log("PlayReady request is already unwrapped.")}}},{}],26:[function(e,t,r){var n=e("./videox-demux.min");function o(){}t.exports=function(e,t,r){void 0===t&&(t=o),void 0===r&&(r=o);var i=new n.Demuxer({progressive:!0});i.on("loadedmetadata",function(e){void 0===e&&(e={}),i.suspend(),i.destroy(),i=null,t(e)}),i.on("error",function(e){r(e)}),i.load(e)}},{"./videox-demux.min":52}],27:[function(e,t,r){var i=e("./oo"),n=e("../player/base/event/eventtype");t.exports.stopPropagation=function(e){window.event?window.event.cancelBubble=!0:e.stopPropagation()},t.exports.register=function(e){e.util={stopPropagation:t.exports.stopPropagation},e.Component=i.extend,e.EventType=n.Player}},{"../player/base/event/eventtype":70,"./oo":43}],28:[function(e,t,r){function i(){t.exports.VideoErrorCodeText={1:n.get("Error_Load_Abort_Text"),2:n.get("Error_Network_Text"),3:n.get("Error_Decode_Text"),4:n.get("Error_Server_Network_NotSupport_Text")},t.exports.VideoLevels={0:n.get("OD"),640:n.get("FD"),960:n.get("LD"),1280:n.get("SD"),1920:n.get("HD"),2580:n.get("2K"),3840:n.get("4K")},t.exports.QualityLevels={OD:n.get("OD"),LD:n.get("LD"),FD:n.get("FD"),SD:n.get("SD"),HD:n.get("HD"),"2K":n.get("2K"),"4K":n.get("4K"),XLD:n.get("XLD"),FHD:n.get("FHD"),SQ:n.get("SQ"),HQ:n.get("HQ")},t.exports.SpeedLevels=[{key:.5,text:n.get("Speed_05X_Text")},{key:1,text:n.get("Speed_1X_Text")},{key:1.25,text:n.get("Speed_125X_Text")},{key:1.5,text:n.get("Speed_15X_Text")},{key:2,text:n.get("Speed_2X_Text")}]}var n=e("../lang/index");t.exports.LOAD_START="loadstart",t.exports.LOADED_METADATA="loadedmetadata",t.exports.LOADED_DATA="loadeddata",t.exports.PROGRESS="progress",t.exports.CAN_PLAY="canplay",t.exports.CAN_PLYA_THROUGH="canplaythrough",t.exports.PLAY="play",t.exports.PAUSE="pause",t.exports.ENDED="ended",t.exports.PLAYING="playing",t.exports.WAITING="waiting",t.exports.ERROR="error",t.exports.SUSPEND="suspend",t.exports.STALLED="stalled",t.exports.AuthKeyExpiredEvent="authkeyexpired",t.exports.USER_EVENT_NAME="__user_events__",t.exports.PLAYER_SDK_CODE=9201,t.exports.FEATURE_ID_H265=30001,t.exports.LicenseResultCode={Success:0,NotFound:1,Expired:2,CertInvalid:3,WasmNotSupported:4,ResourceIncorrect:5,LicenseKeyInvalid:6,DomainInvalid:7},t.exports.DRMKeySystem={4:"com.microsoft.playready",5:"com.widevine.alpha"},t.exports.EncryptionType={Private:1,Standard:2,ChinaDRM:3,PlayReady:4,Widevine:5},t.exports.VodEncryptionType={AliyunVoDEncryption:1,HLSEncryption:2,Widevine:5,"Widevine-FairPlay":5},t.exports.DRMType={Widevine:"Widevine",PlayReady:"PlayReady"},t.exports.ErrorCode={InvalidParameter:4001,AuthKeyExpired:4002,InvalidSourceURL:4003,NotFoundSourceURL:4004,StartLoadData:4005,LoadedMetadata:4006,PlayingError:4007,LoadingTimeout:4008,RequestDataError:4009,EncrptyVideoNotSupport:4010,FormatNotSupport:4011,PlayauthDecode:4012,PlayDataDecode:4013,NetworkUnavaiable:4014,UserAbort:4015,NetworkError:4016,URLsIsEmpty:4017,DrmLicenseRequestFailed:4018,RecordNotAllowed:4019,MediaNotFound:4020,DrmNotSupported:4021,DrmLoadError:4022,RegionBlock:4023,CrossDomain:4027,OtherError:4400,ServerAPIError:4500,FlashNotInstalled:4600,RtsSignalError:4100,RtsPlayFailedError:4200,RtsNotSupportWebRtc:4110,RtsBrowserNotSupport:4111,RtsBrowserVersionTooLow:4112,RtsNotSupportH264:4113,RtsCreateOfferError:4114,RtsAutoPLayFaild:4115,RtsPlayUrlError:4116,RtsSubscribeNonthing:4117,RtsHtmlElementError:4118,RtsHtmlElementNotMatch:4119,RtsBrowserNotSupportRtc:4120,RtsHttpRequestFaild:4121,RtsHttpAnswerFaild:4122,RtsPeerConnectionUnknown:4123,SplayerEnvCheckError:4300,SplayerCoroutineError:4301,SplayerDecodeError:4302,SplayerBufferingError:4303,SplayerParserNotFound:4304},t.exports.AuthKeyExpired=7200,t.exports.AuthKeyRefreshExpired=7e3,t.exports.AuthInfoExpired=100,t.exports.VideoErrorCode={1:4015,2:4016,3:4013,4:4400},t.exports.RegionBlockMessages=["black location","denied by region block"],t.exports.IconType={FontClass:"fontclass",Symbol:"symbol",Sprite:"Sprite"},t.exports.SelectedStreamLevel="selectedStreamLevel",t.exports.SelectedCC="selectedCC",t.exports.HWDetectHvc1="HWDetectHvc1",t.exports.HWDetectHev1="HWDetectHev1",t.exports.WidthMapToLevel={0:"OD",640:"FD",960:"LD",1280:"SD",1920:"HD",2580:"2K",3840:"4K"};i(),t.exports.updateByLanguage=i},{"../lang/index":23}],29:[function(e,t,r){t.exports.get=function(e){for(var t=e+"",r=document.cookie.split(";"),i=0;i<r.length;i++){var n=r[i].trim();if(0==n.indexOf(t))return unescape(n.substring(t.length+1,n.length))}return""},t.exports.set=function(e,t,r){var i=new Date,r=(i.setTime(i.getTime()+24*r*60*60*1e3),"expires="+i.toGMTString());document.cookie=e+"="+escape(t)+"; "+r}},{}],30:[function(e,r,t){var i=e("./object");r.exports.cache={},r.exports.guid=function(e,t){var r,i,n="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),o=[];if(t=t||n.length,e)for(r=0;r<e;r++)o[r]=n[0|Math.random()*t];else for(o[8]=o[13]=o[18]=o[23]="-",o[14]="4",r=0;r<36;r++)o[r]||(i=0|16*Math.random(),o[r]=n[19==r?3&i|8:i]);return o.join("")},r.exports.expando="vdata"+(new Date).getTime(),r.exports.getData=function(e){var t=e[r.exports.expando];return t||(t=e[r.exports.expando]=r.exports.guid(),r.exports.cache[t]={}),r.exports.cache[t]},r.exports.hasData=function(e){var t="";return!(!(t=e?e[r.exports.expando]:t)||i.isEmpty(r.exports.cache[t]))},r.exports.removeData=function(t){var e="";if(e=t?t[r.exports.expando]:e){delete r.exports.cache[e];try{delete t[r.exports.expando]}catch(e){t.removeAttribute?t.removeAttribute(r.exports.expando):t[r.exports.expando]=null}}}},{"./object":42}],31:[function(e,t,r){var i,d="undefined"==typeof Promise?e("es6-promise").Promise:Promise;e="undefined"!=typeof self?self:this,i=function(){return r=[function(e,t,r){"use strict";!function(e){t.b=function(e){for(var t=(e=void 0===e?{}:e).includes,e=e.excludes,e=void 0===e?[]:e,r=!1,i=!1,n=0,o=void 0===t?[]:t;n<o.length;n++)if(!0===o[n]){r=!0;break}for(var a=0,s=e;a<s.length;a++)if(!0===s[a]){i=!0;break}return r&&!i},t.c=function(e,t,r){e=n.a[e];return void 0!==e&&Object(i.compare)(e,t,r)},t.a=function(){return"undefined"!=typeof self?self:"undefined"!=typeof window?window:void 0!==e?e:this};var i=r(11),n=(r.n(i),r(4))}.call(t,r(10))},function(e,t,r){"use strict";r.d(t,"c",function(){return n}),r.d(t,"d",function(){return o}),r.d(t,"b",function(){return a}),r.d(t,"f",function(){return s}),r.d(t,"a",function(){return l}),r.d(t,"e",function(){return c});var i,t=r(3),r=r(0),r=Object(r.a)(),n="InstallTrigger"in((null==r?void 0:r.window)||{})||/firefox/i.test(t.b),o=/trident/i.test(t.b)||/msie/i.test(t.b),a=/edge/i.test(t.b),s=/webkit/i.test(t.b)&&!a,l=void 0!==(null==(i=null==r?void 0:r.window)?void 0:i.chrome)||/chrome/i.test(t.b),c="[object SafariRemoteNotification]"===((null==(r=null==(i=null==r?void 0:r.window)?void 0:i.safari)?void 0:r.pushNotification)||!1).toString()||/safari/i.test(t.b)&&!l},function(e,t,r){"use strict";r.d(t,"b",function(){return o}),r.d(t,"c",function(){return a}),r.d(t,"a",function(){return s});var i=r(1);function n(r){if(console){if(!i.d&&!i.b)return console[r];if("log"===r||"clear"===r)return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];console[r].apply(console,e)}}return function(){for(var e=0;e<arguments.length;e++)e,0}}var o=n("log"),a=n("table"),s=n("clear")},function(e,t,r){"use strict";t.a=function(){for(var e,t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return null!=i&&i.document?(e=i.document).createElement.apply(e,t):{}},r.d(t,"b",function(){return n});var t=r(0),i=Object(t.a)(),n=(null==(r=null==i?void 0:i.navigator)?void 0:r.userAgent)||"xxxxx"},function(e,t,r){"use strict";r.d(t,"a",function(){return i});for(var i={},n=0,o=(r(3).b||"").match(/\w+\/(\d|\.)+(\s|$)/gi)||[];n<o.length;n++){var a=o[n].split("/"),s=a[0],a=a[1];i[s]=a}},function(e,t,r){"use strict";r.d(t,"b",function(){return i}),r.d(t,"d",function(){return n}),r.d(t,"c",function(){return o}),r.d(t,"a",function(){return a}),r.d(t,"e",function(){return s});var t=r(3),i=/ipad/i.test(t.b),n=/macintosh/i.test(t.b),o=/iphone/i.test(t.b),a=/android/i.test(t.b),s=/windows/i.test(t.b)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addListener=function(e){p.addListener(e)},t.removeListener=function(e){p.removeListener(e)},t.isLaunch=function(){return p.isLaunch()},t.launch=function(){p.launch()},t.stop=function(){p.stop()},t.setDetectDelay=function(e){p.setDetectDelay(e)};var i=r(7),n=r(8),o=(r.d(t,"DevtoolsDetector",function(){return i.a}),r.d(t,"checkers",function(){return n}),r(0)),a=(r.d(t,"match",function(){return o.b}),r.d(t,"specificVersionMatch",function(){return o.c}),r(1)),s=(r.d(t,"isFirefox",function(){return a.c}),r.d(t,"isIE",function(){return a.d}),r.d(t,"isEdge",function(){return a.b}),r.d(t,"isWebkit",function(){return a.f}),r.d(t,"isChrome",function(){return a.a}),r.d(t,"isSafari",function(){return a.e}),r(2)),l=(r.d(t,"log",function(){return s.b}),r.d(t,"table",function(){return s.c}),r.d(t,"clear",function(){return s.a}),r(17)),c=(r.d(t,"isMobile",function(){return l.a}),r(4)),u=(r.d(t,"versionMap",function(){return c.a}),r(5)),p=(r.d(t,"isIpad",function(){return u.b}),r.d(t,"isMac",function(){return u.d}),r.d(t,"isIphone",function(){return u.c}),r.d(t,"isAndroid",function(){return u.a}),r.d(t,"isWindows",function(){return u.e}),new i.a({checkers:[n.elementIdChecker,n.regToStringChecker,n.functionToStringChecker,n.depRegToStringChecker,n.dateToStringChecker,n.debuggerChecker]}));t.default=p},function(e,t,r){"use strict";r.d(t,"a",function(){return n});var i=this&&this.__awaiter||function(e,a,s,l){return new(s=s||d)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},n=(o.prototype.launch=function(){this._detectLoopDelay<=0&&this.setDetectDelay(500),this._detectLoopStopped&&(this._detectLoopStopped=!1,this._detectLoop())},o.prototype.stop=function(){this._detectLoopStopped||(this._detectLoopStopped=!0,clearTimeout(this._timer))},o.prototype.isLaunch=function(){return!this._detectLoopStopped},o.prototype.setDetectDelay=function(e){this._detectLoopDelay=e},o.prototype.addListener=function(e){this._listeners.push(e)},o.prototype.removeListener=function(t){this._listeners=this._listeners.filter(function(e){return e!==t})},o.prototype._broadcast=function(e){for(var t=0,r=this._listeners;t<r.length;t++){var i=r[t];try{i(e.isOpen,e)}catch(e){}}},o.prototype._detectLoop=function(){return i(this,void 0,void 0,function(){var t,r,i,n,o,a=this;return s(this,function(e){switch(e.label){case 0:t=!1,r="",i=0,n=this._checkers,e.label=1;case 1:return i<n.length?[4,(o=n[i]).isEnable()]:[3,6];case 2:return e.sent()?(r=o.name,[4,o.isOpen()]):[3,4];case 3:t=e.sent(),e.label=4;case 4:if(t)return[3,6];e.label=5;case 5:return i++,[3,1];case 6:return t!=this._isOpen&&(this._isOpen=t,this._broadcast({isOpen:t,checkerName:r})),0<this._detectLoopDelay?this._timer=setTimeout(function(){return a._detectLoop()},this._detectLoopDelay):this.stop(),[2]}})})},o);function o(e){e=e.checkers;this._listeners=[],this._isOpen=!1,this._detectLoopStopped=!0,this._detectLoopDelay=500,this._checkers=e.slice()}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=r(9),n=(r.d(t,"depRegToStringChecker",function(){return i.a}),r(12)),o=(r.d(t,"elementIdChecker",function(){return n.a}),r(13)),a=(r.d(t,"functionToStringChecker",function(){return o.a}),r(14)),s=(r.d(t,"regToStringChecker",function(){return a.a}),r(15)),l=(r.d(t,"debuggerChecker",function(){return s.a}),r(16));r.d(t,"dateToStringChecker",function(){return l.a})},function(e,t,r){"use strict";r.d(t,"a",function(){return u});var i=r(1),n=r(2),o=r(0),a=this&&this.__awaiter||function(e,a,s,l){return new(s=s||d)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},l=/ /,c=!1,u=(l.toString=function(){return c=!0,u.name},{name:"dep-reg-to-string",isOpen:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return c=!1,Object(n.c)({dep:l}),Object(n.a)(),[2,c]})})},isEnable:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return[2,Object(o.b)({includes:[!0],excludes:[i.c,i.d]})]})})}})},function(e,t){var r=function(){return this}();try{r=r||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(r=window)}e.exports=r},function(e,t,r){var i;void 0!==(t="function"==typeof(i=function(){var t=/^v?(?:\d+)(\.(?:[x*]|\d+)(\.(?:[x*]|\d+)(\.(?:[x*]|\d+))?(?:-[\da-z\-]+(?:\.[\da-z\-]+)*)?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;function p(e){var t=e.replace(/^v/,"").replace(/\+.*$/,""),r=function(e,t){return-1===e.indexOf(t)?e.length:e.indexOf(t)}(t,"-"),i=t.substring(0,r).split(".");return i.push(t.substring(r+1)),i}function d(e){return isNaN(Number(e))?e:Number(e)}function h(e){if("string"!=typeof e)throw new TypeError("Invalid argument expected string");if(!t.test(e))throw new Error("Invalid argument not valid semver ('"+e+"' received)")}function n(e,t){[e,t].forEach(h);for(var r=p(e),i=p(t),n=0;n<Math.max(r.length-1,i.length-1);n++){var o=parseInt(r[n]||0,10),a=parseInt(i[n]||0,10);if(o>a)return 1;if(a>o)return-1}var s=r[r.length-1],l=i[i.length-1];if(s&&l){var c=s.split(".").map(d),u=l.split(".").map(d);for(n=0;n<Math.max(c.length,u.length);n++){if(void 0===c[n]||"string"==typeof u[n]&&"number"==typeof c[n])return-1;if(void 0===u[n]||"string"==typeof c[n]&&"number"==typeof u[n])return 1;if(c[n]>u[n])return 1;if(u[n]>c[n])return-1}}else if(s||l)return s?-1:1;return 0}var o=[">",">=","=","<","<="],a={">":[1],">=":[0,1],"=":[0],"<=":[-1,0],"<":[-1]};return n.validate=function(e){return"string"==typeof e&&t.test(e)},n.compare=function(e,t,r){!function(e){if("string"!=typeof e)throw new TypeError("Invalid operator type, expected string but got "+typeof e);if(-1===o.indexOf(e))throw new TypeError("Invalid operator, expected one of "+o.join("|"))}(r);var i=n(e,t);return a[r].indexOf(i)>-1},n})?i.apply(t,[]):i)&&(e.exports=t)},function(e,t,r){"use strict";r.d(t,"a",function(){return u});var i=r(1),n=r(2),o=r(0),t=r(3),a=this&&this.__awaiter||function(e,a,s,l){return new(s=s||d)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},l=Object(t.a)("div"),c=!1,u=(Object.defineProperty(l,"id",{get:function(){return c=!0,u.name},configurable:!0}),{name:"element-id",isOpen:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return c=!1,Object(n.b)(l),Object(n.a)(),[2,c]})})},isEnable:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return[2,Object(o.b)({includes:[!0],excludes:[i.d,i.b,i.c]})]})})}})},function(e,t,r){"use strict";r.d(t,"a",function(){return p});var i=r(1),n=r(2),o=r(5),a=r(0),s=this&&this.__awaiter||function(e,a,s,l){return new(s=s||d)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},l=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}};function c(){}var u=0,p=(c.toString=function(){return u++,""},{name:"function-to-string",isOpen:function(){return s(this,void 0,void 0,function(){return l(this,function(e){return u=0,Object(n.b)(c),Object(n.a)(),[2,2===u]})})},isEnable:function(){return s(this,void 0,void 0,function(){return l(this,function(e){return[2,Object(a.b)({includes:[!0],excludes:[i.c,(o.b||o.c)&&i.a]})]})})}})},function(e,t,r){"use strict";r.d(t,"a",function(){return u});var i=r(2),n=r(1),o=r(0),a=this&&this.__awaiter||function(e,a,s,l){return new(s=s||d)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},l=/ /,c=!1,u=(l.toString=function(){return c=!0,u.name},{name:"reg-to-string",isOpen:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return c=!1,Object(i.b)(l),Object(i.a)(),[2,c]})})},isEnable:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return[2,Object(o.b)({includes:[!0],excludes:[n.f]})]})})}})},function(e,t,r){"use strict";r.d(t,"a",function(){return a});var i=this&&this.__awaiter||function(e,a,s,l){return new(s=s||d)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},n=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}};function o(){return(performance||Date).now()}var a={name:"debugger-checker",isOpen:function(){return i(this,void 0,void 0,function(){var t;return n(this,function(e){return t=o(),function(){}.constructor("debugger")(),[2,100<o()-t]})})},isEnable:function(){return i(this,void 0,void 0,function(){return n(this,function(e){return[2,!0]})})}}},function(e,t,r){"use strict";r.d(t,"a",function(){return u});var i=r(1),n=r(2),o=r(0),a=this&&this.__awaiter||function(e,a,s,l){return new(s=s||d)(function(r,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function n(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?r(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(i,n)}o((l=l.apply(e,a||[])).next())})},s=this&&this.__generator||function(i,n){var o,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(r){return function(e){var t=[r,e];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=n.call(i,l)}catch(e){t=[6,e],a=0}finally{o=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}},l=new Date,c=0,u=(l.toString=function(){return c++,""},{name:"date-to-string",isOpen:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return c=0,Object(n.b)(l),Object(n.a)(),[2,2===c]})})},isEnable:function(){return a(this,void 0,void 0,function(){return s(this,function(e){return[2,Object(o.b)({includes:[i.a],excludes:[]})]})})}})},function(e,t,r){"use strict";r.d(t,"a",function(){return i});var t=r(3),i=/mobile/i.test(t.b)}],n={},i.m=r,i.c=n,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=6);function i(e){var t;return(n[e]||(t=n[e]={i:e,l:!1,exports:{}},r[e].call(t.exports,t,t.exports,i),t.l=!0,t)).exports}var r,n},"object"==typeof r&&"object"==typeof t?t.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof r?r.devtoolsDetector=i():e.devtoolsDetector=i()},{"es6-promise":8}],32:[function(e,l,t){var i=e("./object");l.exports.el=function(e){return document.getElementById(e)},l.exports.createEl=function(e,t){var r;return e=e||"div",t=t||{},r=document.createElement(e),i.each(t,function(e,t){-1!==e.indexOf("aria-")||"role"==e?r.setAttribute(e,t):r[e]=t}),r},l.exports.addClass=function(e,t){-1==(" "+e.className+" ").indexOf(" "+t+" ")&&(e.className=""===e.className?t:e.className+" "+t)},l.exports.removeClass=function(e,t){var r,i;if(-1!=e.className.indexOf(t)){for(i=(r=e.className.split(" ")).length-1;0<=i;i--)r[i]===t&&r.splice(i,1);e.className=r.join(" ")}},l.exports.hasClass=function(e,t){return-1!=e.className.indexOf(t)},l.exports.getClasses=function(e){return e.className?e.className.split(" "):[]},l.exports.getElementAttributes=function(e){var t,r,i={};if(e&&e.attributes&&0<e.attributes.length)for(var n,o=(n=e.attributes).length-1;0<=o;o--)t=n[o].name,r=n[o].value,"boolean"!=typeof e[t]&&-1===",autoplay,controls,loop,muted,default,".indexOf(","+t+",")||(r=null!==r),i[t]=r;return i},l.exports.insertFirst=function(e,t){t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e)},l.exports.blockTextSelection=function(){document.body.focus(),document.onselectstart=function(){return!1}},l.exports.unblockTextSelection=function(){document.onselectstart=function(){return!0}},l.exports.css=function(r,e,t){return!(!r||!r.style)&&(e&&t?(r.style[e]=t,!0):t||"string"!=typeof e?!t&&"object"==typeof e&&(i.each(e,function(e,t){r.style[e]=t}),!0):r.style[e])},l.exports.getTransformName=function(e){for(var t=["transform","WebkitTransform","MozTransform","msTransform","OTransform"],r=t[0],i=0,n=t.length;i<n;i++)if(void 0!==e.style[t[i]]){r=t[i];break}return r},l.exports.getTransformEventName=function(e,t){for(var r=["","Webkit","Moz","ms","O"],i=t.toLowerCase(),n=["transform","WebkitTransform","MozTransform","msTransform","OTransform"],o=0,a=n.length;o<a;o++)if(void 0!==e.style[n[o]]){0!=o&&(i=r[o]+t);break}return i},l.exports.addCssByStyle=function(e){var t=document,r=t.createElement("style"),e=(r.setAttribute("type","text/css"),r.styleSheet?r.styleSheet.cssText=e:(e=t.createTextNode(e),r.appendChild(e)),t.getElementsByTagName("head"));(e.length?e[0]:t.documentElement).appendChild(r)},l.exports.getTranslateX=function(e){var t=0;if(e)try{var r=window.getComputedStyle(e),i=l.exports.getTransformName(e),t=new(window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix)(r[i]).m41}catch(e){console.log(e)}return t},l.exports.getPointerPosition=function(e,t){var r={},i=l.exports.findPosition(e),n=e.offsetWidth,e=e.offsetHeight,o=i.top,i=i.left,a=t.pageY,s=t.pageX;return t.changedTouches&&(s=t.changedTouches[0].pageX,a=t.changedTouches[0].pageY),r.y=Math.max(0,Math.min(1,(o-a+e)/e)),r.x=Math.max(0,Math.min(1,(s-i)/n)),r},l.exports.findPosition=function(e){var t,r,i,n;return(t=e.getBoundingClientRect&&e.parentNode?e.getBoundingClientRect():t)?(e=document.documentElement,n=document.body,i=e.clientLeft||n.clientLeft||0,r=window.pageXOffset||n.scrollLeft,r=t.left+r-i,i=e.clientTop||n.clientTop||0,e=window.pageYOffset||n.scrollTop,n=t.top+e-i,{left:Math.round(r),top:Math.round(n)}):{left:0,top:0}}},{"./object":42}],33:[function(e,l,t){var c=e("./object"),u=e("./data"),r=e("./ua"),i=e("./fastclick");function p(t,r,e,i){c.each(e,function(e){t(r,e,i)})}l.exports.on=function(o,e,t){if(o){if(c.isArray(e))return p(l.exports.on,o,e,t);r.IS_MOBILE&&"click"==e&&i.attach(o);var a=u.getData(o);a.handlers||(a.handlers={}),a.handlers[e]||(a.handlers[e]=[]),t.guid||(t.guid=u.guid()),a.handlers[e].push(t),a.dispatcher||(a.disabled=!1,a.dispatcher=function(e){if(!a.disabled){e=l.exports.fixEvent(e);var t=a.handlers[e.type];if(t)for(var r=t.slice(0),i=0,n=r.length;i<n&&!e.isImmediatePropagationStopped();i++)r[i].call(o,e)}}),1==a.handlers[e].length&&(o.addEventListener?o.addEventListener(e,a.dispatcher,!1):o.attachEvent&&o.attachEvent("on"+e,a.dispatcher))}},l.exports.off=function(t,e,r){if(t&&u.hasData(t)){var i=u.getData(t);if(i.handlers){if(c.isArray(e))return p(l.exports.off,t,e,r);function n(e){i.handlers[e]=[],l.exports.cleanUpEvents(t,e)}if(e){var o=i.handlers[e];if(o)if(r){if(r.guid)for(var a=0;a<o.length;a++)o[a].guid===r.guid&&o.splice(a--,1);l.exports.cleanUpEvents(t,e)}else n(e)}else for(var s in i.handlers)n(s)}}},l.exports.cleanUpEvents=function(e,t){var r=u.getData(e);0===r.handlers[t].length&&(delete r.handlers[t],e.removeEventListener?e.removeEventListener(t,r.dispatcher,!1):e.detachEvent&&e.detachEvent("on"+t,r.dispatcher)),c.isEmpty(r.handlers)&&(delete r.handlers,delete r.dispatcher,delete r.disabled),c.isEmpty(r)&&u.removeData(e)},l.exports.fixEvent=function(e){function t(){return!0}function r(){return!1}if(!e||!e.isPropagationStopped){var i,n,o,a=e||window.event;for(i in e={},a)"layerX"===i||"layerY"===i||"keyboardEvent.keyLocation"===i||"returnValue"==i&&a.preventDefault||(e[i]=a[i]);e.target||(e.target=e.srcElement||document),e.relatedTarget=e.fromElement===e.target?e.toElement:e.fromElement,e.preventDefault=function(){a.preventDefault&&a.preventDefault(),e.returnValue=!1,e.isDefaultPrevented=t,e.defaultPrevented=!0},e.isDefaultPrevented=r,e.defaultPrevented=!1,e.stopPropagation=function(){a.stopPropagation&&a.stopPropagation(),e.cancelBubble=!0,e.isPropagationStopped=t},e.isPropagationStopped=r,e.stopImmediatePropagation=function(){a.stopImmediatePropagation&&a.stopImmediatePropagation(),e.isImmediatePropagationStopped=t,e.stopPropagation()},e.isImmediatePropagationStopped=r,null!=e.clientX&&(n=document.documentElement,o=document.body,e.pageX=e.clientX+(n&&n.scrollLeft||o&&o.scrollLeft||0)-(n&&n.clientLeft||o&&o.clientLeft||0),e.pageY=e.clientY+(n&&n.scrollTop||o&&o.scrollTop||0)-(n&&n.clientTop||o&&o.clientTop||0)),e.which=e.charCode||e.keyCode,null!=e.button&&(e.button=1&e.button?0:4&e.button?1:2&e.button?2:0)}return e},l.exports.trigger=function(e,t){var r,i,n;if(e)return r=u.hasData(e)?u.getData(e):{},i=e.parentNode||e.ownerDocument,"string"==typeof t&&(n=null,!e.paramData&&0!=e.paramData||(n=e.paramData,e.paramData=null,e.removeAttribute(n)),t={type:t,target:e,paramData:n}),t=l.exports.fixEvent(t),r.dispatcher&&r.dispatcher.call(e,t),i&&!t.isPropagationStopped()&&!1!==t.bubbles?l.exports.trigger(i,t):i||t.defaultPrevented||(n=u.getData(t.target),t.target[t.type]&&(n.disabled=!0,"function"==typeof t.target[t.type]&&t.target[t.type](),n.disabled=!1)),!t.defaultPrevented},l.exports.one=function(e,t,r){if(e){if(c.isArray(t))return p(l.exports.one,e,t,r);function i(){l.exports.off(e,t,i),r.apply(this,arguments)}i.guid=r.guid=r.guid||u.guid(),l.exports.on(e,t,i)}}},{"./data":30,"./fastclick":34,"./object":42,"./ua":49}],34:[function(e,t,r){function a(n,e){var t;if(e=e||{},this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=e.touchBoundary||10,this.layer=n,this.tapDelay=e.tapDelay||200,this.tapTimeout=e.tapTimeout||700,!a.notNeeded(n)){for(var r=["onMouse","onClick","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel"],i=0,o=r.length;i<o;i++)this[r[i]]=function(e,t){return function(){return e.apply(t,arguments)}}(this[r[i]],this);s&&(n.addEventListener("mouseover",this.onMouse,!0),n.addEventListener("mousedown",this.onMouse,!0),n.addEventListener("mouseup",this.onMouse,!0)),n.addEventListener("click",this.onClick,!0),n.addEventListener("touchstart",this.onTouchStart,!1),n.addEventListener("touchmove",this.onTouchMove,!1),n.addEventListener("touchend",this.onTouchEnd,!1),n.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(n.removeEventListener=function(e,t,r){var i=Node.prototype.removeEventListener;"click"===e?i.call(n,e,t.hijacked||t,r):i.call(n,e,t,r)},n.addEventListener=function(e,t,r){var i=Node.prototype.addEventListener;"click"===e?i.call(n,e,t.hijacked||(t.hijacked=function(e){e.propagationStopped||t(e)}),r):i.call(n,e,t,r)}),"function"==typeof n.onclick&&(t=n.onclick,n.addEventListener("click",function(e){t(e)},!1),n.onclick=null)}}var i=0<=navigator.userAgent.indexOf("Windows Phone"),s=0<navigator.userAgent.indexOf("Android")&&!i,o=/iP(ad|hone|od)/.test(navigator.userAgent)&&!i,l=o&&/OS 4_\d(_\d)?/.test(navigator.userAgent),c=o&&/OS [6-7]_\d/.test(navigator.userAgent),n=0<navigator.userAgent.indexOf("BB10");a.prototype.needsClick=function(e){switch(e.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(e.disabled)return!0;break;case"input":if(o&&"file"===e.type||e.disabled)return!0;break;case"label":case"iframe":case"video":return!0}return/\bneedsclick\b/.test(e.className)},a.prototype.needsFocus=function(e){switch(e.nodeName.toLowerCase()){case"textarea":return!0;case"select":return!s;case"input":switch(e.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!e.disabled&&!e.readOnly;default:return/\bneedsfocus\b/.test(e.className)}},a.prototype.sendClick=function(e,t){var r;document.activeElement&&document.activeElement!==e&&document.activeElement.blur(),t=t.changedTouches[0],(r=document.createEvent("MouseEvents")).initMouseEvent(this.determineEventType(e),!0,!0,window,1,t.screenX,t.screenY,t.clientX,t.clientY,!1,!1,!1,!1,0,null),r.forwardedTouchEvent=!0,e.dispatchEvent(r)},a.prototype.determineEventType=function(e){return s&&"select"===e.tagName.toLowerCase()?"mousedown":"click"},a.prototype.focus=function(e){var t;o&&e.setSelectionRange&&0!==e.type.indexOf("date")&&"time"!==e.type&&"month"!==e.type&&"email"!==e.type?(t=e.value.length,e.setSelectionRange(t,t)):e.focus()},a.prototype.updateScrollParent=function(e){var t,r=e.fastClickScrollParent;if(!r||!r.contains(e)){t=e;do{if(t.scrollHeight>t.offsetHeight){r=t,e.fastClickScrollParent=t;break}}while(t=t.parentElement)}r&&(r.fastClickLastScrollTop=r.scrollTop)},a.prototype.getTargetElementFromEventTarget=function(e){return e.nodeType===Node.TEXT_NODE?e.parentNode:e},a.prototype.onTouchStart=function(e){var t,r,i;if(!(1<e.targetTouches.length)){if(t=this.getTargetElementFromEventTarget(e.target),r=e.targetTouches[0],o){if((i=window.getSelection()).rangeCount&&!i.isCollapsed)return!0;if(!l){if(r.identifier&&r.identifier===this.lastTouchIdentifier)return e.preventDefault(),!1;this.lastTouchIdentifier=r.identifier,this.updateScrollParent(t)}}this.trackingClick=!0,this.trackingClickStart=e.timeStamp,this.targetElement=t,this.touchStartX=r.pageX,this.touchStartY=r.pageY,e.timeStamp-this.lastClickTime<this.tapDelay&&e.preventDefault()}return!0},a.prototype.touchHasMoved=function(e){var e=e.changedTouches[0],t=this.touchBoundary;return Math.abs(e.pageX-this.touchStartX)>t||Math.abs(e.pageY-this.touchStartY)>t},a.prototype.onTouchMove=function(e){return this.trackingClick&&(this.targetElement!==this.getTargetElementFromEventTarget(e.target)||this.touchHasMoved(e))&&(this.trackingClick=!1,this.targetElement=null),!0},a.prototype.findControl=function(e){return void 0!==e.control?e.control:e.htmlFor?document.getElementById(e.htmlFor):e.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},a.prototype.onTouchEnd=function(e){var t,r,i,n=this.targetElement;if(!this.trackingClick)return!0;if(e.timeStamp-this.lastClickTime<this.tapDelay)return this.cancelNextClick=!0;if(e.timeStamp-this.trackingClickStart>this.tapTimeout)return!0;if(this.cancelNextClick=!1,this.lastClickTime=e.timeStamp,t=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,c&&(i=e.changedTouches[0],(n=document.elementFromPoint(i.pageX-window.pageXOffset,i.pageY-window.pageYOffset)||n).fastClickScrollParent=this.targetElement.fastClickScrollParent),"label"===(i=n.tagName.toLowerCase())){if(r=this.findControl(n)){if(this.focus(n),s)return!1;n=r}}else if(this.needsFocus(n))return 100<e.timeStamp-t||o&&window.top!==window&&"input"===i?this.targetElement=null:(this.focus(n),this.sendClick(n,e),o&&"select"===i||(this.targetElement=null,e.preventDefault())),!1;return!(!o||l||!(r=n.fastClickScrollParent)||r.fastClickLastScrollTop===r.scrollTop)||(this.needsClick(n)||(e.preventDefault(),this.sendClick(n,e)),!1)},a.prototype.onTouchCancel=function(){this.trackingClick=!1,this.targetElement=null},a.prototype.onMouse=function(e){return!this.targetElement||!(!e.forwardedTouchEvent&&e.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)&&(e.stopImmediatePropagation?e.stopImmediatePropagation():e.propagationStopped=!0,e.stopPropagation(),e.preventDefault(),1))},a.prototype.onClick=function(e){return this.trackingClick?(this.targetElement=null,!(this.trackingClick=!1)):"submit"===e.target.type&&0===e.detail||((e=this.onMouse(e))||(this.targetElement=null),e)},a.prototype.destroy=function(){var e=this.layer;s&&(e.removeEventListener("mouseover",this.onMouse,!0),e.removeEventListener("mousedown",this.onMouse,!0),e.removeEventListener("mouseup",this.onMouse,!0)),e.removeEventListener("click",this.onClick,!0),e.removeEventListener("touchstart",this.onTouchStart,!1),e.removeEventListener("touchmove",this.onTouchMove,!1),e.removeEventListener("touchend",this.onTouchEnd,!1),e.removeEventListener("touchcancel",this.onTouchCancel,!1)},a.notNeeded=function(e){var t,r;if(void 0===window.ontouchstart)return!0;if(r=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!s)return!0;if(t=document.querySelector("meta[name=viewport]")){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(31<r&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(n&&10<=(r=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/))[1]&&3<=r[2]&&(t=document.querySelector("meta[name=viewport]"))){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===e.style.msTouchAction||"manipulation"===e.style.touchAction||!!(27<=+(/Firefox\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]&&(t=document.querySelector("meta[name=viewport]"))&&(-1!==t.content.indexOf("user-scalable=no")||document.documentElement.scrollWidth<=window.outerWidth))||"none"===e.style.touchAction||"manipulation"===e.style.touchAction},a.attach=function(e,t){return new a(e,t)},t.exports=a},{}],35:[function(e,t,r){var n=e("./data");t.exports.bind=function(e,t,r){t.guid||(t.guid=n.guid());function i(){return t.apply(e,arguments)}return i.guid=r?r+"_"+t.guid:t.guid,i}},{"./data":30}],36:[function(e,t,r){function w(){"use strict";w=function(){return a};var a={},e=Object.prototype,l=e.hasOwnProperty,c=Object.defineProperty||function(e,t,r){e[t]=r.value},t="function"==typeof Symbol?Symbol:{},i=t.iterator||"@@iterator",r=t.asyncIterator||"@@asyncIterator",n=t.toStringTag||"@@toStringTag";function o(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{o({},"")}catch(e){o=function(e,t,r){return e[t]=r}}function s(e,t,r,i){var n,o,a,s,t=t&&t.prototype instanceof d?t:d,t=Object.create(t.prototype),i=new b(i||[]);return c(t,"_invoke",{value:(n=e,o=r,a=i,s="suspendedStart",function(e,t){if("executing"===s)throw new Error("Generator is already running");if("completed"===s){if("throw"===e)throw t;return E()}for(a.method=e,a.arg=t;;){var r=a.delegate;if(r){r=function e(t,r){var i=t.iterator[r.method];if(void 0===i){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=void 0,e(t,r),"throw"===r.method))return p;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}i=u(i,t.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,p;i=i.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=void 0),r.delegate=null,p):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,p)}(r,a);if(r){if(r===p)continue;return r}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if("suspendedStart"===s)throw s="completed",a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);s="executing";r=u(n,o,a);if("normal"===r.type){if(s=a.done?"completed":"suspendedYield",r.arg===p)continue;return{value:r.arg,done:a.done}}"throw"===r.type&&(s="completed",a.method="throw",a.arg=r.arg)}})}),t}function u(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}a.wrap=s;var p={};function d(){}function h(){}function f(){}var t={},y=(o(t,i,function(){return this}),Object.getPrototypeOf),y=y&&y(y(T([]))),_=(y&&y!==e&&l.call(y,i)&&(t=y),f.prototype=d.prototype=Object.create(t));function g(e){["next","throw","return"].forEach(function(t){o(e,t,function(e){return this._invoke(t,e)})})}function v(a,s){var t;c(this,"_invoke",{value:function(r,i){function e(){return new s(function(e,t){!function t(e,r,i,n){var o,e=u(a[e],a,r);if("throw"!==e.type)return(r=(o=e.arg).value)&&"object"==typeof r&&l.call(r,"__await")?s.resolve(r.__await).then(function(e){t("next",e,i,n)},function(e){t("throw",e,i,n)}):s.resolve(r).then(function(e){o.value=e,i(o)},function(e){return t("throw",e,i,n)});n(e.arg)}(r,i,e,t)})}return t=t?t.then(e,e):e()}})}function m(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function S(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function b(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(m,this),this.reset(!0)}function T(t){if(t){var r,e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return r=-1,(e=function e(){for(;++r<t.length;)if(l.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e}).next=e}return{next:E}}function E(){return{value:void 0,done:!0}}return c(_,"constructor",{value:h.prototype=f,configurable:!0}),c(f,"constructor",{value:h,configurable:!0}),h.displayName=o(f,n,"GeneratorFunction"),a.isGeneratorFunction=function(e){e="function"==typeof e&&e.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},a.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,f):(e.__proto__=f,o(e,n,"GeneratorFunction")),e.prototype=Object.create(_),e},a.awrap=function(e){return{__await:e}},g(v.prototype),o(v.prototype,r,function(){return this}),a.AsyncIterator=v,a.async=function(e,t,r,i,n){void 0===n&&(n=Promise);var o=new v(s(e,t,r,i),n);return a.isGeneratorFunction(t)?o:o.next().then(function(e){return e.done?e.value:o.next()})},g(_),o(_,n,"Generator"),o(_,i,function(){return this}),o(_,"toString",function(){return"[object Generator]"}),a.keys=function(e){var t,r=Object(e),i=[];for(t in r)i.push(t);return i.reverse(),function e(){for(;i.length;){var t=i.pop();if(t in r)return e.value=t,e.done=!1,e}return e.done=!0,e}},a.values=T,b.prototype={constructor:b,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!e)for(var t in this)"t"===t.charAt(0)&&l.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var i=this;function e(e,t){return o.type="throw",o.arg=r,i.next=e,t&&(i.method="next",i.arg=void 0),!!t}for(var t=this.tryEntries.length-1;0<=t;--t){var n=this.tryEntries[t],o=n.completion;if("root"===n.tryLoc)return e("end");if(n.tryLoc<=this.prev){var a=l.call(n,"catchLoc"),s=l.call(n,"finallyLoc");if(a&&s){if(this.prev<n.catchLoc)return e(n.catchLoc,!0);if(this.prev<n.finallyLoc)return e(n.finallyLoc)}else if(a){if(this.prev<n.catchLoc)return e(n.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<n.finallyLoc)return e(n.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;0<=r;--r){var i=this.tryEntries[r];if(i.tryLoc<=this.prev&&l.call(i,"finallyLoc")&&this.prev<i.finallyLoc){var n=i;break}}var o=(n=n&&("break"===e||"continue"===e)&&n.tryLoc<=t&&t<=n.finallyLoc?null:n)?n.completion:{};return o.type=e,o.arg=t,n?(this.method="next",this.next=n.finallyLoc,p):this.complete(o)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),S(r),p}},catch:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r,i,n=this.tryEntries[t];if(n.tryLoc===e)return"throw"===(r=n.completion).type&&(i=r.arg,S(n)),i}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:T(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=void 0),p}},a}function l(e,t,r,i,n,o,a){try{var s=e[o](a),l=s.value}catch(e){return void r(e)}s.done?t(l):Promise.resolve(l).then(i,n)}function a(s){return function(){var e=this,a=arguments;return new Promise(function(t,r){var i=s.apply(e,a);function n(e){l(i,t,r,n,o,"next",e)}function o(e){l(i,t,r,n,o,"throw",e)}n(void 0)})}}var i,s="undefined"==typeof Promise?e("es6-promise").Promise:Promise;e=self,i=function(){"use strict";function f(i,l,c,e){void 0===l&&(l=!1),void 0===c&&(c="");var u=performance.now(),p=e;return new s(function(o){e=i,void 0===(t=l?100:0)&&(t=100),(r=document.createElement("video")).setAttribute("width",""+t),r.setAttribute("height",""+t),r.setAttribute("muted","muted"),r.setAttribute("crossorigin","anonymous"),r.setAttribute("preload","preload"),r.setAttribute("autoplay","autoplay"),r.setAttribute("webkit-playsinline","webkit-playsinline"),r.setAttribute("playsinline","playsinline"),r.setAttribute("x-webkit-airplay","x-webkit-airplay"),r.setAttribute("playsinline","playsinline"),r.src=e;var e,t,r,a=r,s=setInterval(function(){var e,t,r,i,n;(performance.now()-u>p||0!==a.videoWidth)&&(clearInterval(s),e=0!==a.videoWidth,l?(a.setAttribute("controls","controls"),t=a,void 0===(r=c)&&(r=""),i=document.createElement("dv"),(n=document.createElement("h3")).innerText=r,i.appendChild(t),i.appendChild(n),document.body.appendChild(i)):(a.pause(),a=null),o(e))})})}var i={d:function(e,t){for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},e={},t=(i.d(e,{default:function(){return o}}),navigator.userAgent),r=/qqbrowser/i.test(t.toLowerCase()),n=/Edge/i.test(t),n=/Chrome/i.test(t)&&!n&&!r,y=/Safari/i.test(t)&&!n,r=t.match(/Version\/([\d.]+)([^S](Safari)|[^M]*(Mobile)[^S]*(Safari))/),n=r&&r[1],_=n&&Number(n.split(".")[0]),g=function(){var t=a(w().mark(function e(t){var r;return w().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch(t);case 2:return r=e.sent,e.next=5,r.blob();case 5:return r=e.sent,e.abrupt("return",URL.createObjectURL(r));case 7:case"end":return e.stop()}},e)}));return function(e){return t.apply(this,arguments)}}(),v={includeSystemHijack:!0,showVideo:!1,codecTags:["hev1","hvc1"],timeout:2e3},o=function(h){return void 0===h&&(h={}),new s(function(){var t=a(w().mark(function e(t){var r,i,n,o,a,s,l,c,u,p,d;return w().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=Object.assign({},v,h),r=n.includeSystemHijack,i=n.showVideo,s=n.codecTags,n=n.timeout,o=performance.now(),a=-1<s.indexOf("hvc1"),s=-1<s.indexOf("hev1"),l="https://ice-pub-media.myalicdn.com/vod-demo/hevc/01s_20x20_hvc1.mp4",p=u=!(c="https://ice-pub-media.myalicdn.com/vod-demo/hevc/01s_20x20_hev1.mp4"),!(y&&_&&11<=_)){e.next=13;break}if(e.t0=r,e.t0){e.next=8;break}return e.next=7,g(l);case 7:l=e.sent;case 8:return e.next=10,f(l,i,"hvc1",n);case 10:u=e.sent,e.next=33;break;case 13:if(e.t1=a,!e.t1){e.next=23;break}if(e.t2=r,e.t2){e.next=20;break}return e.next=19,g(l);case 19:l=e.sent;case 20:return e.next=22,f(l,i,"hvc1",n);case 22:u=e.sent;case 23:if(e.t3=s,!e.t3){e.next=33;break}if(e.t4=r,e.t4){e.next=30;break}return e.next=29,g(c);case 29:c=e.sent;case 30:return e.next=32,f(c,i,"hev1",n);case 32:p=e.sent;case 33:d=performance.now(),t({isHvc1Supported:u,isHev1Supported:p,time:Math.ceil(d-o)});case 35:case"end":return e.stop()}},e)}));return function(e){return t.apply(this,arguments)}}())};return e.default},"object"==typeof r&&"object"==typeof t?t.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof r?r.hevcDetector=i():e.hevcDetector=i()},{"es6-promise":8}],37:[function(e,t,r){var i=/^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/\;?#]*)?(.*?)??(;.*?)?(\?.*?)?(#.*?)?$/,o=/^([^\/;?#]*)(.*)$/,n=/(?:\/|^)\.(?=\/)/g,a=/(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g,s={buildAbsoluteURL:function(e,t,r){if(r=r||{},e=e.trim(),!(t=t.trim())){if(!r.alwaysNormalize)return e;var i=s.parseURL(e);if(i)return i.path=s.normalizePath(i.path),s.buildURLFromParts(i);throw new Error("Error trying to parse base URL.")}i=s.parseURL(t);if(!i)throw new Error("Error trying to parse relative URL.");if(i.scheme)return r.alwaysNormalize?(i.path=s.normalizePath(i.path),s.buildURLFromParts(i)):t;t=s.parseURL(e);if(!t)throw new Error("Error trying to parse base URL.");!t.netLoc&&t.path&&"/"!==t.path[0]&&(e=o.exec(t.path),t.netLoc=e[1],t.path=e[2]),t.netLoc&&!t.path&&(t.path="/");var n,e={scheme:t.scheme,netLoc:i.netLoc,path:null,params:i.params,query:i.query,fragment:i.fragment};return i.netLoc||(e.netLoc=t.netLoc,"/"!==i.path[0]&&(i.path?(n=(n=t.path).substring(0,n.lastIndexOf("/")+1)+i.path,e.path=s.normalizePath(n)):(e.path=t.path,i.params||(e.params=t.params,i.query)||(e.query=t.query)))),null===e.path&&(e.path=r.alwaysNormalize?s.normalizePath(i.path):i.path),s.buildURLFromParts(e)},parseURL:function(e){e=i.exec(e);return e?{scheme:e[1]||"",netLoc:e[2]||"",path:e[3]||"",params:e[4]||"",query:e[5]||"",fragment:e[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(n,"");e.length!==(e=e.replace(a,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}};t.exports=s},{}],38:[function(e,t,r){function i(e){for(var t in e="string"==typeof e?this.parseAttrList(e):e)e.hasOwnProperty(t)&&(this[t]=e[t])}var n=/^(\d+)x(\d+)$/,o=/\s*(.+?)\s*=((?:\".*?\")|.*?)(?:,|$)/g;i.prototype={decimalInteger:function(e){e=parseInt(this[e],10);return e>Number.MAX_SAFE_INTEGER?1/0:e},hexadecimalInteger:function(e){if(this[e]){for(var t=(1&(t=(this[e]||"0x").slice(2)).length?"0":"")+t,r=new Uint8Array(t.length/2),i=0;i<t.length/2;i++)r[i]=parseInt(t.slice(2*i,2*i+2),16);return r}return null},hexadecimalIntegerAsNumber:function(e){e=parseInt(this[e],16);return e>Number.MAX_SAFE_INTEGER?1/0:e},decimalFloatingPoint:function(e){return parseFloat(this[e])},enumeratedString:function(e){return this[e]},decimalResolution:function(e){e=n.exec(this[e]);if(null!==e)return{width:parseInt(e[1],10),height:parseInt(e[2],10)}},parseAttrList:function(e){var t,r={};for(o.lastIndex=0;null!==(t=o.exec(e));){var i=t[2];0===i.indexOf('"')&&i.lastIndexOf('"')===i.length-1&&(i=i.slice(1,-1)),r[t[1]]=i}return r}},t.exports=i},{}],39:[function(e,t,r){function S(){this.method=null,this.key=null,this.iv=null,this._uri=null}function b(){this._url=null,this._byteRange=null,this._decryptdata=null,this.tagList=[]}function i(){this.loaders={}}var n=e("../constants"),l=e("../playerutil"),T=e("./attrlist"),c=e("../io"),o=e("./URLToolkit"),u=/#EXT-X-STREAM-INF:([^\n\r]*)[\r\n]+([^\r\n]+)/g,p=/#EXT-X-MEDIA:(.*)/g,E=new RegExp([/#EXTINF:(\d*(?:\.\d+)?)(?:,(.*)\s+)?/.source,/|(?!#)(\S+)/.source,/|#EXT-X-BYTERANGE:*(.+)/.source,/|#EXT-X-PROGRAM-DATE-TIME:(.+)/.source,/|#.*/.source].join(""),"g"),w=/(?:(?:#(EXTM3U))|(?:#EXT-X-(PLAYLIST-TYPE):(.+))|(?:#EXT-X-(PART-INF):(.+))|(?:#EXT-X-(MEDIA-SEQUENCE): *(\d+))|(?:#EXT-X-(TARGETDURATION): *(\d+))|(?:#EXT-X-(KEY):(.+))|(?:#EXT-X-(START):(.+))|(?:#EXT-X-(ENDLIST))|(?:#EXT-X-(DISCONTINUITY-SEQ)UENCE:(\d+))|(?:#EXT-X-(DIS)CONTINUITY))|(?:#EXT-X-(VERSION):(\d+))|(?:#EXT-X-(MAP):(.+))|(?:(#)(.*):(.*))|(?:(#)(.*))(?:.*)\r?\n?/,d="RegionBlock";b.prototype.getUrl=function(){return!this._url&&this.relurl&&(this._url=o.buildAbsoluteURL(this.baseurl,this.relurl,{alwaysNormalize:!0})),this._url},b.prototype.Seturl=function(e){this._url=e},b.prototype.getProgramDateTime=function(){return!this._programDateTime&&this.rawProgramDateTime&&(this._programDateTime=new Date(Date.parse(this.rawProgramDateTime))),this._programDateTime},b.prototype.GetbyteRange=function(){var e,t,r;return this._byteRange||(e=this._byteRange=[],this.rawByteRange&&(1===(t=this.rawByteRange.split("@",2)).length?(r=this.lastByteRangeEndOffset,e[0]=r||0):e[0]=parseInt(t[1]),e[1]=parseInt(t[0])+e[0])),this._byteRange},b.prototype.getByteRangeStartOffset=function(){return this.byteRange[0]},b.prototype.getByteRangeEndOffset=function(){return this.byteRange[1]},b.prototype.getDecryptdata=function(){return this._decryptdata||(this._decryptdata=this.fragmentDecryptdataFromLevelkey(this.levelkey,this.sn)),this._decryptdata};i.prototype=((e={parseMasterPlaylist:function(e,t){var r=[];for(u.lastIndex=0;null!=(o=u.exec(e));){var i={},n=i.attrs=new T(o[1]),o=(i.url=this.resolve(o[2],t),n.decimalResolution("RESOLUTION"));if(o&&(i.width=o.width,i.height=o.height),i.bitrate=n.decimalInteger("AVERAGE-BANDWIDTH")||n.decimalInteger("BANDWIDTH"),i.name=n.NAME,a=n.CODECS)for(var a=a.split(/[ ,]+/),s=0;s<a.length;s++){var l=a[s];-1!==l.indexOf("avc1")?i.videoCodec=this.avc1toavcoti(l):-1!==l.indexOf("hvc1")?i.videoCodec=l:i.audioCodec=l}r.push(i)}return r},parseMasterPlaylistMedia:function(e,t,r,i){var n=[],o=0;for(p.lastIndex=0;null!=(s=p.exec(e));){var a={},s=new T(s[1]);s.TYPE===r&&(a.groupId=s["GROUP-ID"],a.name=s.NAME,a.type=r,a.default="YES"===s.DEFAULT,a.autoselect="YES"===s.AUTOSELECT,a.forced="YES"===s.FORCED,s.URI&&(a.url=this.resolve(s.URI,t)),a.lang=s.LANGUAGE,a.name||(a.name=a.lang),i&&(a.audioCodec=i),a.id=o++,n.push(a))}return n},avc1toavcoti:function(e){var t=e.split("."),r=2<t.length?(r=t.shift()+".",(r+=parseInt(t.shift()).toString(16))+("000"+parseInt(t.shift()).toString(16)).substr(-4)):e;return r},load:function(o,a,i){var s=this;c.get(o,function(e){var t,r,i,n=s.parseMasterPlaylist(e,o);n.length&&(t=s.parseMasterPlaylistMedia(e,o,"AUDIO",n[0].audioCodec),r=s.parseMasterPlaylistMedia(e,o,"SUBTITLES"),t.length)&&(i=!1,t.forEach(function(e){e.url||(i=!0)}),!1===i)&&n[0].audioCodec&&!n[0].attrs.AUDIO&&(console.log("audio codec signaled in quality level, but no embedded audio track signaled, create one"),t.unshift({type:"main",name:"main"})),a({levels:n,audioTracks:t,subtitles:r,url:o,string:e})},function(e,t,r){i&&((r=l.parseHttpHeaders(r)["x-tengine-error"])&&-1<n.RegionBlockMessages.indexOf(r)&&(e=d),i(e,t))})},loadMediaPlaylist:function(e,t,r){var i=this,n=(e=e||{}).string,o=e.url;n?(e=i.parseLevelPlaylist(n,o),t(e)):c.get(o,function(e){e=i.parseLevelPlaylist(e,o);t(e)},function(e){r&&r(e)})},resolve:function(e,t){return o.buildAbsoluteURL(t,e,{alwaysNormalize:!0})}}).parseMasterPlaylist=function(e,t){var r=[];for(u.lastIndex=0;null!=(o=u.exec(e));){var i={},n=i.attrs=new T(o[1]),o=(i.url=this.resolve(o[2],t),n.decimalResolution("RESOLUTION"));if(o&&(i.width=o.width,i.height=o.height),i.bitrate=n.decimalInteger("AVERAGE-BANDWIDTH")||n.decimalInteger("BANDWIDTH"),i.name=n.NAME,a=n.CODECS)for(var a=a.split(/[ ,]+/),s=0;s<a.length;s++){var l=a[s];-1!==l.indexOf("avc1")?i.videoCodec=this.avc1toavcoti(l):-1!==l.indexOf("hvc1")?i.videoCodec=l:i.audioCodec=l}r.push(i)}return r},e.parseMasterPlaylistMedia=function(e,t,r,i){var n=[],o=0;for(p.lastIndex=0;null!=(s=p.exec(e));){var a={},s=new T(s[1]);s.TYPE===r&&(a.groupId=s["GROUP-ID"],a.name=s.NAME,a.type=r,a.default="YES"===s.DEFAULT,a.autoselect="YES"===s.AUTOSELECT,a.forced="YES"===s.FORCED,s.URI&&(a.url=this.resolve(s.URI,t)),a.lang=s.LANGUAGE,a.name||(a.name=a.lang),i&&(a.audioCodec=i),a.id=o++,n.push(a))}return n},e.avc1toavcoti=function(e){var t=e.split("."),r=2<t.length?(r=t.shift()+".",(r+=parseInt(t.shift()).toString(16))+("000"+parseInt(t.shift()).toString(16)).substr(-4)):e;return r},e.parseLevelPlaylist=function(e,t,r,i){var n,o,a=0,s=0,l={type:null,version:null,url:t,fragments:[],live:!0,startSN:0},c=new S,u=0,p=null,d=new b;for(E.lastIndex=0;null!==(n=E.exec(e));){var h=n[1];if(h){d.duration=parseFloat(h);var f=(" "+n[2]).slice(1);d.title=f||null,d.tagList.push(f?["INF",h,f]:["INF",h])}else if(n[3])isNaN(d.duration)||(f=a++,d.type=i,d.start=s,d.levelkey=c,d.sn=f,d.level=r,d.cc=u,d.baseurl=t,d.relurl=(" "+n[3]).slice(1),l.fragments.push(d),s+=(p=d).duration,d=new b);else if(n[4])d.rawByteRange=(" "+n[4]).slice(1),p&&(h=p.byteRangeEndOffset)&&(d.lastByteRangeEndOffset=h);else if(n[5])d.rawProgramDateTime=(" "+n[5]).slice(1),d.tagList.push(["PROGRAM-DATE-TIME",d.rawProgramDateTime]),void 0===l.programDateTime&&(l.programDateTime=new Date(new Date(Date.parse(n[5]))-1e3*s));else{for(n=n[0].match(w),o=1;o<n.length&&void 0===n[o];o++);var y=(" "+n[o+1]).slice(1),_=(" "+n[o+2]).slice(1);switch(n[o]){case"#":d.tagList.push(_?[y,_]:[y]);break;case"PLAYLIST-TYPE":l.type=y.toUpperCase();break;case"MEDIA-SEQUENCE":a=l.startSN=parseInt(y);break;case"TARGETDURATION":l.targetduration=parseFloat(y);break;case"VERSION":l.version=parseInt(y);break;case"EXTM3U":break;case"ENDLIST":l.live=!1;break;case"DIS":u++,d.tagList.push(["DIS"]);break;case"DISCONTINUITY-SEQ":u=parseInt(y);break;case"KEY":var g=new T(y),v=g.enumeratedString("METHOD"),m=g.URI,g=g.hexadecimalInteger("IV");v&&(c=new S,m)&&0<=["AES-128","SAMPLE-AES"].indexOf(v)&&(c.method=v,c.baseuri=t,c.reluri=m,c.key=null,c.iv=g);break;case"START":v=new T(y).decimalFloatingPoint("TIME-OFFSET");isNaN(v)||(l.startTimeOffset=v);break;case"MAP":m=new T(y);d.relurl=m.URI,d.rawByteRange=m.BYTERANGE,d.baseurl=t,d.level=r,d.type=i,d.sn="initSegment",l.initSegment=d,d=new b;break;case"PART-INF":g=new T(y);l.partTarget=g.decimalFloatingPoint("PART-TARGET");break;default:console.log("line parsed but not handled: "+n)}}}return(d=p)&&!d.relurl&&(l.fragments.pop(),s-=d.duration),l.totalduration=s,l.averagetargetduration=s/l.fragments.length,l.endSN=a-1,l},e),i.ERROR_REGION_BLOCK=d,t.exports=i},{"../constants":28,"../io":40,"../playerutil":46,"./URLToolkit":37,"./attrlist":38}],40:[function(e,s,t){var h=e("./url");s.exports.get=function(e,t,r,i,n){s.exports.ajax("GET",e,{},t,r,i,n)},s.exports.post=function(e,t,r,i,n,o){var a={"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8",Accept:"application/json"};s.exports.ajax("POST",e,t,r,i,n,o,a)},s.exports.postWithHeader=function(e,t,r,i,n){s.exports.ajax("POST",e,t,i,n,!0,!1,r)},s.exports.ajax=function(e,t,r,i,n,o,a,s){var l,c,u,p;n=n||function(){},"undefined"==typeof XMLHttpRequest&&(window.XMLHttpRequest=function(){try{return new window.ActiveXObject("Msxml2.XMLHTTP.6.0")}catch(e){}try{return new window.ActiveXObject("Msxml2.XMLHTTP.3.0")}catch(e){}try{return new window.ActiveXObject("Msxml2.XMLHTTP")}catch(e){}throw new Error("This browser does not support XMLHttpRequest.")}),c=new XMLHttpRequest,u=h.parseUrl(t),p=window.location,!(u.protocol+u.host!==p.protocol+p.host)||!window.XDomainRequest||"withCredentials"in c?(l="file:"==u.protocol||"file:"==p.protocol,c.onreadystatechange=function(){4===c.readyState&&(200===c.status||l&&0===c.status?i(c.responseText):n(c.responseText,c.status,c))}):((c=new window.XDomainRequest).onload=function(){i(c.responseText)},c.onerror=n,c.onprogress=function(){},c.ontimeout=n);try{if(void 0===o&&(o=!0),c.open(e,t,o),a&&(c.withCredentials=!0),s)for(var d in s)s.hasOwnProperty(d)&&c.setRequestHeader(d,s[d])}catch(e){return void n(e)}try{c.send(r)}catch(e){n(e)}},s.exports.jsonp=function(e,t,r){var i="jsonp_callback_"+Math.round(1e5*Math.random()),n=document.createElement("script");e&&(n.src=e+(0<=e.indexOf("?")?"&":"?")+"callback="+i+"&cb="+i,n.onerror=function(){delete window[i],document.body.removeChild(n),r()},n.onload=function(){setTimeout(function(){window[i]&&(delete window[i],document.body.removeChild(n))},0)},window[i]=function(e){delete window[i],document.body.removeChild(n),t(e)},document.body.appendChild(n))},s.exports.loadJS=function(e,t,r){var i=document.getElementsByTagName("HEAD").item(0),n=document.createElement("script");e&&e.toLowerCase().indexOf("https://")<0&&e.toLowerCase().indexOf("http://")<0&&(e=document.URL.replace(/(\/[^\/]*?)$/i,"")+e),n.type="text/javascript",n.src=e,n.onload=function(){t&&t()},n.onerror=function(){r&&r()},i.appendChild(n)}},{"./url":50}],41:[function(e,t,r){var a=e("./dom");t.exports.render=function(e,t){var r=t.align||(t.className?"":"tl"),i=t.x||0,t=t.y||0,n=i.indexOf&&0<i.indexOf("%")?"":"px",o=t.indexOf&&0<t.indexOf("%")?"":"px";"tl"===r?a.css(e,{float:"left","margin-left":i+n,"margin-top":t+o}):"tr"===r?a.css(e,{float:"right","margin-right":i+n,"margin-top":t+o}):"tlabs"===r?a.css(e,{position:"absolute",left:i+n,top:t+o}):"trabs"===r?a.css(e,{position:"absolute",right:i+n,top:t+o}):"blabs"===r?a.css(e,{position:"absolute",left:i+n,bottom:t+o}):"brabs"===r?a.css(e,{position:"absolute",right:i+n,bottom:t+o}):"cc"===r&&a.addClass(e,"loading-center")}},{"./dom":32}],42:[function(e,a,t){var s=Object.prototype.hasOwnProperty;a.exports.create=Object.create||function(e){function t(){}return t.prototype=e,new t},a.exports.isArray=function(e){return"[object Array]"===Object.prototype.toString.call(arg)},a.exports.isEmpty=function(e){for(var t in e)if(null!==e[t])return!1;return!0},a.exports.each=function(e,t,r){if(a.exports.isArray(e))for(var i=0,n=e.length;i<n&&!1!==t.call(r||this,e[i],i);++i);else for(var o in e)if(s.call(e,o)&&!1===t.call(r||this,o,e[o]))break;return e},a.exports.merge=function(e,t){if(t)for(var r in t)s.call(t,r)&&(e[r]=t[r]);return e},a.exports.deepMerge=function(e,t){var r,i,n;for(r in e=a.exports.copy(e),t)s.call(t,r)&&(i=e[r],n=t[r],a.exports.isPlain(i)&&a.exports.isPlain(n)?e[r]=a.exports.deepMerge(i,n):e[r]=t[r]);return e},a.exports.copy=function(e){return a.exports.merge({},e)},a.exports.isPlain=function(e){return!!e&&"object"==typeof e&&"[object Object]"===e.toString()&&e.constructor===Object},a.exports.isArray=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},a.exports.unescape=function(e){return e.replace(/&([^;]+);/g,function(e,t){return{amp:"&",lt:"<",gt:">",quot:'"',"#x27":"'","#x60":"`"}[t.toLowerCase()]||e})}},{}],43:[function(e,t,r){var n,o=e("./object");(n=function(){}).extend=function(e){var t,r,i=(e=e||{}).init||e.init||this.prototype.init||this.prototype.init||function(){};for(r in(((t=function(){i.apply(this,arguments)}).prototype=o.create(this.prototype)).constructor=t).extend=n.extend,t.create=n.create,e)e.hasOwnProperty(r)&&(t.prototype[r]=e[r]);return t},n.create=function(){var e=o.create(this.prototype);return this.apply(e,arguments),e},t.exports=n},{"./object":42}],44:[function(e,t,r){var i=!new Function("try {return this===window;}catch(e){ return false;}")();t.exports.isSSR=i},{}],45:[function(e,f,t){var y=e("./object"),r=e("../config"),i=e("./dom"),n=e("./cookie"),o=e("./constants"),a=e("../lang/index"),s=e("./ua"),l=e("./io"),_=e("../player/base/plugin/defaultemptycomponent"),c=e("./hardware-decoding-detector"),g={preload:!0,autoplay:!0,useNativeControls:!1,width:"100%",height:"300px",cover:"",from:"",trackLog:!0,logBatched:!0,heartHeatInterval:30,isLive:!1,playsinline:!0,showBarTime:5e3,rePlay:!1,liveRetry:5,liveRetryInterval:1,liveRetryStep:0,keyShortCuts:!1,keyFastForwardStep:10,isVBR:!1,vodRetry:3,format:"",definition:"",defaultDefinition:"",loadDataTimeout:20,waitingTimeout:60,waitingBufferedTime:3,delayLoadingShow:1,controlBarForOver:!1,controlBarVisibility:"hover",enableSystemMenu:!1,qualitySort:"asc",x5_video_position:"normal",x5_type:"",x5_fullscreen:!1,x5_orientation:"landscape|portrait",x5LandscapeAsFullScreen:!0,license:{},autoPlayDelay:0,autoPlayDelayDisplayText:"",useHlsPluginForSafari:!1,enableMSEForAndroid:!0,encryptType:0,language:"zh-cn",languageTexts:{},mediaType:"video",outputType:"",playConfig:{},reAuthInfo:{},components:[],liveTimeShiftUrl:"",liveShiftSource:"",liveShiftTime:"",liveShiftMinOffset:30,videoHeight:"100%",videoWidth:"100%",enableWorker:!0,authTimeout:"",enableMockFullscreen:!1,region:"cn-shanghai",debug:!1,progressMarkers:[],snapshotWatermark:{left:"500",top:"100",text:"",font:"16px \u5b8b\u4f53",fillColor:"#FFFFFF",strokeColor:"#FFFFFF"},liveStartTime:"",liveOverTime:"",enableStashBufferForFlv:!0,stashInitialSizeForFlv:32,flvOption:{accurateSeek:!0},hlsOption:{stopLoadAsPaused:!1},hlsLoadingTimeOut:2e4,useHlsPlugOnMobile:!0,lowLatencyMode:!1,useHls2:void 0,skipRtsSupportCheck:!1,rtsLoadDataTimeout:6e3,rtsFallbackSource:void 0,rtsVersion:"",rtsSdkUrl:"",nudgeMaxRetry:5,tracks:[],recreatePlayer:function(){},diagnosisButtonVisible:!0,enableH265:!1,forceH265:!1,h265Threads:!0,h265Simd:!0,preventRecord:!1,traceId:"",mediaAuth:void 0,textTracks:void 0,_native:!0,hlsUriToken:"",thumbnailUrl:"",refreshAccessInfo:function(){},drmSessionTimeout:5e3,skinRes:"//"+r.domain+"/de/prismplayer-flash/"+r.flashVersion+"/atlas/defaultSkin",splayerUrl:null,splayerWasmDomain:null},u=(f.exports.defaultH5Layout=[{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"H5Loading",align:"cc"},{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"tooltip",align:"blabs",x:0,y:50},{name:"thumbnail"},{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"blabs",x:0,y:44},{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:5},{name:"fullScreenButton",align:"tr",x:10,y:12},{name:"subtitle",align:"tr",x:15,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}]}],f.exports.defaultAudioLayout=[{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"blabs",x:0,y:44},{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:5},{name:"volume",align:"tr",x:5,y:10}]}],f.exports.defaultFlashLayout=[{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"tlabs",x:0,y:0},{name:"playButton",align:"tl",x:15,y:26},{name:"nextButton",align:"tl",x:10,y:26},{name:"timeDisplay",align:"tl",x:10,y:24},{name:"fullScreenButton",align:"tr",x:10,y:25},{name:"streamButton",align:"tr",x:10,y:23},{name:"volume",align:"tr",x:10,y:25}]},{name:"fullControlBar",align:"tlabs",x:0,y:0,children:[{name:"fullTitle",align:"tl",x:25,y:6},{name:"fullNormalScreenButton",align:"tr",x:24,y:13},{name:"fullTimeDisplay",align:"tr",x:10,y:12},{name:"fullZoom",align:"cc"}]}],f.exports.canPlayType=function(e){var t=document.createElement("video");return t.canPlayType?t.canPlayType(e):""},f.exports.canPlayHls=function(){return""!=f.exports.canPlayType("application/x-mpegURL")},f.exports.isUsedHlsPluginOnMobile=function(e){return!!(s.IS_MOBILE&&(s.IS_CHROME||s.IS_FIREFOX||s.IS_X5||s.IS_EDGE_NEW)&&f.exports.isSupportHls())},f.exports.isSafariUsedHlsPlugin=function(e){return!!(s.os.pc&&s.browser.safari&&e)},f.exports.hasUIComponent=function(e,t){if(void 0!==e&&e&&0!=e.length)for(var r=0,i=e.length;r<i;r++){var n=e[r].name;if(n==t)return!0;if("controlBar"==n)return f.exports.hasUIComponent(e[r].children,t)}return!1},f.exports.validateSource=function(e){return!0},f.exports.supportH5Video=function(){return void 0!==document.createElement("video").canPlayType},f.exports.createWrapper=function(e){var t=e.id,t="string"==typeof t?(0===t.indexOf("#")&&(t=t.slice(1)),i.el(t)):t;if(t&&t.nodeName)return f.exports.adjustContainerLayout(t,e),t;throw new TypeError("\u6ca1\u6709\u4e3a\u64ad\u653e\u5668\u6307\u5b9a\u5bb9\u5668")},f.exports.adjustContainerLayout=function(e,t){t.width&&!e.style.width&&(e.style.width=t.width),t.height&&!e.style.height&&(e.style.height=t.height)},f.exports.isSupportHls=function(){var e=window.MediaSource=window.MediaSource||window.WebKitMediaSource,t=window.SourceBuffer=window.SourceBuffer||window.WebKitSourceBuffer,e=e&&"function"==typeof e.isTypeSupported&&e.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"'),t=!t||t.prototype&&"function"==typeof t.prototype.appendBuffer&&"function"==typeof t.prototype.remove;return e&&t},f.exports.isSupportFlv=function(){return f.exports.isSupportHls()},f.exports.isSupportMSE=function(){return!!window.Promise&&!!window.Uint8Array&&!!Array.prototype.forEach&&f.exports.isSupportedMediaSource()},f.exports.isSupportedMediaSource=function(){return!!window.MediaSource&&!!MediaSource.isTypeSupported},f.exports.isSupportedDrm=function(){return!!(window.MediaKeys&&window.navigator&&window.navigator.requestMediaKeySystemAccess&&window.MediaKeySystemAccess&&window.MediaKeySystemAccess.prototype.getConfiguration)&&f.exports.isSupportMSE()},f.exports.isAudio=function(e){return e&&0<e.toLowerCase().indexOf(".mp3")},f.exports.isLiveShift=function(e){return e.isLive&&e.liveStartTime&&e.liveOverTime},f.exports.isHls=function(e){return e&&0<e.toLowerCase().indexOf(".m3u8")},f.exports.isDash=function(e){return e&&0<e.toLowerCase().indexOf(".mpd")},f.exports.isFlv=function(e){return e&&0<e.toLowerCase().indexOf(".flv")},f.exports.isRTMP=function(e){return e&&-1<e.toLowerCase().indexOf("rtmp:")},f.exports.isRts=function(e){return e&&-1<e.toLowerCase().indexOf("artc:")},f.exports.isMp4=function(e){return e&&-1<e.toLowerCase().indexOf(".mp4")},f.exports.checkSecuritSupport=function(){return f.exports.isSupportHls()?"":s.IS_IOS?a.get("iOSNotSupportVodEncription"):a.get("UseChromeForVodEncription")},f.exports.nativeSupportH265=function(){return s.IS_IOS||s.IS_MAC_SAFARI},f.exports.findSelectedStreamLevel=function(e,t){var r=t;if(r||(r=n.get(o.SelectedStreamLevel))){for(var i=0;i<e.length;i++)if(e[i].definition==r)return i}else n.set(o.SelectedStreamLevel,e[0].definition,365);return 0},f.exports.getHistoryDetectResult=function(e){if(e)return"hvc1"===e?n.get(o.HWDetectHvc1):"hev1"===e?n.get(o.HWDetectHev1):void 0},f.exports.setHistoryDetectResult=function(e,t){var r="unknownCodec";"hvc1"===e?r=o.HWDetectHvc1:"hev1"===e&&(r=o.HWDetectHev1),n.set(r,t)},f.exports.handleOption=function(e,t){f.exports.isRts(e.source)&&(e.isLive=!0);var r,i=y.merge(y.copy(g),e),n=[{name:"fullScreenButton",align:"tr",x:20,y:12},{name:"subtitle",align:"tr",x:15,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}],o=!1;if(e.useFlashPrism||f.exports.isRTMP(e.source)?(o=!0,n=[{name:"liveIco",align:"tlabs",x:15,y:25},{name:"fullScreenButton",align:"tr",x:10,y:25},{name:"volume",align:"tr",x:10,y:25}]):(r=f.exports.isLiveShift(i))?(n.push({name:"liveShiftProgress",align:"tlabs",x:0,y:0}),n.push({name:"playButton",align:"tl",x:15,y:12}),n.push({name:"liveDisplay",align:"tl",x:15,y:6})):n.push({name:"liveDisplay",align:"tlabs",x:15,y:6}),e.isLive)if(void 0===e.skinLayout)i.skinLayout=[{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"tooltip",align:"blabs",x:0,y:56},{name:"H5Loading",align:"cc"},{name:"controlBar",align:"blabs",x:0,y:0,children:f.exports.isRts(e.source)?[{name:"fullScreenButton",align:"tr",x:20,y:12},{name:"volume",align:"tr",x:5,y:10},{name:"liveDisplay",align:"tlabs",x:15,y:6}]:n}];else if(0!=e.skinLayout){for(var a=e.skinLayout.length,s=[],l=-1,c=0;c<a;c++)if("controlBar"==i.skinLayout[c].name){for(var l=c,u=i.skinLayout[c].children.length,p=0;p<u;p++){var d,h=i.skinLayout[c].children[p].name;"liveDisplay"!=h&&"liveIco"!=h&&"fullScreenButton"!=h&&"volume"!=h&&"snapshot"!=h&&"setting"!=h&&"subtitle"!=h&&(!r||"progress"!=h&&"playButton"!=h&&"timeDisplay"!=h)||(d=i.skinLayout[c].children[p],"progress"==h?d.name="liveShiftProgress":"timeDisplay"==h?d.name="liveShiftTimeDisplay":o&&"liveDisplay"==h&&(d.name="liveIco"),s.push(d))}break}-1!=l&&(i.skinLayout[l].children=s)}return(void 0===e.components||!e.components||y.isArray(e.components)&&0==e.components.length)&&"false"!=e.components&&(i.components=[_]),i},f.exports.getLiveHostByRegion=function(e){var t="live.aliyuncs.com";return e&&-1<["ap-southeast-1","eu-central-1"].indexOf(e)?"live."+e+".aliyuncs.com":t},f.exports.isVideoTag=function(e){return e&&"string"==typeof e.nodeName&&"video"===e.nodeName.toLowerCase()},f.exports.unqiueTextTracks=function(e){var t=[],t=(e=void 0===e?[]:e).reduce(function(e,t){var r;return e.some(function(e){return e.srclang===t.srclang})?e:((r=t).label=t.label||t.srclang,[].concat(e,[r]))},[]),r={};return t.forEach(function(e,t){r[e.label]?r[e.label].push(t):r[e.label]=[t]}),Object.keys(r).forEach(function(e){e=r[e]||[];1<e.length&&e.forEach(function(e){t[e].label=t[e].label+"("+t[e].srclang+")"})}),t},f.exports.isHvc1Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("hvc1")},f.exports.isHev1Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("hev1")},f.exports.isH265Codec=function(e){return f.exports.isHvc1Codec(e=void 0===e?"":e)||f.exports.isHev1Codec(e)},f.exports.getVideoTrack=function(e){var t;return(e=void 0===e?[]:e).forEach(function(e){1===Number(e.type)&&(t=e)}),t},s.IS_ANDROID&&(s.dingTalk()||s.IS_UC||s.is_X5||s.IS_HUAWEI||s.IS_XIAOMI||s.IS_OPPO||s.IS_VIVO||s.IS_MEIZU||s.IS_SAMSUNG||s.IS_WEBVIEW)||s.os&&"windows"===s.os.name&&s.IS_UC);f.exports.shouldUseBasePlayer=function(t,r){var e,i="supported",n="unsupported";return!t||(e=f.exports.isHvc1Codec(t),f.exports.nativeSupportH265()&&e)||function(){if(!(!u&&(s.IS_CHROME||s.IS_EDGE_NEW)))return!1;var t=0;try{t=s.USER_AGENT.match(/Chrome\/(\d+)/i)[1]}catch(e){t=0}return!(parseInt(t)<104||!window.MediaSource||!window.MediaSource.isTypeSupported('video/mp4;codecs="hvc1.1.6.L120.90"'))}()?r(!0):u?(e=f.exports.getHistoryDetectResult(t))===i?r(!0):e===n?r(!1):void c({codecTags:[t],timeout:2e3}).then(function(e){e=e.isHev1Supported||e.isHvc1Supported;if(f.exports.setHistoryDetectResult(t,e?i:n),e)return r(!0);r(!1)}).catch(function(e){console.log("hevcDetector ERROR",e),r(!1)}):r(!1)},f.exports.parseHttpHeaders=function(e){if(e)try{var t=e.getAllResponseHeaders().trim().split(/[\r\n]+/),r={};return t.forEach(function(e){var e=e.split(": "),t=e.shift(),e=e.join(": ");r[t]=e}),r}catch(e){}},f.exports.detectRegionBlock=function(e,i){l.get(e,function(){i(!1)},function(e,t,r){r=f.exports.parseHttpHeaders(r)["x-tengine-error"];403===t&&r&&-1<o.RegionBlockMessages.indexOf(r)?i(!0):i(!1)})}},{"../config":14,"../lang/index":23,"../player/base/plugin/defaultemptycomponent":92,"./constants":28,"./cookie":29,"./dom":32,"./hardware-decoding-detector":36,"./io":40,"./object":42,"./ua":49}],46:[function(e,f,t){var y=e("./object"),r=e("../config"),i=e("./dom"),n=e("./cookie"),o=e("./constants"),a=e("../lang/index"),s=e("./ua"),l=e("./io"),_=e("../player/base/plugin/defaultemptycomponent"),c=e("./hardware-decoding-detector"),g={preload:!0,autoplay:!0,useNativeControls:!1,width:"100%",height:"300px",cover:"",from:"",trackLog:!0,logBatched:!0,heartHeatInterval:30,isLive:!1,playsinline:!0,showBarTime:5e3,rePlay:!1,liveRetry:5,liveRetryInterval:1,liveRetryStep:0,keyShortCuts:!1,keyFastForwardStep:10,isVBR:!1,vodRetry:3,format:"",definition:"",defaultDefinition:"",loadDataTimeout:20,waitingTimeout:60,waitingBufferedTime:3,delayLoadingShow:1,controlBarForOver:!1,controlBarVisibility:"hover",enableSystemMenu:!1,qualitySort:"asc",x5_video_position:"normal",x5_type:"",x5_fullscreen:!1,x5_orientation:"landscape|portrait",x5LandscapeAsFullScreen:!0,license:{},autoPlayDelay:0,autoPlayDelayDisplayText:"",useHlsPluginForSafari:!1,enableMSEForAndroid:!0,encryptType:0,language:"zh-cn",languageTexts:{},mediaType:"video",outputType:"",playConfig:{},reAuthInfo:{},components:[],liveTimeShiftUrl:"",liveShiftSource:"",liveShiftTime:"",liveShiftMinOffset:30,videoHeight:"100%",videoWidth:"100%",enableWorker:!0,authTimeout:"",enableMockFullscreen:!1,region:"cn-shanghai",debug:!1,progressMarkers:[],snapshotWatermark:{left:"500",top:"100",text:"",font:"16px \u5b8b\u4f53",fillColor:"#FFFFFF",strokeColor:"#FFFFFF"},liveStartTime:"",liveOverTime:"",enableStashBufferForFlv:!0,stashInitialSizeForFlv:32,flvOption:{accurateSeek:!0},hlsOption:{stopLoadAsPaused:!1},hlsLoadingTimeOut:2e4,useHlsPlugOnMobile:!0,lowLatencyMode:!1,useHls2:void 0,skipRtsSupportCheck:!1,rtsLoadDataTimeout:6e3,rtsFallbackSource:void 0,rtsVersion:"",rtsSdkUrl:"",nudgeMaxRetry:5,tracks:[],recreatePlayer:function(){},diagnosisButtonVisible:!0,enableH265:!1,forceH265:!1,h265Threads:!0,h265Simd:!0,preventRecord:!1,traceId:"",mediaAuth:void 0,textTracks:void 0,_native:!0,hlsUriToken:"",thumbnailUrl:"",refreshAccessInfo:function(){},drmSessionTimeout:5e3,skinRes:"//"+r.domain+"/de/prismplayer-flash/"+r.flashVersion+"/atlas/defaultSkin",splayerUrl:null,splayerWasmDomain:null},u=(f.exports.defaultH5Layout=[{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"H5Loading",align:"cc"},{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"tooltip",align:"blabs",x:0,y:50},{name:"thumbnail"},{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"blabs",x:0,y:44},{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:5},{name:"fullScreenButton",align:"tr",x:10,y:12},{name:"subtitle",align:"tr",x:15,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}]}],f.exports.defaultAudioLayout=[{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"blabs",x:0,y:44},{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:5},{name:"volume",align:"tr",x:5,y:10}]}],f.exports.defaultFlashLayout=[{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"progress",align:"tlabs",x:0,y:0},{name:"playButton",align:"tl",x:15,y:26},{name:"nextButton",align:"tl",x:10,y:26},{name:"timeDisplay",align:"tl",x:10,y:24},{name:"fullScreenButton",align:"tr",x:10,y:25},{name:"streamButton",align:"tr",x:10,y:23},{name:"volume",align:"tr",x:10,y:25}]},{name:"fullControlBar",align:"tlabs",x:0,y:0,children:[{name:"fullTitle",align:"tl",x:25,y:6},{name:"fullNormalScreenButton",align:"tr",x:24,y:13},{name:"fullTimeDisplay",align:"tr",x:10,y:12},{name:"fullZoom",align:"cc"}]}],f.exports.canPlayType=function(e){var t=document.createElement("video");return t.canPlayType?t.canPlayType(e):""},f.exports.canPlayHls=function(){return""!=f.exports.canPlayType("application/x-mpegURL")},f.exports.isUsedHlsPluginOnMobile=function(e){return!!(s.IS_MOBILE&&(s.IS_CHROME||s.IS_FIREFOX||s.IS_X5||s.IS_EDGE_NEW)&&f.exports.isSupportHls())},f.exports.isSafariUsedHlsPlugin=function(e){return!!(s.os.pc&&s.browser.safari&&e)},f.exports.hasUIComponent=function(e,t){if(void 0!==e&&e&&0!=e.length)for(var r=0,i=e.length;r<i;r++){var n=e[r].name;if(n==t)return!0;if("controlBar"==n)return f.exports.hasUIComponent(e[r].children,t)}return!1},f.exports.validateSource=function(e){return!0},f.exports.supportH5Video=function(){return void 0!==document.createElement("video").canPlayType},f.exports.createWrapper=function(e){var t=e.id,t="string"==typeof t?(0===t.indexOf("#")&&(t=t.slice(1)),i.el(t)):t;if(t&&t.nodeName)return f.exports.adjustContainerLayout(t,e),t;throw new TypeError("\u6ca1\u6709\u4e3a\u64ad\u653e\u5668\u6307\u5b9a\u5bb9\u5668")},f.exports.adjustContainerLayout=function(e,t){t.width&&!e.style.width&&(e.style.width=t.width),t.height&&!e.style.height&&(e.style.height=t.height)},f.exports.isSupportHls=function(){var e=window.MediaSource=window.MediaSource||window.WebKitMediaSource,t=window.SourceBuffer=window.SourceBuffer||window.WebKitSourceBuffer,e=e&&"function"==typeof e.isTypeSupported&&e.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"'),t=!t||t.prototype&&"function"==typeof t.prototype.appendBuffer&&"function"==typeof t.prototype.remove;return e&&t},f.exports.isSupportFlv=function(){return f.exports.isSupportHls()},f.exports.isSupportMSE=function(){return!!window.Promise&&!!window.Uint8Array&&!!Array.prototype.forEach&&f.exports.isSupportedMediaSource()},f.exports.isSupportedMediaSource=function(){return!!window.MediaSource&&!!MediaSource.isTypeSupported},f.exports.isSupportedDrm=function(){return!!(window.MediaKeys&&window.navigator&&window.navigator.requestMediaKeySystemAccess&&window.MediaKeySystemAccess&&window.MediaKeySystemAccess.prototype.getConfiguration)&&f.exports.isSupportMSE()},f.exports.isAudio=function(e){return e&&0<e.toLowerCase().indexOf(".mp3")},f.exports.isLiveShift=function(e){return e.isLive&&e.liveStartTime&&e.liveOverTime},f.exports.isHls=function(e){return e&&0<e.toLowerCase().indexOf(".m3u8")},f.exports.isDash=function(e){return e&&0<e.toLowerCase().indexOf(".mpd")},f.exports.isFlv=function(e){return e&&0<e.toLowerCase().indexOf(".flv")},f.exports.isRTMP=function(e){return e&&-1<e.toLowerCase().indexOf("rtmp:")},f.exports.isRts=function(e){return e&&-1<e.toLowerCase().indexOf("artc:")},f.exports.isMp4=function(e){return e&&-1<e.toLowerCase().indexOf(".mp4")},f.exports.checkSecuritSupport=function(){return f.exports.isSupportHls()?"":s.IS_IOS?a.get("iOSNotSupportVodEncription"):a.get("UseChromeForVodEncription")},f.exports.nativeSupportH265=function(){return s.IS_IOS||s.IS_MAC_SAFARI},f.exports.findSelectedStreamLevel=function(e,t){var r=t;if(r||(r=n.get(o.SelectedStreamLevel))){for(var i=0;i<e.length;i++)if(e[i].definition==r)return i}else n.set(o.SelectedStreamLevel,e[0].definition,365);return 0},f.exports.getHistoryDetectResult=function(e){if(e)return"hvc1"===e?n.get(o.HWDetectHvc1):"hev1"===e?n.get(o.HWDetectHev1):void 0},f.exports.setHistoryDetectResult=function(e,t){var r="unknownCodec";"hvc1"===e?r=o.HWDetectHvc1:"hev1"===e&&(r=o.HWDetectHev1),n.set(r,t)},f.exports.handleOption=function(e,t){f.exports.isRts(e.source)&&(e.isLive=!0);var r,i=y.merge(y.copy(g),e),n=[{name:"fullScreenButton",align:"tr",x:20,y:12},{name:"subtitle",align:"tr",x:15,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}],o=!1;if(e.useFlashPrism||f.exports.isRTMP(e.source)?(o=!0,n=[{name:"liveIco",align:"tlabs",x:15,y:25},{name:"fullScreenButton",align:"tr",x:10,y:25},{name:"volume",align:"tr",x:10,y:25}]):(r=f.exports.isLiveShift(i))?(n.push({name:"liveShiftProgress",align:"tlabs",x:0,y:0}),n.push({name:"playButton",align:"tl",x:15,y:12}),n.push({name:"liveDisplay",align:"tl",x:15,y:6})):n.push({name:"liveDisplay",align:"tlabs",x:15,y:6}),e.isLive)if(void 0===e.skinLayout)i.skinLayout=[{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"tooltip",align:"blabs",x:0,y:56},{name:"H5Loading",align:"cc"},{name:"controlBar",align:"blabs",x:0,y:0,children:f.exports.isRts(e.source)?[{name:"fullScreenButton",align:"tr",x:20,y:12},{name:"volume",align:"tr",x:5,y:10},{name:"liveDisplay",align:"tlabs",x:15,y:6}]:n}];else if(0!=e.skinLayout){for(var a=e.skinLayout.length,s=[],l=-1,c=0;c<a;c++)if("controlBar"==i.skinLayout[c].name){for(var l=c,u=i.skinLayout[c].children.length,p=0;p<u;p++){var d,h=i.skinLayout[c].children[p].name;"liveDisplay"!=h&&"liveIco"!=h&&"fullScreenButton"!=h&&"volume"!=h&&"snapshot"!=h&&"setting"!=h&&"subtitle"!=h&&(!r||"progress"!=h&&"playButton"!=h&&"timeDisplay"!=h)||(d=i.skinLayout[c].children[p],"progress"==h?d.name="liveShiftProgress":"timeDisplay"==h?d.name="liveShiftTimeDisplay":o&&"liveDisplay"==h&&(d.name="liveIco"),s.push(d))}break}-1!=l&&(i.skinLayout[l].children=s)}return(void 0===e.components||!e.components||y.isArray(e.components)&&0==e.components.length)&&"false"!=e.components&&(i.components=[_]),i},f.exports.getLiveHostByRegion=function(e){var t="live.aliyuncs.com";return e&&-1<["ap-southeast-1","eu-central-1"].indexOf(e)?"live."+e+".aliyuncs.com":t},f.exports.isVideoTag=function(e){return e&&"string"==typeof e.nodeName&&"video"===e.nodeName.toLowerCase()},f.exports.unqiueTextTracks=function(e){var t=[],t=(e=void 0===e?[]:e).reduce(function(e,t){var r;return e.some(function(e){return e.srclang===t.srclang})?e:((r=t).label=t.label||t.srclang,[].concat(e,[r]))},[]),r={};return t.forEach(function(e,t){r[e.label]?r[e.label].push(t):r[e.label]=[t]}),Object.keys(r).forEach(function(e){e=r[e]||[];1<e.length&&e.forEach(function(e){t[e].label=t[e].label+"("+t[e].srclang+")"})}),t},f.exports.isHvc1Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("hvc1")},f.exports.isHev1Codec=function(e){return-1<(e=void 0===e?"":e).indexOf("hev1")},f.exports.isH265Codec=function(e){return f.exports.isHvc1Codec(e=void 0===e?"":e)||f.exports.isHev1Codec(e)},f.exports.getVideoTrack=function(e){var t;return(e=void 0===e?[]:e).forEach(function(e){1===Number(e.type)&&(t=e)}),t},s.IS_ANDROID&&(s.dingTalk()||s.IS_UC||s.is_X5||s.IS_HUAWEI||s.IS_XIAOMI||s.IS_OPPO||s.IS_VIVO||s.IS_MEIZU||s.IS_SAMSUNG||s.IS_WEBVIEW)||s.os&&"windows"===s.os.name&&s.IS_UC);f.exports.shouldUseBasePlayer=function(t,r){var e,i="supported",n="unsupported";return!t||(e=f.exports.isHvc1Codec(t),f.exports.nativeSupportH265()&&e)||function(){if(!(!u&&(s.IS_CHROME||s.IS_EDGE_NEW)))return!1;var t=0;try{t=s.USER_AGENT.match(/Chrome\/(\d+)/i)[1]}catch(e){t=0}return!(parseInt(t)<104||!window.MediaSource||!window.MediaSource.isTypeSupported('video/mp4;codecs="hvc1.1.6.L120.90"'))}()?r(!0):u?(e=f.exports.getHistoryDetectResult(t))===i?r(!0):e===n?r(!1):void c({codecTags:[t],timeout:2e3}).then(function(e){e=e.isHev1Supported||e.isHvc1Supported;if(f.exports.setHistoryDetectResult(t,e?i:n),e)return r(!0);r(!1)}).catch(function(e){console.log("hevcDetector ERROR",e),r(!1)}):r(!1)},f.exports.parseHttpHeaders=function(e){if(e)try{var t=e.getAllResponseHeaders().trim().split(/[\r\n]+/),r={};return t.forEach(function(e){var e=e.split(": "),t=e.shift(),e=e.join(": ");r[t]=e}),r}catch(e){}},f.exports.detectRegionBlock=function(e,i){l.get(e,function(){i(!1)},function(e,t,r){r=f.exports.parseHttpHeaders(r)["x-tengine-error"];403===t&&r&&-1<o.RegionBlockMessages.indexOf(r)?i(!0):i(!1)})}},{"../config":14,"../lang/index":23,"../player/base/plugin/defaultemptycomponent":92,"./constants":28,"./cookie":29,"./dom":32,"./hardware-decoding-detector":36,"./io":40,"./object":42,"./ua":49}],47:[function(e,a,t){var n=e("./object"),s=e("../player/adaptiveplayer"),l=e("./constants").USER_EVENT_NAME;a.exports.reloadInstance=function(e,t,r){var i=r,n=(i.dispose(),e.readyCallback),o=e._readyCallbackCalled,e=s.create(e,function(e){t(e),o||n(e)});a.exports.restoreUserEvents(r,e),a.exports.removeAllProps(i),(i.__proto__=e)[l]=i[l]},a.exports.storeUserEvents=function(e){var r=e,i=r.__proto__.on,n={};r.on=function(e,t){"function"==typeof t&&(n[e]?n[e].push(t):n[e]=[t],this._el)&&(t.binded=!0,i.call(r,e,t))},r[l]=n},a.exports.restoreUserEvents=function(e,r){var i=e[l];i&&n.each(i,function(t){i[t].forEach(function(e){r.on(t,e)})})},a.exports.removeAllProps=function(e,t){for(var r in t=[].concat(t=t||[],[l]),e)e.hasOwnProperty(r)&&-1===t.indexOf(r)&&delete e[r]}},{"../player/adaptiveplayer":67,"./constants":28,"./object":42}],48:[function(e,t,r){t.exports.set=function(t,r){try{window.localStorage&&localStorage.setItem(t,r)}catch(e){window[t+"_localStorage"]=r}},t.exports.get=function(t){try{if(window.localStorage)return localStorage.getItem(t)}catch(e){return window[t+"_localStorage"]}return""}},{}],49:[function(e,x,t){var r,i,n,o;if(x.exports.USER_AGENT=navigator.userAgent,x.exports.IS_IPHONE=/iPhone/i.test(x.exports.USER_AGENT),x.exports.IS_IPAD=/iPad/i.test(x.exports.USER_AGENT),x.exports.IS_IPOD=/iPod/i.test(x.exports.USER_AGENT),x.exports.IS_MAC=/mac/i.test(x.exports.USER_AGENT),x.exports.IS_EDGE=/Edge/i.test(x.exports.USER_AGENT),x.exports.IS_EDGE_NEW=/Edg/i.test(x.exports.USER_AGENT)&&!x.exports.IS_EDGE,x.exports.IS_IE11=/Trident\/7.0/i.test(x.exports.USER_AGENT),x.exports.IS_X5=/qqbrowser/i.test(x.exports.USER_AGENT.toLowerCase()),x.exports.IS_CHROME=/Chrome/i.test(x.exports.USER_AGENT)&&!x.exports.IS_EDGE&&!x.exports.IS_EDGE_NEW&&!x.exports.IS_X5,x.exports.IS_SAFARI=/Safari/i.test(x.exports.USER_AGENT)&&!x.exports.IS_CHROME&&!x.exports.IS_EDGE_NEW,x.exports.IS_FIREFOX=/Firefox/i.test(x.exports.USER_AGENT),x.exports.IS_UC=/ucweb|UCBrowser|UBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_HUAWEI=/HuaweiBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_XIAOMI=/MiuiBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_OPPO=/HeyTapBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_VIVO=/VivoBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_MEIZU=/MZBrowser/i.test(x.exports.USER_AGENT),x.exports.IS_SAMSUNG=/samsungbrowser/i.test(x.exports.USER_AGENT),document.all)try{var a=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");x.exports.HAS_FLASH=!!a}catch(e){x.exports.HAS_FLASH=!1}else navigator.plugins&&0<navigator.plugins.length?(a=navigator.plugins["Shockwave Flash"],x.exports.HAS_FLASH=!!a):x.exports.HAS_FLASH=!1;x.exports.IS_MAC_SAFARI=x.exports.IS_MAC&&x.exports.IS_SAFARI&&!x.exports.IS_CHROME&&!x.exports.HAS_FLASH,x.exports.IS_IOS=x.exports.IS_IPHONE||x.exports.IS_IPAD||x.exports.IS_IPOD,x.exports.IOS_VERSION=function(){var e=x.exports.USER_AGENT.match(/OS (\d+)_/i);if(e&&e[1])return e[1]}(),x.exports.IS_ANDROID=/Android/i.test(x.exports.USER_AGENT),x.exports.ANDROID_VERSION=(a=x.exports.USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i))?(i=a[1]&&parseFloat(a[1]),r=a[2]&&parseFloat(a[2]),i&&r?parseFloat(a[1]+"."+a[2]):i||null):null,x.exports.IS_OLD_ANDROID=x.exports.IS_ANDROID&&/webkit/i.test(x.exports.USER_AGENT)&&x.exports.ANDROID_VERSION<2.3,x.exports.TOUCH_ENABLED=!!("ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch),x.exports.IS_MOBILE=x.exports.IS_IOS||x.exports.IS_ANDROID,x.exports.IS_H5=x.exports.IS_MOBILE||!x.exports.HAS_FLASH,x.exports.IS_PC=!x.exports.IS_MOBILE,x.exports.is_X5=/micromessenger/i.test(x.exports.USER_AGENT)||/qqbrowser/i.test(x.exports.USER_AGENT),x.exports.IS_ANDROID_FIREFOX=x.exports.IS_ANDROID&&x.exports.IS_FIREFOX,x.exports.CHROME_VERSION=x.exports.IS_CHROME&&x.exports.USER_AGENT.match(/Chrome\/(\d+)/i)[1],x.exports.getHost=function(e){var t,r,i="";return void 0===e||null==e||""==e?"":(t=e.indexOf("//"),r=e,i=r=-1<t?e.substring(t+2):r,(e=(i=(e=r.split("/"))&&0<e.length?e[0]:i).split(":"))&&0<e.length?e[0]:i)},x.exports.dingTalk=function(){var e=x.exports.USER_AGENT.toLowerCase();return/dingtalk/i.test(e)},x.exports.IS_DINGTALK=x.exports.dingTalk(),x.exports.wechat=function(){var e=x.exports.USER_AGENT.toLowerCase();return/micromessenger/i.test(e)},x.exports.inIFrame=function(){return self!=top},x.exports.getReferer=function(){var t=document.referrer;if(x.exports.inIFrame())try{t=top.document.referrer}catch(e){t=document.referrer}return t},x.exports.getHref=function(){location.href;if(x.exports.inIFrame())try{top.location.href}catch(e){location.href}return location.href},x.exports.check360=function(){return-1!=navigator.userAgent.indexOf("Safari")?function(){var e=navigator.userAgent.split(" ");if(-1!=e[e.length-1].indexOf("Safari"))for(var t in navigator.plugins)if("np-mswmp.dll"==navigator.plugins[t].filename)return!0;return!1}():(null==navigator.msPointerEnabled||navigator.msPointerEnabled)&&(1==navigator.msDoNotTrack||1==window.doNotTrack)&&(!!Number(window.screenX)&&window.screenLeft-window.screenX!=8||(-1!=navigator.userAgent.indexOf("MSIE 7.0")||-1!=navigator.userAgent.indexOf("MSIE 8.0"))&&null==console.count)},r=x.exports,function(e,t){var r=this.os={},i=this.browser={},n=e.match(/Web[kK]it[\/]{0,1}([\d.]+)/),o=e.match(/(Android);?[\s\/]+([\d.]+)?/),a=!!e.match(/\(Macintosh\; Intel /),s=e.match(/(iPad).*OS\s([\d_]+)/),l=e.match(/(iPod)(.*OS\s([\d_]+))?/),c=!s&&e.match(/(iPhone\sOS)\s([\d_]+)/),u=e.match(/(webOS|hpwOS)[\s\/]([\d.]+)/),t=/Win\d{2}|Windows/.test(t),p=e.match(/Windows Phone ([\d.]+)/),d=u&&e.match(/TouchPad/),h=e.match(/Kindle\/([\d.]+)/),f=e.match(/Silk\/([\d._]+)/),y=e.match(/(BlackBerry).*Version\/([\d.]+)/),_=e.match(/(BB10).*Version\/([\d.]+)/),g=e.match(/(RIM\sTablet\sOS)\s([\d.]+)/),v=e.match(/PlayBook/),m=e.match(/Chrome\/([\d.]+)/)||e.match(/CriOS\/([\d.]+)/),S=e.match(/Firefox\/([\d.]+)/),b=e.match(/\((?:Mobile|Tablet); rv:([\d.]+)\).*Firefox\/[\d.]+/),T=e.match(/MSIE\s([\d.]+)/)||e.match(/Trident\/[\d](?=[^\?]+).*rv:([0-9.].)/),E=!m&&e.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/),w=E||e.match(/Version\/([\d.]+)([^S](Safari)|[^M]*(Mobile)[^S]*(Safari))/);(i.webkit=!!n)&&(i.version=n[1]),o&&(r.android=!0,r.version=o[2]),c&&!l&&(r.ios=r.iphone=!0,r.version=c[2].replace(/_/g,".")),s&&(r.ios=r.ipad=!0,r.version=s[2].replace(/_/g,".")),l&&(r.ios=r.ipod=!0,r.version=l[3]?l[3].replace(/_/g,"."):null),p&&(r.wp=!0,r.version=p[1]),u&&(r.webos=!0,r.version=u[2]),d&&(r.touchpad=!0),y&&(r.blackberry=!0,r.version=y[2]),_&&(r.bb10=!0,r.version=_[2]),g&&(r.rimtabletos=!0,r.version=g[2]),v&&(i.playbook=!0),h&&(r.kindle=!0,r.version=h[1]),f&&(i.silk=!0,i.version=f[1]),!f&&r.android&&e.match(/Kindle Fire/)&&(i.silk=!0),m&&(i.chrome=!0,i.version=m[1]),S&&(i.firefox=!0,i.version=S[1]),b&&(r.firefoxos=!0,r.version=b[1]),T&&(i.ie=!0,i.version=T[1]),w&&(a||r.ios||t||o)&&(i.safari=!0,r.ios||r.android||(i.version=w[1])),r.ios&&(i.version=r.version),E&&(i.webview=!0),a&&((n=e.match(/[\d]*_[\d]*_[\d]*/))&&0<n.length&&n[0]&&(r.version=n[0].replace(/_/g,".")),/MQBHD/.test(e))&&(i.version=((e.match(/.*OS\s([\d_]+)/)||[])[1]||"").replace(/_/g,".")),r.tablet=!!(s||v||o&&!e.match(/Mobile/)||S&&e.match(/Tablet/)||T&&!e.match(/Phone/)&&e.match(/Touch/)),r.phone=!(r.tablet||r.ipod||!(o||c||u||y||_||m&&e.match(/Android/)||m&&e.match(/CriOS\/([\d.]+)/)||S&&e.match(/Mobile/)||T&&e.match(/Touch/))),r.pc=!r.tablet&&!r.phone,a?r.name="macOS":t?(r.name="windows",r.version=function(){var e=navigator.userAgent,t="";(-1<e.indexOf("Windows NT 5.0")||-1<e.indexOf("Windows 2000"))&&(t="2000");(-1<e.indexOf("Windows NT 5.1")||-1<e.indexOf("Windows XP"))&&(t="XP");(-1<e.indexOf("Windows NT 5.2")||-1<e.indexOf("Windows 2003"))&&(t="2003");(-1<e.indexOf("Windows NT 6.0")||-1<e.indexOf("Windows Vista"))&&(t="Vista");(-1<e.indexOf("Windows NT 6.1")||-1<e.indexOf("Windows 7"))&&(t="7");(-1<e.indexOf("Windows NT 6.2")||-1<e.indexOf("Windows 8"))&&(t="8");(-1<e.indexOf("Windows NT 6.3")||-1<e.indexOf("Windows 8.1"))&&(t="8.1");(-1<e.indexOf("Windows NT 10")||-1<e.indexOf("Windows 10"))&&(t="10");return t}()):r.name=function(){var e=navigator.userAgent,t="other",r=x.exports.os;if(r.ios)return"iOS";if(r.android)return"android";if(-1<e.indexOf("Baiduspider"))return"Baiduspider";if(-1<e.indexOf("PlayStation"))return"PS4";r="Win32"==navigator.platform||"Windows"==navigator.platform||-1<e.indexOf("Windows"),e="Mac68K"==navigator.platform||"MacPPC"==navigator.platform||"Macintosh"==navigator.platform||"MacIntel"==navigator.platform;e&&(t="macOS");"X11"!=navigator.platform||r||e||(t="Unix");-1<String(navigator.platform).indexOf("Linux")&&(t="Linux");if(r)return"windows";return t}(),i.name=(l=navigator.userAgent.toLowerCase(),(p=x.exports.browser).firefox?"Firefox":p.ie?/edge/.test(l)?"Edge":"IE":x.exports.IS_EDGE_NEW?"EdgeChromium":/micromessenger/.test(l)?"\u5fae\u4fe1\u5185\u7f6e\u6d4f\u89c8\u5668":/qqbrowser/.test(l)?"QQ\u6d4f\u89c8\u5668":x.exports.IS_UC?"UC":x.exports.IS_DINGTALK?"Dingtalk":x.exports.IS_HUAWEI?"HuaweiBrowser":x.exports.IS_XIAOMI?"MiBrowser":x.exports.IS_OPPO?"OppoBrowser":x.exports.IS_VIVO?"VivoBrowser":x.exports.IS_MEIZU?"MeizuBrowser":x.exports.IS_SAMSUNG?"SamsungBrowser":x.exports.IS_WEBVIEW||/MQBHD/.test(l)?"webview":p.chrome?"Chrome":p.safari?"Safari":/baiduspider/.test(l)?"Baiduspider":/opera/.test(l)?"Opera":/360se/.test(l)?"360\u6d4f\u89c8\u5668":/bidubrowser/.test(l)?"\u767e\u5ea6\u6d4f\u89c8\u5668":/metasr/.test(l)?"\u641c\u72d7\u6d4f\u89c8\u5668":/lbbrowser/.test(l)?"\u730e\u8c79\u6d4f\u89c8\u5668":/playstation/.test(l)?"PS4\u6d4f\u89c8\u5668":void 0)}.call(r,navigator.userAgent,navigator.platform),x.exports.IS_WEBVIEW=(i=x.exports.USER_AGENT,n=new RegExp("("+["WebView","(iPhone|iPod|iPad)(?!.*Safari)","Android.*(wv|.0.0.0)","Linux; U; Android"].join("|")+")","ig"),o=new RegExp("("+["VivoBrowser","MZBrowser","MiuiBrowser"].join("|")+")","ig"),!!i.match(n)&&!i.match(o))},{}],50:[function(e,t,r){var s=e("./dom");t.exports.getAbsoluteURL=function(e){return e=e.match(/^https?:\/\//)?e:s.createEl("div",{innerHTML:'<a href="'+e+'">x</a>'}).firstChild.href},t.exports.parseUrl=function(e){var t,r=["protocol","hostname","port","pathname","search","hash","host"],i=s.createEl("a",{href:e}),n=""===i.host&&"file:"!==i.protocol;n&&((t=s.createEl("div")).innerHTML='<a href="'+e+'"></a>',i=t.firstChild,t.setAttribute("style","display:none; position:absolute;"),document.body.appendChild(t));for(var o={},a=0;a<r.length;a++)o[r[a]]=i[r[a]];return o.segments=i.pathname.replace(/^\//,"").split("/"),n&&document.body.removeChild(t),o}},{"./dom":32}],51:[function(e,r,t){var i=e("./dom"),n=e("./ua"),o=e("./playerutil");r.exports.formatTime=function(e){var t,e=Math.floor(e),r=Math.floor(e/3600);return e%=3600,t=Math.floor(e/60),e=e%60,!(r===1/0||isNaN(r)||t===1/0||isNaN(t)||e==1/0||isNaN(e))&&("00"===(r=10<=r?r:"0"+r)?"":r+":")+(10<=t?t:"0"+t)+":"+(10<=e?e:"0"+e)},r.exports.extractTime=function(e){var t;return e?("00"===(t=10<=(t=parseInt(e.getHours()))?t:"0"+t)?"":t+":")+(t=10<=(t=parseInt(e.getMinutes()))?t:"0"+t)+":"+(t=10<=(t=parseInt(e.getSeconds()))?t:"0"+t):""},r.exports.convertToTimestamp=function(e,t){var r="";return e&&(t?r=e.gettime():(r=Date.parse(e),r/=1e3)),r},r.exports.convertToDate=function(e,t){var r="";return e&&(r=new Date).setTime(1e3*e),r},r.exports.parseTime=function(e){var t,r,i;return e?(i=r=t=0,3===(e=e.split(":")).length?(t=e[0],r=e[1],i=e[2]):2===e.length?(r=e[0],i=e[1]):1===e.length&&(i=e[0]),3600*(t=parseInt(t,10))+60*(r=parseInt(r,10))+(i=Math.ceil(parseFloat(i)))):"00:00:00"},r.exports.formatDate=function(e,t){var r,i={"M+":e.getMonth()+1,"d+":e.getDate(),"H+":e.getHours(),"m+":e.getMinutes(),"s+":e.getSeconds(),"q+":Math.floor((e.getMonth()+3)/3),S:e.getMilliseconds()};for(r in/(y+)/.test(t)&&(t=t.replace(RegExp.$1,(e.getFullYear()+"").substr(4-RegExp.$1.length))),i)new RegExp("("+r+")").test(t)&&(t=t.replace(RegExp.$1,1==RegExp.$1.length?i[r]:("00"+i[r]).substr((""+i[r]).length)));return t},r.exports.sleep=function(e){for(var t=Date.now();Date.now()-t<=e;);},r.exports.htmlEncodeAll=function(e){return null==e?"":e.replace(/\</g,"&lt;").replace(/\>/g,"&gt;").replace(/\&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")},r.exports.toBinary=function(e){if(!window.atob)return"";for(var t=atob(e),r=t.length,i=new Uint8Array(r),n=0;n<r;n++)i[n]=t.charCodeAt(n);return i},r.exports.readyBinary=function(e){for(var t=new Uint8Array(e),r=t.length,i="",n=0;n<r;n++)i+=t[n];return i},r.exports.delayHide=function(e,t){e&&(void 0===t&&(t=1e3),e.delayHanlder&&clearTimeout(e.delayHanlder),e.delayHanlder=setTimeout(function(){i.css(e,"display","none")},t))},r.exports.openInFile=function(){return-1!=window.location.protocol.toLowerCase().indexOf("file")},r.exports.contentProtocolMixed=function(e,t){return!!((n.os.pc&&(o.isHls(e)&&!n.browser.safari||o.isFlv(e))||t)&&"https:"==window.location.protocol.toLowerCase()&&e&&-1<e.toLowerCase().indexOf("http://"))},r.exports.queryString=function(e){var t,r,i;return 2===(e=(e=decodeURIComponent(e)).split("?")).length&&(e=e[1],t=e.split("&"))?(r={},i=0,$(t).each(function(){var e=t[i].split("=");2===e.length&&(r[e[0]]=e[1].replace(/\+/g," ")),i++}),r):{}},r.exports.log=function(e){var t=window.location.href,t=r.exports.queryString(t);t&&1==t.debug&&console.log(e)}},{"./dom":32,"./playerutil":46,"./ua":49}],52:[function(e,t,r){var i,Ln="undefined"==typeof Promise?e("es6-promise").Promise:Promise;e=this,i=function(){return r={926:function(e){var n=Object.prototype.hasOwnProperty;function o(e){return"[Throws: "+(e?e.message:"?")+"]"}function i(e){var t=[];return function r(i){if(null===i||"object"!=typeof i)return i;if(-1!==t.indexOf(i))return"[Circular]";if(t.push(i),"function"==typeof i.toJSON)try{var e=r(i.toJSON());return t.pop(),e}catch(r){return o(r)}return e=Array.isArray(i)?i.map(r):Object.keys(i).reduce(function(e,t){return e[t]=r(function(e,t){if(n.call(e,t))try{}catch(e){return o(e)}return e[t]}(i,t)),e},{}),t.pop(),e}(e)}e.exports=function(e,t,r){return JSON.stringify(i(e),t,r)},e.exports.ensureProperties=i}},i={},Cn.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return Cn.d(t,{a:t}),t},Cn.d=function(e,t){for(var r in t)Cn.o(t,r)&&!Cn.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},Cn.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},Cn.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},In={},function(){"use strict";Cn.r(In),Cn.d(In,{AACParser:function(){return M},AvcSPS:function(){return re},BasicLoader:function(){return Fe},BitBuffer:function(){return p},Box:function(){return f},ByteBuffer:function(){return g},CTrackTypeMap:function(){return ce},Demuxer:function(){return yn},DiscardType:function(){return S},EFormatType:function(){return n},EH264NALType:function(){return z},EH265NALType:function(){return v},EHandlerType:function(){return J},ELoaderStatus:function(){return y},ESampleFlag:function(){return le},ETrackType:function(){return b},ErrorCode:function(){return d},ExpGolomb:function(){return Z},FLVParser:function(){return dt},FullBox:function(){return a},H264NAL:function(){return Q},H265NAL:function(){return m},HevcSPS:function(){return oe},Loader:function(){return Be},MP4Parser:function(){return qi}});var M={},H=(Cn.r(M),Cn.d(M,{AAC_DURATION:function(){return F},AAC_SAMPLING_FREQUENCIES:function(){return U},addADTSHeader:function(){return B},getADTSHeaderLength:function(){return V},getADTSLength:function(){return q},isADTS:function(){return j},readAACSamples:function(){return G}}),{}),g=(Cn.r(H),Cn.d(H,{Box:function(){return f},avc1:function(){return ht},avcC:function(){return he},btrt:function(){return yt},co64:function(){return Ri},ctts:function(){return Ii},dinf:function(){return x},dref:function(){return _t},edts:function(){return x},elst:function(){return At},esds:function(){return Gt},ftyp:function(){return Wt},hdlr:function(){return Kt},hev1:function(){return ft},hvc1:function(){return ft},hvcC:function(){return be},mdat:function(){return Xt},mdhd:function(){return zt},mdia:function(){return x},mfhd:function(){return or},mfra:function(){return x},minf:function(){return x},moof:function(){return ir},moov:function(){return x},mp4a:function(){return $t},mvex:function(){return ar},mvhd:function(){return Yt},pasp:function(){return Zt},sdtp:function(){return sr},sidx:function(){return lr},stbl:function(){return x},stco:function(){return Li},stsc:function(){return Ai},stsd:function(){return Di},stss:function(){return Oi},stsz:function(){return Ni},stts:function(){return Hi},tfdt:function(){return Yr},tfhd:function(){return Si},tkhd:function(){return er},traf:function(){return nr},trak:function(){return x},trex:function(){return xi},trun:function(){return Ci},url:function(){return tr},vmhd:function(){return rr}}),i.concatUint8s=function(e){return this.concatUint8.apply(this,e)},i.concatUint8=function(){for(var t,r,e=[],i=0;i<arguments.length;i++)e[i]=arguments[i];return e.length<=1?e[0]||new Uint8Array(0):(t=new Uint8Array(e.reduce(function(e,t){return e+t.byteLength},0)),r=0,e.forEach(function(e){t.set(e,r),r+=e.byteLength}),t)},i.concat=function(e,t){return i.concatUint8(new Uint8Array(e),new Uint8Array(t)).buffer},Object.defineProperty(i.prototype,"buffer",{get:function(){return this.dv.buffer},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"unreadLength",{get:function(){return Math.max(this.end-this.offset,0)},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"length",{get:function(){return this.end-this.start},enumerable:!1,configurable:!0}),i.prototype.readFloat=function(e){var t=0;switch(e){case 4:t=this.dv.getFloat32(this.offset);break;case 8:t=this.dv.getFloat64(this.offset);break;default:throw new Error("not supported for read float byte with "+e)}return this.offset+=e,t},i.prototype.back=function(e){this.offset-=e},i.prototype.skip=function(e){this.offset+=e},i.prototype.readInt=function(e){var t=this.offset;switch(this.offset+=e,e){case 1:return this.dv.getInt8(t);case 2:return this.dv.getInt16(t);case 4:return this.dv.getInt32(t);default:throw new Error("not supported for read byte with "+e)}},i.prototype.read=function(e){var t=this.offset;switch(this.offset+=e,e){case 1:return this.dv.getUint8(t);case 2:return this.dv.getUint16(t);case 3:return(this.dv.getUint16(t)<<8)+this.dv.getUint8(t+2);case 4:return this.dv.getUint32(t);default:return this.back(e-4),this.read(e-4)+this.dv.getUint32(t)*Math.pow(256,e-4)}},i.prototype.writeInt=function(e,t){var r=this.offset;switch(this.offset+=e,e){case 1:return this.dv.setInt8(r,t);case 2:return this.dv.setInt16(r,t);case 3:return this.dv.setInt8(r,t>>16),this.dv.setInt16(r+1,65535&t);case 4:return this.dv.setInt32(r,t);default:throw new Error("\u4e0d\u652f\u6301Byte write "+e)}},i.prototype.write=function(e,t){var r=this.offset;switch(this.offset+=e,e){case 1:return this.dv.setUint8(r,t);case 2:return this.dv.setUint16(r,t);case 3:return this.dv.setUint8(r,t>>>16),this.dv.setUint16(r+1,65535&t);case 4:return this.dv.setUint32(r,t);default:throw new Error("\u4e0d\u652f\u6301Byte write "+e)}},i.prototype.readToUint8=function(e){e=new Uint8Array(this.dv.buffer,this.offset,e||this.unreadLength);return this.offset+=e.byteLength,e},i.prototype.readToBuffer=function(e){e=this.offset||e?this.dv.buffer.slice(this.offset,e?this.offset+e:void 0):this.dv.buffer;return this.offset+=e.byteLength,e},i),U=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350],F=1024,B=function(e,t){var r=t.audioObjectType,i=t.sampleRate,n=t.channelCount,t=void 0===(t=t.numberOfRawDataBlocksInFrame)?0:t,o=e.byteLength+7,i=U.indexOf(i),a=new Uint8Array(7);return a[0]=255,a[1]=241,a[2]=r-1<<6,a[2]|=i<<2,a[2]|=(4&n)>>2,a[3]=(3&n)<<6,a[3]|=(6144&o)>>11,a[4]=(2047&o)>>3,a[5]=(7&o)<<5,a[5]|=31,a[6]=252,a[6]|=3&t,g.concatUint8(a,e)},j=function(e,t){return t<e.byteLength-1&&255===e[t]&&240==(246&e[t+1])},V=function(e,t){return 1&e[t+1]?7:9},q=function(e,t){return(3&e[t+3])<<11|e[t+4]<<3|(224&e[t+5])>>>5},G=function(e){for(var t,r,i=[],n=0,o=e.byteLength;n+5<o;)j(e,n)?(t=V(e,n),r=q(e,n),i.push({audioObjectType:1+(e[2]>>>6),sampleRate:U[e[2]>>>2&15],samplingFrequencyIndex:e[2]>>>2&15,channelCount:(1&e[2])<<2|e[3]>>>6,numberOfRawDataBlocksInFrame:0,data:e.subarray(n+t,n+r)}),n+=r):n++;return i},p=(r.fromByte=function(e,t){return new r(e.read(t),t<<3)},r.prototype.skip=function(e){this.offset+=e},r.prototype.read=function(e){var t=this.len-this.offset-e;if(0<=t){for(var r=0,i=0;i<e;i++)r+=1<<i;return this.offset+=e,this.num>>>t&r}return console.warn("bit \u8bfb\u53d6\u4f4d\u6570\u8d85\u8fc7\u9650\u5236"),0},r);function r(e,t){this.num=e,this.len=t,this.offset=0}function i(e,t,r){this.dv=new DataView(e),this.start=this.offset=t||this.dv.byteOffset,this.end=r?this.start+r:this.dv.byteLength}K.createAnnexbStartCode=function(){return new Uint8Array([0,0,0,1])},K.createAVCCStartCode=function(e){return new Uint8Array([e>>24&255,e>>16&255,e>>8&255,255&e])},K.extractAVCCNAL=function(e,t){for(var r,i=[],n=new g(e.buffer,e.byteOffset,e.byteLength);n.unreadLength>t;){if((r=n.read(t+1))<=0||r>n.unreadLength){console.warn("extract avc nalu size wrong! lengthSizeMinusOne:",t,"size:",r);break}var o=n.offset-n.start;i.push(e.subarray(o,o+r)),n.skip(r)}return i},K.extractAnnexbNAL=function(r){for(var e=r.byteLength,i=[],t=0;t<e-3;)0===r[t]?0===r[t+1]?0===r[t+2]?0===r[t+3]?t++:(1===r[t+3]&&t+4<e&&i.push({prefixStart:t,start:t+4}),t+=4):(1===r[t+2]&&i.push({prefixStart:t,start:t+3}),t+=3):t+=2:t++;return i.length?i.map(function(e,t){t=i[t+1];return t?r.subarray(e.start,t.prefixStart):r.subarray(e.start)}):[]};var W=K;function K(){}var X,z;X=function(e,t){return(X=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(e=z=z||{})[e.UNUSED=0]="UNUSED",e[e.NON_IDR_SLICE=1]="NON_IDR_SLICE",e[e.SLICE_DP_A=2]="SLICE_DP_A",e[e.SLICE_DP_B=3]="SLICE_DP_B",e[e.SLICE_DP_C=4]="SLICE_DP_C",e[e.SLICE_IDR=5]="SLICE_IDR",e[e.SEI=6]="SEI",e[e.SPS=7]="SPS",e[e.PPS=8]="PPS",e[e.DIVIDER=9]="DIVIDER",e[e.SEQUENCE_END=10]="SEQUENCE_END",e[e.STREAM_END=11]="STREAM_END",e[e.FILL=12]="FILL";var v,$,Y,Q=function(r){function e(e){var t=r.call(this)||this,e=new p(e.read(1),8);return t.forbiddenZeroBit=e.read(1),t.nalRefIdc=e.read(2),t.nalType=e.read(5),t}var t=e,i=r;if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=t}return X(t,i),t.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n),e.extractNALType=function(e){return 31&e[0]},e.isSlice=function(e){e=this.extractNALType(e);return e>=z.NON_IDR_SLICE&&e<=z.SLICE_IDR},e}(W),e=($=function(e,t){return($=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}$(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),m=((s=v=v||{})[s.TRAIL_N=0]="TRAIL_N",s[s.TRAIL_R=1]="TRAIL_R",s[s.TSA_N=2]="TSA_N",s[s.TSA_R=3]="TSA_R",s[s.STSA_N=4]="STSA_N",s[s.STSA_R=5]="STSA_R",s[s.RADL_N=6]="RADL_N",s[s.RADL_R=7]="RADL_R",s[s.RASL_N=8]="RASL_N",s[s.RASL_R=9]="RASL_R",s[s.VCL_N10=10]="VCL_N10",s[s.VCL_R11=11]="VCL_R11",s[s.VCL_N12=12]="VCL_N12",s[s.VCL_R13=13]="VCL_R13",s[s.VCL_N14=14]="VCL_N14",s[s.VCL_R15=15]="VCL_R15",s[s.BLA_W_LP=16]="BLA_W_LP",s[s.BLA_W_RADL=17]="BLA_W_RADL",s[s.BLA_N_LP=18]="BLA_N_LP",s[s.IDR_W_RADL=19]="IDR_W_RADL",s[s.IDR_N_LP=20]="IDR_N_LP",s[s.CRA=21]="CRA",s[s.VPS=32]="VPS",s[s.SPS=33]="SPS",s[s.PPS=34]="PPS",s[s.ACCESS_UNIT_DELIMITER=35]="ACCESS_UNIT_DELIMITER",s[s.EOS=36]="EOS",s[s.EOB=37]="EOB",s[s.FILLER_DATA=38]="FILLER_DATA",s[s.SEI=39]="SEI",s[s.SEI_SUFFIX=40]="SEI_SUFFIX",s[s.INVALID=64]="INVALID",e(t,Y=W),t.extractNALType=function(e,t){return(126&e[t=void 0===t?0:t])>>1},t.isNonRefNALType=function(e){switch(e){case v.TRAIL_N:case v.STSA_N:case v.RADL_N:case v.RASL_N:case v.VCL_N10:case v.VCL_N12:case v.VCL_N14:return!0;default:return!1}},t.isNonRef=function(e){return this.isNonRefNALType(this.extractNALType(e))},t.isSlice=function(e){e=this.extractNALType(e);return e>=v.TRAIL_N&&e<=v.CRA},t.littleEndian=function(){var e=new ArrayBuffer(2);return new DataView(e).setInt16(0,256,!0),256===new Int16Array(e)[0]},t.parseHVCVideoData=function(e,t){for(var r=e.byteLength,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n=[],o=0,a=0+t,s=this.littleEndian,l=!1;o<r;){if(r<=o+4){console.warn("parseHVCVideoData Malformed Nalu near timestamp "+a+", offset = "+o+", dataSize = "+r);break}var c=i.getUint32(o,!s);if(r-4<c)return void console.warn("parseHVCVideoData Malformed Nalus near timestamp "+a+", NaluSize > DataSize!");var u=i.getUint8(o+4)>>1&63,p=(16<=u&&u<=23&&(l=!0),0+o+4),u={type:u,data:e.subarray(p,p+c)};n.push(u),o+=4+c}return{keyframe:l,units:n}},t);function t(e){var t=Y.call(this)||this,e=new p(e.read(2),16);return t.forbiddenZeroBit=e.read(1),t.nalType=e.read(6),t.nhLayerId=e.read(6),t.nhTimeId=e.read(3),t}o.prototype.loadWord=function(){var e=this.data,t=this.bytesAvailable,r=e.byteLength-t,i=new Uint8Array(4),t=Math.min(4,t);if(0===t)throw new Error("no bytes available");i.set(e.subarray(r,r+t)),this.word=new DataView(i.buffer).getUint32(0),this.bitsAvailable=8*t,this.bytesAvailable-=t},o.prototype.skipBits=function(e){var t;this.bitsAvailable>e||(e=(e-=this.bitsAvailable)-((t=e>>3)<<3),this.bytesAvailable-=t,this.loadWord()),this.word<<=e,this.bitsAvailable-=e},o.prototype.readBits=function(e){var t=Math.min(this.bitsAvailable,e),r=this.word>>>32-t;return 32<e&&console.error("Cannot read more than 32 bits at a time"),this.bitsAvailable-=t,0<this.bitsAvailable?this.word<<=t:0<this.bytesAvailable&&this.loadWord(),0<(t=e-t)&&this.bitsAvailable?r<<t|this.readBits(t):r},o.prototype.skipLZ=function(){for(var e=0;e<this.bitsAvailable;++e)if(0!=(this.word&2147483648>>>e))return this.word<<=e,this.bitsAvailable-=e,e;return this.loadWord(),e+this.skipLZ()},o.prototype.skipUEG=function(){this.skipBits(1+this.skipLZ())},o.prototype.skipEG=function(){this.skipBits(1+this.skipLZ())},o.prototype.readUEG=function(){var e=this.skipLZ();return this.readBits(e+1)-1},o.prototype.readEG=function(){var e=this.readUEG();return 1&e?1+e>>>1:-1*(e>>>1)},o.prototype.readUByte=function(){return this.readBits(8)},o.prototype.readUShort=function(){return this.readBits(16)},o.prototype.readUInt=function(){return this.readBits(32)},o.prototype.skipScalingList=function(e){for(var t=8,r=8,i=0;i<e;i++)t=0===(r=0!==r?(t+this.readEG()+256)%256:r)?t:r};var S,d,J,n,b,Z=o,ee=[100,110,122,244,44,83,86,118,128,138,144],te=[[0,1],[1,1],[12,11],[10,11],[16,11],[40,33],[24,11],[20,11],[32,11],[80,33],[18,11],[15,11],[64,33],[160,99],[4,3],[3,2],[2,1]],re=(se.generateCodec=function(e){return"avc1."+[e.generalProfileIdc,e.generalProfileCompatibility,e.generalLevelIdc].map(function(e){return(e=e.toString(16)).length<2?"0"+e:e}).join("")},se),ie=[1,2,2,1],ne=[1,2,1,1],oe=(ae.generateCodec=function(e){var t=["hvc1"],r=e.generalProfileSpace;return 0<r&&r<4&&t.push(String.fromCharCode(64+r)),t.push(e.generalProfileIdc.toString()),t.push(e.generalProfileCompatibilityFlags.reverse().reduce(function(e,t){return e<<1|t},0).toString(16)),t.push((e.generalTierFlag?"H":"L")+e.generalLevelIdc),e.generalConstraintIndicatorFlags.forEach(function(e){e&&t.push(e.toString(16))}),t.join(".")},ae);function ae(e){var t=this;this.generalProfileSpace=0,this.generalTierFlag=0,this.generalProfileIdc=0,this.generalProfileCompatibilityFlags=[],this.generalConstraintIndicatorFlags=[],this.subLayerProfilePresentFlags=[],this.subLayerLevelPresentFlags=[],this.separateColourPlaneFlag=0,this.pixelRatio=[],this.codec="",this.checkProfileIdc=function(e){return t.generalProfileIdc===e||t.generalProfileCompatibilityFlags[e]};var r,i,n,o,a=new Z(e);for(this.vpsId=a.readBits(4),this.maxSubLayersMinus1=a.readBits(3),this.temporalIdNestingFlag=a.readBits(1),this.generalProfileSpace=a.readBits(2),this.generalTierFlag=a.readBits(1),this.generalProfileIdc=a.readBits(5),r=0;r<32;r++)this.generalProfileCompatibilityFlags[r]=a.readBits(1),0===this.generalProfileIdc&&0<r&&this.generalProfileCompatibilityFlags[r]&&(this.generalProfileIdc=r);for(r=0;r<6;r++)this.generalConstraintIndicatorFlags.push(a.readUByte());for(this.generalLevelIdc=a.readUByte(),r=0;r<this.maxSubLayersMinus1;r++)this.subLayerProfilePresentFlags[r]=a.readBits(1),this.subLayerLevelPresentFlags[r]=a.readBits(1);for(0<this.maxSubLayersMinus1&&a.skipBits(2*(8-this.maxSubLayersMinus1)),r=0;r<this.maxSubLayersMinus1;r++)this.subLayerProfilePresentFlags[r]&&a.skipBits(48),this.subLayerLevelPresentFlags[r]&&a.readUByte();this.spsId=a.readUEG(),this.codec=ae.generateCodec(this),this.chromaFormatIdc=a.readUEG(),3===this.chromaFormatIdc&&(this.separateColourPlaneFlag=a.readBits(1)),this.separateColourPlaneFlag&&(this.chromaFormatIdc=0),this.width=a.readUEG(),this.height=a.readUEG(),a.readBits(1)&&(e=ie[this.chromaFormatIdc],o=ne[this.chromaFormatIdc],i=a.readUEG()*e,e=a.readUEG()*e,n=a.readUEG()*o,o=a.readUEG()*o,this.width-=i+e,this.height-=n+o)}function se(e){this.generalProfileSpace=0,this.generalTierFlag=0,this.generalProfileIdc=0,this.generalProfileCompatibility=0,this.crop=0,this.cropLeft=0,this.cropRight=0,this.cropTop=0,this.cropBottom=0,this.pixelRatio=[],this.codec="";var t,r,i=new Z(e);if(this.generalProfileIdc=i.readUByte(),this.generalProfileCompatibility=i.readUByte(),this.generalLevelIdc=i.readUByte(),this.spsId=i.readUEG(),this.codec=se.generateCodec(this),-1<ee.indexOf(this.generalProfileIdc)){if(this.chromaFormatIdc=i.readUEG(),3===this.chromaFormatIdc&&i.skipBits(1),i.skipUEG(),i.skipUEG(),i.skipBits(1),i.readBits(1))for(t=0,r=3===this.chromaFormatIdc?8:12;t<r;t++)i.readBits(1)&&(t<6?i.skipScalingList(16):i.skipScalingList(64))}else this.chromaFormatIdc=1;i.skipUEG();e=i.readUEG();if(0===e)i.skipUEG();else if(1===e)for(i.skipBits(1),i.skipEG(),i.skipEG(),t=0,r=i.readUEG();t<r;t++)i.skipEG();i.skipUEG(),i.skipBits(1);var n,e=i.readUEG()+1,o=i.readUEG()+1,a=i.readBits(1);a||i.skipBits(1),this.height=o*(2-a),i.skipBits(1),this.crop=i.readBits(1),this.crop&&(n=1<<(1===this.chromaFormatIdc||2===this.chromaFormatIdc?1:0),a=2-a<<(1===this.chromaFormatIdc?1:0),this.cropLeft=i.readUEG()*n,this.cropRight=i.readUEG()*n,this.cropTop=i.readUEG()*a,this.cropBottom=i.readUEG()*a),this.width=16*e-(this.cropRight+this.cropLeft),this.height=16*o-(this.cropTop+this.cropBottom),i.readBits(1)&&i.readBits(1)&&(255===(n=i.readUByte())?(this.pixelRatio[0]=i.readUByte()<<8|i.readUByte(),this.pixelRatio[1]=i.readUByte()<<8|i.readUByte()):n<te.length&&(this.pixelRatio=te[n]))}function o(e){this.data=e,this.bytesAvailable=e.byteLength,this.word=0,this.bitsAvailable=0}(s=S=S||{})[s.NONE=-16]="NONE",s[s.DEFAULT=0]="DEFAULT",s[s.NONREF=8]="NONREF",s[s.BIDIR=16]="BIDIR",s[s.NONINTRA=24]="NONINTRA",s[s.NONKEY=32]="NONKEY",s[s.ALL=48]="ALL",(e=d=d||{})[e.ABORTED=1]="ABORTED",e[e.NETWORK=2]="NETWORK",e[e.DECODE=3]="DECODE",e[e.SRC_NOT_SUPPORTED=4]="SRC_NOT_SUPPORTED",e[e.PARSER=1001]="PARSER",e[e.COROUTINE=10001]="COROUTINE",e[e.WEBGL_NOT_SUPPORTED=10002]="WEBGL_NOT_SUPPORTED",e[e.BUFFERING=10004]="BUFFERING",e[e.RENDERER=10005]="RENDERER",(s=J=J||{}).VIDE="vide",s.SOUN="soun",(e=n=n||{})[e.FLV=0]="FLV",e[e.MP4=1]="MP4",e[e.HLS=2]="HLS",e[e.MPEGTS=3]="MPEGTS",(s=b=b||{})[s.UNKNOWN=0]="UNKNOWN",s[s.VIDEO=1]="VIDEO",s[s.AUDIO=2]="AUDIO";(e={})[J.VIDE]=b.VIDEO,e[J.SOUN]=b.AUDIO;var le,ce=e;(s=le=le||{})[s.DEGRADATION_PRIORITY_MASK=65535]="DEGRADATION_PRIORITY_MASK",s[s.IS_NON_SYNC=65536]="IS_NON_SYNC",s[s.PADDING_MASK=917504]="PADDING_MASK",s[s.REDUNDANCY_MASK=3145728]="REDUNDANCY_MASK",s[s.DEPENDED_MASK=12582912]="DEPENDED_MASK",s[s.DEPENDS_MASK=50331648]="DEPENDS_MASK",s[s.DEPENDS_NO=33554432]="DEPENDS_NO",s[s.DEPENDS_YES=16777216]="DEPENDS_YES";function ue(e,t){var r=e.offset;this.start=t,this.size=e.read(4),this.type=String.fromCharCode(e.read(1),e.read(1),e.read(1),e.read(1)).trim(),1===this.size&&(this.size=e.read(8)),this.length=e.offset-r}Se=function(e,t){return(Se=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var u,e=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Se(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)},pe=function(){return(pe=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},de=new Date("1904-01-01T00:00:00Z").getTime(),f=(ke.prototype.append=function(e){this.children.push(e)},ke.mapBoxToJSON=function(e){return pe({box:e},e.children.reduce(function(e,t){var r=t.header.type,i=e[r],t=ke.mapBoxToJSON(t);return i?Array.isArray(i)?i.push(t):e[r]=[i,t]:e[r]=t,e},{}))},ke),a=(e(Pe,me=f),Pe);ve=function(e,t){return(ve=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}ve(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(xe,ge=f);var he=xe;_e=function(e,t){return(_e=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};function fe(e){return e<10?"0"+e:e}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}_e(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(we,ye=f);var ye,_e,ge,ve,me,Se,be=we,s=Cn(926),Te=Cn.n(s),Ee="undefined"!=typeof performance&&"function"==typeof performance.now;function we(e,t){var r,i=ye.call(this,e,t)||this;i.nalus=[],i.vps=[],i.sps=[],i.pps=[],i.sei=[],i.configVersion=t.read(1),r=new p(t.read(1),8),i.generalProfileSpace=r.read(2),i.generalTierFlag=r.read(1),i.generalProfileIdc=r.read(5),r=new p(t.read(4),32),i.generalProfileCompatibilityFlags=Array.from(new Array(32)).map(function(){return r.read(1)}),i.generalConstraintIndicatorFlags=Array.from(new Array(6)).map(function(){return t.read(1)}),i.generalLevelIdc=t.read(1),i.minSpatialSegmentationIdc=4095&t.read(2),i.parallelismType=3&t.read(1),i.chromaFormatIdc=3&t.read(1),i.bitDepthLumaMinus8=7&t.read(1),i.bitDepthChromaMinus8=7&t.read(1),i.avgFrameRate=t.read(2),r=new p(t.read(1),8),i.constantFrameRate=r.read(2),i.numTemporalLayers=r.read(3),i.temporalIdNested=r.read(1),i.lengthSizeMinusOne=r.read(2),i.nalus=[];for(var n=t.read(1),o=0;o<n;o++){var a=[],s=(r=new p(t.read(1),8)).read(1);r.read(1);for(var l=r.read(6),c=t.read(2),u=0;u<c;u++)a.push(new Uint8Array(t.read(2)).map(function(){return t.read(1)}));i.nalus.push({completeness:s,type:l,data:a}),l===v.VPS?a.forEach(function(e){return i.vps.push(e)}):l===v.SPS?a.forEach(function(e){return i.sps.push(e)}):l===v.PPS?a.forEach(function(e){return i.pps.push(e)}):l===v.SEI&&a.forEach(function(e){return i.sei.push(e)})}return i.codec=oe.generateCodec(i),i}function xe(e,t){var r=ge.call(this,e,t)||this;r.sps=[],r.pps=[],r.configVersion=t.read(1),r.generalProfileIdc=t.read(1),r.generalProfileCompatibility=t.read(1),r.generalLevelIdc=t.read(1),r.lengthSizeMinusOne=3&t.read(1),r.numOfSequenceParameterSets=31&t.read(1);for(var i,n=0,o=[],n=0;n<r.numOfSequenceParameterSets;n++){for(i=t.read(2),o=[];i--;)o.push(t.read(1));r.sps.push(new Uint8Array(o))}for(r.numOfPictureParameterSets=31&t.read(1),n=0;n<r.numOfPictureParameterSets;n++){for(i=t.read(2),o=[];i--;)o.push(t.read(1));r.pps.push(new Uint8Array(o))}return r.codec=re.generateCodec(r),r}function Pe(e,t){e=me.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e}function ke(e,t){this.children=[],this.isContainer=!1,this.toStandardTime=function(e){return e&&de+1e3*e},this.header=e}function Ce(){return(Ee?performance:Date).now()}(e=u=u||{})[e.TRACE=-1]="TRACE",e[e.DEBUG=0]="DEBUG",e[e.LOG=1]="LOG",e[e.INFO=2]="INFO",e[e.WARN=10]="WARN",e[e.ERROR=11]="ERROR",e[e.NONE=1e3]="NONE";var Ie=u.INFO,Le=u.ERROR,Re=2e3,Ae=Ce(),h=[],De=0,e=((s=Oe.prototype)._print=function(e,t){var r,i,n,o,a,s,l,c;Ie<=e&&(r=Ce()-Ae,n="["+u[e]+"]["+this.name+"]["+(i=r,void 0===(n=!0)&&(n=!0),c=Math.floor(i/1e3),n=void 0!==n&&n,(o=c)===1/0?o:(s=Math.floor(o/60),s-=60*(a=Math.floor(s/60)),o=Math.floor(o-60*(60*a+s)),l=[],(n||0<a)&&l.push(fe(a)),l.push(fe(s)),l.push(fe(o)),l.join(":")))+"."+Math.floor(1e3*(i-1e3*c))+"]",h.push({id:De++,level:e,name:this.name,timestamp:r,args:t,prefix:n,message:""}),h.length>Re&&h.shift(),Le<=e)&&(a=(u[e]||"").toLowerCase(),s=console[a])&&s.apply(void 0,[n].concat(t))},s.getLogs=function(){return h.map(function(e){return e.message=e.prefix+" "+e.args.map(function(e){return"string"==typeof e?e:Te()(e)}).join(" "),e})},s.clear=function(){h=[]},s.setSize=function(e){Re=e},s.setLevel=function(e){Ie=e},s.setPrintLevel=function(e){Le=e},s.reset=function(){Ie=u.INFO,Le=u.ERROR,Re=2e3,Ae=Ce(),h=[],De=0},Oe);function Oe(e){var i=this;this.trace=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.TRACE,t)},this.debug=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.DEBUG,t)},this.log=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.LOG,t)},this.info=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.INFO,t)},this.warn=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.WARN,t)},this.error=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i._print(u.ERROR,t)},this.name=e}e.LogLevel=u;function Ne(){var o=this;this._eventMap={},this.listeners=function(e){return o._eventMap[e]||[]},this.emit=function(e,t){e=o._eventMap[e];return!!Array.isArray(e)&&(e.forEach(function(e){return e(t)}),!0)},this.off=function(e,t){var r=o._eventMap[e];return Array.isArray(r)&&(o._eventMap[e]=r.filter(function(e){return e!==t})),o},this.removeAllListeners=function(e){return void 0===e?o._eventMap={}:o._eventMap[e]&&(o._eventMap[e]=[]),o},this.on=function(e,t){return o._eventMap[e]?o._eventMap[e].push(t):o._eventMap[e]=[t],o},this.once=function(i,n){return o.on(i,function e(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];o.off(i,e),n.apply(o,t)}),o},this.proxy=function(i,e){e.forEach(function(r){o.on(r,function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];e.unshift(r),i.emit.apply(i,e)})})},this.proxyOnce=function(i,e){e.forEach(function(r){o.once(r,function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];e.unshift(r),i.emit.apply(i,e)})})}}var y,Me,He,Ue,T=new e("demuxer"),s=(Me=function(e,t){return(Me=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Me(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),Fe=((e=y=y||{})[e.IDLE=0]="IDLE",e[e.LOADING=1]="LOADING",e[e.SUSPENGING=2]="SUSPENGING",e[e.ERROR=3]="ERROR",s(c,He=Ne),Object.defineProperty(c.prototype,"eof",{get:function(){return this.offset===this.total},enumerable:!1,configurable:!0}),c.prototype._changeStatus=function(e){this.status!==e&&(T.log("loader status changed: ".concat(y[this.status]," -> ").concat(y[e])),this.status=e)},c.prototype.jump=function(e){this.offset=e},c.prototype.load=function(e,t,r){return this.reset(),this.url=e,this.loadRange(t,r)},c.prototype.resume=function(){return this.loadRange(this.offset)},c.prototype.suspend=function(){this.abort(),this._changeStatus(y.SUSPENGING)},c.prototype.reset=function(){this.abort(),this.offset=0,this.total=1/0,this.url=""},c.prototype.destroy=function(){this.removeAllListeners(),this.reset()},c),l={isIos:!1,isDingtalk:!1,isQQBrowser:!1},e=(window.navigator.userAgent||"").toLowerCase();function c(e){void 0===e&&(e={});var t=He.call(this)||this;return t.timeout=15e3,t.total=1/0,t.offset=0,t.status=y.IDLE,t.url="",t._handleError=function(e){if("AbortError"===e.name)return!1;throw t._changeStatus(y.ERROR),t.emit("error",{code:d.NETWORK,message:e.message,origin:e}),e},t.timeout=e.timeout||t.timeout,t}/(iPhone\sOS)\s([\d_]+)/i.test(e)&&(l.isIos=!0),-1<e.indexOf("dingtalk")?l.isDingtalk=!0:-1<e.indexOf("qqbrowser")&&(l.isQQBrowser=!0),Ke=function(e,t){return(Ke=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ke(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Ye,We=Fe),Ye.isSupported=function(){return l.isIos&&(l.isDingtalk||l.isQQBrowser)?(console.log("ios","isDingtalk",l.isDingtalk,"isQQBrowser",l.isQQBrowser),!1):"undefined"!=typeof AbortController&&"undefined"!=typeof ReadableStream},Ye.prototype.loadRange=function(i,e){var n=this;if(void 0===i&&(i=0),void 0===e&&(e=1/0),!this.url||i>=this.total)return Ln.resolve(!1);if(this.status===y.LOADING||this.status===y.ERROR)return Ln.resolve(!1);T.info("\u6267\u884cload, from=".concat(i," to=").concat(e," url=").concat(this.url)),this.abort();var t=new Headers,o=0<i||e<1/0;return o&&(e=Math.min(this.total-1,e),t.set("Range","bytes=".concat(i,"-").concat(e===1/0?"":e))),this._changeStatus(y.LOADING),this.controller=new AbortController,this.emit("loadstart",void 0),this.timer=setTimeout(this.triggerTimeout,this.timeout),fetch(this.url,{method:"GET",headers:t,signal:this.controller.signal}).then(function(e){var r,t;if(clearTimeout(n.timer),e.body&&200<=e.status&&e.status<300)return r=e.body.getReader(),n.offset=i,o?(t=e.headers.get("Content-Range")||"",n.total=Number(t.split("/")[1])||n.total):n.total=Number(e.headers.get("Content-Length"))||n.total,function t(){return r.read().then(function(e){return e.done?(n.controller=null,n._changeStatus(y.IDLE),n.emit("loadend",void 0),!0):(n.offset+=e.value.byteLength,n.emit("progress",{offset:n.offset-e.value.byteLength,data:e.value}),t())})}();throw new Error("\u5a92\u4f53\u6d41\u6570\u636e\u4e0d\u5b58\u5728")}).catch(function(e){return clearTimeout(n.timer),n._handleError(e)})};s=Ye;Ge=function(e,t){return(Ge=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ge(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})($e,qe=Fe),$e.prototype.abort=function(){var e=this.xhr;e&&(e.onerror=null,e.onprogress=null,e.onloadend=null,e.onreadystatechange=null,e.abort(),this.xhr=null,this._resolve(!1)),this._changeStatus(y.IDLE)},$e.prototype.loadRange=function(n,s){var l=this;return void 0===n&&(n=0),void 0===s&&(s=1/0),!this.url||n>=this.total||this.status===y.LOADING||this.status===y.ERROR?Ln.resolve(!1):(this.abort(),new Ln(function(e,t){l.xhr=new XMLHttpRequest,l._resolve=e;function r(){var r,e,t=o.responseText,i=t.length,n=a;0<i&&n<i&&(e=l.offset,l.offset+=i-n,a=i,l.emit("progress",{offset:e,data:(r=t.substring(n,i),new Uint8Array(r.length).map(function(e,t){return r.charCodeAt(t)}))}))}var o=l.xhr,i=0<n||s<1/0,a=(o.open("GET",l.url),i&&o.setRequestHeader("Range","bytes=".concat(n,"-").concat(s===1/0?"":s)),o.onreadystatechange=function(){var e;o.readyState===o.HEADERS_RECEIVED&&200<=o.status&&o.status<300&&(i?(e=o.getResponseHeader("Content-Range")||"",l.total=Number(e.split("/")[1])||l.total):l.total=Number(o.getResponseHeader("Content-Length"))||l.total),o.readyState>=o.HEADERS_RECEIVED&&clearTimeout(l._timer)},l.offset=n,0);o.timeout=l.timeout,o.onprogress=r,o.onloadend=function(){r(),l.xhr=null,l._changeStatus(y.IDLE),l.emit("loadend",void 0),e(!0)},o.onerror=function(e){l.xhr=null;try{l._handleError(new Error(e.constructor.name))}catch(e){t(e)}},o.overrideMimeType("text/plain; charset=x-user-defined"),l._changeStatus(y.LOADING),l.emit("loadstart",void 0),l._timer=setTimeout(l.triggerTimeout,l.timeout),o.send()}))};var e=$e,Be=s.isSupported()?s:e;Ve=function(e,t){return(Ve=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ve(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(_,je=Ne),Object.defineProperty(_.prototype,"loader",{get:function(){return this.customLoader||this.originLoader},enumerable:!1,configurable:!0}),Object.defineProperty(_.prototype,"status",{get:function(){return this.loader.status},enumerable:!1,configurable:!0}),_.probe=function(e){throw new Error("parser should implements static probe")},_.prototype.onProgress=function(e){},_.prototype.onLoadEnd=function(){},_.prototype.load=function(e){return this.reset(),this.loader.load(e)},_.prototype.suspend=function(){return this.loader.suspend()},_.prototype.resume=function(){return this.loader.resume()},_.prototype.reset=function(){this.loader.reset(),this.metadata=null},_.prototype.destroy=function(){this.reset(),this.loader.off("progress",this.onProgress),this.loader.off("loadend",this.onLoadEnd),this.originLoader.destroy(),this.removeAllListeners()};var je,Ve,qe,Ge,We,Ke,s=_,Xe=(ze.BUFFER_LENGTH=9,ze);function ze(e){this.signature=String.fromCharCode(e.read(1),e.read(1),e.read(1)),this.version=e.read(1);var t=e.read(1),e=(this.size=e.read(4),new p(t,8));e.read(5),this.hasAudio=!!e.read(1),e.read(1),this.hasVideo=!!e.read(1)}function _(e){var t=je.call(this)||this;return t.skipFrame=S.DEFAULT,t.metadata=null,t.options=e,t.onProgress=t.onProgress.bind(t),t.onLoadEnd=t.onLoadEnd.bind(t),t.originLoader=new Be(t.options),t.customLoader=e.loader,t.loader.on("progress",t.onProgress),t.loader.on("loadend",t.onLoadEnd),t.skipFrame=e.skipFrame||S.DEFAULT,t}function $e(){var e=null!==qe&&qe.apply(this,arguments)||this;return e.xhr=null,e._timer=-1,e._resolve=function(e){},e.triggerTimeout=function(){e.abort(),e._handleError(new Error("\u52a0\u8f7d\u8d85\u65f6\uff0c\u8bf7\u91cd\u8bd5"))},e}function Ye(){var e=null!==We&&We.apply(this,arguments)||this;return e.controller=null,e.timer=-1,e.abort=function(){clearTimeout(e.timer),e.controller&&!e.controller.signal.aborted&&(e.controller.abort(),e.controller=null),e._changeStatus(y.IDLE)},e.triggerTimeout=function(){e.abort(),e._handleError(new Error("\u52a0\u8f7d\u8d85\u65f6\uff0c\u8bf7\u91cd\u8bd5"))},e}(e=Ue=Ue||{})[e.AUDIO=8]="AUDIO",e[e.VIDEO=9]="VIDEO",e[e.SCRIPT=18]="SCRIPT";Je.BUFFER_LENGTH=11;var Qe=Je;function Je(e){this.type=e.read(1),this.size=e.read(3),this.dts=e.read(3),this.dts|=e.read(1)<<24,e.skip(3)}var Ze,et=[5512,11025,22050,44100],tt=[8,16];(e=Ze=Ze||{})[e.ADTS_HEADER=0]="ADTS_HEADER",e[e.RAW=1]="RAW";it.readAudioSpecificConfig=function(e){e=p.fromByte(e,2);return{audioObjectType:e.read(5),sampleRate:U[e.read(4)],samplingFrequencyIndex:e.read(4),channelCount:e.read(4)}};var E,rt=it;function it(e){var t=new p(e.read(1),8);this.codecId=t.read(4),this.sampleRate=et[t.read(2)],this.sampleSize=tt[t.read(1)],this.soundType=t.read(1),this.packetType=e.read(1),this.data=e.readToUint8()}function nt(t){var e=t.read(2);return Array.from(Array(e)).map(function(){var e=t.read(1);return 0<e?String.fromCharCode(e):""}).join("")}function ot(e){var t=nt(e),e=at(e);return{key:t,value:e.value,objectEnd:e.objectEnd}}function at(e){var t={value:null,objectEnd:!1},r=e.read(1);switch(r){case E.NUMBER:t.value=e.readFloat(8);break;case E.BOOLEAN:t.value=!!e.read(1);break;case E.LONG_STRING:case E.STRING:t.value=nt(e);break;case E.OBJECT_START:t.value=function(e){for(var t={};0<e.unreadLength;){var r=ot(e);if(r.objectEnd)break;t[r.key]=r.value}return t}(e);break;case E.ECMA_ARRAY:t.value=function(e){for(var t=e.read(4),r={};0<t--;){var i=ot(e);r[i.key]=i.value}return r}(e);break;case E.OBJECT_END:t.objectEnd=!0;break;case E.STRICT_ARRAY:t.value=function(e){for(var t=e.read(4),r=[];0<t--;){var i=at(e);r.push(i.value)}return r}(e);break;case E.DATE:t.value=new Date(e.readFloat(8)+60*e.readInt(2)+1e3);break;default:console.warn("unknown AMF value type",r)}return t}(e=E=E||{})[e.NUMBER=0]="NUMBER",e[e.BOOLEAN=1]="BOOLEAN",e[e.STRING=2]="STRING",e[e.OBJECT_START=3]="OBJECT_START",e[e.NULL=5]="NULL",e[e.UNDEFINED=6]="UNDEFINED",e[e.REFERENCE=7]="REFERENCE",e[e.ECMA_ARRAY=8]="ECMA_ARRAY",e[e.OBJECT_END=9]="OBJECT_END",e[e.STRICT_ARRAY=10]="STRICT_ARRAY",e[e.DATE=11]="DATE",e[e.LONG_STRING=12]="LONG_STRING";function st(e){this.name=at(e).value,this.value=at(e).value}var lt,ct,ut;(e=lt=lt||{})[e.KEY=1]="KEY",e[e.INTER=2]="INTER",e[e.DISP_INTER=3]="DISP_INTER",e[e.GENERATED_KEY=4]="GENERATED_KEY",e[e.VIDEO_INFO_CMD=5]="VIDEO_INFO_CMD",(e=ct=ct||{})[e.JPEG=1]="JPEG",e[e.H263=2]="H263",e[e.SCREEN=3]="SCREEN",e[e.VP6=4]="VP6",e[e.VP6A=5]="VP6A",e[e.SCREEN2=6]="SCREEN2",e[e.H264=7]="H264",e[e.REALH263=8]="REALH263",e[e.MPEG4=9]="MPEG4",e[e.H265=12]="H265",(e=ut=ut||{})[e.AVC_SEQUENCE_HEADER=0]="AVC_SEQUENCE_HEADER",e[e.AVC_NALU=1]="AVC_NALU",e[e.AVC_END=2]="AVC_END";function pt(e){var t=new p(e.read(1),8);this.type=t.read(4),this.codecId=t.read(4),this.packetType=e.read(1),this.cts=e.read(3)+4286578688^4286578688,this.data=e.readToUint8()}var w;Rt=function(e,t){return(Rt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Rt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(P,Lt=s),P.probe=function(e){return!(e.byteLength<9)&&"FLV"===new Xe(new g(e.buffer,e.byteOffset,e.byteLength)).signature},P.prototype.parse=function(e,t){var r=[];if(e.byteLength){this.unhandleBuffer&&(e=g.concat(this.unhandleBuffer,e),t-=this.unhandleBuffer.byteLength,this.unhandleBuffer=null);var i=new g(e);for(!this.header&&i.unreadLength>=Xe.BUFFER_LENGTH&&(this.header=new Xe(i),!1===this.header.hasVideo&&(this.header.hasVideo=!0),i.skip(this.header.size-Xe.BUFFER_LENGTH));i.unreadLength>4+Qe.BUFFER_LENGTH;){i.skip(4);var n=new Qe(i);if(!(i.unreadLength>=n.size)){i.back(4+Qe.BUFFER_LENGTH);break}var o=new g(i.buffer,i.offset,n.size);switch(i.skip(n.size),n.type){case Ue.VIDEO:r=r.concat(this.parseVideoBody(n,o,i.offset+t));break;case Ue.AUDIO:r=r.concat(this.parseAudioBody(n,o,i.offset+t));break;case Ue.SCRIPT:this.parseScriptBody(n,o);break;default:return T.warn("unknown tag type",n.type),r}}this.unhandleBuffer=i.unreadLength?i.readToBuffer():null}return r},P.prototype.checkMetadata=function(){var e=this.flvMetadata,t=this.header;if(t&&!this.metadata){var r=[];if(t.hasVideo){if(!this.videoTrackMeta||!this.videoLoaded)return void console.log("checkMetadata hasVideo no this.videoTrackMeta",this.videoTrackMeta,", this.videoLoaded",this.videoLoaded);this.videoTrackMeta.baseDTS=this.baseVideoDTS,this.videoTrackMeta.basePTS=this.baseVideoPTS,r.push(this.videoTrackMeta)}if(t.hasAudio){if(!this.audioTrackMeta||!this.audioLoaded)return void console.log("checkMetadata hasAudio no this.audioTrackMeta",this.audioTrackMeta,", this.audioLoaded",this.audioLoaded);this.audioTrackMeta.baseDTS=this.baseAudioDTS,this.audioTrackMeta.basePTS=this.baseAudioPTS,r.push(this.audioTrackMeta)}var t=this.options,i=t.live,t=t.progressive;this.metadata={formatType:n.FLV,live:!!i,progressive:!i&&!!t,url:this.loader.url,basePTS:Math.min.apply(Math,r.map(function(e){return e.basePTS||0})),baseDTS:Math.min.apply(Math,r.map(function(e){return e.baseDTS||0})),timescale:1e3,duration:1e3*((null==e?void 0:e.duration)||1/0),tracks:r},this.emit("loadedmetadata",this.metadata)}},P.prototype.parseVideoBody=function(e,t,r){var i=this,t=new pt(t),n=(this.emit("loadedtag",{header:e,body:t}),[]),o=t.type===lt.KEY,a=!1;if(t.data.length)if(t.packetType===ut.AVC_SEQUENCE_HEADER){var s=this.flvMetadata||{},l={type:b.VIDEO,id:2,baseDTS:0,basePTS:0,timescale:1e3,vps:[],sps:[],pps:[],sei:[],width:s.width||0,height:s.height||0,codec:"",pixelRatio:[]};t.codecId===ct.H264?(_=new ue(new g(new ArrayBuffer(8)),0),u=new g(t.data.buffer,t.data.byteOffset,t.data.byteLength),s=new he(_,u),l.pps=s.pps,l.sps=s.sps,l.codec=s.codec,(s=s.sps[0])&&(s=new re(s.subarray(1)),l.width=s.width,l.height=s.height)):t.codecId===ct.H265&&(console.log("parseVideoBody AVC_SEQUENCE_HEADER EVideoCodecID:",t.codecId,"body.data:",t.data),_=new ue(new g(new ArrayBuffer(8)),0),u=new g(t.data.buffer,t.data.byteOffset,t.data.byteLength),s=new be(_,u),console.log("parseVideoBody hvccBox",s),s.vps.forEach(function(e){return l.vps.push(e)}),s.pps.forEach(function(e){return l.pps.push(e)}),s.sps.forEach(function(e){return l.sps.push(e)}),s.sei.forEach(function(e){return l.sei.push(e)}),l.codec=s.codec,console.log("parseVideoBody AVC_SEQUENCE_HEADER trackMeta:",l)),this.videoTrackMeta=l,this.checkMetadata()}else{var c=[];if(t.codecId===ct.H265){if(this.skipFrame===S.NONREF&&m.isNonRefNALType(m.extractNALType(t.data,4)))return console.error("isNonRefNALType"),[];var u,p,d,h,f,y,_=m.parseHVCVideoData(t.data.subarray(0),e.dts);null!=_&&_.units&&(u=_.units,p={type:b.VIDEO,id:2,baseDTS:0,basePTS:0,timescale:1e3,vps:[],sps:[],pps:[],sei:[],width:(null==(s=this.flvMetadata)?void 0:s.width)||0,height:(null==(s=this.flvMetadata)?void 0:s.height)||0,codec:"",pixelRatio:[]},d=[],h=[],f=[],y=[],u.forEach(function(e){var t;e.type===v.TRAIL_R||e.type===v.IDR_W_RADL?c.push(e.data):e.type===v.SPS?(o=!0,t=new oe(function(e){for(var t=e.byteLength,r=[],i=1;i<t-2;)0===e[i]&&0===e[i+1]&&3===e[i+2]?r.push(i+=2):i++;if(0===r.length)return e;for(var n=t-r.length,o=new Uint8Array(n),a=0,i=0;i<n;a++,i++)a===r[0]&&(a++,r.shift()),o[i]=e[a];return o}(e.data)),p.width=t.width,p.height=t.height,p.pixelRatio=t.pixelRatio,p.codec=t.codec,d.push(e.data)):e.type===v.VPS?h.push(e.data):e.type===v.PPS?f.push(e.data):e.type===v.SEI&&y.push(e.data),a=m.isNonRefNALType(e.type)&&a}),h.length&&(p.vps=h),d.length&&(p.sps=d),f.length&&(p.pps=f),y.length&&(p.sei=y),_.keyframe)&&(this.videoTrackMeta?(h.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.vps.push(e)}),d.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.sps.push(e)}),f.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.pps.push(e)}),y.forEach(function(e){var t;return null==(t=i.videoTrackMeta)?void 0:t.sei.push(e)})):this.videoTrackMeta=p)}else c=W.extractAVCCNAL(t.data,3);if(!this.videoLoaded&&this.videoTrackMeta){if(!o)return[];this.videoLoaded=!0,this.baseVideoDTS=e.dts,this.baseVideoPTS=t.cts+e.dts,this.checkMetadata()}this.videoTrackMeta&&o&&(this.videoTrackMeta.pps.forEach(function(e){return c.unshift(e)}),this.videoTrackMeta.sps.forEach(function(e){return c.unshift(e)}),this.videoTrackMeta.vps.forEach(function(e){return c.unshift(e)}),this.videoTrackMeta.sei.forEach(function(e){return c.unshift(e)})),c.length&&(u={trackId:2,codec:(null==(s=this.videoTrackMeta)?void 0:s.codec)||"",trackType:b.VIDEO,isSync:o||t.type===lt.KEY,isNonRef:a,data:c,dts:e.dts+t.cts,pts:e.dts+t.cts,offset:r,size:c.reduce(function(e,t){return e+t.byteLength},0)},n.push(u))}else T.warn("[videox] flv parse empty data",e,t);return n},P.prototype.parseAudioBody=function(e,t,r){var i,t=new rt(t),n=(this.emit("loadedtag",{header:e,body:t}),[]);return t.packetType===Ze.ADTS_HEADER?(i=new g(t.data.buffer,t.data.byteOffset,t.data.byteLength),i=rt.readAudioSpecificConfig(i),this.audioTrackMeta={id:1,baseDTS:0,basePTS:0,type:b.AUDIO,codec:"mp4a.40."+i.audioObjectType,timescale:1e3,audioObjectType:i.audioObjectType,sampleRate:i.sampleRate,samplingFrequencyIndex:i.samplingFrequencyIndex,sampleSize:t.sampleSize,channelCount:i.channelCount},this.checkMetadata()):(this.audioLoaded||(this.audioLoaded=!0,this.baseAudioDTS=e.dts,this.baseAudioPTS=e.dts,this.checkMetadata()),n.push({codec:(null==(i=this.audioTrackMeta)?void 0:i.codec)||"",trackId:1,trackType:b.AUDIO,isSync:!0,isNonRef:!1,data:[t.data],dts:e.dts,pts:e.dts,offset:r,size:t.data.byteLength})),n},P.prototype.parseScriptBody=function(e,t){t=new st(t),this.emit("loadedtag",{header:e,body:t}),e=t.value;e&&"onMetaData"===t.name&&(this.flvMetadata=e,T.info("flv script tag loaded, flv metadata:",this.flvMetadata))},P.prototype.onProgress=function(e){var t=e.data,e=e.offset;t.byteLength&&(t=this.parse(t.buffer,e)).length&&(e=void 0,this.cachePackets.length?(e=this.cachePackets.concat(t),this.cachePackets=[]):e=t,this.metadata&&this.loader.status!==y.SUSPENGING?this.emit("loadeddata",{packets:e}):this.cachePackets=e)},P.prototype.onLoadEnd=function(){this.loader.eof&&this.emit("end",void 0)},P.prototype.seek=function(){},P.prototype.reset=function(){Lt.prototype.reset.call(this),this.cachePackets=[],this.videoLoaded=!1,this.audioLoaded=!1,this.baseVideoDTS=0,this.baseVideoPTS=0,this.baseAudioDTS=0,this.baseAudioPTS=0,this.header=null,this.unhandleBuffer=null,this.flvMetadata=null,this.videoTrackMeta=null,this.audioTrackMeta=null};var dt=P;It=function(e,t){return(It=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}It(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Ut,Ct=f);var x=Ut;kt=function(e,t){return(kt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}kt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Ht,Pt=x);var ht=Ht;xt=function(e,t){return(xt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}xt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Mt,wt=ht);var ft=Mt;Et=function(e,t){return(Et=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Et(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Nt,Tt=f);var yt=Nt;bt=function(e,t){return(bt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}bt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Ot,St=x);var _t=Ot;mt=function(e,t){return(mt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}mt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Dt,vt=f);var gt,vt,mt,St,bt,Tt,Et,wt,xt,Pt,kt,Ct,It,Lt,Rt,At=Dt,e=(gt=function(e,t){return(gt=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}gt(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});function Dt(e,t){var r=vt.call(this,e,t)||this;r.entries=[],r.version=t.read(1),r.flag=t.read(3),r.entryCount=t.read(4);for(var i=0;i<r.entryCount;i++){var n=1===r.version;r.entries.push({segmentDuration:t.read(n?8:4),mediaTime:t.read(n?8:4),mediaRateInteger:t.read(2),mediaRateFraction:t.read(2)})}return r}function Ot(e,t){e=St.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e.entryCount=t.read(4),e}function Nt(e,t){e=Tt.call(this,e,t)||this;return e.bufferSizeDB=t.read(4),e.maxBitrate=t.read(4),e.avgBitrate=t.read(4),e}function Mt(){return null!==wt&&wt.apply(this,arguments)||this}function Ht(e,t){var e=Pt.call(this,e,t)||this,r=(t.skip(4),t.skip(2),e.bitReferenceId=t.read(2),e.codeStreamVersion=t.read(4),t.skip(4),t.skip(8),e.width=t.read(2),e.heigth=t.read(2),e.horizontalResolution=t.read(4),e.verticalResolution=t.read(4),t.skip(4),e.frameCount=t.read(2),Math.min(t.read(1),32));return e.compressorName=Array.from(new Array(r)).map(function(){return String.fromCharCode(t.read(1))}).join(""),t.skip(32-(r+1)),e.depth=t.read(2),t.skip(2),e}function Ut(){var e=null!==Ct&&Ct.apply(this,arguments)||this;return e.isContainer=!0,e}function P(){var e=null!==Lt&&Lt.apply(this,arguments)||this;return e.header=null,e.flvMetadata=null,e.videoTrackMeta=null,e.audioTrackMeta=null,e.unhandleBuffer=null,e.cachePackets=[],e.videoLoaded=!1,e.baseVideoPTS=0,e.baseVideoDTS=0,e.audioLoaded=!1,e.baseAudioPTS=0,e.baseAudioDTS=0,e.formatType=n.FLV,e}(I=w=w||{})[I.OD=1]="OD",I[I.IOD=2]="IOD",I[I.ESD=3]="ESD",I[I.DCD=4]="DCD",I[I.DSD=5]="DSD",I[I.SLCD=6]="SLCD";{R.readSize=function(e){for(var t,r=0,i=4;i--&&(r=r<<7|127&(t=e.read(1)),128&t););return r},R.extractDescriptors=function(e){for(var t,r,i,n=[];e.unreadLength;){if(t=new R(e),i=new g(e.buffer,e.offset,t.size),e.skip(t.size),t.size<=0)return n;switch(t.tag){case w.ESD:r=new Bt(t,i);break;case w.DCD:r=new jt(t,i);break;case w.DSD:r=new Vt(t,i);break;case w.SLCD:r=new qt(t,i);break;default:r=null}r&&i.unreadLength&&(r.children=R.extractDescriptors(i)),n.push(r)}return n};var k,Ft=R,C=(mi.findDescriptor=function(e,t){var r;return e.some(function(e){return!!(r=e.probe.tag===t?e:mi.findDescriptor(e.children,t))}),r},mi),Bt=(e(vi,$r=C),vi),jt=(e(gi,zr=C),gi),Vt=(e(_i,Xr=C),_i),qt=(e(yi,Kr=C),yi);Wr=function(e,t){return(Wr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var I,Gt=((I=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Wr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(fi,Gr=a),fi);qr=function(e,t){return(qr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var e,Wt=((e=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}qr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(hi,Vr=f),hi);jr=function(e,t){return(jr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var I,Kt=((I=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}jr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(di,Br=f),di);Fr=function(e,t){return(Fr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var e,Xt=((e=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Fr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(pi,Ur=f),pi);Hr=function(e,t){return(Hr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var I,zt=((I=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Hr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ui,Mr=f),ui);Nr=function(e,t){return(Nr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var e,$t=((e=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Nr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ci,Or=x),ci);Dr=function(e,t){return(Dr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var I,Yt=((I=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Dr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(li,Ar=f),li),Qt=(Rr=function(e,t){return(Rr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},si),L=Lr=f;if("function"!=typeof L&&null!==L)throw new TypeError("Class extends value "+String(L)+" is not a constructor or null");function Jt(){this.constructor=Qt}Rr(Qt,L),Qt.prototype=null===L?Object.create(L):(Jt.prototype=L.prototype,new Jt);var Zt=si}Ir=function(e,t){return(Ir=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ir(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ai,Cr=f);var er=ai;kr=function(e,t){return(kr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}kr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(oi,Pr=f);var tr=oi;xr=function(e,t){return(xr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}xr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ni,wr=f);var rr=ni;Er=function(e,t){return(Er=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Er(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ii,Tr=x);var ir=ii;br=function(e,t){return(br=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}br(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ri,Sr=x);var nr=ri;mr=function(e,t){return(mr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}mr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ti,vr=a);var or=ti;gr=function(e,t){return(gr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}gr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(ei,_r=x);var ar=ei;yr=function(e,t){return(yr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}yr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Zr,fr=a);var sr=Zr;hr=function(e,t){return(hr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}hr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Jr,dr=a);var lr=Jr;pr=function(e,t){return(pr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}pr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Qr,ur=a);var cr,ur,pr,dr,hr,fr,yr,_r,gr,vr,mr,Sr,br,Tr,Er,wr,xr,Pr,kr,Cr,Ir,Lr,Rr,Ar,Dr,Or,Nr,Mr,Hr,Ur,Fr,Br,jr,Vr,qr,Gr,Wr,Kr,Xr,zr,$r,Yr=Qr,e=(cr=function(e,t){return(cr=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}cr(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});function Qr(e,t){e=ur.call(this,e,t)||this;return 1===e.version?e.baseMediaDecodeTime=t.read(8):e.baseMediaDecodeTime=t.read(4),e}function Jr(e,t){var r=dr.call(this,e,t)||this;r.references=[],r.trackId=t.read(4),r.timescale=t.read(4),0===r.version?(r.pts=t.read(4),r.offset=t.read(4)):(r.pts=t.read(8),r.offset=t.read(8)),t.skip(2),r.references=[];for(var i=t.read(2),n=0;n<i;n++){var o=new p(t.read(4),32),a=t.read(4),s=new p(t.read(4),32);r.references.push({type:o.read(1),size:o.read(31),duration:a,startWithSap:s.read(1),sapType:s.read(3),sapDeltaTime:s.read(28)})}return r}function Zr(e,t){var r=fr.call(this,e,t)||this;r.isLeadings=[],r.sampleDependsOns=[],r.sampleIsDependedOns=[],r.sampleHasRedundancys=[];for(var i=0,n=void 0;i<t.unreadLength;i++)n=new p(t.read(1),8),r.isLeadings[i]=n.read(2),r.sampleDependsOns[i]=n.read(2),r.sampleIsDependedOns[i]=n.read(2),r.sampleHasRedundancys[i]=n.read(2);return r}function ei(){return null!==_r&&_r.apply(this,arguments)||this}function ti(){return null!==vr&&vr.apply(this,arguments)||this}function ri(){return null!==Sr&&Sr.apply(this,arguments)||this}function ii(){return null!==Tr&&Tr.apply(this,arguments)||this}function ni(e,t){e=wr.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e.graphicsMode=t.read(2),e.opcolor=[t.read(2),t.read(2),t.read(2)],e}function oi(e,t){e=Pr.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e}function ai(e,t){var r=Cr.call(this,e,t)||this;r.matrix=[],r.version=t.read(1),r.flag=t.read(3),r.createTime=r.toStandardTime(t.read(4)),r.modifyTime=r.toStandardTime(t.read(4)),r.trackId=t.read(4),t.skip(4),r.duration=t.read(4),t.skip(8),r.layer=t.read(2),r.alternateGroup=t.read(2),r.volume=Number(t.read(1)+"."+t.read(1)),t.skip(2);for(var i=0;i<9;i++)r.matrix.push(Number(t.read(2)+"."+t.read(2)));return r.width=Number(t.read(2)+"."+t.read(2)),r.height=Number(t.read(2)+"."+t.read(2)),r}function si(e,t){var r=Lr.call(this,e,t)||this;for(r.data=[];0<t.unreadLength;)r.data.push(t.read(1));return r}function li(e,t){var r=Ar.call(this,e,t)||this;r.matrix=[],r.version=t.read(1),r.flag=t.read(3),r.createTime=r.toStandardTime(t.read(4)),r.modifyTime=r.toStandardTime(t.read(4)),r.timeScale=t.read(4),r.duration=t.read(4),r.rate=Number(t.read(2)+"."+t.read(2)),r.volume=Number(t.read(1)+"."+t.read(1)),t.skip(10);for(var i=0;i<9;i++)r.matrix.push(Number(t.read(2)+"."+t.read(2)));return t.skip(24),r.nextTrackId=t.read(4),r}function ci(e,t){e=Or.call(this,e,t)||this;return t.skip(6),e.dataReferenceIndex=t.read(2),t.skip(8),e.channelCount=t.read(2),e.sampleSize=t.read(2),t.skip(4),e.sampleRate=t.read(4)>>>16,e}function ui(e,t){function r(e){return 96+(31&e)}var e=Mr.call(this,e,t)||this,i=(e.version=t.read(1),e.flag=t.read(3),1===e.version),i=(e.createTime=e.toStandardTime(t.read(i?8:4)),e.modifyTime=e.toStandardTime(t.read(i?8:4)),e.timeScale=t.read(4),e.duration=t.read(i?8:4),t.read(2));return e.language=String.fromCharCode(r(i>>10),r(i>>5),r(i)),e.quality=Number(t.read(1)+"."+t.read(1)),e}function pi(e,t){var r=Ur.call(this,e,t)||this;return r.data=t.readToUint8(e.size-e.length),r}function di(e,t){var r=Br.call(this,e,t)||this;for(r.name="",r.version=t.read(1),r.flag=t.read(3),r.preDefined=String.fromCharCode(t.read(1),t.read(1),t.read(1),t.read(1)),r.handleType=String.fromCharCode(t.read(1),t.read(1),t.read(1),t.read(1)),t.skip(12);0<t.unreadLength;)r.name+=String.fromCharCode(t.read(1));return r}function hi(e,t){var r=Vr.call(this,e,t)||this;for(r.compatibleBrands=[],r.majorBrand=String.fromCharCode(t.read(1),t.read(1),t.read(1),t.read(1)),r.minorVersion=t.read(4);4<=t.unreadLength;)r.compatibleBrands.push(String.fromCharCode(t.read(1),t.read(1),t.read(1),t.read(1)));return r}function fi(e,t){var e=Gr.call(this,e,t)||this,t=(e.descriptors=[],e.audioObjectType=0,e.samplingfrequencyIndex=0,e.descriptors=Ft.extractDescriptors(t),C.findDescriptor(e.descriptors,w.DCD)),r=C.findDescriptor(e.descriptors,w.DSD);return r&&(e.audioObjectType=r.audioObjectType,e.samplingfrequencyIndex=r.samplingfrequencyIndex),e.codec=t&&r?"mp4a."+t.mepg4Audio.toString(16)+"."+r.audioObjectType.toString(16):"mp4a",e}function yi(e,t){e=Kr.call(this,e)||this;return e.esId=t.read(2),e}function _i(e,t){e=Xr.call(this,e)||this,t=new p(t.read(2),16);return e.audioObjectType=t.read(5),e.samplingfrequencyIndex=t.read(4),e.channel=t.read(4),e.frameLengthFlag=t.read(1),e.dependsOnCoreCoder=t.read(1),e.extesionFlag=t.read(1),e}function gi(e,t){e=zr.call(this,e)||this;return e.mepg4Audio=t.read(1),e.audioStream=t.read(1),e.bufferSize=t.read(3),e.maxBitrate=t.read(4),e.avgBitrate=t.read(4),e}function vi(e,t){e=$r.call(this,e)||this;return e.streamDependenceFlag=0,e.URLFlag=0,e.OCRStreamFlag=0,e.esId=t.read(2),e.esFlag=t.read(1),128&e.esFlag&&(e.streamDependenceFlag=t.read(2)),64&e.esFlag&&(e.URLFlag=t.read(1),t.skip(e.URLFlag)),32&e.esFlag&&(e.OCRStreamFlag=t.read(2)),e}function mi(e){this.children=[],this.probe=e}function R(e){this.tag=e.read(1),this.size=R.readSize(e)}(I=k=k||{})[I.BASE_DATA_OFFSET=1]="BASE_DATA_OFFSET",I[I.SAMPLE_DESC=2]="SAMPLE_DESC",I[I.SAMPLE_DUR=8]="SAMPLE_DUR",I[I.SAMPLE_SIZE=16]="SAMPLE_SIZE",I[I.SAMPLE_FLAG=32]="SAMPLE_FLAG",I[I.DUR_EMPTY=65536]="DUR_EMPTY",I[I.DEFAULT_BASE_IS_MOOF=131072]="DEFAULT_BASE_IS_MOOF";e(ki,wi=a);var A,Si=ki;Ei=function(e,t){return(Ei=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Ei(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Pi,Ti=a);var bi,Ti,Ei,wi,xi=Pi,I=(bi=function(e,t){return(bi=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}bi(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});function Pi(e,t){e=Ti.call(this,e,t)||this;return e.trackId=t.read(4),e.defaultSampleDescriptionIndex=t.read(4),e.defaultSampleDuration=t.read(4),e.defaultSampleSize=t.read(4),e.defaultSampleFlag=t.read(4),e}function ki(e,t){e=wi.call(this,e,t)||this;return e.baseDataOffset=0,e.defaultSampleDescriptionIndex=0,e.defaultSampleDuration=0,e.defaultSampleSize=0,e.defaultSampleFlag=0,e.trackId=t.read(4),e.flag&k.BASE_DATA_OFFSET&&(e.baseDataOffset=t.read(8)),e.flag&k.SAMPLE_DESC&&(e.defaultSampleDescriptionIndex=t.read(4)),e.flag&k.SAMPLE_DUR&&(e.defaultSampleDuration=t.read(4)),e.flag&k.SAMPLE_SIZE&&(e.defaultSampleSize=t.read(4)),e.flag&k.SAMPLE_FLAG&&(e.defaultSampleFlag=t.read(4)),e}(e=A=A||{})[e.DATA_OFFSET=1]="DATA_OFFSET",e[e.FIRST_FLAG=4]="FIRST_FLAG",e[e.DURATION=256]="DURATION",e[e.SIZE=512]="SIZE",e[e.FLAG=1024]="FLAG",e[e.CTS_OFFSET=2048]="CTS_OFFSET";I(kn,pn=a);var Ci=kn;un=function(e,t){return(un=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}un(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Pn,cn=f);var Ii=Pn;ln=function(e,t){return(ln=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}ln(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(xn,sn=f);var Li=xn;an=function(e,t){return(an=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}an(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(wn,on=f);var Ri=wn;nn=function(e,t){return(nn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}nn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(En,rn=f);var Ai=En;tn=function(e,t){return(tn=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}tn(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Tn,en=x);var Di=Tn;Zi=function(e,t){return(Zi=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Zi(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(bn,Ji=x);var Oi=bn;Qi=function(e,t){return(Qi=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Qi(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(Sn,Yi=f);var Ni=Sn;$i=function(e,t){return($i=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};function Mi(e){return Array.isArray(e)?e:e?[e]:[]}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}$i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(mn,zi=f);var Hi=mn,Ui=(vn.prototype.addTrack=function(e){this.tracks.push(e)},vn.prototype.getTracks=function(){return this.tracks},vn.prototype.getTrackById=function(t){return this.tracks.find(function(e){return e.options.id===t})},vn),Fi=function(){return(Fi=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},Bi=(N.prototype.getSamples=function(){return this.samples},N.prototype.getNextSampleOffset=function(){var e=this.samples[this.nextSampleIndex];return e?e.offset:0},N.prototype.addSample=function(e){this.samples.push(e),this.duration+=e.duration},N.prototype.processNextSample=function(e,t){void 0===t&&(t=0);var r=this.samples[this.nextSampleIndex];if(r)return this.processSample(e,t,r)},N.prototype.processSample=function(e,t,r){var i=(t=void 0===t?0:t)+e.byteLength,t=r.offset-t;if(0<=t&&r.offset+r.size<=i)return this.nextSampleIndex++,Fi(Fi({},r),{data:e.subarray(t,t+r.size)})},N.prototype.processSamples=function(e,t){void 0===t&&(t=0);for(var r=this.samples,i=[],n=this.nextSampleIndex,o=r.length;n<o;n++){var a=this.processSample(e,t,r[n]);if(!a)break;i.push(a)}return i},N.prototype.seek=function(e){for(var t,r=e*this.options.timeScale,i=-1,n=-1,o=0,a=this.samples.length;o<a;o++)if((t=this.samples[o]).isSync&&(n=o),t.dts+t.cts>=r){i=n;break}if(-1<i)return this.nextSampleIndex=i,this.samples[i]},N),ji=(gn.prototype.createMedia=function(e){return this._parseMoovJSON(e)},gn.prototype._parseMoovJSON=function(s){var l=this,e=s.mvhd.box,c=new Ui({duration:e.duration,timeScale:e.timeScale,rate:e.rate,modifyTime:e.modifyTime,createTime:e.createTime});return s.trak&&[].concat(s.trak).forEach(function(e){var t=e.tkhd,e=e.mdia,r=e.mdhd,i=e.hdlr,e=e.minf.stbl,t=t.box,i=i.box,r=r.box,n=ce[i.handleType],e=l._buildSamples(e,n),o={id:t.trackId,name:i.name,handleType:i.handleType,type:n,createTime:t.createTime,modifyTime:t.modifyTime,layer:t.layer,volume:t.volume,matrix:t.matrix,duration:t.duration,width:t.width,height:t.height,timeScale:r.timeScale,language:r.language,quality:r.quality,defaultSampleDescriptionIndex:1,defaultSampleDuration:0,defaultSampleSize:0,defaultSampleFlag:0},n=null==(i=s.mvex)?void 0:i.trex,a=(n&&[].concat(n).forEach(function(e){e=e.box;o.defaultSampleDescriptionIndex=e.defaultSampleDescriptionIndex,o.defaultSampleDuration=e.defaultSampleDuration,o.defaultSampleSize=e.defaultSampleSize,o.defaultSampleFlag=e.defaultSampleFlag}),new Bi(o));e.forEach(function(e){return a.addSample(e)}),c.addTrack(a)}),c},gn.prototype._buildSamples=function(e,n){var o,a,s,l,c,u,p,d,h,f,y,_,g,v,m,S,b,t=e.stts,r=e.stss,i=e.ctts,T=e.stsc,E=e.stsz||e.stz2;return E?(u=e.stco||e.co64,p=T.box,d=null==r?void 0:r.box,h=t.box,f=null==i?void 0:i.box,v=g=_=y=-1,m=0,S=[],(b=E.box.sampleSizes).forEach(function(e,t){var r={},i=p.entries;r.size=e,r.trackType=n,0===t?(a=1,o=0,r.chunkIndex=a,c=i[r.chunkRunIndex=o].samplePerChunk,l=0,s=o+1<i.length?i[o+1].firstChunk-1:1/0):t<c?(r.chunkIndex=a,r.chunkRunIndex=o):(a++,l=0,s<(r.chunkIndex=a)&&(s=++o+1<i.length?i[o+1].firstChunk-1:1/0),c+=i[r.chunkRunIndex=o].samplePerChunk),r.descriptionIndex=i[o].sampleDescriptionIndex-1,r.offset=u.box.chunkOffsets[r.chunkIndex-1]+l,l+=r.size,y<t&&(_++,y=Math.max(y,0),y+=h.sampleCounts[_]),0<t?((e=S[t-1]).duration=h.sampleDurations[_],r.dts=S[t-1].dts+e.duration):r.dts=0,f?(g<=t&&(v++,g=Math.max(g,0),g+=f.sampleCounts[v]),r.cts=f.sampleOffsets[v]):r.cts=0,d?t===d.sampleNumbers[m]-1?(r.isSync=!0,m++):r.isSync=!1:r.isSync=!0,r.isLast=t===b.length-1,S.push(r)}),S):[]},gn),Vi=(_n.prototype.init=function(e){this.options=e},_n.prototype.parse=function(t){var r=this;Mi(t.traf).forEach(function(e){return r._buildSamples(e,t.box)})},_n.prototype._buildSamples=function(e,t){var r=e.tfhd.box,i=this._getTrakById(r.trackId);if(i)for(var n=i.options,o=e.tfdt.box,a=r.flag,s=(a&k.SAMPLE_DESC?r:n).defaultSampleDescriptionIndex,l=(a&k.SAMPLE_DUR?r:n).defaultSampleDuration,c=(a&k.SAMPLE_SIZE?r:n).defaultSampleSize,u=(a&k.SAMPLE_FLAG?r:n).defaultSampleFlag,p=Mi(e.trun),d=n.id,h=n.type,f=a&k.BASE_DATA_OFFSET?r.baseDataOffset:a&k.DEFAULT_BASE_IS_MOOF?t.header.start:0,y=0,_=0;_<p.length;_++)for(var g=p[_].box,v=g.flag,m=g.dataOffset+f,S=0;S<g.sampleCount;S++){var b={},T=(b.trackId=d,b.trackType=h,b.descriptionIndex=s,v&A.SIZE?b.size=g.sampleSizes[S]:b.size=c,v&A.DURATION?b.duration=g.sampleDurations[S]:b.duration=l,b.dts=0<y?y:o?o.baseMediaDecodeTime:0,y=b.dts+b.duration,v&A.CTS_OFFSET?b.cts=g.sampleCTSs[S]:b.cts=0,u);v&A.FLAG?T=g.sampleFlags[S]:0===S&&v&A.FIRST_FLAG&&(T=g.firstSampleFlag),b.offset=m,b.flag=T,b.isSync=!(T&(le.IS_NON_SYNC|le.DEPENDS_YES)),b.isLeading=T>>26&3,b.dependsOn=T>>24&3,b.isDependedOn=T>>22&3,b.hasRedundancy=T>>20&3,b.degradationPriority=65535&T,m+=b.size,b.isLast=_===p.length-1&&S===g.sampleCount-1,i.addSample(b)}},_n.prototype.destroy=function(){this.options=null},_n);Xi=function(e,t){return(Xi=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Xi(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(O,Ki=s),O.probe=function(e){return!(e.byteLength<8)&&"ftyp"===[e[4],e[5],e[6],e[7]].map(function(e){return String.fromCharCode(e)}).join("")},O.prototype.processPackets=function(t,r){var e,i=this,n=[];return this.media&&t.byteLength&&(this.media.getTracks().forEach(function(e){e.processSamples(t,r).forEach(function(e){e=i.convertSampleToPacket(e);e&&n.push(e)})}),e=this.getMinNextSampleOffset()-r,this.unhandleBuffer=e>=t.byteLength?null:t.slice(e).buffer),n},Object.defineProperty(O.prototype,"url",{get:function(){return this.loader.url},enumerable:!1,configurable:!0}),O.prototype.seek=function(t){var e,r=this.options.progressive;this.unhandleBuffer=null,r&&this.loader.suspend(),null!=(e=this.media)&&e.getTracks().map(function(e){return e.seek(t)}),r&&this.loader.loadRange(this.getMinNextSampleOffset())},O.prototype.onProgress=function(e){var t=e.data,e=e.offset;t.length&&(this.unhandleBuffer&&(t=g.concatUint8(new Uint8Array(this.unhandleBuffer),t),e-=this.unhandleBuffer.byteLength,this.unhandleBuffer=null),this.metadata||this.parse(new g(t.buffer,0),e),this.metadata)&&((t=this.processPackets(t,e)).length&&this.emit("loadeddata",{packets:t}))},O.prototype.getMinNextSampleOffset=function(){return this.media?Math.min.apply(Math,this.media.getTracks().map(function(e){return e.getNextSampleOffset()})):0},O.prototype.parse=function(o,a){var s,l=this;void 0===a&&(a=0);for(var c=o.offset,u=0,p=this;8<=o.unreadLength;){var e=function(){var e,t,r,i,n;return u=o.offset-c,0===(e=new ue(o,a+u)).size?(r=new Error("box [".concat(e.type,"] size \u4e3a 0")),console.error(r),p.emit("error",{code:d.PARSER,message:r.message,origin:r}),"break"):p.options.progressive&&"mdat"===e.type&&!p.metadata?(t=e.start+e.size,p.loader.suspend(),p.unhandleBuffer=null,T.info("\u68c0\u6d4b\u5230mdat box\u5728moov box\u4e4b\u540e\uff0c\u8df3\u8f6cmoov\u8d77\u59cb\u504f\u79fb\u4f4d"),p.loader.loadRange(t).then(function(){l.unhandleBuffer=null,l.loader.jump(e.start),l.loader.status!==y.SUSPENGING&&l.loader.loadRange(e.start,t)}),{value:void 0}):(r=e.size-e.length,o.unreadLength>=r?((n=H[e.type])?(i=new g(o.buffer,o.offset,r),(s=new n(e,i)).isContainer&&((n=new O({sub:!0})).proxy(p,["loadedbox"]),n.parse(i,u+a+e.length),n.removeAllListeners(),n.boxes.forEach(function(e){s.append(e)}))):s=new f(e),o.skip(r),p.boxes.push(s),void p.emit("loadedbox",s)):(o.back(e.length),"break"))}();if("object"==typeof e)return e.value;if("break"===e)break}o.unreadLength&&(this.unhandleBuffer=o.readToBuffer())},O.prototype.reset=function(){Ki.prototype.reset.call(this),this.boxes=[],this.unhandleBuffer=null,this.avcCBox=void 0,this.hvcCBox=void 0,this.mp4aBox=void 0,this.media=null,this.moofParser.destroy()};var qi=O;Wi=function(e,t){return(Wi=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)};var Gi,Wi,Ki,Xi,zi,$i,Yi,Qi,Ji,Zi,en,tn,rn,nn,on,an,sn,ln,cn,un,pn,dn=function(){return(dn=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},hn=["loadedcodecinfo","loadedmetadata","updatedmetadata","loadeddata","error"],fn=[qi,dt],yn=(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Wi(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(D,Gi=Ne),D.prototype.createLoader=function(){var e=new Be(this.options);return e.proxy(this,["progress","error"]),e.proxyOnce(this,["loadstart","loadend"]),e.once("progress",this.handleFirstLoadData),e},D.prototype.createParser=function(e){e=new e(dn(dn({},this.options),{loader:this.loader}));return e.proxy(this,hn),e},Object.defineProperty(D.prototype,"skipFrame",{get:function(){return this.activeParser.skipFrame},set:function(e){T.info("\u8bbe\u7f6eskipFrame:",e),void 0!==e&&(this.options.skipFrame=e,this.activeParser.skipFrame=e)},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"status",{get:function(){return this.activeParser.status},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"url",{get:function(){return this.loader.url},enumerable:!1,configurable:!0}),D.prototype.parse=function(e){T.info("\u6267\u884cparse"),this.loader.reset(),this.handleFirstLoadData({offset:0,data:e}),this.activeParser.onLoadEnd()},D.prototype.load=function(e){return T.info("\u6267\u884cload",e),this.loader.destroy(),this.loader=this.createLoader(),this.loader.load(e)},D.prototype.seek=function(e){return T.info("\u6267\u884cseek",e),this.activeParser.seek(e)},D.prototype.suspend=function(){return this.activeParser.suspend()},D.prototype.resume=function(){return this.activeParser.resume()},D.prototype.destroy=function(){T.info("\u6267\u884cdestory"),this.loader.destroy(),this.activeParser.destroy(),this.removeAllListeners()},D);function D(e){void 0===e&&(e={});var i=Gi.call(this)||this;return i.loader=new Be,i.parserClasses=fn,i.logger=T,i.handleFirstLoadData=function(t){var e,r;t&&((r=i.parserClasses.find(function(e){return e.probe(t.data)}))?(e=i.activeParser.formatType,i.activeParser.destroy(),i.activeParser=i.createParser(r),T.info("\u5207\u6362parser, ".concat(n[e]," -> ").concat(n[i.activeParser.formatType])),i.emit("parserchange",void 0),i.activeParser.onProgress(t)):(r="\u672a\u627e\u5230\u5bf9\u5e94\u7684Parser, Byte\u6570\u636e: "+t.data.slice(0,20).join(","),T.error(r),i.emit("error",{code:d.PARSER,message:r})))},i.options=e,i.loader=i.createLoader(),i.activeParser=i.createParser(i.parserClasses[0]),i.logger.info("demuxer options",e),i}function O(e){var h=Ki.call(this,e=void 0===e?{}:e)||this;return h.media=null,h.unhandleBuffer=null,h.formatType=n.MP4,h.boxes=[],h._handleBoxLoad=function(e){var o,a,s,l,t,c,u,p,d,r,i=e.header.type;h._handleCodecBoxLoaded(i),"hvcC"===i?h.hvcCBox=e:"hvc1"===i||"hev1"===i?h.hvcCBox&&(h.hvcCBox.codecTag=i):"avcC"===i?h.avcCBox=e:"esds"===i?h.esdsBox=e:"mp4a"===i?h.mp4aBox=e:"moov"===i?(r=f.mapBoxToJSON(e),h.media=h.moovParser.createMedia(r),h.moofParser.init({media:h.media}),t=(r=h.mp4aBox||{}).sampleRate,o=void 0===t?0:t,t=r.sampleSize,a=void 0===t?0:t,t=r.channelCount,s=void 0===t?0:t,t=(r=h.esdsBox||{}).audioObjectType,l=void 0===t?0:t,t=r.codec,c=void 0===t?"":t,u=[],p=[],d=[],h.hvcCBox?(p=h.hvcCBox.vps,d=h.hvcCBox.pps,u=h.hvcCBox.sps):h.avcCBox&&(d=h.avcCBox.pps,u=h.avcCBox.sps),h.metadata={formatType:n.MP4,live:!!h.options.live,progressive:!!h.options.progressive,url:h.loader.url,basePTS:0,baseDTS:0,duration:h.media.options.duration,timescale:h.media.options.timeScale,tracks:h.media.getTracks().map(function(e){var t,r,i,n={};switch(n.id=e.options.id,n.type=e.options.type,n.timescale=e.options.timeScale,n.baseDTS=0,n.basePTS=0,n.type){case b.VIDEO:n.width=e.options.width,n.height=e.options.height,n.vps=p,n.sps=u,n.pps=d,n.rotate=(t=e.options.matrix).length<5||(r=Math.hypot(t[0],t[3]),i=Math.hypot(t[1],t[4]),0===r)||0===i?0:180*Math.atan2(t[1]/i,t[0]/r)/Math.PI,n.pixelRatio=[],n.codec=h.hvcCBox?h.hvcCBox.codec:(null==(i=h.avcCBox)?void 0:i.codec)||"",n.codecTag=h.hvcCBox?h.hvcCBox.codecTag:void 0;break;case b.AUDIO:n.audioObjectType=l,n.sampleRate=o,n.sampleSize=a,n.channelCount=s,n.codec=c;break;default:n.type=b.UNKNOWN}return n})},r=Number(h.options.offsetTime),h.metadata.progressive&&0<r&&h.seek(r),T.info("loadedmetadata metadata:",h.metadata),h.emit("loadedmetadata",h.metadata)):"moof"===i&&(T.info("\u68c0\u6d4b\u5230moof box\u88ab\u52a0\u8f7d\uff0c\u5f53\u524d\u7d20\u6750\u4e3afMP4"),h.moofParser.parse(f.mapBoxToJSON(e)))},h._handleCodecBoxLoaded=function(t){var e=["hvc1","hev1","avc1"].find(function(e){return e===t});e&&h.emit("loadedcodecinfo",e)},h.convertSampleToPacket=function(e){var t,r,i,n,o;return e.trackType===b.VIDEO&&(h.hvcCBox||h.avcCBox)?(o=e.data,t=e.isSync,r=(i=h.hvcCBox||h.avcCBox).lengthSizeMinusOne,i=i.codec,n=W.extractAVCCNAL(o,r),o=!1,h.hvcCBox&&(o=n.every(function(e){return m.isNonRef(e)})),t&&(h.hvcCBox?(h.hvcCBox.pps.forEach(function(e){return n.unshift(e)}),h.hvcCBox.sps.forEach(function(e){return n.unshift(e)}),h.hvcCBox.vps.forEach(function(e){return n.unshift(e)})):h.avcCBox&&(h.avcCBox.pps.forEach(function(e){return n.unshift(e)}),h.avcCBox.sps.forEach(function(e){return n.unshift(e)}))),{codec:i,trackId:e.trackId,trackType:e.trackType,isLast:e.isLast,dts:e.dts,pts:e.cts+e.dts,isSync:e.isSync,isNonRef:o,data:n,size:n.reduce(function(e,t){return e+t.byteLength},0),offset:e.offset}):e.trackType===b.AUDIO&&h.esdsBox?{codec:h.esdsBox.codec,trackId:e.trackId,trackType:e.trackType,dts:e.dts,pts:e.cts+e.dts,isLast:e.isLast,isSync:!0,isNonRef:!1,data:[e.data],size:e.data.byteLength,offset:e.offset}:void 0},h.options=e,h.moovParser=new ji,h.moofParser=new Vi,e.sub||h.on("loadedbox",h._handleBoxLoad),h}function _n(){var r=this;this.options=null,this._getTrakById=function(t){var e;return null==(e=r.options)?void 0:e.media.getTracks().find(function(e){return e.options.id===t})}}function gn(){}function N(e){this.samples=[],this.nextSampleIndex=0,this.duration=0,this.options=e}function vn(e){this.tracks=[],this.options=e}function mn(e,t){var r=zi.call(this,e,t)||this;r.sampleCounts=[],r.sampleDurations=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.sampleCounts[n]=t.read(4),r.sampleDurations[n]=t.read(4);return r}function Sn(e,t){var r=Yi.call(this,e,t)||this;r.isContainer=!0,r.sampleSizes=[],r.version=t.read(1),r.flag=t.read(3),r.sampleSize=t.read(4);for(var i=t.read(4),n=0;n<i;n++)0===r.sampleSize?r.sampleSizes.push(t.read(4)):r.sampleSizes.push(r.sampleSize);return r}function bn(e,t){var r=Ji.call(this,e,t)||this;r.sampleNumbers=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.sampleNumbers.push(t.read(4));return r}function Tn(e,t){e=en.call(this,e,t)||this;return e.version=t.read(1),e.flag=t.read(3),e.entryCount=t.read(4),e}function En(e,t){var r=rn.call(this,e,t)||this;r.entries=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.entries.push({firstChunk:t.read(4),samplePerChunk:t.read(4),sampleDescriptionIndex:t.read(4)});return r}function wn(e,t){var r=on.call(this,e,t)||this;r.chunkOffsets=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.chunkOffsets.push(t.read(8));return r}function xn(e,t){var r=sn.call(this,e,t)||this;r.chunkOffsets=[],r.version=t.read(1),r.flag=t.read(3);for(var i=t.read(4),n=0;n<i;n++)r.chunkOffsets.push(t.read(4));return r}function Pn(e,t){var r=cn.call(this,e,t)||this;r.sampleCounts=[],r.sampleOffsets=[],r.version=t.read(1),r.flag=t.read(3),r.entryCount=t.read(4);for(var i=0;i<r.entryCount;i++)r.sampleCounts.push(t.read(4)),r.sampleOffsets.push(t.read(4));return r}function kn(e,t){var r=pn.call(this,e,t)||this;r.sampleDurations=[],r.sampleSizes=[],r.sampleFlags=[],r.sampleCTSs=[],r.sampleCount=t.read(4),r.flag&A.DATA_OFFSET?r.dataOffset=t.readInt(4):r.dataOffset=0,r.flag&A.FIRST_FLAG?r.firstSampleFlag=t.read(4):r.firstSampleFlag=0;for(var i=0;i<r.sampleCount;i++)r.flag&A.DURATION&&(r.sampleDurations[i]=t.read(4)),r.flag&A.SIZE&&(r.sampleSizes[i]=t.read(4)),r.flag&A.FLAG&&(r.sampleFlags[i]=t.read(4)),r.flag&A.CTS_OFFSET&&(0===r.version?r.sampleCTSs[i]=t.read(4):r.sampleCTSs[i]=t.readInt(4));return r}}(),In;function Cn(e){var t=i[e];return void 0!==t||(t=i[e]={exports:{}},r[e](t,t.exports,Cn)),t.exports}var r,i,In},"object"==typeof r&&"object"==typeof t?t.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof r?r.VideoxDemux=i():e.VideoxDemux=i()},{"es6-promise":8}],53:[function(e,t,r){function a(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return(t>>>0).toString()}var s=e("./vttparse");t.exports={parse:function(e,t,r){var i,e=e.trim().replace(/\r\n|\n\r|\n|\r/g,"\n").split("\n"),n=[],o=new s;o.oncue=function(e){e.id=a(e.startTime)+a(e.endTime)+a(e.text),e.text=decodeURIComponent(escape(e.text)),e.isBig=!1;var t=e.text.split("#xywh=");2==t.length&&(t=t[1].split(","),e.x=t[0],e.y=t[1],e.w=t[2],e.h=t[3],e.isBig=!0),0<e.endTime&&n.push(e)},o.onparsingerror=function(e){i=e},o.onflush=function(){i&&r?(r(i),console.log(i)):t(n)},e.forEach(function(e){o.parse(e+"\n")}),o.flush()}}},{"./vttparse":55}],54:[function(e,t,r){function S(e){return"string"==typeof e&&!!n[e.toLowerCase()]&&e.toLowerCase()}function b(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)e[r]=i[r]}return e}function i(e,t,r){var i=this,n=function(){if("undefined"!=typeof navigator)return/MSIE\s8\.0/.test(navigator.userAgent)}(),o={},a=(n?i=document.createElement("custom"):o.enumerable=!0,i.hasBeenReset=!1,""),s=!1,l=e,c=t,u=r,p=null,d="",h=!0,f="auto",y="start",_=50,g="middle",v=50,m="middle";if(Object.defineProperty(i,"id",b({},o,{get:function(){return a},set:function(e){a=""+e}})),Object.defineProperty(i,"pauseOnExit",b({},o,{get:function(){return s},set:function(e){s=!!e}})),Object.defineProperty(i,"startTime",b({},o,{get:function(){return l},set:function(e){if("number"!=typeof e)throw new TypeError("Start time must be set to a number.");l=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"endTime",b({},o,{get:function(){return c},set:function(e){if("number"!=typeof e)throw new TypeError("End time must be set to a number.");c=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"text",b({},o,{get:function(){return u},set:function(e){u=""+e,this.hasBeenReset=!0}})),Object.defineProperty(i,"region",b({},o,{get:function(){return p},set:function(e){p=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"vertical",b({},o,{get:function(){return d},set:function(e){e="string"==typeof(e=e)&&!!T[e.toLowerCase()]&&e.toLowerCase();if(!1===e)throw new SyntaxError("An invalid or illegal string was specified.");d=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"snapToLines",b({},o,{get:function(){return h},set:function(e){h=!!e,this.hasBeenReset=!0}})),Object.defineProperty(i,"line",b({},o,{get:function(){return f},set:function(e){if("number"!=typeof e&&"auto"!==e)throw new SyntaxError("An invalid number or illegal string was specified.");f=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"lineAlign",b({},o,{get:function(){return y},set:function(e){e=S(e);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");y=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"position",b({},o,{get:function(){return _},set:function(e){if(e<0||100<e)throw new Error("Position must be between 0 and 100.");_=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"positionAlign",b({},o,{get:function(){return g},set:function(e){e=S(e);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");g=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"size",b({},o,{get:function(){return v},set:function(e){if(e<0||100<e)throw new Error("Size must be between 0 and 100.");v=e,this.hasBeenReset=!0}})),Object.defineProperty(i,"align",b({},o,{get:function(){return m},set:function(e){e=S(e);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");m=e,this.hasBeenReset=!0}})),i.displayState=void 0,n)return i}var T,n;t.exports="undefined"!=typeof window&&window.VTTCue?window.VTTCue:(T={"":!0,lr:!0,rl:!0},n={start:!0,middle:!0,end:!0,left:!0,right:!0},i.prototype.getCueAsHTML=function(){return window.WebVTT.convertCueToDOMTree(window,this.text)},i)},{}],55:[function(e,t,r){function i(){return{decode:function(e){if(!e)return"";if("string"!=typeof e)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(e))}}}var s=e("./vttcue");function n(){this.window=window,this.state="INITIAL",this.buffer="",this.decoder=new i,this.regionList=[]}function l(){this.values=Object.create(null)}function c(e,t,r,i){var n,o,a=i?e.split(i):[e];for(n in a)"string"==typeof a[n]&&2===(o=a[n].split(r)).length&&t(o[0],o[1])}l.prototype={set:function(e,t){this.get(e)||""===t||(this.values[e]=t)},get:function(e,t,r){return r?this.has(e)?this.values[e]:t[r]:this.has(e)?this.values[e]:t},has:function(e){return e in this.values},alt:function(e,t,r){for(var i=0;i<r.length;++i)if(t===r[i]){this.set(e,t);break}},integer:function(e,t){/^-?\d+$/.test(t)&&this.set(e,parseInt(t,10))},percent:function(e,t){return!!(t.match(/^([\d]{1,3})(\.[\d]*)?%$/)&&0<=(t=parseFloat(t))&&t<=100)&&(this.set(e,t),!0)}};var u=new s(0,0,0),p="middle"===u.align?"middle":"center";function d(i,e,o){var t,a,n=i;function r(){var e,t=(t=(t=i).match(/^(\d+):(\d{2})(:\d{2})?(\.\d{3})?/))?(e=(e=t[4])&&e.replace(".",""),t[3]?r(t[1],t[2],t[3].replace(":",""),e):59<t[1]?r(t[1],t[2],0,e):r(0,t[1],t[2],e)):null;function r(e,t,r,i){return 3600*(0|e)+60*(0|t)+(0|r)+(0|i)/1e3}if(null===t)throw new Error("Malformed timestamp: "+n);return i=i.replace(/^[^\sa-zA-Z-]+/,""),t}function s(){i=i.replace(/^\s+/,"")}if(s(),e.startTime=r(),s(),"--\x3e"!==i.substr(0,3))throw new Error("Malformed time stamp (time stamps must be separated by '--\x3e'): "+n);i=i.substr(3),s(),e.endTime=r(),s(),t=i,e=e,a=new l,c(t,function(e,t){switch(e){case"region":for(var r=o.length-1;0<=r;r--)if(o[r].id===t){a.set(e,o[r].region);break}break;case"vertical":a.alt(e,t,["rl","lr"]);break;case"line":var i=t.split(","),n=i[0];a.integer(e,n),a.percent(e,n)&&a.set("snapToLines",!1),a.alt(e,n,["auto"]),2===i.length&&a.alt("lineAlign",i[1],["start",p,"end"]);break;case"position":i=t.split(","),a.percent(e,i[0]),2===i.length&&a.alt("positionAlign",i[1],["start",p,"end","line-left","line-right","auto"]);break;case"size":a.percent(e,t);break;case"align":a.alt(e,t,["start",p,"end","left","right"])}},/:/,/\s/),e.region=a.get("region",null),e.vertical=a.get("vertical",""),"auto"===(t=a.get("line","auto"))&&-1===u.line&&(t=-1),e.line=t,e.lineAlign=a.get("lineAlign","start"),e.snapToLines=a.get("snapToLines",!0),e.size=a.get("size",100),e.align=a.get("align",p),"auto"===(t=a.get("position","auto"))&&50===u.position&&(t="start"===e.align||"left"===e.align?0:"end"===e.align||"right"===e.align?100:50),e.position=t}n.prototype={parse:function(e){var i=this;function t(){for(var e=0,t=(t=i.buffer).replace(/<br(?: \/)?>/gi,"\n");e<t.length&&"\r"!==t[e]&&"\n"!==t[e];)++e;var r=t.substr(0,e);return"\r"===t[e]&&++e,"\n"===t[e]&&++e,i.buffer=t.substr(e),r}e&&(i.buffer+=i.decoder.decode(e,{stream:!0}));try{if("INITIAL"===i.state){if(!/\r\n|\n/.test(i.buffer))return this;var r,n=(r=t()).match(/^WEBVTT([ \t].*)?$/);if(!n||!n[0])throw new Error("Malformed WebVTT signature.");i.state="HEADER"}for(var o=!1;i.buffer;){if(!/\r\n|\n/.test(i.buffer))return this;switch(o?o=!1:r=t(),i.state){case"HEADER":/:/.test(r)?c(r,function(e,t){"Region"===e&&console.log("parse region",t)},/:/):r||(i.state="ID");continue;case"NOTE":r||(i.state="ID");continue;case"ID":if(/^NOTE($|[ \t])/.test(r)){i.state="NOTE";break}if(!r)continue;if(i.cue=new s(0,0,""),i.state="CUE",-1===r.indexOf("--\x3e")){i.cue.id=r;continue}case"CUE":try{d(r,i.cue,i.regionList)}catch(e){i.cue=null,i.state="BADCUE";continue}i.state="CUETEXT";continue;case"CUETEXT":var a=-1!==r.indexOf("--\x3e");if(!r||a&&(o=!0)){i.oncue&&i.oncue(i.cue),i.cue=null,i.state="ID";continue}i.cue.text&&(i.cue.text+="\n"),i.cue.text+=r;continue;case"BADCUE":r||(i.state="ID");continue}}}catch(e){"CUETEXT"===i.state&&i.cue&&i.oncue&&i.oncue(i.cue),i.cue=null,i.state="INITIAL"===i.state?"BADWEBVTT":"BADCUE"}return this},flush:function(){try{if(this.buffer+=this.decoder.decode(),!this.cue&&"HEADER"!==this.state||(this.buffer+="\n\n",this.parse()),"INITIAL"===this.state)throw new Error("Malformed WebVTT signature.")}catch(e){throw e}return this.onflush&&this.onflush(),this}},t.exports=n},{"./vttcue":54}],56:[function(e,t,r){function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}function i(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function n(e,t,r){t&&i(e.prototype,t),r&&i(e,r),Object.defineProperty(e,"prototype",{writable:!1})}var a=e("./vtt-parser"),s=e("./vtt-renderer"),l=e("./vtt-loader"),c=e("../../player/base/event/eventtype"),u=e("../../lib/ua"),p=e("../../lib/event"),d=e("../../ui/component/util"),e=function(){function e(e){this.parser=null,this.activeRenderer=null,this.trackConfigs=null,this.hasUserTracks=!1,this.vttText={},this.tickTimer=null,this.prevPosition=null,this._enabled=!1,this._isShow=!1,this.sleeper=new h,this.player=(e=e||{}).player,this.loader=new l,this.parser=new a,this.createRendererInstance(),this.bindEvents()}var t=e.prototype;return t.bindEvents=function(){var t,r=this,e=this,i=this.player,n=(i.on(c.Private.TextTrackFounded,function(e){if("user"===e.paramData.from)r.hasUserTracks=!0;else if(r.hasUserTracks)return;e=e.paramData.textTracks;e&&e.length&&(r.enabled=!0,r.trackConfigs=e.map(function(e){return o({},e,{label:e.label||e.srclang,language:e.srclang})}),r.trackConfigs.forEach(function(e){r.activeRenderer.addTrack(e),"always"===i.getOptions().controlBarVisibility&&r.activeRenderer.forceUpdateCuesStyle({transform:"translateY(-44px)"},r.parser.cues)}))}),i.on(c.Private.UserTrackReset,function(){r.hasUserTracks=!1}),u.IS_IOS?(t=!1,i.on(c.Player.RequestFullScreen,function(){t=!0}),p.on(i.tag,"webkitendfullscreen",function(){t=!1}),p.on(i.tag.textTracks,"change",function(){var e;r.sleeper.isSleep||(r.sleeper.sleep(1e3),r.isCustomRenderer)||t&&(e=i.tag.textTracks,(e=Array.from(e).find(function(e){return"showing"===e.mode}))?r.activeTrackConfig&&r.activeTrackConfig.language===e.language||(r.switchTrack(e.language),i.trigger(c.Private.SelectorValueChange,{type:"cc",text:e.label})):i.trigger(c.Private.CCStateChanged,{value:"off",lang:""}))})):(i.on(c.Player.RequestFullScreen,this.adjustLayout.bind(this)),i.on(c.Player.CancelFullScreen,this.adjustLayout.bind(this)),n=d.debounce(function(){e.isCustomRenderer&&e.activeRenderer.resetCuesStyle(r.parser.cues)},100),p.on(window,"resize",n)),d.throttle(function(){e.isShow&&(e.activeRenderer.forceUpdateCuesStyle({transform:"translateY(-44px)"},e.parser.cues),e.player.paused())&&(e.activeRenderer.hide(),e.activeRenderer.restore())},100)),n=(i.on(c.Private.ShowBar,n),d.throttle(function(){e.isShow&&(e.activeRenderer.forceUpdateCuesStyle({transform:"none"},e.parser.cues),e.player.paused())&&(e.activeRenderer.hide(),e.activeRenderer.restore())},100));i.on(c.Private.HideBar,n),i.on(c.Private.VttHide,function(){r.hide()}),i.on(c.Private.VttSwitchTrack,function(e){r.switchTrack(e.paramData)}),i.on(c.Private.VttClearTracks,function(){r.reset()})},t.createRendererInstance=function(e){this.activeRenderer&&this.activeRenderer.dispose();var t=this.player.getOptions(),r={player:this.player};this.adaptPlatform(),e?e===s.VttBasicRenderer.RENDER_TYPE_NATIVE?this.activeRenderer=new s.NativeRenderer(r):(r.overlayId=this.getOverlayId(),this.activeRenderer=new s.CustomRenderer(r)):t.useNativeTextRenderer?this.activeRenderer=new s.NativeRenderer(r):(r.overlayId=this.getOverlayId(),this.activeRenderer=new s.CustomRenderer(r))},t.switchTrack=function(t){var e,r=this;this.trackConfigs&&this.trackConfigs.length&&(this.activeTrackConfig&&(this.parser.dispose(),this.parser=new a,this.activeRenderer.clearTrack(this.activeTrackConfig.language),this.activeRenderer.hide()),this.activeTrackConfig=t,e=this.trackConfigs.find(function(e){return e.language===t}))&&(e=e._loaded?"":(e||{}).src,this.loadVtt(e,function(){r.parseVtt(),r.activeRenderer.addCues(r.parser.cues,r.activeTrackConfig.language),r.show()}))},t.adaptPlatform=function(){var e=this.player.getOptions();u.IS_IOS&&(e.useNativeTextRenderer=!0)},t.loadVtt=function(e,t){var r=this;e?this.loader.loadFromUrl(e,function(e){r.activeTrackConfig._loaded=!0,r.vttText[r.activeTrackConfig.language]=e,t&&t()}):t&&t()},t.show=function(){this._isShow=!0,this.isCustomRenderer&&this.startTickTimeListener(),this.activeRenderer.show(this.activeTrackConfig.language)},t.hide=function(){this._isShow=!1,this.clearTicker(),this.activeRenderer.hide()},t.switchRenderer=function(e){var t=this,r=s.VttBasicRenderer.RENDER_TYPE_NATIVE,i=s.VttBasicRenderer.RENDER_TYPE_CUSTOM;(e===r&&this.activeRenderer.type!==r||e===i&&this.activeRenderer.type!==i)&&(this.createRendererInstance(e),this.trackConfigs.forEach(function(e){return t.activeRenderer.addTrack(e)}),this.activeRenderer.addCues(this.parser.cues,this.activeTrackConfig.language),this.show())},t.parseVtt=function(){this.parser.parse(this.vttText[this.activeTrackConfig.language])},t.adjustLayout=function(){var e=this;this.isShow&&this.isCustomRenderer&&(this.activeRenderer.hide(),setTimeout(function(){e.activeRenderer.restore()},300))},t.startTickTimeListener=function(){var t=this;this.clearTicker(),this.tick(function(){var e=t.player.getCurrentTime();isNaN(e)||t.activeRenderer.renderCues(t.findTargetCues(e))})},t.tick=function(e){var t=this;this.tickTimer=requestAnimationFrame(function(){try{e()}catch(e){console.log("e",e)}t.tick(e)})},t.clearTicker=function(){this.tickTimer&&(cancelAnimationFrame(this.tickTimer),this.tickTimer=null)},t.getOverlayId=function(){var e=(this.player.el().getElementsByClassName("prism-text-overlay")||[])[0];if(e)return e.id},t.findTargetCues=function(e){if(this.parser&&e!==this.prevPosition){this.prevPosition=e;for(var t=[],r=0;r<this.parser.cues.length;r++){var i=this.parser.cues[r];if(e>=i.startTime&&e<=i.endTime)t.push(i);else if(e<i.startTime)break}return t}},t.reset=function(){this.clearTicker(),this.parser&&this.parser.reset(),this.activeRenderer&&this.activeRenderer.reset()},t.dispose=function(){this.clearTicker(),this.parser&&(this.parser.dispose(),this.parser=null),this.activeRenderer&&(this.activeRenderer.dispose(),this.activeRenderer=null),this.trackConfigs=null,this.hasUserTracks=!1,this.vttText={},this.prevPosition=null,this._enabled=!1,this._isShow=!1},n(e,[{key:"isShow",get:function(){return this._isShow}},{key:"enabled",get:function(){return this._enabled},set:function(e){this._enabled=e}},{key:"isCustomRenderer",get:function(){if(this.activeRenderer)return this.activeRenderer.type===s.VttBasicRenderer.RENDER_TYPE_CUSTOM}},{key:"activeTrackConfig",get:function(){var e;return null==(e=this.trackConfigs)?void 0:e.find(function(e){return e._isActive})},set:function(t){this.trackConfigs.forEach(function(e){return e._isActive=e.language===t})}}]),e}(),h=function(){function e(){this.value=!1,this.timer=null}return e.prototype.sleep=function(e){var t=this;this.timer&&clearTimeout(this.timer),this.value=!0,this.timer=setTimeout(function(){t.value=!1},e)},n(e,[{key:"isSleep",get:function(){return this.value}}]),e}();t.exports=e},{"../../lib/event":33,"../../lib/ua":49,"../../player/base/event/eventtype":70,"../../ui/component/util":159,"./vtt-loader":58,"./vtt-parser":59,"./vtt-renderer":60}],57:[function(e,t,r){function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}function n(e,t){e.prototype=Object.create(t.prototype),o(e.prototype.constructor=e,t)}function o(e,t){return(o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function a(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t,r){t&&a(e.prototype,t),r&&a(e,r),Object.defineProperty(e,"prototype",{writable:!1})}var l=e("../../lib/data"),c={DISABLED:"disabled",SHOWING:"showing",HIDDEN:"hidden"},u={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",METADATA:"metadata",CHAPTERS:"chapters"},e=function(r){function e(e){var e=i({},e=void 0===e?{}:e,{kind:e.kind||u.SUBTITLES,language:e.language||e.srclang||""}),t=e.mode||c.DISABLED;e.default;return-1<[u.METADATA,u.CHAPTERS].indexOf(e.kind)&&(t=c.HIDDEN),e.mode=t,(t=r.call(this,e)||this)._cues=[],t._activeCues=[],t._settings={},t._nativeTrack=null,t._extData={},t._settings=e,t}n(e,r);var t=e.prototype;return t.setExtData=function(e){this._extData=i({},this._extData,e=void 0===e?{}:e)},t.addCue=function(e){this._cues.push(e),this.nativeTrack&&this.nativeTrack.addCue(e)},t.removeCue=function(t){this._cues=this._cues.filter(function(e){return e!==t}),this.nativeTrack&&this.nativeTrack.removeCue(t)},s(e,[{key:"default",get:function(){return this._settings.default}},{key:"mode",get:function(){return this._settings.mode},set:function(e){this._settings.mode=e,this.nativeTrack&&(this.nativeTrack.mode=e)}},{key:"language",get:function(){return this._settings.language},set:function(e){this._settings.language=e,this.nativeTrack&&(this.nativeTrack.language=e)}},{key:"cues",get:function(){return this._cues}},{key:"activeCues",get:function(){return this._activeCues}},{key:"nativeTrack",get:function(){return this._nativeTrack},set:function(e){this._nativeTrack=e}}]),e}(function(){function e(e){this._id=(e=void 0===e?{}:e).id||"prism-track-"+l.guid(),this._kind=e.kind||"",this._language=e.language||"",this._label=e.label||""}return s(e,[{key:"label",get:function(){return this._label},set:function(e){this._label=e}},{key:"id",get:function(){return this._id}},{key:"kind",get:function(){return this._kind}},{key:"language",get:function(){return this._language}}]),e}()),p=function(e){function t(){return e.call(this)||this}return n(t,e),t}(function(){function e(){this._trackList=[]}return e.prototype.addTrack=function(e){var t=this.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this._trackList[t]}}),-1===this._trackList.indexOf(e)&&this._trackList.push(e)},s(e,[{key:"length",get:function(){return this._trackList.length}},{key:"list",get:function(){return this._trackList}}]),e}());t.exports.TextTrack=e,t.exports.TextTrackList=p,t.exports.TRACK_MODE=c,t.exports.TRACK_KIND=u},{"../../lib/data":30}],58:[function(e,t,r){var i=e("../io");t.exports=function(){function e(){}return e.prototype.loadFromUrl=function(e,t){i.get(e,function(e){t(e)},function(e,t){console.log("ERR",e,t)})},e}()},{"../io":40}],59:[function(e,t,r){function n(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=e("./vttjs").WebVTT,e=function(){function e(){var t=this;this._cues=[],this._regions=[],this.parser=new o.Parser(window,o.StringDecoder()),this.parser.onregion=function(e){t._regions.push(e)},this.parser.oncue=function(e){t._cues.push(e)},this.parser.onflush=function(){},this.parser.onparsingerror=function(e){console.log("onparsingerror",e)}}var t,r,i=e.prototype;return i.parse=function(e){this.parser.parse(e),this.parser.flush()},i.reset=function(){this.parser.flush(),this._cues=[],this._regions=[]},i.dispose=function(){this.parser.flush(),this.parser=null,this._cues=[],this._regions=[]},i=e,(t=[{key:"cues",get:function(){return this._cues}}])&&n(i.prototype,t),r&&n(i,r),Object.defineProperty(i,"prototype",{writable:!1}),e}();t.exports=e},{"./vttjs":61}],60:[function(e,t,r){function o(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}function a(e,t){e.prototype=Object.create(t.prototype),n(e.prototype.constructor=e,t)}function n(e,t){return(n=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}e("../../player/base/event/eventtype");var s=e("./text-track"),l=e("./vttjs").WebVTT,c=e("../../lib/dom"),u=s.TextTrack,p=s.TextTrackList,d=s.TRACK_MODE,h=(s.TRACK_KIND,function(){function e(e){this.player=null,this.type=null,this.trackList=null,this.overrideStyle={},this.player=(e=e||{}).player,this.defineTextTrackGetter(),this.trackList=new p}var t=e.prototype;return t.log=function(){for(var e,t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];(e=console).log.apply(e,["[LOG:"+this.type+"]"].concat(r))},t.defineTextTrackGetter=function(){var e=this;this.player.getTextTracks=function(){return e.trackList||[]}},t.show=function(e){e=this.findTrackByLanguage(e);e&&(e.mode=d.SHOWING)},t.findTrackByLanguage=function(t){return this.trackList.list.find(function(e){return e.language===t})},t.clearCurrentCues=function(e){if(e){var t=e.mode;if(t===d.DISABLED&&(e.mode=d.HIDDEN),e.cues)for(var r=e.cues.length;r--;)e.removeCue(e.cues[r]);t===d.DISABLED&&(e.mode=t)}},t.addTrack=function(){},t.addCues=function(){},t.restore=function(){},t.renderCues=function(){},t.updateCuesStyle=function(){},t.clearTrack=function(e){this.clearCurrentCues(this.findTrackByLanguage(e))},t.clearAllTracks=function(){var t=this;this.trackList&&this.trackList.length&&this.trackList.list.forEach(function(e){e.mode=d.DISABLED,t.clearCurrentCues(e)}),this.trackList=new p},t.reset=function(){this.hide(),this.clearAllTracks()},t.dispose=function(){this.hide(),this.clearAllTracks(),this.player&&this.player.getTextTracks&&(this.player.getTextTracks=null),this.player=null,this.type=null},e}()),e=(h.RENDER_TYPE_CUSTOM="CUSTOM",h.RENDER_TYPE_NATIVE="NATIVE",function(r){function e(e){var t=r.call(this,e)||this;return t.overlayId=null,t.currentCues=null,e=e||{},t.type=h.RENDER_TYPE_CUSTOM,t.overlayId=e.overlayId,t}a(e,r);var t=e.prototype;return t.addTrack=function(e){var t=new u({kind:e.kind,label:e.label,language:e.language});t.mode=e.default?d.SHOWING:d.DISABLED,this.trackList.addTrack(t)},t.hide=function(){return l.processCues(window,[],document.getElementById(this.overlayId))},t.restore=function(){this.currentCues&&(this.currentCues.forEach(function(e){return e.displayState=null}),l.processCues(window,this.currentCues,this.overlayEl),this.updateCuesStyle(this.currentCues))},t.renderCues=function(e){e&&(this.currentCues=e,this.overlayEl||(this.overlayEl=document.getElementById(this.overlayId)),l.processCues(window,e,this.overlayEl),this.updateCuesStyle(e))},t.updateCuesStyle=function(e){var i=this;e.forEach(function(e){var t,r=e.displayState;r._styleSetDone||r&&(r.setAttribute("class","prism-cue"),i.overlayEl||(i.overlayEl=document.getElementById(i.overlayId)),e=i.overlayEl.offsetWidth,t=i.overlayEl.offsetHeight,(e=Math.min(e,t))&&(r.style.fontSize=.05*e+"px",r.style.height="auto",r.style.top="auto"),Object.keys(i.overrideStyle).forEach(function(e){i.tryUpdateStyle(r,e,i.overrideStyle[e])}),r._styleSetDone=!0)})},t.updateOverrideStyle=function(e){this.overrideStyle=i({},this.overrideStyle,e=void 0===e?{}:e)},t.forceUpdateCuesStyle=function(e,t){void 0===t&&(t=[]),this.updateOverrideStyle(e=void 0===e?{}:e),this.resetCuesStyle(t)},t.tryUpdateStyle=function(e,t,r){try{e.style[t]=r}catch(e){}},t.resetCuesStyle=function(e){e&&e.length&&e.forEach(function(e){e.displayState&&(e.displayState=null)})},t.dispose=function(){r.prototype.dispose.call(this),this.overlayId=null,this.currentCues=null},e}(h)),s=function(t){function e(e){return(e=t.call(this,e=void 0===e?{}:e)||this).type=h.RENDER_TYPE_NATIVE,e}a(e,t);var r,i,n=e.prototype;return n.addTrack=function(t){var e=this.player.tag,r=Array.from(e.textTracks)||[],i=r.find(function(e){return e.language===t.language}),i=(this.log("sameLangTrack",i,r),(r=i?(this.clearCurrentCues(i),i.kind=t.kind,i.label=t.label,i):e.addTextTrack(t.kind,t.label,t.language)).mode=t.default?d.SHOWING:d.DISABLED,new u(t));i.nativeTrack=r,this.trackList.addTrack(i)},n.addCues=function(e,t){var r;e&&e.length&&(r=this.trackList.list.find(function(e){return e.language===t}))&&e.forEach(function(e){r.addCue(e)})},n.hide=function(){this.trackList.list.forEach(function(e){e.mode=e.mode===d.SHOWING?d.HIDDEN:e.mode})},n.invalidAllTracks=function(){},n.forceUpdateCuesStyle=function(e,t){c.addCssByStyle("video::-webkit-media-text-track-container{transform: "+e.transform+";}")},n.dispose=function(){t.prototype.dispose.call(this)},n=e,(r=[{key:"activeTrack",get:function(){return this.trackList.list.find(function(e){return e.mode===d.SHOWING})}}])&&o(n.prototype,r),i&&o(n,i),Object.defineProperty(n,"prototype",{writable:!1}),e}(h);t.exports.VttBasicRenderer=h,t.exports.CustomRenderer=e,t.exports.NativeRenderer=s},{"../../lib/dom":32,"../../player/base/event/eventtype":70,"./text-track":57,"./vttjs":61}],61:[function(e,t,r){t.exports={WebVTT:e("./vtt.js").WebVTT}},{"./vtt.js":62}],62:[function(e,t,r){var i=this;function o(e,t){return void 0===t&&(t=1),"rgba("+[parseInt(e.substring(0,2),16),parseInt(e.substring(2,4),16),parseInt(e.substring(4,6),16),t].join(",")+")"}var l,p=1;function n(e,t,r){switch(r){case"webvtt.font.color":case"webvtt.font.opacity":var i=Services.prefs.getCharPref("webvtt.font.color"),n=Services.prefs.getIntPref("webvtt.font.opacity")/100;l.fontSet=o(i,n);break;case"webvtt.font.scale":p=Services.prefs.getIntPref("webvtt.font.scale")/100;break;case"webvtt.bg.color":case"webvtt.bg.opacity":i=Services.prefs.getCharPref("webvtt.bg.color"),n=Services.prefs.getIntPref("webvtt.bg.opacity")/100;l.backgroundSet=o(i,n);break;case"webvtt.edge.color":case"webvtt.edge.type":i=Services.prefs.getIntPref("webvtt.edge.type"),n=Services.prefs.getCharPref("webvtt.edge.color");l.edgeSet=["","0px 0px ","4px 4px 4px ","-2px -2px ","2px 2px "][i]+o(n)}}"undefined"!=typeof Services&&(l={},["webvtt.font.color","webvtt.font.opacity","webvtt.font.scale","webvtt.bg.color","webvtt.bg.opacity","webvtt.edge.color","webvtt.edge.type"].forEach(function(e){n(0,0,e),Services.prefs.addObserver(e,n,!1)}));var a=Object.create||function(e){if(1!==arguments.length)throw new Error("Object.create shim only accepts one parameter.");return s.prototype=e,new s};function s(){}function c(e,t){this.name="ParsingError",this.code=e.code,this.message=t||e.message}function h(e){function t(e,t,r,i){return 3600*(0|e)+60*(0|t)+(0|r)+(0|i)/1e3}e=e.match(/^(\d+):(\d{2})(:\d{2})?\.(\d{3})/);return e?e[3]?t(e[1],e[2],e[3].replace(":",""),e[4]):59<e[1]?t(e[1],e[2],0,e[4]):t(0,e[1],e[2],e[4]):null}function u(){this.values=a(null)}function d(e,t,r,i){var n,o,a=i?e.split(i):[e];for(n in a)"string"==typeof a[n]&&2===(o=a[n].split(r)).length&&t(o[0],o[1])}((c.prototype=a(Error.prototype)).constructor=c).Errors={BadSignature:{code:0,message:"Malformed WebVTT signature."},BadTimeStamp:{code:1,message:"Malformed time stamp."}},u.prototype={set:function(e,t){this.get(e)||""===t||(this.values[e]=t)},get:function(e,t,r){return r?this.has(e)?this.values[e]:t[r]:this.has(e)?this.values[e]:t},has:function(e){return e in this.values},alt:function(e,t,r){for(var i=0;i<r.length;++i)if(t===r[i]){this.set(e,t);break}},integer:function(e,t){/^-?\d+$/.test(t)&&this.set(e,parseInt(t,10))},percent:function(e,t){return!!(t.match(/^([\d]{1,3})(\.[\d]*)?%$/)&&0<=(t=parseFloat(t))&&t<=100)&&(this.set(e,t),!0)}};var f={"&amp;":"&","&lt;":"<","&gt;":">","&lrm;":"\u200e","&rlm;":"\u200f","&nbsp;":"\xa0"},y={c:"span",i:"i",b:"b",u:"u",ruby:"ruby",rt:"rt",v:"span",lang:"span"},_={v:"title",lang:"lang"},g={rt:"ruby"};function v(e,t){function r(e){return f[e]}for(var i,n,o,a,s,l,c,u=e.document.createElement("div"),p=u,d=[];null!==(c=void 0,c=t?(c=(c=t.match(/^([^<]*)(<[^>]+>?)?/))[1]||c[2],t=t.substr(c.length),c):null);)"<"===c[0]?"/"===c[1]?d.length&&d[d.length-1]===c.substr(2).replace(">","")&&(d.pop(),p=p.parentNode):(o=h(c.substr(1,c.length-2)))?(i=e.document.createProcessingInstruction("timestamp",o),p.appendChild(i)):(n=c.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/))&&(o=n[1],a=n[3],l=s=void 0,l=y[o],i=l?((s=e.document.createElement(l)).localName=l,(l=_[o])&&a&&(s[l]=a.trim()),s):null)&&(o=p,g[(l=i).localName]&&g[l.localName]!==o.localName||(n[2]&&(i.className=n[2].substr(1).replace("."," ")),d.push(n[1]),p.appendChild(i),p=i)):p.appendChild(e.document.createTextNode(function(e){for(;n=e.match(/&(amp|lt|gt|lrm|rlm|nbsp);/);)e=e.replace(n[0],r);return e}(c)));return u}var m=[[1470,1470],[1472,1472],[1475,1475],[1478,1478],[1488,1514],[1520,1524],[1544,1544],[1547,1547],[1549,1549],[1563,1563],[1566,1610],[1645,1647],[1649,1749],[1765,1766],[1774,1775],[1786,1805],[1807,1808],[1810,1839],[1869,1957],[1969,1969],[1984,2026],[2036,2037],[2042,2042],[2048,2069],[2074,2074],[2084,2084],[2088,2088],[2096,2110],[2112,2136],[2142,2142],[2208,2208],[2210,2220],[8207,8207],[64285,64285],[64287,64296],[64298,64310],[64312,64316],[64318,64318],[64320,64321],[64323,64324],[64326,64449],[64467,64829],[64848,64911],[64914,64967],[65008,65020],[65136,65140],[65142,65276],[67584,67589],[67592,67592],[67594,67637],[67639,67640],[67644,67644],[67647,67669],[67671,67679],[67840,67867],[67872,67897],[67903,67903],[67968,68023],[68030,68031],[68096,68096],[68112,68115],[68117,68119],[68121,68147],[68160,68167],[68176,68184],[68192,68223],[68352,68405],[68416,68437],[68440,68466],[68472,68479],[68608,68680],[126464,126467],[126469,126495],[126497,126498],[126500,126500],[126503,126503],[126505,126514],[126516,126519],[126521,126521],[126523,126523],[126530,126530],[126535,126535],[126537,126537],[126539,126539],[126541,126543],[126545,126546],[126548,126548],[126551,126551],[126553,126553],[126555,126555],[126557,126557],[126559,126559],[126561,126562],[126564,126564],[126567,126570],[126572,126578],[126580,126583],[126585,126588],[126590,126590],[126592,126601],[126603,126619],[126625,126627],[126629,126633],[126635,126651],[1114109,1114109]];function S(e){var t=[],r="";if(e&&e.childNodes)for(o(t,e);r=function e(t){var r,i,n;return t&&t.length?(i=(r=t.pop()).textContent||r.innerText)?(n=i.match(/^.*(\n|\r)/))?n[t.length=0]:i:"ruby"===r.tagName?e(t):r.childNodes?(o(t,r),e(t)):void 0:null}(t);)for(var i=0;i<r.length;i++)if(function(e){for(var t=0;t<m.length;t++){var r=m[t];if(e>=r[0]&&e<=r[1])return 1}}(r.charCodeAt(i)))return"rtl";return"ltr";function o(e,t){for(var r=t.childNodes.length-1;0<=r;r--)e.push(t.childNodes[r])}}function b(){}function T(e,t,r){var i="undefined"!=typeof navigator&&/MSIE\s8\.0/.test(navigator.userAgent),n="rgba(255, 255, 255, 1)",o="rgba(0, 0, 0, 0.8)",a="",n=(void 0!==l&&(n=l.fontSet,o=l.backgroundSet,a=l.edgeSet),i&&(n="rgb(255, 255, 255)",o="rgb(0, 0, 0)"),b.call(this),this.cue=t,this.cueDiv=v(e,t.text),{color:n,backgroundColor:o,textShadow:a,position:"relative",left:0,right:0,top:0,bottom:0,display:"inline"}),s=(i||(n.writingMode=""===t.vertical?"horizontal-tb":"lr"===t.vertical?"vertical-lr":"vertical-rl",n.unicodeBidi="plaintext"),this.applyStyles(n,this.cueDiv),this.div=e.document.createElement("div"),n={textAlign:"middle"===t.align?"center":t.align,font:r.font,whiteSpace:"pre-line",position:"absolute"},i||(n.direction=S(this.cueDiv),n.writingMode=""===t.vertical?"horizontal-tb":"lr"===t.vertical?"vertical-lr":"plaintext"),this.applyStyles(n),this.div.appendChild(this.cueDiv),0);switch(t.positionAlign){case"start":s=t.position;break;case"middle":s=t.position-t.size/2;break;case"end":s=t.position-t.size}""===t.vertical?this.applyStyles({left:this.formatStyle(s,"%"),width:this.formatStyle(t.size,"%")}):this.applyStyles({top:this.formatStyle(s,"%"),height:this.formatStyle(t.size,"%")}),this.move=function(e){this.applyStyles({top:this.formatStyle(e.top,"px"),bottom:this.formatStyle(e.bottom,"px"),left:this.formatStyle(e.left,"px"),right:this.formatStyle(e.right,"px"),height:this.formatStyle(e.height,"px"),width:this.formatStyle(e.width,"px")})}}function E(e){var t,r,i,n,o="undefined"!=typeof navigator&&/MSIE\s8\.0/.test(navigator.userAgent);e.div&&(t=e.div.offsetHeight,r=e.div.offsetWidth,i=e.div.offsetTop,n=(n=(n=e.div.childNodes)&&n[0])&&n.getClientRects&&n.getClientRects(),e=e.div.getBoundingClientRect(),n=n?Math.max(n[0]&&n[0].height||0,e.height/n.length):0),this.left=e.left,this.right=e.right,this.top=e.top||i,this.height=e.height||t,this.bottom=e.bottom||i+(e.height||t),this.width=e.width||r,this.lineHeight=void 0!==n?n:e.lineHeight,o&&!this.lineHeight&&(this.lineHeight=13)}function w(e,t,s,l){var r,i=new E(t),n=t.cue,o=function(e){if("number"==typeof e.line&&(e.snapToLines||0<=e.line&&e.line<=100))return e.line;if(!e.track||!e.track.textTrackList||!e.track.textTrackList.mediaElement)return-1;for(var t=e.track,r=t.textTrackList,i=0,n=0;n<r.length&&r[n]!==t;n++)"showing"===r[n].mode&&i++;return-1*++i}(n),a=[];if(n.snapToLines){switch(n.vertical){case"":a=["+y","-y"],r="height";break;case"rl":a=["+x","-x"],r="width";break;case"lr":a=["-x","+x"],r="width"}var c=i.lineHeight,u=c*Math.round(o),p=s[r]+c,d=a[0];Math.abs(u)>p&&(u=u<0?-1:1,u*=Math.ceil(p/c)*c),o<0&&(u+=""===n.vertical?s.height:s.width,a=a.reverse()),i.move(d,u)}else{var h=i.lineHeight/s.height*100;switch(n.lineAlign){case"middle":o-=h/2;break;case"end":o-=h}switch(n.vertical){case"":t.applyStyles({top:t.formatStyle(o,"%")});break;case"rl":t.applyStyles({left:t.formatStyle(o,"%")});break;case"lr":t.applyStyles({right:t.formatStyle(o,"%")})}a=["+y","-x","+x","-y"],i=new E(t)}p=function(e,t){for(var r,i=new E(e),n=1,o=0;o<t.length;o++){for(;e.overlapsOppositeAxis(s,t[o])||e.within(s)&&e.overlapsAny(l);)e.move(t[o]);if(e.within(s))return e;var a=e.intersectPercentage(s);a<n&&(r=new E(e),n=a),e=new E(i)}return r||i}(i,a);t.move(p.toCSSCompatValues(s))}function x(){}b.prototype.applyStyles=function(e,t){for(var r in t=t||this.div,e)e.hasOwnProperty(r)&&(t.style[r]=e[r])},b.prototype.formatStyle=function(e,t){return 0===e?0:e+t},(T.prototype=a(b.prototype)).constructor=T,E.prototype.move=function(e,t){switch(t=void 0!==t?t:this.lineHeight,e){case"+x":this.left+=t,this.right+=t;break;case"-x":this.left-=t,this.right-=t;break;case"+y":this.top+=t,this.bottom+=t;break;case"-y":this.top-=t,this.bottom-=t}},E.prototype.overlaps=function(e){return this.left<e.right&&this.right>e.left&&this.top<e.bottom&&this.bottom>e.top},E.prototype.overlapsAny=function(e){for(var t=0;t<e.length;t++)if(this.overlaps(e[t]))return!0;return!1},E.prototype.within=function(e){return this.top>=e.top&&this.bottom<=e.bottom&&this.left>=e.left&&this.right<=e.right},E.prototype.overlapsOppositeAxis=function(e,t){switch(t){case"+x":return this.left<e.left;case"-x":return this.right>e.right;case"+y":return this.top<e.top;case"-y":return this.bottom>e.bottom}},E.prototype.intersectPercentage=function(e){return Math.max(0,Math.min(this.right,e.right)-Math.max(this.left,e.left))*Math.max(0,Math.min(this.bottom,e.bottom)-Math.max(this.top,e.top))/(this.height*this.width)},E.prototype.toCSSCompatValues=function(e){return{top:this.top-e.top,bottom:e.bottom-this.bottom,left:this.left-e.left,right:e.right-this.right,height:this.height,width:this.width}},E.getSimpleBoxPosition=function(e){var t=e.div?e.div.offsetHeight:e.tagName?e.offsetHeight:0,r=e.div?e.div.offsetWidth:e.tagName?e.offsetWidth:0,i=e.div?e.div.offsetTop:e.tagName?e.offsetTop:0;return{left:(e=e.div?e.div.getBoundingClientRect():e.tagName?e.getBoundingClientRect():e).left,right:e.right,top:e.top||i,height:e.height||t,bottom:e.bottom||i+(e.height||t),width:e.width||r}},x.StringDecoder=function(){return{decode:function(e){if(!e)return"";if("string"!=typeof e)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(e))}}},x.convertCueToDOMTree=function(e,t){return e&&t?v(e,t):null},x.processCues=function(e,t,r){if(!e||!t||!r)return null;for(;r.firstChild;)r.removeChild(r.firstChild);var i=e.document.createElement("div");if(i.style.position="absolute",i.style.left="0",i.style.right="0",i.style.top="0",i.style.bottom="0",i.style.margin="1.5%",r.appendChild(i),function(e){for(var t=0;t<e.length;t++)if(e[t].hasBeenReset||!e[t].displayState)return 1}(t))for(var n,o,a=[],s=E.getSimpleBoxPosition(i),l={font:Math.round(.05*s.height*100)/100*p+"px sans-serif"},c=0;c<t.length;c++)o=t[c],n=new T(e,o,l),i.appendChild(n.div),w(0,n,s,a),o.displayState=n.div,a.push(E.getSimpleBoxPosition(n));else for(var u=0;u<t.length;u++)i.appendChild(t[u].displayState)},(x.Parser=function(e,t){this.window=e,this.state="INITIAL",this.buffer="",this.decoder=t||new TextDecoder("utf8"),this.regionList=[]}).prototype={reportOrThrowError:function(e){if(!(e instanceof c))throw e;this.onparsingerror&&this.onparsingerror(e)},parse:function(e){var i=this;function t(){for(var e=i.buffer,t=0;t<e.length&&"\r"!==e[t]&&"\n"!==e[t];)++t;var r=e.substr(0,t);return"\r"===e[t]&&++t,"\n"===e[t]&&++t,i.buffer=e.substr(t),r}function r(e){d(e,function(e,t){var n;"Region"===e&&(e=t,n=new u,d(e,function(e,t){switch(e){case"id":n.set(e,t);break;case"width":n.percent(e,t);break;case"lines":n.integer(e,t);break;case"regionanchor":case"viewportanchor":var r,i=t.split(",");2===i.length&&((r=new u).percent("x",i[0]),r.percent("y",i[1]),r.has("x")&&r.has("y"))&&(n.set(e+"X",r.get("x")),n.set(e+"Y",r.get("y")));break;case"scroll":n.alt(e,t,["up"])}},/=/,/\s/),n.has("id"))&&((e=new i.window.VTTRegion).width=n.get("width",100),e.lines=n.get("lines",3),e.regionAnchorX=n.get("regionanchorX",0),e.regionAnchorY=n.get("regionanchorY",100),e.viewportAnchorX=n.get("viewportanchorX",0),e.viewportAnchorY=n.get("viewportanchorY",100),e.scroll=n.get("scroll",""),i.onregion&&i.onregion(e),i.regionList.push({id:n.get("id"),region:e}))},/:/)}e&&(i.buffer+=i.decoder.decode(e,{stream:!0}));try{if("INITIAL"===i.state){if(!/\r\n|\n/.test(i.buffer))return this;var n,o=(n=t()).match(/^WEBVTT([ \t].*)?$/);if(!o||!o[0])throw new c(c.Errors.BadSignature);i.state="HEADER"}for(var a=!1;i.buffer;){if(!/\r\n|\n/.test(i.buffer))return this;switch(a?a=!1:n=t(),i.state){case"HEADER":/:/.test(n)?r(n):n||(i.state="ID");continue;case"NOTE":n||(i.state="ID");continue;case"ID":if(/^NOTE($|[ \t])/.test(n)){i.state="NOTE";break}if(!n)continue;if(i.cue=new i.window.VTTCue(0,0,""),i.state="CUE",-1===n.indexOf("--\x3e")){i.cue.id=n;continue}case"CUE":try{!function(t,e,o){var r,a,i=t;function n(){var e=h(t);if(null===e)throw new c(c.Errors.BadTimeStamp,"Malformed timestamp: "+i);return t=t.replace(/^[^\sa-zA-Z-]+/,""),e}function s(){t=t.replace(/^\s+/,"")}if(s(),e.startTime=n(),s(),"--\x3e"!==t.substr(0,3))throw new c(c.Errors.BadTimeStamp,"Malformed time stamp (time stamps must be separated by '--\x3e'): "+i);t=t.substr(3),s(),e.endTime=n(),s(),r=t,e=e,a=new u,d(r,function(e,t){switch(e){case"region":for(var r=o.length-1;0<=r;r--)if(o[r].id===t){a.set(e,o[r].region);break}break;case"vertical":a.alt(e,t,["rl","lr"]);break;case"line":var i=t.split(","),n=i[0];a.integer(e,n),a.percent(e,n)&&a.set("snapToLines",!1),a.alt(e,n,["auto"]),2===i.length&&a.alt("lineAlign",i[1],["start","middle","end"]);break;case"position":i=t.split(","),a.percent(e,i[0]),2===i.length&&a.alt("positionAlign",i[1],["start","middle","end"]);break;case"size":a.percent(e,t);break;case"align":a.alt(e,t,["start","middle","end","left","right"])}},/:/,/\s/),e.region=a.get("region",null),e.vertical=a.get("vertical",""),e.line=a.get("line","auto"),e.lineAlign=a.get("lineAlign","start"),e.snapToLines=a.get("snapToLines",!0),e.size=a.get("size",100),e.align=a.get("align","middle"),e.position=a.get("position","auto"),e.positionAlign=a.get("positionAlign",{start:"start",left:"start",middle:"middle",end:"end",right:"end"},e.align)}(n,i.cue,i.regionList)}catch(e){i.reportOrThrowError(e),i.cue=null,i.state="BADCUE";continue}i.state="CUETEXT";continue;case"CUETEXT":var s=-1!==n.indexOf("--\x3e");if(!n||s&&(a=!0)){i.oncue&&i.oncue(i.cue),i.cue=null,i.state="ID";continue}i.cue.text&&(i.cue.text+="\n"),i.cue.text+=n;continue;case"BADCUE":n||(i.state="ID");continue}}}catch(e){i.reportOrThrowError(e),"CUETEXT"===i.state&&i.cue&&i.oncue&&i.oncue(i.cue),i.cue=null,i.state="INITIAL"===i.state?"BADWEBVTT":"BADCUE"}return this},flush:function(){var t=this;try{if(t.buffer+=t.decoder.decode(),!t.cue&&"HEADER"!==t.state||(t.buffer+="\n\n",t.parse()),"INITIAL"===t.state)throw new c(c.Errors.BadSignature)}catch(e){t.reportOrThrowError(e)}return t.onflush&&t.onflush(),this}},i.WebVTT=x},{}],63:[function(e,t,r){var n=e("../lib/io");e("../lib/storage");function i(e){this._uploadDuration=e.logDuration||5,this._uploadCount=e.logCount||10,this._logReportTo=e.logReportTo,this._logs=[],this._retry=0,this._disposed=!1,this._supportLocalStorage=!0;var t,n=this;window&&(window.onbeforeunload=function(e){if(0<n._logs.length)if(n._supportLocalStorage)localStorage.setItem("__aliplayer_log_data",JSON.stringify(n._logs));else{n._report();for(var t=500,r=(new Date).getTime(),i=r;i<r+t;)i=(new Date).getTime()}});try{localStorage?(t=localStorage.getItem("__aliplayer_log_data"),localStorage.removeItem("__aliplayer_log_data"),t&&(this._logs=JSON.parse(t))):this._supportLocalStorage=!1}catch(e){this._supportLocalStorage=!1}this._start()}i.prototype.add=function(e){var t=this._logs.length;if(e.__time__=Math.round(new Date/1e3),0<t&&"4001"==e.e){t=this._logs[t-1];if("4001"==t.e&&t.__time__-e.__time__<5)return}this._logs.push(e),(this._logs.length>this._uploadCount||"4001"==e.e||"2002"==e.e)&&this._report()},i.prototype.dispose=function(){this._report(),this._disposed=!0},i.prototype._start=function(){this._disposed=!1;this._retry=0,this._report()},i.prototype._report=function(t){var e,r,i;this._tickHandler&&(clearTimeout(this._tickHandler),this._tickHandler=null),0<(t=t||this._logs.splice(0,this._uploadCount)).length?(i={"Content-Type":"application/json;charset=UTF-8","x-log-apiversion":"0.6.0","x-log-bodyrawsize":(e=JSON.stringify({__logs__:t,__source__:""})).length},n.postWithHeader((r=this)._logReportTo,e,i,function(e){r._tick()},function(e){0==r._retry?(r._retry=1,r._report(t)):r._tick()})):this._tick()},i.prototype._tick=function(){var e;this._disposed||(this._retry=0,(e=this)._logs.length>this._uploadCount?e._report():this._tickHandler=setTimeout(function(){e._report()},1e3*this._uploadDuration))},t.exports=i},{"../lib/io":40,"../lib/storage":48}],64:[function(e,t,r){function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}var i,n=e("../lib/oo"),s=e("../lib/object"),y=e("../lib/data"),l=e("../lib/io"),_=e("../lib/ua"),g=e("../config"),o=e("../player/base/event/eventtype"),v=e("./util"),m=e("./log"),c=0,u={STARTFETCHDATA:1003,COMPLETEFETCHDATA:1004,PREPARE:1101,PREPAREEND:1102,STARTPLAY:2e3,PLAY:2001,STOP:2002,PAUSE:2003,SEEK:2004,FULLSREEM:2005,QUITFULLSCREEM:2006,RESOLUTION:2007,RESOLUTION_DONE:2008,RECOVER:2010,SEEK_END:2011,PLAYABORT:2012,SEEKED:2014,CANPLAY:2018,FETCHEDIP:2020,CDNDETECT:2021,DETECT:2022,HEVCINFO:2023,UNDERLOAD:3002,LOADED:3001,RETRY:3003,HEARTBEAT:9001,ERROR:4001,ERRORRETRY:4002,RTSFALLBACK:4003,LICENSE_RESULT:5004,SNAPSHOT:2027,ROTATE:2028,IMAGE:2029,THUMBNAILSTART:2031,THUMBNAILCOMPLETE:2032,CCSTART:2033,CCCOMPLETE:2034,AUDIOTRACKSTART:2033,AUDIOTRACKCOMPLETE:2034},e=n.extend({init:function(e,t,r){this.trackLog=r=void 0===r?!0:r,this.player=e,this.requestId="",this.sessionId=y.guid(),this.playId=0,this.firstPlay=!0,this.osName=_.os.name,this.osVersion=_.os.version||"",this.exName=_.browser.name,this.exVersion=_.browser.version||"",this.lightSaasVideoId="",this._logService="",this._h265ProbeCost={},this.startPlayReported=!1,this.canplayReported=!1,this.seekingData={seekingStartTime:0},this.prevStats={timestamp:0,bytesReceived:0,framesDecoded:0,packetsLost:0,packetsReceived:0,rtt:0},t.logBatched&&(this._logService=new m(g));var r=this.player.getOptions(),e=t.from||"",t=(r.isLive,r.isLive?"live":"vod"),i="pc",n=(_.IS_IPAD?i="pad":_.os.phone&&(i="phone"),this.encodeURL(_.getReferer())),o=_.getHref(),a=this.encodeURL(o),s="",o=(o&&(s=_.getHost(o)),g.h5Version),l=v.getUuid(),c=r.source?this.encodeURL(r.source):"",u=_.getHost(r.source),p=r.userId?r.userId+"":"0",d=this.sessionId,h=(new Date).getTime(),f=r.traceId||"";this._userNetInfo={cdnIp:"",localIp:""};this.opt={APIVersion:"0.6.0",t:h,ll:"info",lv:"1.0",pd:"player",md:"saas_player",ui:"saas_player",sm:"play",os:this.osName,ov:this.osVersion,et:this.exName,ev:this.exVersion,uat:_.USER_AGENT,hn:"0.0.0.0",bi:e,ri:d,e:"0",args:"0",li_ki:r.license.key||"",vt:t,tt:i,dm:"h5",av:o,uuid:l,vu:c,vd:u,ua:p,dn:"custom",cdn_ip:"0.0.0.0",app_n:s,r:n,pu:a,ti:f},this.bindEvent()},updateVideoInfo:function(e){e=e.from||"";this.opt.bi=e+"",this.updateSourceInfo()},updateSourceInfo:function(){var e,t=this.player.getOptions();t&&(e=t.source?this.encodeURL(t.source):"",t=_.getHost(t.source),this.opt.vu=e,this.opt.vd=t)},updateTraceId:function(e){this.opt.ti=e},updateLightSaasVideoId:function(e){this.lightSaasVideoId=e},replay:function(){this.reset(),this.player.trigger(o.Video.LoadStart),this.player.trigger(o.Video.LoadedMetadata),this.player.trigger(o.Video.LoadedData)},bindEvent:function(){var r=this;this.player.on(o.Player.Init,function(){r._onPlayerInit()}),this.player.on(o.Video.LoadStart,function(){r._onPlayerloadstart()}),this.player.on(o.Video.LoadedMetadata,function(){r._onPlayerLoadMetadata()}),this.player.on(o.Video.LoadedData,function(){r._onPlayerLoaddata()}),this.player.on(o.Player.H265PlayInfo,function(e){r._onPlayerH265PlayInfo(e)}),this.player.on(o.Video.Play,function(){r._onPlayerPlay()}),this.player.on(o.Video.Playing,function(){r._onPlayerReady()}),this.player.on(o.Video.Ended,function(){r._onPlayerFinish()}),this.player.on(o.Video.Pause,function(){r._onPlayerPause()}),this.player.on("seeking",function(){r._onPlayerSeeking()}),this.player.on("seeked",function(){r._onPlayerSeeked()}),this.player.on(o.Private.LicenseHasResult,function(e){r._onLicenseHasResult(e)}),this.player.on(o.Private.SeekStart,function(e){r._onPlayerSeekStart(e)}),this.player.on(o.Private.EndStart,function(e){r._seekEndData=e.paramData}),this.player.on(o.Player.Waiting,function(){r._onPlayerLoaded()}),this.player.on(o.Video.CanPlayThrough,function(){}),this.player.on(o.Video.CanPlay,function(){r._waitingDelayLoadingShowHandle&&(clearTimeout(r._waitingDelayLoadingShowHandle),r._waitingDelayLoadingShowHandle=null),r._onPlayerUnderload(),r._onPlayerCanplay()}),this.player.on(o.Video.TimeUpdate,function(){r._waitingDelayLoadingShowHandle&&(clearTimeout(r._waitingDelayLoadingShowHandle),r._waitingDelayLoadingShowHandle=null),r._seekEndData&&r.player._seeking&&r._onPlayerSeekEnd()}),this.player.on(o.Player.Error,function(){r._onPlayerError()}),this.player.on(o.Player.RequestFullScreen,function(){r._onFullscreenChange(1)}),this.player.on(o.Player.CancelFullScreen,function(){r._onFullscreenChange(0)}),this.player.on(o.Private.PREPARE,function(e){r._prepareTime=(new Date).getTime(),r._log("PREPARE",{dn:e.paramData})}),this.player.on(o.Player.Snapshoted,function(){r._log("SNAPSHOT")}),this.player.on(o.Private.Retry,function(e){e=e.paramData||{};r._log("RETRY",{type:e.type,source:e.source})}),this.player.on(o.Player.RtsFallback,function(e){var t,e=e.paramData||{};r._log("RTSFALLBACK",{reason:null==(t=e.reason)?void 0:t.error_msg,url:e.fallbackUrl})}),this.startHeartBeat.call(this)},removeEvent:function(){this.player.off("init"),this.player.off("ready"),this.player.off("ended"),this.player.off("play"),this.player.off("pause"),this.player.off("seekStart"),this.player.off("seekEnd"),this.player.off("canplaythrough"),this.player.off("playing"),this.player.off("timeupdate"),this.player.off("error"),this.player.off("fullscreenchange"),this.player.off("seeking"),this.player.off("seeked"),this.player.off(o.Private.PREPARE),this.player.off(o.Player.RtsFallback),this._logService&&this._logService.dispose(),clearInterval(i)},reset:function(){this.stucking=!1,this.startTimePlay=0,this.buffer_flag=0,this.firstPlay=!1,this.playId=0,this._LoadedData=0,this._canPlay=0,this.seekingStartTime=0,this.prevStats={timestamp:0,bytesReceived:0,framesDecoded:0,packetsLost:0,packetsReceived:0,rtt:0},c=0,this.lightSaasVideoId=""},encodeURL:function(e){var t;return e?(t=this.player.getOptions())&&!t.logBatched?encodeURIComponent(e):e:""},startHeartBeat:function(){var o=this;i&&clearInterval(i),i=setInterval(function(){var n;o.player.getCurrentTime()&&(n=Math.floor(1e3*o.player.getCurrentTime()),o.player.paused()?o.prevStats.timestamp=0:++c>=o.player._options.heartHeatInterval&&o.updateStats.call(o,function(e){var t=o._imageInfo()||{},r=o.player.tag.playbackRate,i=o.player.getVolume(),t={vt:n,interval:1e3*c,imgLength:t.imgLength,playbackRate:r,volume:i};e&&(t=a({},t,{dls:Math.floor(e.downloadSpeedPerSec),dfps:Math.floor(e.decodedFramesPerSec),pkl:Number((e.packageLossRate||0).toFixed(2)),rtt:1e3*e.rtt})),o._log("HEARTBEAT",t),c=0}))},1e3)},updateStats:function(o){o=o||function(){};var a=this;this.player.getStats().then(function(e){var t,r,i,n;e?(n=a.prevStats,e.bytesReceived=e.bytesReceived||0,e.framesDecoded=e.framesDecoded||0,e.packetsLost=e.packetsLost||0,e.packetsReceived=e.packetsReceived||0,t=((a.prevStats=e).timestamp-n.timestamp)/1e3,r=(e.bytesReceived-n.bytesReceived)/t,i=(e.framesDecoded-n.framesDecoded)/t,n=(e.packetsLost-n.packetsLost)/(e.packetsLost-n.packetsLost+(e.packetsReceived-n.packetsReceived)),e=e.rtt,o({downloadSpeedPerSec:r,decodedFramesPerSec:i,packageLossRate:n,rtt:e,timeGap:t})):o()}).catch(function(e){console.log("error in monitor getStats: ",e),o()})},reportStartPlay:function(){this.startPlayReported||(this._log("STARTPLAY",{vt:(new Date).getTime()}),this.startPlayReported=!0)},reportCanplay:function(){this.canplayReported||(this._log("CANPLAY",{vt:(new Date).getTime()}),this.canplayReported=!0)},reportPlayAbort:function(){this._log("PLAYABORT",{vt:(new Date).getTime()})},resetStartPlayReportFlag:function(){this.startPlayReported=!1},resetCanplayReportFlag:function(){this.canplayReported=!1},resetSessionId:function(){this.sessionId=y.guid()},resetVV:function(){this.startPlayReported&&(this.resetStartPlayReportFlag(),this.resetCanplayReportFlag(),this.resetSessionId())},updateH265ProbeCost:function(e){this._h265ProbeCost=e||{}},_onFullscreenChange:function(e){e?this._log("FULLSREEM",{}):this._log("QUITFULLSCREEM",{})},_onPlayerloadstart:function(){this.loadstartTime=(new Date).getTime(),this.playId=y.guid()},_onPlayerLoadMetadata:function(){this.loadMetaDataCost=(new Date).getTime()-this.loadstartTime},_onPlayerLoaddata:function(){var e,t,r,i;this._LoadedData||this.buffer_flag||(t=e=0,this.player.tag&&(e=this.player.tag.videoWidth,t=this.player.tag.videoHeight),e={tc:(new Date).getTime()-this._prepareTime,cc:(new Date).getTime()-this.loadstartTime,md:this.loadMetaDataCost,mi:JSON.stringify({type:"video",definition:e+"*"+t})},null!=(t=this.player.tag)&&t.duration&&(e.vdur=1e3*(null==(t=this.player.tag)?void 0:t.duration)),(5<this._h265ProbeCost.codecCost||5<this._h265ProbeCost.decoderCost)&&(t=Math.floor(this._h265ProbeCost.codecCost)||0,r=Math.floor(this._h265ProbeCost.decoderCost)||0,e.tc+=i=t+r,e.cc+=i,e.pcc=t,e.pdc=r),this._log("PREPAREEND",e)),this._LoadedData=1},_onPlayerH265PlayInfo:function(e){e=e.paramData||{};this._log("HEVCINFO",{cd:e.codecTag,rd:e.renderType,si:e.simd,sio:e.simdOption,wt:e.wasmThreads,wto:e.wasmThreadsOption,sp:e.splayer})},_onPlayerCanplay:function(){this._canPlay=1,this.reportCanplay(),this._reportPlay(),this.prevStats.timestamp||this.updateStats.call(this)},_onPlayerInit:function(){this.stucking=!1,this.buffer_flag=0,this.pause_flag=0,this.startTimePlay=0,this._LoadedData=0,this._canPlay=0,this.seekingStartTime=0},_onPlayerReady:function(){this.startTimePlay||(this.startTimePlay=(new Date).getTime())},_onPlayerFinish:function(){this._log("STOP",{vt:Math.floor(1e3*this.player.getCurrentTime())}),this.reset()},_reportPlay:function(){var e;return!(this.buffer_flag||!this._LoadedData||!this.playstartTime||(this.first_play_time=(new Date).getTime(),e={dsm:"fix",tc:this.first_play_time-this.loadstartTime,fc:this.first_play_time-this.playstartTime},this._log("PLAY",e),this.buffer_flag=1,0))},_onPlayerPlay:function(){this.playstartTime=(new Date).getTime(),0==this.playId&&(this.playId=y.guid()),this.player._isPreload()||(this.loadstartTime=(new Date).getTime()),this._canPlay&&this._reportPlay()||this.buffer_flag&&this.pause_flag&&(this.pause_flag=0,this.pauseEndTime=(new Date).getTime(),this._log("RECOVER",{vt:Math.floor(1e3*this.player.getCurrentTime()),cost:this.pauseEndTime-this.pauseTime}))},_onPlayerPause:function(){!this.buffer_flag||this.startTimePlay&&!this.player._seeking&&(this.pause_flag=1,this.pauseTime=(new Date).getTime(),this._log("PAUSE",{vt:Math.floor(1e3*this.player.getCurrentTime())}))},_onLicenseHasResult:function(e){e=e.paramData||{};this._log("LICENSE_RESULT",{li_ri:e.result,li_ti:e.featureId||"sdk"})},_onPlayerSeekStart:function(e){this.seekStartTime=e.paramData.fromTime,this.startTimePlay=0,this.seekStartStamp=(new Date).getTime()},_onPlayerSeekEnd:function(){this.seekEndStamp=(new Date).getTime(),this._log("SEEK",{drag_from_timestamp:Math.floor(1e3*this.seekStartTime),drag_to_timestamp:Math.floor(1e3*this._seekEndData.toTime)}),this._log("SEEK_END",{vt:Math.floor(1e3*this.player.getCurrentTime()),cost:this.seekEndStamp-this.seekStartStamp}),this._seekEndData=null},_onPlayerLoaded:function(){var e,t=this;this.buffer_flag&&!this.stucking&&(this.player._seeking?(this.seekingStartTime=this.player.getCurrentTime(),setTimeout(function(){var e=t.player.readyState()<4;t.player.readyState()||(e=!0),t.player.getCurrentTime()===t.seekingStartTime&&e&&(e=t._getbwEstimator(),t._log("UNDERLOAD",{vt:Math.floor(1e3*t.player.getCurrentTime()),bw:e,cbs:t._getCbs()}),t.stucking=!0,t.stuckStartTime=(new Date).getTime())},500)):(this.stuckStartTime=(new Date).getTime(),this.stuckStartTime-this.startTimePlay<=1e3||(this.stucking=!0,e=this._getbwEstimator(),this._log("UNDERLOAD",{vt:Math.floor(1e3*this.player.getCurrentTime()),bw:e,cbs:this._getCbs()}),this.stuckStartTime=(new Date).getTime())))},_onPlayerUnderload:function(){var e,t,r;!this.buffer_flag&&this.player._options&&this.player._options.autoplay||this.stucking&&(e=Math.floor(1e3*this.player.getCurrentTime()),t=this.stuckStartTime||(new Date).getTime(),0<(t=Math.floor((new Date).getTime()-t))&&t<(1e3*this.player._options.waitingTimeout||6e4)&&(r=this._getbwEstimator(),this._log("LOADED",{vt:e,cost:t,bw:r,cbs:this._getCbs()})),this.seekStart=!1,this.stucking=!1)},_onPlayerSeeking:function(){this.seekStart=!0,this.seekingData.seekingStartTime=performance.now()},_onPlayerSeeked:function(){var e=this;this.player._splayer?this.player.one("canplay",function(){e._reportSeeked()}):this._reportSeeked()},_reportSeeked:function(){var e=performance.now(),e=Math.floor(e-this.seekingData.seekingStartTime);this._log("SEEKED",{vt:Math.floor(1e3*this.player.getCurrentTime()),cost:e})},_onPlayerError:function(){this.playId=0,this._LoadedData=1,this.buffer_flag||this._reportPlay(),this.player.getOptions().autoplay&&this.reportStartPlay()},_getbwEstimator:function(){var e=NaN;try{e=this.player._getbwEstimator&&this.player._getbwEstimator()}catch(e){}return e},_getCbs:function(){return!this.player.getOptions().isLive&&this.seekStart?1:0},_log:function(e,t){if(this.trackLog){this.updateSourceInfo();var r,i=s.copy(this.opt),n=(this.requestId=y.guid(),g.logReportTo),e=(i.e=u[e]+"",i.ri=this.sessionId,i.bi=i.bi&&String(i.bi),i.t=(new Date).getTime()+"",i.cdn_ip=this._userNetInfo.cdnIp,i.hn=this._userNetInfo.localIp,this.player.getCurrentQuality()),o=(""!=e&&(i.definition=e.definition),[]),e=(s.each(t,function(e,t){if("string"!=typeof t)try{t=JSON.stringify(t)}catch(e){}o.push(e+"="+t)}),""),t=this.player.getOptions(),e=((t&&t.vid||this.lightSaasVideoId)&&(e=t.vid||this.lightSaasVideoId),o.push("vid="+e),"");(e=t&&t.mediaAuth?t.mediaAuth:e)&&o.push("pauth="+e);try{Aliplayer&&Aliplayer.__logCallback__&&(i.args=o,Aliplayer.__logCallback__(i))}catch(e){console.log(e)}return""==(o=o.join("&"))&&(o="0"),i.args=this.encodeURL(o),this._logService?this._logService.add(i):(r=[],s.each(i,function(e,t){r.push(e+"="+t)}),r=r.join("&"),l.jsonp(n+"?"+r,function(){},function(){})),this.sessionId}},_imageInfo:function(){try{var e,t,r,i,n,o,a;return/MSIE\s8\.0/.test(navigator.userAgent)?{}:(e=this.player.tag)?(t=document.createElement("canvas"),r=e.videoWidth,i=e.videoHeight,t.width=r,t.height=i,(n=t.getContext("2d")).save(),n.drawImage(e,0,0,r,i),n.restore(),o=t.toDataURL("image/jpeg",1),a="",{imgLength:(a=o?(a=o.substr(o.indexOf(",")+1))||"":a).length}):{}}catch(e){return{}}}});t.exports=e},{"../config":14,"../lib/data":30,"../lib/io":40,"../lib/object":42,"../lib/oo":43,"../lib/ua":49,"../player/base/event/eventtype":70,"./log":63,"./util":65}],65:[function(e,t,r){var i=e("../lib/cookie"),n=e("../lib/data"),o=e("../lib/ua");t.exports.getUuid=function(){var e=i.get("p_h5_u");return e||(e=n.guid(),i.set("p_h5_u",e,730)),e},t.exports.getTerminalType=function(){var e="pc";return o.IS_IPAD?e="pad":o.IS_ANDROID?e="android":o.IS_IOS&&(e="iphone"),e},t.exports.returnUTCDate=function(e){var t=e.getUTCFullYear(),r=e.getUTCMonth(),i=e.getUTCDate(),n=e.getUTCHours(),o=e.getUTCMinutes(),a=e.getUTCSeconds(),e=e.getUTCMilliseconds();return Date.UTC(t,r,i,n,o,a,e)},t.exports.getRfc822=function(e){return e.toUTCString().replace("UTC","GMT")}},{"../lib/cookie":29,"../lib/data":30,"../lib/ua":49}],66:[function(e,t,r){var o=e("./base/player"),a=e("./flash/flashplayer"),s=e("./saas/mtsplayer"),l=e("./saas/vodplayer"),c=e("./saas/lightPlayer"),u=e("./audio/audioplayer"),p=e("./hls/hlsplayer"),d=e("./flv/flvplayer"),h=e("./rts/rtsplayer"),f=e("./drm/drmplayer"),y=e("./splayer/splayer"),_=e("../lib/ua"),g=e("../lib/playerutil"),v=(e("../lib/dom"),e("../lib/io"),e("../lang/index")),m=e("../lib/constants"),S=e("./base/event/eventtype");t.exports.create=function(e,t){navigator&&navigator.userAgent&&-1<navigator.userAgent.indexOf("Olympic_Android")&&(e.useNativeControls=!0),e.readyCallback=t="function"!=typeof t?function(){}:t,v.setCurrentLanguage(e.language,"h5",e.languageTexts);var r,t=g.handleOption(e),e=t.source,i=g.isAudio(e),n=(i&&(t.mediaType="audio"),g.createWrapper(t));if(n.player)return n.player;if(i)r=new u(n,t);else if(g.isRts(e))r=new h(n,t);else if((t.forceH265||t.enableH265)&&(g.isMp4(e)||g.isFlv(e)))r=new y(n,t);else if(!t.useFlashPrism&&g.isFlv(e)&&g.isSupportFlv())r=new d(n,t);else if(_.IS_MOBILE||!t.useFlashPrism&&!g.isRTMP(e))if(-1!==[null,void 0].indexOf(t.mediaAuth)||t.source)if(t.vid&&!t.source)if(t.authInfo)r=new s(n,t);else{if(!(t.playauth||t.accessKeyId&&t.accessKeySecret))throw i="vid="+t.vid+" playauth='', playauth property is required by VOD(\u89c6\u9891\u70b9\u64ad) as new Aliplayer.",new Error(i);r=new l(n,t)}else g.isDash(e)&&g.isSupportMSE()?r=new f(n,t):g.isHls(e)?g.canPlayHls()?r=new(g.isSupportHls()&&(g.isUsedHlsPluginOnMobile()||g.isSafariUsedHlsPlugin(t.useHlsPluginForSafari))?t.isDrm?f:p:t.isDrm?f:o)(n,t):g.isSupportHls()?r=new(t.isDrm?f:p)(n,t):_.os.pc?t.userH5Prism||t.useH5Prism||(r=new a(n,t)):r=new o(n,t):(r=new o(n,t),t.source||(i={error_code:m.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL",display_msg:v.get("Error_Empty_Source")},r.trigger(S.Player.Error,i)));else r=new c(n,t);else r=new a(n,t);return r}},{"../lang/index":23,"../lib/constants":28,"../lib/dom":32,"../lib/io":40,"../lib/playerutil":46,"../lib/ua":49,"./audio/audioplayer":68,"./base/event/eventtype":70,"./base/player":91,"./drm/drmplayer":98,"./flash/flashplayer":99,"./flv/flvplayer":101,"./hls/hlsplayer":103,"./rts/rtsplayer":105,"./saas/lightPlayer":109,"./saas/mtsplayer":111,"./saas/vodplayer":117,"./splayer/splayer":126}],67:[function(e,t,r){var o=e("./base/player"),a=e("./flash/flashplayer"),s=e("./saas/mtsplayer"),l=e("./saas/vodplayer"),c=e("./saas/lightPlayer"),u=e("./audio/audioplayer"),p=e("./hls/hlsplayer"),d=e("./flv/flvplayer"),h=e("./rts/rtsplayer"),f=e("./drm/drmplayer"),y=e("./splayer/splayer"),_=e("../lib/ua"),g=e("../lib/playerutil"),v=(e("../lib/dom"),e("../lib/io"),e("../lang/index")),m=e("../lib/constants"),S=e("./base/event/eventtype");t.exports.create=function(e,t){navigator&&navigator.userAgent&&-1<navigator.userAgent.indexOf("Olympic_Android")&&(e.useNativeControls=!0),e.readyCallback=t="function"!=typeof t?function(){}:t,v.setCurrentLanguage(e.language,"h5",e.languageTexts);var r,t=g.handleOption(e),e=t.source,i=g.isAudio(e),n=(i&&(t.mediaType="audio"),g.createWrapper(t));if(n.player)return n.player;if(i)r=new u(n,t);else if(g.isRts(e))r=new h(n,t);else if((t.forceH265||t.enableH265)&&(g.isMp4(e)||g.isFlv(e)))r=new y(n,t);else if(!t.useFlashPrism&&g.isFlv(e)&&g.isSupportFlv())r=new d(n,t);else if(_.IS_MOBILE||!t.useFlashPrism&&!g.isRTMP(e))if(-1!==[null,void 0].indexOf(t.mediaAuth)||t.source)if(t.vid&&!t.source)if(t.authInfo)r=new s(n,t);else{if(!(t.playauth||t.accessKeyId&&t.accessKeySecret))throw i="vid="+t.vid+" playauth='', playauth property is required by VOD(\u89c6\u9891\u70b9\u64ad) as new Aliplayer.",new Error(i);r=new l(n,t)}else g.isDash(e)&&g.isSupportMSE()?r=new f(n,t):g.isHls(e)?g.canPlayHls()?r=new(g.isSupportHls()&&(g.isUsedHlsPluginOnMobile()||g.isSafariUsedHlsPlugin(t.useHlsPluginForSafari))?t.isDrm?f:p:t.isDrm?f:o)(n,t):g.isSupportHls()?r=new(t.isDrm?f:p)(n,t):_.os.pc?t.userH5Prism||t.useH5Prism||(r=new a(n,t)):r=new o(n,t):(r=new o(n,t),t.source||(i={error_code:m.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL",display_msg:v.get("Error_Empty_Source")},r.trigger(S.Player.Error,i)));else r=new c(n,t);else r=new a(n,t);return r}},{"../lang/index":23,"../lib/constants":28,"../lib/dom":32,"../lib/io":40,"../lib/playerutil":46,"../lib/ua":49,"./audio/audioplayer":68,"./base/event/eventtype":70,"./base/player":91,"./drm/drmplayer":98,"./flash/flashplayer":99,"./flv/flvplayer":101,"./hls/hlsplayer":103,"./rts/rtsplayer":105,"./saas/lightPlayer":109,"./saas/mtsplayer":111,"./saas/vodplayer":117,"./splayer/splayer":126}],68:[function(e,t,r){var i=e("../base/player"),n=e("../../ui/component"),o=e("../../lib/dom"),a=e("../../lib/object"),s=e("../../lib/playerutil"),e=i.extend({init:function(e,t){this._isAudio=!0,void 0===t.skinLayout&&(t.skinLayout=s.defaultAudioLayout),i.call(this,e,t)}});e.prototype.createEl=function(){"AUDIO"!==this.tag.tagName&&(this._el=this.tag,this.tag=n.prototype.createEl.call(this,"audio"));var t=this._el,e=this.tag,r=(e.player=this,o.getElementAttributes(e));return a.each(r,function(e){t.setAttribute(e,r[e])}),this.setVideoAttrs(),e.parentNode&&e.parentNode.insertBefore(t,e),o.insertFirst(e,t),t},t.exports=e},{"../../lib/dom":32,"../../lib/object":42,"../../lib/playerutil":46,"../../ui/component":130,"../base/player":91}],69:[function(e,t,r){var a=e("../../../lib/event"),s=e("./eventtype"),i=e("../eventHandler/video/index"),n=e("../eventHandler/player/index");t.exports.offAll=function(e){var t,r,i,n=e.tag,o=e._el;for(t in s.Video)a.off(n,s.Video[t]);for(r in s.Player)a.off(o,s.Player[r]);for(i in s.Private)a.off(o,s.Private[i])},t.exports.offVideoAll=function(e){var t,r=e.tag;for(t in s.Video)a.off(r,s.Video[t])},t.exports.onAll=function(e){i.bind(e),n.bind(e)}},{"../../../lib/event":33,"../eventHandler/player/index":74,"../eventHandler/video/index":84,"./eventtype":70}],70:[function(e,t,r){t.exports={Video:{TimeUpdate:"timeupdate",Play:"play",Playing:"playing",Pause:"pause",CanPlay:"canplay",Waiting:"waiting",Ended:"ended",Error:"error",Suspend:"suspend",Stalled:"stalled",LoadStart:"loadstart",DurationChange:"durationchange",LoadedData:"loadeddata",LoadedMetadata:"loadedmetadata",Progress:"progress",CanPlayThrough:"canplaythrough",ContextMenu:"contextmenu",Seeking:"seeking",Seeked:"seeked",ManualEnded:"manualended",VolumeChange:"volumechange",RateChange:"ratechange"},Player:{TimeUpdate:"timeupdate",DurationChange:"durationchange",Init:"init",Ready:"ready",Play:"play",Playing:"playing",Pause:"pause",CanPlay:"canplay",Waiting:"waiting",Ended:"ended",Error:"error",RequestFullScreen:"requestFullScreen",CancelFullScreen:"cancelFullScreen",Snapshoted:"snapshoted",Snapshoting:"snapshoting",OnM3u8Retry:"onM3u8Retry",LiveStreamStop:"liveStreamStop",AutoPlayPrevented:"autoPlayPrevented",AutoPlay:"autoplay",StartSeek:"startSeek",CompleteSeek:"completeSeek",TextTrackReady:"textTrackReady",AudioTrackReady:"audioTrackReady",AudioTrackUpdated:"audioTrackUpdated",LevelsLoaded:"levelsLoaded",AudioTrackSwitch:"audioTrackSwitch",AudioTrackSwitched:"audioTrackSwitched",LevelSwitch:"levelSwitch",LevelSwitched:"levelSwitched",MarkerDotOver:"markerDotOver",MarkerDotOut:"markerDotOut",DefaultBandWidth:"defaultbandwidth",ResolutionChange:"resolutionChange",SeiFrame:"seiFrame",RtsFallback:"rtsFallback",H265PlayInfo:"h265PlayInfo",H265DecoderOverload:"h265DecoderOverload"},Private:{Play_Btn_Show:"play_btn_show",UiH5Ready:"uiH5Ready",Error_Hide:"error_hide",Error_Show:"error_show",Info_Show:"info_show",Info_Hide:"info_hide",H5_Loading_Show:"h5_loading_show",H5_Loading_Hide:"h5_loading_hide",HideProgress:"hideProgress",CancelHideProgress:"cancelHideProgress",UpdateProgress:"updateProgress",UpdateCursorPosition:"updateCursorPosition",Click:"click",MouseOver:"mouseover",MouseOut:"mouseout",MouseEnter:"mouseenter",MouseLeave:"mouseleave",TouchStart:"touchstart",TouchMove:"touchmove",TouchEnd:"touchend",HideBar:"hideBar",ShowBar:"showBar",ControlBarClick:"controlBarClick",ReadyState:"readyState",SourceLoaded:"sourceloaded",QualityChange:"qualitychange",Play_Btn_Hide:"play_btn_hide",Cover_Hide:"cover_hide",Cover_Show:"cover_show",SeekStart:"seekStart",EndStart:"endStart",UpdateProgressBar:"updateProgressBar",LifeCycleChanged:"lifeCycleChanged",Dispose:"dispose",Created:"created",Snapshot_Hide:"snapshot_hide",AutoStreamShow:"auto_stream_show",AutoStreamHide:"auto_stream_hide",VolumnChanged:"volumnchanged",LiveShiftQueryCompleted:"liveShiftQueryCompleted",LiveShiftSwitchToLive:"LiveShiftSwitchToLive",StreamSelectorHide:"streamSelectorHide",SpeedSelectorHide:"speedSelectorHide",SettingShow:"settingShow",SettingHide:"settingHide",SelectorShow:"selectorShow",SelectorHide:"selectorHide",SettingListShow:"settingListShow",SettingListHide:"settingListHide",ThumbnailHide:"thumbnailHide",ThumbnailShow:"thumbnailShow",ThumbnailLoaded:"thumbnailLoaded",TooltipShow:"tooltipShow",TooltipHide:"tooltipHide",SelectorUpdateList:"selectorUpdateList",SelectorValueChange:"selectorValueChange",SelectorGenerateList:"selectorGenerateList",VolumeVisibilityChange:"volumeVisibilityChange",VolumeUpdatePosition:"volumeUpdatePosition",ChangeURL:"changeURL",UpdateToSettingList:"updateToSettingList",CCChanged:"CCChanged",CCStateChanged:"CCStateChanged",CCReset:"ccReset",TextTrackFounded:"textTrackFounded",UserTrackReset:"userTrackReset",PlayClick:"click",ProgressMarkerLoaded:"progressMarkerLoaded",MarkerTextShow:"markerTextShow",MarkerTextHide:"markerTextHide",PREPARE:"prepare",ProgressMarkerChanged:"progressMarkerChanged",SeiFrame:"privateSeiFrame",PlayInfoLoaded:"playInfoLoaded",Retry:"retry",LicenseHasResult:"licenseHasResult",PatchWaiting:"patchWaiting",VttHide:"vttHide",VttSwitchTrack:"vttSwitchTrack",VttClearTracks:"vttClearTracks",SafariDrmLevelSwitch:"safariDrmLevelSwitch"}}},{}],71:[function(e,t,r){e("../../event/eventtype");var i=e("../../../../lib/dom"),n=e("../../../../lib/ua");t.exports.handle=function(){(!n.IS_IOS||n.IS_IOS&&this._splayer&&2===this._splayer.renderType)&&i.removeClass(this.el(),"prism-fullscreen")}},{"../../../../lib/dom":32,"../../../../lib/ua":49,"../../event/eventtype":70}],72:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){var t=this;t.trigger(i.Player.CompleteSeek,e.paramData.toTime),t.one(i.Player.CanPlay,function(){t._enteredProgressMarker&&t.pause()})}},{"../../event/eventtype":70}],73:[function(e,t,r){var i=e("../../event/eventtype"),n=(e("../../../../lib/constants"),e("../../../../lang/index"),e("../../../../monitor/util"));t.exports.handle=function(e){var t=this,e=e.paramData;t.trigger(i.Private.H5_Loading_Hide),t.trigger(i.Private.Cover_Hide),t.trigger(i.Private.Play_Btn_Hide),t.trigger(i.Private.SettingListHide),t.trigger(i.Private.SelectorHide),t.trigger(i.Private.VolumeVisibilityChange,""),e=e||{},t._monitor&&(e.uuid=n.getUuid(),e.requestId=t._serverRequestId,e.cdnIp=t._monitor._userNetInfo.cdnIp,e.localIp=t._monitor._userNetInfo.localIp),t._isError=!0,t.trigger(i.Private.Error_Show,e),t.trigger(i.Private.LifeCycleChanged,{type:i.Player.Error,data:e})}},{"../../../../lang/index":23,"../../../../lib/constants":28,"../../../../monitor/util":65,"../../event/eventtype":70}],74:[function(e,t,r){var i=e("../../event/eventtype"),o=e("../../../../lib/event"),a=e("./lifecyclecommon"),n={endStart:e("./endstart"),seekStart:e("./seekstart"),requestFullScreen:e("./requestfullscreen"),cancelFullScreen:e("./cancelfullscreen"),error:e("./error"),privateSeiFrame:e("./seiframe"),patchWaiting:e("../video/waiting")},s=[i.Private.EndStart,i.Private.SeekStart,i.Player.RequestFullScreen,i.Player.CancelFullScreen,i.Player.Error,i.Player.Ready,i.Private.Dispose,i.Private.Created,i.Private.SeiFrame,i.Private.PatchWaiting];t.exports.bind=function(e){e.el();for(var t=0;t<s.length;t++){var r=s[t];"undefined"!=n[r]&&!function(r,i,n){var e=r.el();o.on(e,i,function(e){var t=(n&&n.handle?n:a).handle;t.call(r,e,i)})}(e,r,n[r])}}},{"../../../../lib/event":33,"../../event/eventtype":70,"../video/waiting":90,"./cancelfullscreen":71,"./endstart":72,"./error":73,"./lifecyclecommon":75,"./requestfullscreen":76,"./seekstart":77,"./seiframe":78}],75:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e,t){this.trigger(i.Private.LifeCycleChanged,{type:t,data:e})}},{"../../event/eventtype":70}],76:[function(e,t,r){e("../../event/eventtype");var i=e("../../../../lib/dom"),n=e("../../../../lib/ua");t.exports.handle=function(){(!n.IS_IOS||n.IS_IOS&&this._splayer&&2===this._splayer.renderType)&&i.addClass(this.el(),"prism-fullscreen")}},{"../../../../lib/dom":32,"../../../../lib/ua":49,"../../event/eventtype":70}],77:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){this._seeking=!0,this.trigger(i.Player.StartSeek,e.paramData.fromTime)}},{"../../event/eventtype":70}],78:[function(e,t,r){e("../../event/eventtype");t.exports.handle=function(e){var t,r,e=e.paramData,i=e.pts;this._hls&&(t=e.pts,r=this._initPTS,i=parseInt((t-r)/90,10)),this._seis[i]=e.dataContent}},{"../../event/eventtype":70}],79:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){var t=this,r=(t._retrySwitchUrlCount=0,t._liveRetryCount=0,t._clearLiveErrorHandle(),(new Date).getTime()-t.readyTime);t._options.autoplay||t._options._autoplay||!t.paused()||(t.trigger(i.Private.H5_Loading_Hide),t.trigger(i.Private.Play_Btn_Show)),t.trigger(i.Player.CanPlay,{loadtime:r})}},{"../../event/eventtype":70}],80:[function(e,t,r){var i=e("../../event/eventtype"),n=e("../../../../lib/dom"),o=e("../../../../lib/ua");t.exports.handle=function(e){this._seeking=!1;var t=this.tag;"none"===t.style.display&&o.IS_IOS&&setTimeout(function(){n.css(t,"display","block")},100),this.trigger(i.Video.CanPlayThrough)}},{"../../../../lib/dom":32,"../../../../lib/ua":49,"../../event/eventtype":70}],81:[function(e,t,r){t.exports.handle=function(e,t){var r="";e&&e.paramData&&(r=e.paramData),this.trigger(t,r)}},{}],82:[function(e,t,r){var i=e("../../event/eventtype");e("../../../../lang/index"),e("../../../../lib/event");t.exports.handle=function(e){var t=this;t.waiting=!1,t._ended=!0,t._monitor&&t._monitor._onPlayerInit(),t._options.rePlay?(t.seek(0),t.tag.play()):t._options.isLive&&t.trigger(i.Private.H5_Loading_Hide),t.trigger(i.Private.Play_Btn_Show),t.trigger(i.Player.Ended)}},{"../../../../lang/index":23,"../../../../lib/event":33,"../../event/eventtype":70}],83:[function(e,t,r){var s=e("../../event/eventtype"),l=e("../../../../lib/constants"),c=e("../../../../lang/index"),u=e("../../../../lib/event"),p=e("../../../../lib/ua"),o=(e("../../../../lib/io"),e("../../../../lib/playerutil"));function d(t,e,r){var i=t._options,n=i.source||"";4===(e=4!==e&&p.IS_IOS&&/qqbrowser/i.test(p.USER_AGENT)?4:e)&&o.isHls(n)?o.detectRegionBlock(n,function(e){e?(e={mediaId:i.isLive?"ISLIVE":i.vid||"",error_code:l.ErrorCode.RegionBlock,error_msg:c.get("Error_Region_Block_Text")},t.logError(e),t.trigger("error",e)):r()}):r()}t.exports.handle=function(e){var i,n,o,t,a=this;a.waiting=!1,a._clearTimeout(),a.checkOnline()&&!a._splayer&&(o="",e=e.target||e.srcElement,i=e.error&&e.error.message,o="",e.error&&e.error.code&&(n=e.error.code,o=l.VideoErrorCode[e.error.code],i=n+" || "+i),a._options.isLive?d(a,n,function(){a._options.liveRetry>a._liveRetryCount?a._reloadAndPlayForM3u8():(a._liveRetryCount=0,a.trigger(s.Player.LiveStreamStop),a._liveErrorHandle=setTimeout(function(){var e={mediaId:"ISLIVE",error_code:o,error_msg:c.get("Error_Play_Text")+"\uff0c"+c.get("Error_Retry_Text")};a.logError(e),a.trigger("error",e)}),p.IS_UC&&(a._liveErrorHandle=null))}):-1<i.indexOf("NS_ERROR_DOM_MEDIA_FATAL_ERR")?(e=a.getCurrentTime(),(t=a.getDuration())-e<.5&&(a.pause(),a._ended=!0,a.tag.currentTime=t,u.trigger(a.tag,s.Video.ManualEnded))):3==n?(e={mediaId:a._options.vid||"",error_code:o,error_msg:i},a.logError(e),e.display_msg=l.VideoErrorCodeText[n],a.trigger(s.Player.Error,e)):a._reloadForVod()||d(a,n,function(){var e,t,r;e=c.get("Error_Play_Text"),t=!1,n<3?e=l.VideoErrorCodeText[n]:a._eventState==l.SUSPEND?(e=c.get("Error_Load_Abort_Text"),o=l.ErrorCode.RequestDataError):a._eventState==l.LOAD_START?(e=c.get("Error_Network_Text"),0<a._options.source.indexOf("auth_key")&&(e=e+"\uff0c"+c.get("Error_AuthKey_Text")),o=l.ErrorCode.StartLoadData):a._eventState==l.LOADED_METADATA&&(e=c.get("Error_Play_Text"),o=l.ErrorCode.PlayingError),e=e+"\uff0c"+c.get("Error_Retry_Text"),1<a._urls.length&&a._retrySwitchUrlCount<3&&-1==a._options.source.indexOf(".mpd")&&(a.switchUrl(),t=!0),r={mediaId:a._options.vid||"",error_code:o,error_msg:i},t||(a.logError(r),r.display_msg=e,a.trigger(s.Player.Error,r))}))}},{"../../../../lang/index":23,"../../../../lib/constants":28,"../../../../lib/event":33,"../../../../lib/io":40,"../../../../lib/playerutil":46,"../../../../lib/ua":49,"../../event/eventtype":70}],84:[function(e,t,r){var n=e("../../../../lib/event"),o=e("../../event/eventtype"),i={canplay:e("./canplay"),canplaythrough:e("./canplaythrough"),common:e("./common"),ended:e("./ended"),error:e("./error"),pause:e("./pause"),play:e("./play"),playing:e("./playing"),waiting:e("./waiting"),timeupdate:e("./timeupdate"),manualended:e("./ended"),loadedmetadata:e("./loadedmetadata")};t.exports.bind=function(e){e.tag;for(var t in o.Video){t=o.Video[t];!function(t,r,i){var e=t.tag;n.on(e,r,function(e){i.handle.call(t,e,r),r!=o.Video.Error&&(r==o.Video.ManualEnded&&(r=o.Video.Ended),t.trigger(o.Private.LifeCycleChanged,{type:r,data:e}))})}(e,t,void 0!==i[t]?i[t]:i.common)}}},{"../../../../lib/event":33,"../../event/eventtype":70,"./canplay":79,"./canplaythrough":80,"./common":81,"./ended":82,"./error":83,"./loadedmetadata":85,"./pause":86,"./play":87,"./playing":88,"./timeupdate":89,"./waiting":90}],85:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){var t=this.tag;this._duration=t.duration<1?0:t.duration,this.trigger(i.Private.ReadyState),this._splayer&&this.trigger(i.Video.DurationChange),this.trigger(i.Video.LoadedMetadata)}},{"../../event/eventtype":70}],86:[function(e,t,r){var i=e("../../event/eventtype"),n=e("../../../../lib/ua");t.exports.handle=function(e){var t=this;t._seeking&&t._splayer||(t._hls&&t._options&&t._options.isLive&&n.IS_FIREFOX&&t.trigger(i.Private.Play_Btn_Show),t._clearTimeout(),t.trigger(i.Private.AutoStreamHide),t.trigger(i.Player.Pause),t._isManualPause&&(t.trigger(i.Private.Play_Btn_Show),t.trigger(i.Private.H5_Loading_Hide)),t.waiting=!1)}},{"../../../../lib/ua":49,"../../event/eventtype":70}],87:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){this.trigger(i.Private.Error_Hide),this.trigger(i.Private.Cover_Hide),this.trigger(i.Private.AutoStreamHide),this.waiting=!1,this.trigger(i.Player.Play)}},{"../../event/eventtype":70}],88:[function(e,t,r){var i=e("../../event/eventtype");t.exports.handle=function(e){var t=this,r=(t.trigger(i.Private.H5_Loading_Hide),t.trigger(i.Private.Cover_Hide),t.trigger(i.Private.Info_Hide),t.waiting=!1,t._ended=!1,t._liveRetryCount=0,t._vodRetryCount=0,t._seeking=!1,t.getCurrentTime());t._waitingReloadTime!=r&&(t._waitingTimeoutCount=0),t._checkTimeoutHandle&&(clearTimeout(t._checkTimeoutHandle),t._checkTimeoutHandle=null),t._waitingLoadedHandle&&(clearTimeout(t._waitingLoadedHandle),t._waitingLoadedHandle=null),t._ucSourceHandle&&(clearTimeout(t._ucSourceHandle),t._ucSourceHandle=null),t._waitingDelayLoadingShowHandle&&(clearTimeout(t._waitingDelayLoadingShowHandle),t._waitingDelayLoadingShowHandle=null),t._waitingTimeoutHandle&&(clearTimeout(t._waitingTimeoutHandle),t._waitingTimeoutHandle=null,t._ccService)&&t._options.isLive&&(r=t._ccService.getCurrentSubtitle(),t._setDefaultCC=!0,r)&&t._ccService.switch(r),t.trigger(i.Private.AutoStreamHide),t.trigger(i.Player.Playing),t.trigger(i.Private.Error_Hide),t.tag.paused||t.trigger(i.Private.Play_Btn_Hide)}},{"../../event/eventtype":70}],89:[function(e,t,r){var p=e("../../event/eventtype"),d=e("../../../../lib/ua"),h=e("../../../../lib/event"),f=e("../../plugin/status");t.exports.handle=function(e){var t,r=this,e=(r.trigger(p.Player.TimeUpdate,e.timeStamp),(d.IS_IOS||d.IS_MAC_SAFARI)&&(clearTimeout(r._waitingPatchTimer),r._waitingPatchTimer=setTimeout(function(){r.waiting||r._isError||r.paused()||r._disposed||(console.log("!!!!!!!manually waiting!!!!!!!"),r.trigger(p.Private.PatchWaiting))},3e3)),r.getCurrentTime()),i=(r.waiting&&!r._TimeUpdateStamp&&(r._TimeUpdateStamp=e),0!=r.waiting&&r._TimeUpdateStamp==e||(r.trigger(p.Private.H5_Loading_Hide),r.trigger(p.Private.AutoStreamHide),r._checkTimeoutHandle&&clearTimeout(r._checkTimeoutHandle),r._waitingTimeoutHandle&&clearTimeout(r._waitingTimeoutHandle),r._waitingLoadedHandle&&clearTimeout(r._waitingLoadedHandle),r._ucSourceHandle&&(clearTimeout(r._ucSourceHandle),r._ucSourceHandle=null),r.waiting=!1),d.IS_ANDROID&&d.IS_UC&&(r._timeNotUpdateCount=r._timeNotUpdateCount||0,r.waiting||e!==r._TimeUpdateStamp||(r._timeNotUpdateCount++,2<=r._timeNotUpdateCount&&(r._timeNotUpdateCount=0,r.trigger(p.Private.PatchWaiting)))),r._TimeUpdateStamp=e,r._options.isLive||(t=!1,(t=(i=r.getDuration())<e&&!r.paused()||i-e<.2&&0<=d.browser.version.indexOf("49.")&&!r.paused()||r.exceedPreviewTime(e)?!0:t)&&!r._ended&&(r.pause(),h.trigger(r.tag,p.Video.ManualEnded))),r._player.tag),n=(i&&r._options.isLive&&(r._player.resolution&&0<i.videoWidth&&0<i.videoHeight&&(0<r._player.resolution.width||0<r._player.resolution.height)&&(r._player.resolution.width!==i.videoWidth||r._player.resolution.height!==i.videoHeight)&&(t={oldResolution:{width:r._player.resolution.width,height:r._player.resolution.height},newResolution:{width:i.videoWidth,height:i.videoHeight}},r.trigger(p.Player.ResolutionChange,t)),r._player.resolution.width=0==i.videoWidth?r._player.resolution.width:i.videoWidth,r._player.resolution.height=0==i.videoHeight?r._player.resolution.height:i.videoHeight),d.IS_CHROME&&Number(d.CHROME_VERSION)<50&&(r._playingSlientPause&&(clearTimeout(r._playingSlientPause),r._playingSlientPause=null),r._playingSlientPause=setTimeout(function(){var e,t;r._status!=f.playing||r.paused()||r._drm||r._urls.length||(e=r.getCurrentTime(),t=r._options.isLive?0:e,r._loadByUrlInner(r._options.source,t,e,!0))},3e3)),r._seis||{}),o=Object.keys(n);if(0!==o.length){var a=parseInt(1e3*e,10);if(!(l=n[a]))for(var s=0;s<250;s++){var l,c=a+s;if(l=n[c]){for(var u=0;u<o.length&&o[u]<=c;u++)delete n[o[u]];break}}l&&r.trigger(p.Player.SeiFrame,l)}}},{"../../../../lib/event":33,"../../../../lib/ua":49,"../../event/eventtype":70,"../../plugin/status":95}],90:[function(e,t,r){var o=e("../../event/eventtype"),a=e("../../../../lib/constants"),s=e("../../../../lib/event"),l=e("../../../../lang/index"),c=e("../../../../lib/ua"),u=e("../../../../lib/playerutil");t.exports.handle=function(e){var t=this;if(!t._options.isLive){var r=this.getCurrentTime(),i=this.getDuration();if(!t._ended&&0<i&&(i-r<.5||i<r))return t.pause(),t._ended=!0,void s.trigger(this.tag,o.Video.ManualEnded)}t.waiting=!0;function n(){t._checkTimeoutHandle&&(clearTimeout(t._checkTimeoutHandle),t._checkTimeoutHandle=null),t._waitingTimeoutHandle&&(clearTimeout(t._waitingTimeoutHandle),t._waitingTimeoutHandle=null),t._waitingLoadedHandle&&(clearTimeout(t._waitingLoadedHandle),t._waitingLoadedHandle=null),t._waitingDelayLoadingShowHandle&&(clearTimeout(t._waitingDelayLoadingShowHandle),t._waitingDelayLoadingShowHandle=null),t._ucSourceHandle&&(clearTimeout(t._ucSourceHandle),t._ucSourceHandle=null)}n(),t._waitingDelayLoadingShowHandle=setTimeout(function(){t.trigger(o.Private.H5_Loading_Show)},1e3*t._options.delayLoadingShow),t._TimeUpdateStamp=null,t._checkTimeoutHandle=setTimeout(function(){t.trigger(o.Private.AutoStreamShow)},1e3*t._options.loadDataTimeout),t.trigger(o.Player.Waiting),t._waitingTimeoutHandle=setTimeout(function(){var e;t.tag&&t._options&&(t.pause(),e={mediaId:t._options.vid||"",error_code:a.ErrorCode.LoadingTimeout,error_msg:l.get("Error_Waiting_Timeout_Text")},t.logError(e),t.trigger("error",e))},1e3*t._options.waitingTimeout),t._waitingLoadedHandle=setTimeout(function(){var e=t.getCurrentTime();0==t._waitingTimeoutCount&&e!=t._waitingReloadTime&&(t._waitingTimeoutCount=1,t._waitingReloadTime=e,e=t._options.isLive?0:e,t._loadByUrlInner(t._options.source,e,!0))},t._options.waitingTimeout/2*1e3),c.IS_ANDROID&&c.IS_DINGTALK&&(t._ucSourceHandle=setTimeout(function(){u.detectRegionBlock(t._options.source,function(e){e&&(e={mediaId:t._options.vid,error_code:a.ErrorCode.RegionBlock,error_msg:l.get("Error_Region_Block_Text")},t.logError(e),t.trigger("error",e))})},5e3)),t.on("error",function(){n()})}},{"../../../../lang/index":23,"../../../../lib/constants":28,"../../../../lib/event":33,"../../../../lib/playerutil":46,"../../../../lib/ua":49,"../../event/eventtype":70}],91:[function(e,t,r){var i="undefined"==typeof Promise?e("es6-promise").Promise:Promise,n=e("../../ui/component"),o=e("../../lib/object"),a=e("../../lib/dom"),l=e("../../lib/event"),s=e("../../ui/exports"),c=e("../../monitor/monitor"),u=e("../../lib/ua"),p=e("../../lib/constants"),d=e("../../lib/playerutil"),h=e("./x5play"),f=e("../../lib/cookie"),y=e("../../lang/index"),_=e("../../feature/autoPlayDelay"),g=e("./event/eventmanager"),v=e("../../ui/component/cover"),m=e("../../ui/component/license-watermark"),S=e("../../feature/license"),b=e("../../ui/component/text-track-display"),T=e("../../ui/component/play-animation"),E=e("../../commonui/autostreamselector"),w=e("./event/eventtype"),x=e("./plugin/lifecyclemanager"),P=e("../service/export"),k=e("../../ui/component/progressmarker"),C=e("../../feature/keyboardControl"),I=e("../../feature/AntiRecord"),L=e("./eventHandler/video/index"),R=e("../../lib/vttnext/index"),A=e("../../lib/codec-probe"),D=e("../splayer/splayerinjector"),e=e("../../ui/component/util").throttle,O=n.extend({init:function(e,r){var t;this.tag=e,this.loaded=!1,this.played=!1,this.waiting=!1,this._urls=[],this._currentPlayIndex=0,this._retrySwitchUrlCount=0,this._isError=!1,this._isHls=!1,this._liveRetryCount=0,this._liveRetryTimer=null,this._vodRetryCount=0,this._seeking=!1,this._serverRequestId=0,this._waitingTimeoutCount=0,this._waitingReloadTime=0,this._created=!1,this._enteredProgressMarker=!1,this._liveShiftSeekStartTime=0,this._duration=0,this._seis={},this._initPTS=0,this.isMutiLevel=!1,this._antiRecord=null,this.__disposed=!1,this.resolution={width:0,height:0},void 0===r.skinLayout&&(r.skinLayout=d.defaultH5Layout),d.isRts(r.source)&&!r.autoplay&&(r.preload=!1),n.call(this,this,r),this.addClass("prism-player"),r.plugins&&o.each(r.plugins,function(e,t){this[e](t)},this),this._createService(),this.UI={},r.useNativeControls?this.tag.setAttribute("controls","controls"):(this.UI=s,0==r.errorDisplay&&(this.UI.errorDisplay=void 0)),this.initChildren(),this._options.trackLog&&(this._monitor=new c(this,{video_id:0,album_id:0,from:this._options.from,source:this._options.source,logBatched:this._options.logBatched},this._options.trackLog)),g.onAll(this),this._options.preventRecord&&(this._antiRecord=new I({player:this}),this._antiRecord.start()),this._lifeCycleManager=new x(this),this._overrideNativePlay(),this._liveshiftService&&!this._liveshiftService.validate()?(e={mediaId:this._options.vid||"",error_code:p.ErrorCode.InvalidParameter,error_msg:y.get("ShiftLiveTime_Error")},this.trigger(w.Player.Error,e)):(this._options.extraInfo&&(e=this._options.extraInfo).liveRetry&&(this._options.liveRetry=e.liveRetry),this.on(w.Private.ReadyState,function(){this.trigger(w.Player.Ready)}),this.on(w.Player.H265PlayInfo,function(e){var t=this;"native"!==e.paramData.renderType&&S.getLicense(r.license.domain,r.license.key).then(function(e){e=e.validate(p.PLAYER_SDK_CODE,p.FEATURE_ID_H265);if(console.log("license validate result => ",e),0===e)t.trigger(w.Private.LicenseHasResult,{result:p.LicenseResultCode.Success,featureId:p.FEATURE_ID_H265});else{if(1===e)return i.reject(p.LicenseResultCode.NotFound);{if(2===e)return i.reject(p.LicenseResultCode.Expired);console.error("license validate unknown error")}}}).catch(function(e){t.trigger(w.Private.LicenseHasResult,{result:e,featureId:p.FEATURE_ID_H265}),S.logError(e)})}),this.on(w.Private.LicenseHasResult,function(e){var t=p.LicenseResultCode;-1<[t.NotFound,t.Expired,t.CertInvalid,t.ResourceIncorrect,t.LicenseKeyInvalid,t.DomainInvalid].indexOf(e.paramData.result)&&(this.UI.licenseWatermark=m,this._licenseWatermark=this.addChild("licenseWatermark",this._options))}),this._thumbnailService&&this._options.thumbnailUrl&&this._thumbnailService.get(this._options.thumbnailUrl),0<this._options.progressMarkers.length&&this.trigger(w.Private.ProgressMarkerLoaded,this._options.progressMarkers),this._options.source&&this._options._native&&this._executeReadyCallback(),this._options.autoplay||this._options.preload?this.trigger(w.Private.H5_Loading_Show):this.trigger(w.Private.Play_Btn_Show),this._extraMultiSources(),this._options.source&&(this.trigger(w.Private.PREPARE,"custom"),this._options.autoPlayDelay?(this._autoPlayDelay=new _(this),(t=this)._autoPlayDelay.handle(function(){t.initPlay()})):this.initPlay()),C.init.call(this),this._vttBroker=new R({player:this}),this._getUserTextTracks())}});O.prototype.isSupportMSE=function(){return d.isSupportMSE()},O.prototype.initPlay=function(e){this._initPlayBehavior(e,this._options.source)},O.prototype.initChildren=function(){var e=this.options(),t=e.skinLayout;if(!1!==t&&!o.isArray(t))throw new Error("PrismPlayer Error: skinLayout should be false or type of array!");!1!==t&&0!==t.length&&(this.options({children:t}),n.prototype.initChildren.call(this)),this.UI.cover=v,e.className="",this.addChild("cover",e),this.UI.playanimation=T,this.addChild("playanimation",e),this.UI.autoStreamSelector=E,this.addChild("autoStreamSelector",e),this.UI.progressMarker=k,this.addChild("progressMarker",e),this.UI.textTrackDisplay=b,this.addChild("textTrackDisplay",e),this.trigger(w.Private.UiH5Ready)},O.prototype.createEl=function(){var e=!1,t=("VIDEO"!==this.tag.tagName?(this._el=this.tag,this.tag=n.prototype.createEl.call(this,"video"),this._options.playsinline&&(this.tag.setAttribute("webkit-playsinline",""),this.tag.setAttribute("playsinline",""),this.tag.setAttribute("x-webkit-airplay",""),this.tag.setAttribute("x5-playsinline",""))):(e=!0,this._el=this.tag.parentNode),this._el),r=this.tag,i=(this._options.enableSystemMenu||(r.addEventListener?r.addEventListener("contextmenu",function(e){e.preventDefault()},!1):r.attachEvent("oncontextmenu",function(){window.event.returnValue=!1})),r.player=this,a.getElementAttributes(r));return o.each(i,function(e){t.setAttribute(e,i[e])}),this.setVideoAttrs(),e||(r.parentNode&&r.parentNode.insertBefore(t,r),a.insertFirst(r,t)),t},O.prototype.setVideoAttrs=function(){var e=this._options.preload,t=this._options.autoplay;if(this.tag.style.width=this._options.videoWidth||"100%",this.tag.style.height=this._options.videoHeight||"100%",e&&this.tag.setAttribute("preload","preload"),t&&!this._isEnabledAILabel()&&"15"!==u.IOS_VERSION&&this.tag.setAttribute("autoplay","autoplay"),u.IS_IOS&&this.tag.setAttribute("poster","data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAMZJREFUeAHt0DEBAAAAwqD1T20LL4hAYcCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMDAc2CcpAABaODCqQAAAABJRU5ErkJggg=="),(u.IS_UC||u.dingTalk())&&this.tag.setAttribute("renderer","standard"),this._options.extraInfo)for(var r in this._options.extraInfo)this.tag.setAttribute(r,this._options.extraInfo[r]);h.adaptX5Play(this)},O.prototype.checkOnline=function(){var e;return!(this._options&&!this._options.debug&&0==navigator.onLine&&((e={mediaId:this._options.vid||"",error_code:p.ErrorCode.NetworkUnavaiable,error_msg:y.get("Error_Offline_Text")}).display_msg=y.get("Error_Offline_Text"),this.trigger(w.Player.Error,e),1))},O.prototype.id=function(){return this.el().id},O.prototype.renderUI=function(){},O.prototype.switchUrl=function(){var e,t;0!=this._urls.length&&(this._currentPlayIndex=this._currentPlayIndex+1,this._urls.length<=this._currentPlayIndex&&(this._currentPlayIndex=0,this._retrySwitchUrlCount++),e=this._urls[this._currentPlayIndex],f.set(p.SelectedStreamLevel,e.definition,365),this.trigger(w.Private.QualityChange,y.get("Quality_Change_Fail_Switch_Text")),t=this.getCurrentTime(),this._vodRetryCount=0,this._originalSource="",this._loadByUrlInner(e.Url,t,!0))},O.prototype.setControls=function(){var e=this.options();e.useNativeControls?this.tag.setAttribute("controls","controls"):"object"==typeof e.controls&&(e=this._initControlBar(e.controls),this.addChild(e))},O.prototype._initControlBar=function(e){return new ControlBar(this,e)},O.prototype.getMetaData=function(){},O.prototype.getReadyTime=function(){return this.readyTime},O.prototype.readyState=function(){return this.tag.readyState},O.prototype.getError=function(){return this.tag.error},O.prototype.getRecentOccuredEvent=function(){return this._eventState},O.prototype.getSourceUrl=function(){return this._options?this._options.source:""},O.prototype.getMonitorInfo=function(){return this._monitor?this._monitor.opt:{}},O.prototype.getCurrentQuality=function(){var e;return 0<this._urls.length?{width:(e=this._urls[this._currentPlayIndex]).width,url:e.Url,definition:e.definition}:""},O.prototype.getCurrentPDT=function(){var e;if((u.IS_SAFARI||u.IS_IOS)&&this.tag)return e=Date.parse(this.tag.getStartDate()),isNaN(e)?0:e+1e3*this.getCurrentTime()},O.prototype.setSpeed=function(e){this.tag&&(this._originalPlaybackRate=e,this.tag.playbackRate=e)},O.prototype.play=function(e){return this.tag&&(this.tag.ended||this._ended?this.replay():((this._options.preload||this.loaded)&&this.tag.src||this._initLoad(this._options.source),this.trigger(w.Private.Cover_Hide),this.tag.play())),this._isManualPlay=e||!1,this},O.prototype.replay=function(){return this._monitor&&this._monitor.replay(),this.seek(0),this.tag.play(),this},O.prototype.pause=function(e){return this.tag&&this.tag.pause(),this._isManualPause=e||!1,this},O.prototype.stop=function(){return this.tag.setAttribute("src",null),this},O.prototype.paused=function(){if(this.tag)return!1!==this.tag.paused},O.prototype.getDuration=function(){var e=0;return e=this.tag?this.isPreview()?this._vodDuration||this.tag.duration:this._duration&&this._duration!=1/0?this._duration:this.tag.duration:e},O.prototype.getDisplayDuration=function(){var e=0;return e=this.tag?this._vodDuration||this.getDuration():e},O.prototype.getCurrentTime=function(){return this.tag?this.tag.currentTime:0},O.prototype.seek=function(e){this._seeking=!0;var t=this.tag.duration;if(e=Math.floor(e),!Number.isNaN(e))return this._doSeek(this,e=t<=e?t:e),this},O.prototype._doSeek=e(function(e){var t=e[0],e=e[1];try{var r=t._originalPlaybackRate||t.tag.playbackRate;t.tag.currentTime=e,u.IS_IE11&&setTimeout(function(){t.tag&&(t.tag.playbackRate=r)})}catch(e){console.log(e)}},100),O.prototype.firstNewUrlloadByUrl=function(e,t){this._clearTimeout(),this._options.vid=0,this._options.source=e,this._monitor&&this._monitor.updateVideoInfo({video_id:0,album_id:0,source:e,from:this._options.from}),this.trigger(w.Private.ChangeURL),this.initPlay(),this._options.autoplay&&this.trigger(w.Private.Cover_Hide),this._options.autoplay?this.trigger(w.Player.Play):this.trigger(w.Player.Pause),!(t=t||0)&&0!=t||isNaN(t)||this.seek(t)},O.prototype._loadByUrlInner=function(e,t,r,i){var n=this,o=this.tag.volume;if(i&&u.IS_ANDROID_FIREFOX){for(var a in w.Video)l.off(this.tag,w.Video[a]);this.tag.remove(),this.tag=this._el,this.createEl()}this.loadByUrl(e,t,r,!0),this.tag.volume=o,i&&u.IS_ANDROID_FIREFOX&&this.tag.addEventListener(w.Video.LoadedData,function e(){n._player.trigger(w.Player.DurationChange),L.bind(n),n.tag.removeEventListener(w.Video.LoadedData,e)})},O.prototype.loadByUrl=function(i,n,e,t){var r=this,o=(this._monitor&&this._monitor._onPlayerUnderload(),this._monitor&&0===this._vodRetryCount&&0===this._liveRetryCount&&(this._monitor.reportPlayAbort(),this._monitor.resetVV()),/\.m3u8|\.flv|\.mp4|artc\:\/\/|rtmp\:\/\//gi),a=((this._options.source||"").match(o)||[])[0]!==((i||"").match(o)||[])[0];if(this._h265InfoReported=!1,this._probeInfo||(this._probeInfo={}),this._probeInfo.codecTag=void 0,!a&&(d.isMp4(i)||d.isFlv(i)))return!this._options.forceH265&&this._options.enableH265?void A(i,function(e){var e=d.getVideoTrack(e.tracks),t=(e||{}).codecTag||(e||{}).codec.split(".")[0];r._probeInfo.codecTag=t,e&&d.isH265Codec(t)?d.isFlv(i)?(r._splayer||(a=!0),s.call(r)):d.shouldUseBasePlayer(t,function(e){e?(r._splayer&&(a=!0),r._probeInfo.codecTag&&D.reportH265PlayInfo.call(r,{renderType:"native",codecTag:r._probeInfo.codecTag})):r._splayer||(a=!0),s.call(r)}):(r._splayer&&(a=!0),s.call(r))},function(e){s.call(r)}):void s.call(this);function s(){var r=this;a&&this._splayer&&this.removeChild(this._licenseWatermark),a&&window.Aliplayer?(console.log("!!!!! NEED RELOAD INSTANCE !!!!!"),this._options.source=i,window.Aliplayer.reloadInstance(this._options,function(){},this)):(t||(this._urls=[]),this._monitor&&!t&&this._monitor.reset(),this._isError=!1,this._duration=0,this._clearTimeout(),this.trigger(w.Private.Error_Hide),this._options.source=i,this._monitor&&this._monitor.updateVideoInfo({video_id:0,album_id:0,source:i,from:this._options.from}),t||(this.trigger(w.Private.ChangeURL),this._vodRetryCount=0),this._options._autoplay=e,this.initPlay(e),(this._options.autoplay||e)&&this.trigger(w.Private.Cover_Hide),this._options.autoplay||e?this.trigger(w.Player.Play):this.trigger(w.Player.Pause),this._options.isLive||!n&&0!=n||isNaN(n)||l.one(this.tag,w.Video.CanPlay,function(e){var t=r.getDuration();r.seek(t<=n?t:n)}))}s.call(this)},O.prototype.dispose=function(){this.__disposed=!0,this.trigger(w.Private.Dispose),this.tag.pause(),g.offAll(this),C.dispose.call(this),this._antiRecord&&(this._antiRecord.dispose(),this._antiRecord=null),this._monitor&&(this._monitor.reportPlayAbort(),this._monitor.removeEvent(),this._monitor=null),this._autoPlayDelay&&this._autoPlayDelay.dispose(),this._checkTimeoutHandle&&(clearTimeout(this._checkTimeoutHandle),this._checkTimeoutHandle=null),this._waitingTimeoutHandle&&(clearTimeout(this._waitingTimeoutHandle),this._waitingTimeoutHandle=null),this._playingSlientPause&&(clearTimeout(this._playingSlientPause),this._playingSlientPause=null),this._waitingLoadedHandle&&(clearTimeout(this._waitingLoadedHandle),this._waitingLoadedHandle=null),this._ucSourceHandle&&(clearTimeout(this._ucSourceHandle),this._ucSourceHandle=null),this._readyStateTimer&&(clearInterval(this._readyStateTimer),this._readyStateTimer=null),this._vodRetryCountHandle&&(clearTimeout(this._vodRetryCountHandle),this._vodRetryCountHandle=null),this._waitingDelayLoadingShowHandle&&(clearTimeout(this._waitingDelayLoadingShowHandle),this._waitingDelayLoadingShowHandle=null),this._liveRetryTimer&&(clearTimeout(this._liveRetryTimer),this._liveRetryTimer=null),this._disposeService(),this._clearLiveErrorHandle(),this._el.innerHTML="",this.destroy(),this._releaseMediaElement(),this._options.recreatePlayer=null,this._options=null,this.isMutiLevel=!1,this._seis={},this._initPTS=0},O.prototype._releaseMediaElement=function(){this.tag.removeAttribute("src"),this.tag.load(),this.tag=null},O.prototype.mute=function(){this._muteInner(),this._originalVolumn=this.tag.volume;var e=y.get("Volume_Mute");return this._player.trigger(w.Private.Info_Show,{text:e,duration:1e3,align:"lb"}),this._setInnerVolume(0),this},O.prototype._muteInner=function(){this.tag.muted=!0,this.trigger(w.Private.VolumnChanged,-1)},O.prototype.unMute=function(){this._unMuteInner();var e=y.get("Volume_UnMute");return this._player.trigger(w.Private.Info_Show,{text:e,duration:1e3,align:"lb"}),this._setInnerVolume(this._originalVolumn||.5),this},O.prototype._unMuteInner=function(){this.tag.muted=!1,this.trigger(w.Private.VolumnChanged,-2)},O.prototype.muted=function(){return this.tag.muted},O.prototype.getVolume=function(){return this.tag.volume},O.prototype.getOptions=function(){return this._options},O.prototype.setVolume=function(e,t){0!=e?this._unMuteInner():0==e&&this._muteInner(),this._setInnerVolume(e);e=y.get("Curent_Volume")+"<span>"+(100*e).toFixed()+"%</span>";this._player.trigger(w.Private.Info_Show,{text:e,duration:1e3,align:"lb"})},O.prototype._setInnerVolume=function(e){this.tag.volume=e,this.trigger(w.Private.VolumnChanged,e)},O.prototype.hideProgress=function(){this.trigger(w.Private.HideProgress)},O.prototype.cancelHideProgress=function(){this.trigger(w.Private.CancelHideProgress)},O.prototype.setPlayerSize=function(e,t){this._el&&(this._el.style.width=e,this._el.style.height=t)},O.prototype.getBuffered=function(){return this.tag.buffered},O.prototype.setRotate=function(e){this.tag&&(this._rotate=e,this._setTransform(),this.log("ROTATE",{rotation:e}))},O.prototype.getRotate=function(e){return void 0===this._rotate?0:this._rotate},O.prototype.setImage=function(e){this.tag&&(this._image=e,this._setTransform(),this.log("IMAGE",{mirror:"horizon"==e?2:1,text:e}))},O.prototype.getImage=function(){return this._image},O.prototype.cancelImage=function(){this.tag&&(this._image="",this._setTransform(),this.log("IMAGE",{mirror:0}))},O.prototype.setCover=function(e){var t=document.querySelector("#"+this.id()+" .prism-cover");t&&e&&(t.style.backgroundImage="url("+e+")",this._options.cover=e,this.trigger(w.Private.Cover_Show))},O.prototype.setTextTracks=function(e){e=d.unqiueTextTracks(e||[]),this.trigger(w.Private.VttClearTracks),e&&e.length&&this.trigger(w.Private.TextTrackFounded,{from:"user",textTracks:e}),this.trigger(w.Private.CCReset)},O.prototype._setTransform=function(){this._transformProp||(this._transformProp=a.getTransformName(this.tag));var e=" translate(-50%, -50%)";this._rotate&&(e+=" rotate("+this._rotate+"deg)"),this._image&&("vertical"==this._image?e+=" scaleY(-1)":"horizon"==this._image&&(e+=" scaleX(-1)")),this.tag.style[this._transformProp]=e},O.prototype._startPlay=function(){this.tag.paused&&this.tag.play()},O.prototype._initPlayBehavior=function(e,t){return this._monitor&&0===this._vodRetryCount&&0===this._liveRetryCount&&this._monitor.resetVV(),!this._checkSupportVideoType()&&(d.validateSource(t)?(void 0===e&&(e=!1),this._created||(this._created=!0,this.trigger(w.Private.Created)),this.loaded||this.trigger(w.Player.Init),this._options.autoplay||this._options._autoplay||this._options.preload||e?(this._options._preload=!0,this._initLoad(t),(this._options.autoplay||this._options._autoplay)&&this._startPlay()):this.trigger(w.Private.Play_Btn_Show),!0):((e={mediaId:this._options.vid||"",error_code:p.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=y.get("Error_Invalidate_Source"),this.trigger(w.Player.Error,e),!1))},O.prototype._isPreload=function(){return this._options.autoplay||this._options.preload||this._options._preload},O.prototype._initLoad=function(e){e&&(this._isPreload()&&!u.IS_MOBILE?this.trigger(w.Private.H5_Loading_Show):(this.trigger(w.Private.H5_Loading_Hide),this.trigger(w.Private.Play_Btn_Show)),this.tag.setAttribute("src",e),this.loaded=!0)},O.prototype._clearLiveErrorHandle=function(){this._liveErrorHandle&&(clearTimeout(this._liveErrorHandle),this._liveErrorHandle=null)},O.prototype._reloadAndPlayForM3u8=function(){0==this._liveRetryCount&&this.trigger(w.Player.OnM3u8Retry);var e=this._options,t=e.liveRetryInterval+e.liveRetryStep*this._liveRetryCount,r=this;this._liveRetryTimer&&(clearTimeout(this._liveRetryTimer),this._liveRetryTimer=null),this._liveRetryTimer=setTimeout(function(){r._liveRetryCount++,r.tag.load(r._options.source),e.autoplay&&r.tag.play()},1e3*t)},O.prototype._checkSupportVideoType=function(){var e,t;return this.tag.canPlayType&&this._options.source&&u.IS_MOBILE?(e="",0<(t=this._options.source).indexOf("m3u8")?""!=this.tag.canPlayType("application/x-mpegURL")||d.isSupportHls()||(e=y.get("Error_Not_Support_M3U8_Text")):0<t.indexOf("mp4")?""==this.tag.canPlayType("video/mp4")&&(e=y.get("Error_Not_Support_MP4_Text")):(d.isRTMP(t)||d.isFlv(t))&&u.IS_MOBILE&&(e=y.get("Error_Not_Support_Format_On_Mobile")),e&&(t={mediaId:this._options.vid||"",error_code:p.ErrorCode.FormatNotSupport,error_msg:e},this.logError(t),t.display_msg=e,this.trigger(w.Player.Error,t)),e):""},O.prototype.getComponent=function(e){return this._lifeCycleManager.getComponent(e)},O.prototype.logError=function(e,t){(e=e||{}).vt=this.getCurrentTime(),this.log(t?"ERRORRETRY":"ERROR",e)},O.prototype.log=function(e,t){var r=0,i=0;if(this._monitor)return this._options&&(r=this._options.vid||"0",i=this._options.from||"0"),this._monitor.updateVideoInfo({video_id:r,album_id:0,source:this._options.source,from:i}),this._monitor._log(e,t)},O.prototype.setSanpshotProperties=function(e,t,r){if(this._snapshotMatric||(this._snapshotMatric={}),this._snapshotMatric.width=e,this._snapshotMatric.height=t,1<r)throw new Error("rate doesn't allow more than 1");this._snapshotMatric.rate=r},O.prototype.getStatus=function(){return this._status||"init"},O.prototype.enterProgressMarker=function(){this._enteredProgressMarker=!0},O.prototype.isInProgressMarker=function(){return this._enteredProgressMarker},O.prototype.exitProgressMarker=function(){this._enteredProgressMarker=!1},O.prototype.setProgressMarkers=function(e){this.trigger(w.Private.ProgressMarkerChanged,e=e||[])},O.prototype.getProgressMarkers=function(){return this._progressMarkerService?this._progressMarkerService.progressMarkers:[]},O.prototype.setPreviewTime=function(e){this._options.playConfig||(this._options.playConfig={}),this._options.playConfig.PreviewTime=e},O.prototype.getPreviewTime=function(){var e=0;return e=this._options.playConfig?this._options.playConfig.PreviewTime:e},O.prototype.exceedPreviewTime=function(e){return this.isPreview()&&e>=this._options.playConfig.PreviewTime},O.prototype.isPreview=function(){var e=this._options.playConfig.PreviewTime,t=this._vodDuration||this.tag.duration;return 0<e&&e<t},O.prototype.getStats=function(){return new i(function(e){e()})},O.prototype.setTraceId=function(e){this._monitor&&this._monitor.updateTraceId(e)},O.prototype._getSanpshotMatric=function(){return this._snapshotMatric||(this._snapshotMatric={}),this._snapshotMatric},O.prototype._autoplayFailedHandler=function(){this.trigger(w.Private.Play_Btn_Show),this.trigger(w.Private.H5_Loading_Hide),this.trigger(w.Player.AutoPlayPrevented),this.trigger(w.Player.AutoPlay,!1),this._options.cover&&this.trigger(w.Private.Cover_Show)},O.prototype._overrideNativePlay=function(){var r=this.tag.play,i=this;this.tag.play=function(){var e,t;i._monitor&&i._monitor.reportStartPlay(),i._options.source?(i.readyTime=(new Date).getTime(),e=r.apply(i.tag),void 0!==e&&e.then(function(){i.trigger(w.Player.AutoPlay,!0)}).catch(function(e){!i.tag||!i.tag.paused||i._isError||i._options._autoplay||i._switchedLevel||i._autoplayFailedHandler()}),t=i._originalPlaybackRate||i.tag.playbackRate,setTimeout(function(){i.tag&&(i.tag.playbackRate=t)})):(e={mediaId:i._options.vid||"",error_code:p.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"},i._options.vid?e.display_msg=y.get("Error_Vid_Empty_Source"):i._options.mediaAuth?e.display_msg=y.get("Error_Mediaauth_Empty_Source"):e.display_msg=y.get("Error_Empty_Source"),i.trigger(w.Player.Error,e))}},O.prototype._extraMultiSources=function(){var e=this._options.source;if(e&&-1<e.indexOf("{")&&-1<e.indexOf("}")){var t="";try{t=JSON.parse(e)}catch(e){console.error(e),console.error("\u5730\u5740json\u4e32\u683c\u5f0f\u4e0d\u5bf9")}var r,i=[];for(r in t){var n=p.QualityLevels[r];i.push({definition:r,Url:t[r],desc:n||r})}this._setupSourceList(i)}return i},O.prototype._setupSourceList=function(e){var t;(e=void 0===e?[]:e).length&&(this._currentPlayIndex=d.findSelectedStreamLevel(e),t=e[this._currentPlayIndex],this._urls=e,this._options.source=t.Url,this.trigger(w.Private.SourceLoaded,t))},O.prototype._isEnabledAILabel=function(){return this._options.ai&&this._options.ai.label},O.prototype._createService=function(){if(P)for(var e=P.length,t=0;t<e;t++){var r=P[t],i=r.condition;void 0===i?i=!0:"function"==typeof i&&(i=i.call(this)),i&&(this[r.name]=new r.service(this))}},O.prototype._disposeService=function(){if(P)for(var e=P.length,t=0;t<e;t++){var r=this[P[t].name];void 0!==r&&r.dispose&&r.dispose()}},O.prototype._executeReadyCallback=function(){this._options._readyCallbackCalled=!0;try{this._options.autoplay||this._options.preload||(this.trigger(w.Private.H5_Loading_Hide),this.trigger(w.Private.Play_Btn_Show)),this._options.readyCallback(this)}catch(e){console.log(e)}},O.prototype._clearTimeout=function(){this._checkTimeoutHandle&&(clearTimeout(this._checkTimeoutHandle),this._checkTimeoutHandle=null),this._waitingTimeoutHandle&&(clearTimeout(this._waitingTimeoutHandle),this._waitingTimeoutHandle=null),this._clearLiveErrorHandle()},O.prototype._reloadForVod=function(){var e,t,r;return this._originalSource||(this._originalSource=this._options.source),!!(this._vodRetryCount<this._options.vodRetry&&navigator.onLine)&&(e=this.getCurrentTime(),(t=this._originalSource).indexOf("auth_key=")<0&&(t=t&&0<t.indexOf("?")?t+"&_t="+(new Date).valueOf():t+"?_t="+(new Date).valueOf()),this._vodRetryCountHandle&&clearTimeout(this._vodRetryCountHandle),(r=this)._vodRetryCountHandle=setTimeout(function(){r._loadByUrlInner(t,e,r.getOptions().autoplay)},100*this._vodRetryCount),this._vodRetryCount=this._vodRetryCount+1,!0)},O.prototype._getUserTextTracks=function(){var e=this._options.textTracks||[];(e=d.unqiueTextTracks(e)).length&&this.trigger(w.Private.TextTrackFounded,{from:"user",textTracks:e})},t.exports=O},{"../../commonui/autostreamselector":11,"../../feature/AntiRecord":16,"../../feature/autoPlayDelay":17,"../../feature/keyboardControl":18,"../../feature/license":19,"../../lang/index":23,"../../lib/codec-probe":26,"../../lib/constants":28,"../../lib/cookie":29,"../../lib/dom":32,"../../lib/event":33,"../../lib/object":42,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/vttnext/index":56,"../../monitor/monitor":64,"../../ui/component":130,"../../ui/component/cover":134,"../../ui/component/license-watermark":139,"../../ui/component/play-animation":141,"../../ui/component/progressmarker":144,"../../ui/component/text-track-display":155,"../../ui/component/util":159,"../../ui/exports":162,"../service/export":120,"../splayer/splayerinjector":127,"./event/eventmanager":69,"./event/eventtype":70,"./eventHandler/video/index":84,"./plugin/lifecyclemanager":94,"./x5play":96,"es6-promise":8}],92:[function(e,t,r){e=e("../../../lib/oo").extend({});t.exports=e},{"../../../lib/oo":43}],93:[function(e,t,r){t.exports={createEl:"createEl",created:"created",ready:"ready",loading:"loading",play:"play",pause:"pause",playing:"playing",waiting:"waiting",timeUpdate:"timeupdate",error:"error",ended:"ended",dispose:"dispose",markerDotOver:"markerDotOver",markerDotOut:"markerDotOut"}},{}],94:[function(e,t,r){function i(i){(this._player=i)._status="init",this.components=[];var e=i.getOptions().components;if(e&&s.isArray(e)&&0<e.length)for(var t=0;t<e.length;t++){var r=e[t];if(!r)return void console.log("The "+t+" custome component is "+r);var n=void 0===r.type?r:r.type,o=void 0===r.args?[]:r.args,r=void 0===r.name?"":r.name;if(!n)return void console.log(r+" compenent is "+n);o=o&&0<o.length?[].concat.call([n],o):[],n=new(Function.prototype.bind.apply(n,o)),o=n[c.createEl];o&&"function"==typeof o&&o.call(n,i.el(),i),this.components.push({name:r,obj:n})}var a=this;i.on(l.Private.LifeCycleChanged,function(e){var t=e.paramData,r=t.type,t=t.data;r===l.Video.CanPlayThrough&&a._player.trigger(l.Player.TimeUpdate,t.target.currentTime),r===l.Video.Ended&&a._player.trigger(l.Player.TimeUpdate,a._player.getDuration()),0!=a.components.length&&u.call(a,i,e)})}var s=e("../../../lib/object"),l=e("../event/eventtype"),c=e("./lifecycle"),n=e("./status"),u=(i.prototype.getComponent=function(e){var t=null,r=this.components.length;if(e)for(var i=0;i<r;i++)if(this.components[i].name==e){t=this.components[i].obj;break}return t},function(e,t){if(t){for(var t=t.paramData,r=t.type,i=t.data,n=((t=r)!=l.Video.LoadStart&&t!=l.Video.LoadedData&&t!=l.Video.LoadedMetadata||(r=c.loading),p(e,r),this.components.length),o=0;o<n;o++){var a=this.components[o].obj,s=a[r];s&&"function"==typeof s&&s.call(a,e,i)}r==l.Private.Dispose&&(this.components=[])}}),p=function(e,t){void 0===n[t]||t==n.pause&&(e._status==n.error||e._status==n.ended)||t==n.ready&&e._status==n.playing||(e._status=t)};t.exports=i},{"../../../lib/object":42,"../event/eventtype":70,"./lifecycle":93,"./status":95}],95:[function(e,t,r){t.exports={init:"init",ready:"ready",loading:"loading",play:"play",pause:"pause",playing:"playing",waiting:"waiting",error:"error",ended:"ended"}},{}],96:[function(e,t,r){function i(e,t){var r=e.el().style.height,i=e.el().style.width,n=(e.originalLayout={container:{height:r,width:i},video:{width:e.tag.style.width,height:e.tag.style.height}},document.body.clientHeight*(window.devicePixelRatio||1)+"px"),o=document.body.clientWidth+"px";width=t?(height=n,o):(height=r.indexOf("%")?r:r+"px",i.indexOf("%")?i:i+"px"),e.tag.style.width=o,e.tag.style.height=n,e.el().style.height=t?n:height}var n=e("../../lib/ua"),o=e("../../lib/dom");t.exports.isAndroidX5=function(){return n.os.android&&n.is_X5||n.dingTalk()},t.exports.adaptX5Play=function(r){n.os.android&&n.is_X5&&("h5"==r._options.x5_type&&(r.tag.setAttribute("x5-video-player-type",r._options.x5_type),window.onresize=function(){var e,t;i(r,r._options.x5_fullscreen||"center"==r._options.x5_video_position),"landscape"==(e=r)._x5VideoOrientation&&(e._originalTagWidth=e.tag.style.width,e._originalTagHeight=e.tag.style.height,(t=document.querySelector("#"+e.id()+" .prism-controlbar"))&&parseFloat(t.offsetHeight),e.tag.style.height="100%",e.tag.style.width=window.screen.width+"px")},r.tag.addEventListener("x5videoenterfullscreen",function(){i(r,r._options.x5_fullscreen||"center"==r._options.x5_video_position),r.trigger("x5requestFullScreen")}),r.tag.addEventListener("x5videoexitfullscreen",function(){var e,t;(e=r).originalLayout&&(t=e.originalLayout,e.el().style.height=t.container.height,e.el().style.width=t.container.width,e.tag.style.width=t.video.width,e.tag.style.height=t.video.height),r.trigger("x5cancelFullScreen"),r.fullscreenService.getIsFullScreen()&&r.fullscreenService.cancelFullScreen()}),r.on("requestFullScreen",function(){"top"==r._options.x5_video_position&&o.removeClass(r.tag,"x5-top-left"),n.os.android&&n.is_X5&&r._options.x5LandscapeAsFullScreen&&(r.tag.setAttribute("x5-video-orientation","landscape"),r._x5VideoOrientation="landscape")}),r.on("cancelFullScreen",function(){"top"==r._options.x5_video_position&&o.addClass(r.tag,"x5-top-left"),n.os.android&&n.is_X5&&r._options.x5LandscapeAsFullScreen&&(r.tag.setAttribute("x5-video-orientation","portrait"),i(r,r._options.x5_fullscreen||"center"==r._options.x5_video_position),r._x5VideoOrientation="portrait")})),void 0!==r._options.x5_fullscreen&&r._options.x5_fullscreen&&(r.tag.setAttribute("x5-video-player-fullscreen",r._options.x5_fullscreen),o.addClass(r.tag,"x5-full-screen")),"top"==r._options.x5_video_position&&o.addClass(r.tag,"x5-top-left"),void 0!==r._options.x5_orientation)&&r.tag.setAttribute("x5-video-orientation",r._options.x5_orientation)}},{"../../lib/dom":32,"../../lib/ua":49}],97:[function(e,t,r){var f=e("../../lib/io"),y=e("../../config"),_=e("../../lib/constants"),g=e("../../lib/util"),v=e("../../lib/playerutil"),m=(e("../../lib/dom"),e("../../lang/index")),S=e("../base/event/eventtype"),b=e("../saas/drm"),T=e("../../lib/ua"),E=function(){function e(){}var t=e.prototype;return t.destroy=function(){},t.append=function(e){},t.remove=function(e,t){},t.isTextVisible=function(){},t.setTextVisibility=function(e){},e}();t.exports.inject=function(e,t,r,i,o,n,a){var s,l=i.source;function c(i){var n=this;this._drm.load(this._options.source,i.startTime).then(function(){if(n.trigger(S.Private.H5_Loading_Hide),i.continuePlay&&(n.play(),i.prevVariant)&&0!==i.prevVariant){for(var e,t=n._drm.getVariantTracks(),r=0;r<t.length;r++)if(t[r].id===i.prevVariant){e=t[r];break}e&&n._drm.selectVariantTrack(e,!0)}}).catch(function(e){p.call(n,e)})}function u(){var e=_.ErrorCode.DrmNotSupported,t=m.get("Error_Drm_Not_Supported"),e={mediaId:this._options.vid||"",error_code:e,error_msg:t};this.logError(e),this.trigger(S.Player.Error,e)}function p(e){var t=_.ErrorCode.DrmLoadError,r=m.get("Error_Drm_Load"),t={mediaId:this._options.vid||"",error_code:t,error_msg:r+"("+e.code+")"};this.logError(t),this.trigger(S.Player.Error,t)}function d(){this._sessionTimer&&(clearTimeout(this._sessionTimer),this._sessionTimer=null)}function h(e,t){t=t.getVariantTracks().find(function(e){return e.active});console.log("activeTrack",t),e.trigger(S.Private.QualityChange,{levelSwitch:!0,bitrate:t.bandwidth,desc:t.height})}!n&&(i=l,e._drm||!v.isDash(i)&&!v.isHls(i))||(e._isDrm=!0,e._drm=null,e._isLoadedDrm=!1,e._sessionTimer=null,e._isFairPlay=T.IS_MAC_SAFARI||T.IS_IOS,e._fairPlayHandlers={},console.log("use FairPlay",e._isFairPlay),t.prototype._checkDrmReady=function(){if(null==e._drm&&!e._isFairPlay)throw new Error("please invoke this method after ready event")},t.prototype.play=function(e){this._checkDrmReady(),this._isManualPlay=e||!1;return this.trigger(S.Private.Cover_Hide),this.tag.ended?this.replay():(this.getCurrentTime(),this.tag.paused&&this.tag.play()),this},t.prototype.initPlay=function(e){var t;function r(n,t){var r,i;if(n._antiRecord&&(console.log("Manual check before load source"),n._antiRecord.check()))return;!shaka.Player.isBrowserSupported()||function(){if(T.IS_ANDROID)return!(!T.IS_UC&&!T.IS_FIREFOX)}()?u.call(n):(r=!n._drm,i=function(){var e;n._drm=new shaka.Player(n.tag),s(n,n._drm),e=n._options.isLive?"https://"+v.getLiveHostByRegion(n._options.region):"https://vod."+n._options.region+".aliyuncs.com",n._drm.configure({drm:{servers:{"com.widevine.alpha":e,"com.microsoft.playready":e},retryParameters:{maxAttempts:1}},textDisplayFactory:function(){return new E}}),n._drm.getNetworkingEngine().registerRequestFilter(function(e,t){shaka.util.StringUtils;var r=shaka.util.Uint8ArrayUtils;e==shaka.net.NetworkingEngine.RequestType.LICENSE&&(e=r.toBase64(new Uint8Array(t.body)),r=n._options.isLive?b.getRequestUrl(e,n):b.postData(e,n),t.uris[0]=r.url,t.headers["content-type"]="application/x-www-form-urlencoded",t.body=r.data)}),n._drm.getNetworkingEngine().registerResponseFilter(function(e,t){var r=shaka.util.StringUtils,i=shaka.util.Uint8ArrayUtils;e==shaka.net.NetworkingEngine.RequestType.LICENSE&&(e=r.fromUTF8(t.data),r=JSON.parse(e),e=n._options.isLive?r.Response.B64License:JSON.parse(r.License).b64License,t.data=i.fromBase64(e))}),n._drm.addEventListener("error",function(e){console.log("errorMessage"),console.log(e.detail.code),console.log(e.detail)}),n._drm.load(n._options.source).then(function(){n._initPlayBehavior(t)}).catch(function(e){p.call(n,e)}),d.call(n),n.one(S.Video.CanPlay,function(){d.call(n)}),n._sessionTimer=setTimeout(function(){p.call(n,{code:"session timeout"}),n._drm&&n._drm.destroy()},n._player.getOptions().drmSessionTimeout||5e3),o&&o(n._drm),r&&n._executeReadyCallback()},n.destroy(function(e){try{i()}catch(e){console.log(e)}}))}g.contentProtocolMixed(l)?((t={mediaId:this._options.vid||"",error_code:_.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=m.get("Request_Block_Text"),this.trigger(S.Player.Error,t)):(this._waitingTimeoutCount=1,this._isFairPlay?(this.trigger(S.Private.H5_Loading_Show),function(e,t){var r;this._isFairPlay&&(!function(){if(T.IS_IOS)return e=parseInt(T.os.version),console.log("osVersion",e),12<=e;{var e;if(T.IS_MAC_SAFARI)return e=parseInt(T.browser.version),console.log("browserVersion",e),12<=e}return}()?u.call(this):((r=this).destroy(),b.loadCertificate(this,function(){e&&e(),r._initPlayBehavior(t,r._options.source),r._executeReadyCallback()})))}.call(this,o,e)):this._isLoadedDrm&&"undefined"!=typeof shaka?r(this,e):(this.trigger(S.Private.H5_Loading_Show),function(e){var t="aliplayer-drm-min.js",r="",r=y.domain?"https://"+y.domain+"/de/prismplayer/"+y.h5Version+"/drm/"+t:"/build/drm/"+t,i=this;f.loadJS(r,function(){shaka.polyfill.installAll(),e.apply(i)})}.call(this,function(){this._isLoadedDrm=!0,r(this,e)})))},t.prototype.destroy=function(e){var t;this._drm?(d.call(t=this),this._drm.destroy().then(function(){t._drm=null,"function"==typeof e&&e(t)})):(this._isFairPlay&&this._destroyFairPlay(),"function"==typeof e&&e(this))},t.prototype._destroyFairPlay=function(){b.destroyFairPlay.call(this)},t.prototype.dispose=function(){r.dispose.call(this),this.destroy()},t.prototype._switchLevel=function(e,t){if(t=t||{},this.trigger(S.Player.LevelSwitch),this._switchedLevel=!0,this._isFairPlay){this._manuallySwitchDrmLevel=!t.isAuto;var r=this.autoplay||"pause"!=this._status;this._loadByUrlInner(e,this.getCurrentTime(),r,!0)}else if(t.isAuto)this._drm.configure({abr:{enabled:!0}}),h(this._player,this._drm);else{for(var i,n=this._drm.getVariantTracks(),o=0;o<n.length;o++){var a=n[o];if(Number(a.bandwidth)===Number(t.bitrate)&&Number(a.height)===Number(t.resolution.split("x")[1])){i=a;break}}console.log("find track",i),this._drm.configure({abr:{enabled:!1}}),this._drm.selectVariantTrack(i,!this._options.seamlessHandover)}var s=this;setTimeout(function(){s.trigger(S.Player.LevelSwitched),this._switchedLevel=!1},1e3)},t.prototype._getDRMEncryptItem=function(){var e=this._urls;if(e&&0<e.length)for(var t=e.length,r=0;r<t;r++){var i=e[r];if(i.Url==this._options.source&&+i.encryption)return i}return""},t.prototype._getItemBySource=function(){var e=this._urls;if(e&&0<e.length)for(var t=e.length,r=0;r<t;r++){var i=e[r];if(i.Url==this._options.source)return i}return""},s=function(o,r){r.addEventListener("error",function(e){var t,r=o,e=e.detail,i="Error code:"+e.code+"message:"+e.message,n=(console.log(i),_.ErrorCode.OtherError),i=m.get("Error_Play_Text");e.code==shaka.util.Error.Code.EXPIRED?function(){var t=this,e=(this.trigger(S.Private.H5_Loading_Show),null);this._options.isLive||(e=this.getCurrentTime());var r,i=!this.paused(),n=this._drm.getConfiguration().abr.enabled;if(!n)for(var o=this._drm.getVariantTracks(),a=0;a<o.length;a++)if(o[a].active){r=o[a].id;break}var s={startTime:e,continuePlay:i,prevVariant:r,isAdaptive:n};"function"==typeof this._options.refreshAccessInfo?this._options.refreshAccessInfo().then(function(e){(e=e||{}).accessKeyId&&(t._options.accessKeyId=e.accessKeyId),e.securityToken&&(t._options.securityToken=e.securityToken),e.accessKeySecret&&(t._options.accessKeySecret=e.accessKeySecret),c.call(t,s)}):c.call(t,s)}.call(r):(e.code==shaka.util.Error.Code.HTTP_ERROR?(n=_.ErrorCode.NetworkError,i=m.get("Http_Error")):e.code==shaka.util.Error.Code.TIMEOUT?(n=_.ErrorCode.LoadingTimeout,i=m.get("Error_Waiting_Timeout_Text")):e.code==shaka.util.Error.Code.LICENSE_REQUEST_FAILED?(n=_.ErrorCode.DrmLicenseRequestFailed,i=m.get("Error_Drm_License_Request_Failed")):e.Category==shaka.util.Error.NETWORK&&(n=_.ErrorCode.NetworkError,i=m.get("Error_Network_Text")),d.call(r),setTimeout(function(){r.trigger(S.Private.Play_Btn_Hide)}),r.checkOnline()&&(t=r._drm.drmInfo()||{},t={keyIds:Array.from(t.keyIds||[]),initData:String((null==(t=(t.initData||[])[0])?void 0:t.initData)||[])},t={mediaId:r._options.vid||"",error_code:n,error_msg:e.message,shaka_error:JSON.stringify(e.data||[]),drm_info:JSON.stringify(t)},r.logError(t),t.display_msg=e.code+"|"+i,r.trigger(S.Player.Error,t)))}),r.addEventListener("variantchanged",function(e){console.log("DRM Event: variantchanged",e)}),r.addEventListener("abrstatuschanged",function(e){console.log("DRM Event: abrstatuschanged",e)}),r.addEventListener("drmsessionupdate",function(e){console.log("DRM Event: drmsessionupdate",e),d.call(o)}),r.addEventListener("expirationupdated",function(e){console.log("DRM Event: expirationupdated",e),console.log("Exp:",this.getExpiration())}),r.addEventListener("adaptation",function(e){console.log("adaptation",e),h(o,r)}),r.addEventListener("trackschanged",function(e){console.log("DRM EVENT: trackschanged",r.getTextLanguages(),r.getTextTracks());var t=r.getTextLanguages();t&&t.length&&(t=function(e){var t={subtitle:"subtitles",caption:"captions"},r=(console.log("Building track config"),e.getManifest().textStreams||[]),i=(console.log("textStreams",r),e.getTextLanguages()),n=(console.log("languageList",i),[]);try{r.forEach(function(e){i.includes(e.language)&&n.push({kind:t[e.kind]||e.kind,label:e.label,srclang:e.language,src:Array.from(e.segmentIndex)[0].getUris()[0]})})}catch(e){console.log("error in retrieving text track url: ",e)}return n}(r),o.trigger(S.Private.TextTrackFounded,{from:"drm",textTracks:t}),o.trigger(S.Private.CCReset))})})}},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/dom":32,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/util":51,"../base/event/eventtype":70,"../saas/drm":107}],98:[function(e,t,r){var i=e("../base/player"),n=e("./drminjector"),o=i.extend({init:function(e,t){n.inject(this,o,i.prototype,t,function(e){}),t._native=!1,i.call(this,e,t)}});t.exports=o},{"../base/player":91,"./drminjector":97}],99:[function(e,t,r){var i=e("../../ui/component"),n=e("../../lib/data"),o=e("../../lib/ua"),a=e("../../lib/constants"),s=e("../../lib/dom"),l=e("../../lib/object"),c=e("../../config"),u=e("../../lang/index"),p=e("../../lib/playerutil"),d=e("../../lib/util"),h=e("../../ui/component/info-display"),f=e("../../ui/component/error-display"),y=e("../../feature/autoPlayDelay"),_=e("../../commonui/autostreamselector"),g=e("../base/event/eventtype"),v=e("../saas/ststoken"),e=i.extend({init:function(e,t){var r;void 0===t.skinLayout&&(t.skinLayout=p.defaultFlashLayout),i.call(this,this,t),this._id="prism-player-"+n.guid(),this.tag=e,this._el=this.tag,this._childrenUI=[f],this.initChildren(),this.id=this._id,window[this.id]=this,u.setCurrentLanguage(this._options.language,"flash",this._options.languageTexts),d.openInFile()?(t={mediaId:this._options.vid||"",error_code:a.ErrorCode.FormatNotSupport,error_msg:u.get("Open_Html_By_File","flash")},this.trigger(g.Private.Error_Show,t)):o.IS_MOBILE?this.trigger(g.Private.Error_Show,{mediaId:this._options.vid||"",error_code:a.ErrorCode.FormatNotSupport,error_msg:u.get("Cant_Use_Flash_On_Mobile","flash")}):(this._options.vid&&this._options.accessKeyId&&this._options.securityToken&&this._options.accessKeySecret?v.getPlayAuth((r=this)._options,function(e){r._options.playauth=e,r._createPlayer()},function(e){var t={mediaId:r._options.vid,error_code:e.Code,error_msg:e.Message};e.sri&&(t.sri=e.sri),t.display_msg=e.display_msg,r.trigger(g.Private.Error_Show,t)},"flash"):this._createPlayer(),this._status="init")},_createPlayer:function(){var e,t;this._options.autoPlayDelay?(t=new y(this),e=this,t.handle(function(){e._options.autoplay=!0,e._initPlayer(),e._childrenUI=[h,_],e.initChildren()})):(this._initPlayer(),this._childrenUI=[h,_],this.initChildren()),o.HAS_FLASH||(t=u.get("Flash_Not_Ready","flash"),this.trigger(g.Private.Info_Show,{text:t,align:"tc",isBlack:!1}))},_initPlayer:function(){var e="//"+c.domain+"/de/prismplayer-flash/"+c.flashVersion+"/PrismPlayer.swf",t=(this._options.playerSwfPath?e=this._options.playerSwfPath:c.domain?-1<c.domain.indexOf("localhost")&&(e="//"+c.domain+"/build/flash//PrismPlayer.swf"):e="de/prismplayer-flash/"+c.flashVersion+"/PrismPlayer.swf",this._comboFlashVars()),r=this._options.wmode||"opaque";this.tag.innerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100%" height="100%" id="'+this.id+'"><param name=movie value="'+e+'"><param name=quality value=High><param name="FlashVars" value="'+t+'"><param name="WMode" value="'+r+'"><param name="AllowScriptAccess" value="always"><param name="AllowFullScreen" value="true"><param name="AllowFullScreenInteractive" value="true"><embed name="'+this.id+'" src="'+e+'" quality=high pluginspage="//www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%" AllowScriptAccess="always" AllowFullScreen="true" AllowFullScreenInteractive="true" WMode="'+r+'" FlashVars="'+t+'"></embed></object>'},_getPlayer:function(e){return-1!=navigator.appName.indexOf("Microsoft")?document.getElementById(e):document[e]},_getLowerQualityLevel:function(){var e,t=this._getVideoUrls();return t&&(e=t.Urls,t=t.index,!(e&&0==e.length||-1==t))&&0<t?{item:e[t-1],index:t-1}:""},_comboFlashVars:function(){var e=encodeURIComponent(o.getReferer()),t=o.getHref(),r=encodeURIComponent(t),i="",t=(t&&(i=o.getHost(t)),this._options),e={autoPlay:t.autoplay?1:0,isInner:0,actRequest:1,vid:t.vid,diagnosisButtonVisible:t.diagnosisButtonVisible?1:0,domain:t.domain||"//tv.taobao.com",statisticService:t.statisticService||c.logReportTo,videoInfoService:t.videoInfoService||"/player/json/getBaseVideoInfo.do",disablePing:t.trackLog?0:1,namespace:this.id,barMode:0!=t.barMode?1:0,isLive:t.isLive?1:0,waterMark:t.waterMark,environment:t.environment,vurl:t.source?encodeURIComponent(t.source):"",plugins:t.plugins||"",snapShotShow:t.snapshot?1:0,accessId:t.accId||"",accessKey:t.accSecret||"",apiKey:t.apiKey||"",flashApiKey:t.flashApiKey||"",disableSeek:t.disableSeek?1:0,disableFullScreen:t.disableFullScreen?1:0,stsToken:t.stsToken||"",domainRegion:t.domainRegion||"",authInfo:t.authInfo?encodeURIComponent(t.authInfo):"",playDomain:t.playDomain||"",stretcherZoomType:t.stretcherZoomType||"",playauth:t.playauth?t.playauth.replace(/\+/g,"%2B"):"",prismType:t.prismType||0,formats:t.formats||"",notShowTips:t.notShowTips?1:0,showBarTime:t.showBarTime||0,showBuffer:0==t.showBuffer?0:1,rePlay:t.rePlay?1:0,encryp:t.encryp||"",secret:t.secret||"",mediaType:"video",logInfo:{ud:o.getHost(t.source),os:o.os.name,ov:o.os.version||"",et:o.browser.name,ev:o.browser.version||"",uat:o.USER_AGENT,r:e,pu:r,app_n:i}},n=[];return void 0!==t.rtmpBufferTime&&(e.rtmpBufferTime=t.rtmpBufferTime),t.cover&&(e.cover=t.cover),t.extraInfo&&(e.extraInfo=encodeURIComponent(JSON.stringify(t.extraInfo))),e.logInfo&&(e.logInfo=encodeURIComponent(JSON.stringify(e.logInfo))),e.languageData=encodeURIComponent(JSON.stringify(u.getLanguageData("flash"))),e.language=u.getCurrentLanguage(),l.each(e,function(e,t){n.push(e+"="+t)}),n.join("&")},initChildren:function(){for(var e=this._childrenUI.length,t=0;t<e;t++){var r=new this._childrenUI[t](this,this._options),i=r.el();i.id=r.id(),this.contentEl().appendChild(i),r.bindEvent()}var n=document.querySelector("#"+this._options.id+" .prism-info-display");s.css(n,"display","none")},flashReady:function(){this.flashPlayer=this._getPlayer(this.id),this._isReady=!0;var e=this._options.skinRes,t=this._options.skinLayout;if(!1!==t&&!l.isArray(t))throw new Error("PrismPlayer Error: skinLayout should be false or type of array!");if("string"!=typeof e)throw new Error("PrismPlayer Error: skinRes should be string!");e=0!=t&&0!==t.length&&{skinRes:e,skinLayout:t},this.flashPlayer.setPlayerSkin(e),this.trigger("ready");var r=this;window.addEventListener("beforeunload",function(){try{r.flashPlayer.setPlayerCloseStatus()}catch(e){}})},jsReady:function(){return!0},snapshoted:function(e){var t=d.toBinary(e),e="data:image/jpeg;base64,"+e;this.trigger("snapshoted",{time:this.getCurrentTime(),base64:e,binary:t})},uiReady:function(){this._status="ready",this.trigger("uiReady")},loadedmetadata:function(){"ended"!=this._status&&(this._status="loading",this.trigger("loadedmetadata"))},onPlay:function(){this._status="play",this.trigger("play"),this._clearTimeoutHandle(),this.trigger(g.Private.AutoStreamHide)},onEnded:function(){this._clearTimeoutHandle(),this._status="ended",this.trigger("ended")},onPause:function(){this._status="pause",this._clearTimeoutHandle(),this.trigger(g.Private.AutoStreamHide),this.trigger("pause")},onBulletScreenReady:function(){this.trigger("bSReady")},onBulletScreenMsgSend:function(e){this.trigger("bSSendMsg",e)},onVideoRender:function(e){this._clearTimeoutHandle(),this.trigger("videoRender"),this.trigger("canplay",{loadtime:e})},onVideoError:function(e){this._clearTimeoutHandle(),this._status="error",this.trigger("error",{errortype:e})},onM3u8Retry:function(){this.trigger("m3u8Retry")},hideBar:function(){this.trigger("hideBar")},showBar:function(){this.trigger("showBar")},liveStreamStop:function(){this.trigger("liveStreamStop")},stsTokenExpired:function(){this._status="error",this.trigger("stsTokenExpired")},onVideoBuffer:function(){var e;"pause"!=this._status&&(this._status="waiting",this.trigger("waiting"),this._clearTimeoutHandle(),(e=this)._checkTimeoutHandle=setTimeout(function(){e.trigger(g.Private.AutoStreamShow)},1e3*this._options.loadDataTimeout),this._checkVideoStatus())},startSeek:function(e){this.trigger("startSeek",e)},completeSeek:function(e){this.trigger("completeSeek",e)},_invoke:function(){var e=arguments[0],t=arguments;if(Array.prototype.shift.call(t),!this.flashPlayer)throw new Error("PrismPlayer Error: flash player is not ready\uff0cplease use api after ready event occured!");if("function"!=typeof this.flashPlayer[e])throw new Error("PrismPlayer Error: function "+e+" is not found!");return this.flashPlayer[e].apply(this.flashPlayer,t)},play:function(){this._invoke("playVideo")},replay:function(){this._invoke("replayVideo")},pause:function(){this._invoke("pauseVideo")},stop:function(){this._invoke("stopVideo")},seek:function(e){this._invoke("seekVideo",e)},getCurrentTime:function(){return this._invoke("getCurrentTime")},getDuration:function(){return this._invoke("getDuration")},getStatus:function(){return this._status},_getVideoUrls:function(){var e=this._invoke("getVideoUrls"),t=[];if(e&&e.Urls)for(var r=0;r<e.Urls.length;r++){var i=e.Urls[r].value,n=i.desc.indexOf("_"),o=u.get(i.definition,"flash");i.desc=0<n?o+"_"+i.height:o,t.push(i)}return{Urls:t,index:e.index}},_getVideoStatus:function(){return this._invoke("getVideoStatus")},_checkVideoStatus:function(){var r;this.flashPlayer&&!this._checkVideoStatusHandler&&(r=this,function t(){r._checkVideoStatusHandler=setTimeout(function(){var e=r._getVideoStatus();"playing"==e.videoStatus&&"bufferFull"==e.bufferStatus?(r._status="playing",r._clearTimeoutHandle()):"videoPlayOver"==e.videoStatus&&(r._status="ended",r._clearTimeoutHandle()),t()},500)}())},_clearTimeoutHandle:function(){this._checkTimeoutHandle&&(clearTimeout(this._checkTimeoutHandle),this._checkTimeoutHandle=null)},_changeStream:function(e){return this._invoke("changeStream",e)},mute:function(){this.setVolume(0)},unMute:function(){this.setVolume(.5)},getVolume:function(){return this._invoke("getVolume")},setVolume:function(e){this._invoke("setVolume",e)},loadByVid:function(e){this._invoke("loadByVid",e,!1)},loadByUrl:function(e,t){this._invoke("loadByUrl",e,t)},dispose:function(){this._clearTimeoutHandle(),this._checkVideoStatusHandler&&(clearTimeout(this._checkVideoStatusHandler),this._checkVideoStatusHandler=null),this._invoke("pauseVideo");var e=this;setTimeout(function(){e.off("completeSeek"),e.off("startSeek"),e.off("stsTokenExpired"),e.off("liveStreamStop"),e.off("showBar"),e.off("hideBar"),e.off("m3u8Retry"),e.off("error"),e.off("canplay"),e.off("pause"),e.off("ended"),e.off("play"),e.off("loadedmetadata"),e.off("snapshoted"),e.off("uiReady"),e.off("ready"),e.flashPlayer=null,e._el&&(e._el.innerHTML="")})},showBSMsg:function(e){this._invoke("showBSMsg",e)},setToastEnabled:function(e){this._invoke("setToastEnabled",e)},setLoadingInvisible:function(){this._invoke("setLoadingInvisible")},setPlayerSize:function(e,t){this._el.style.width=e,this._el.style.height=t}});t.exports=e},{"../../commonui/autostreamselector":11,"../../config":14,"../../feature/autoPlayDelay":17,"../../lang/index":23,"../../lib/constants":28,"../../lib/data":30,"../../lib/dom":32,"../../lib/object":42,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/util":51,"../../ui/component":130,"../../ui/component/error-display":135,"../../ui/component/info-display":138,"../base/event/eventtype":70,"../saas/ststoken":114}],100:[function(e,t,r){var a=e("../../lib/io"),c=e("../../config"),u=e("../../lib/constants"),p=e("../../lib/util"),d=e("../../lib/playerutil"),h=e("../../lib/ua"),f=e("../../lang/index"),y=e("../base/event/eventtype");t.exports.inject=function(e,t,r,i,s,n){var l,o=i.source;!n&&(i=o,e._flv||!d.isFlv(i))||(e._Type=t,e._superType=r,e._superPt=r.prototype,e._disposed=!1,t.prototype._checkFlvReady=function(){if(null==e._flv)throw new Error("please invoke this method after ready event")},e._isFlv=!0,e._flv=null,e._isLoadedFlv=!1,e._originalUrl="",t.prototype.play=function(e){this._checkFlvReady(),this._isManualPlay=e||!1;return this.trigger(y.Private.Cover_Hide),this._options.isLive&&e?this._loadByUrlInner(this._options.source,0,e):this.tag.ended||this._ended?this.replay():(0==this._seeking&&(e=0,this.tag.ended||this._ended||0==(e=this.getCurrentTime())&&(e=-1),-1!=e)&&this.seek(e),this.tag.paused&&(this._hasLoaded||this._flv.load(),this._flv.play())),this},t.prototype.seek=function(e){this._checkFlvReady(),this._seeking=!0;var t=this.getDuration();t<=(e=Math.floor(e))&&(e=t);try{this._flv.currentTime=e}catch(e){console.log(e)}return this},t.prototype.pause=function(e){return this._checkFlvReady(),this._isManualPause=e||!1,this._flv.pause(),this},t.prototype.getProgramDateTime=function(){var e;return this._checkFlvReady(),this._metadata?(e=(e=this._flv.getFirstSample())&&e.pts?e.pts:0,console.log("\u63a8\u6d41\u65f6\u95f4\uff1a"+this._metadata.NtpTime),console.log("\u9996\u5e27PTS\uff1a"+e),this._metadata.NtpTime+e):""},t.prototype.initPlay=function(e){var t;function r(t,e){var r,i=!t._flv,n=(t._destroyFlv(),t._options.isLive),o={isLive:n,enableWorker:t._options.enableWorker,stashInitialSize:2048},a=(h.IS_IE11&&(o.enableWorker=!1),{type:"flv",isLive:n,url:t._options.source});for(r in n?(o.enableStashBuffer=t._options.enableStashBufferForFlv,stashInitialSize=t._options.stashInitialSizeForFlv,o.autoCleanupSourceBuffer=!1):o.lazyLoadMaxDuration=600,t._options.isLive&&(t._options.flvFrameChasing&&(o.flvFrameChasing=t._options.flvFrameChasing),t._options.chasingFirstParagraph&&(o.chasingFirstParagraph=t._options.chasingFirstParagraph),t._options.chasingSecondParagraph&&(o.chasingSecondParagraph=t._options.chasingSecondParagraph),t._options.chasingFirstSpeed&&(o.chasingFirstSpeed=t._options.chasingFirstSpeed),t._options.chasingSecondSpeed)&&(o.chasingSecondSpeed=t._options.chasingSecondSpeed),t._options.flvOption)"cors"==r||"hasAudio"==r||"withCredentials"==r||"hasVideo"==r||"type"==r?a[r]=t._options.flvOption[r]:o[r]=t._options.flvOption[r];t._originalUrl=t._options.source,flvjs.LoggingControl.enableAll=t._options.debug,t._flv=flvjs.createPlayer(a,o),l(t,t._flv),t._flv.on(flvjs.Events.MEDIA_INFO,function(e){t._metadata=e.metadata}),t._flv.on(flvjs.Events.METADATA_ARRIVED,function(e){e&&e.dataContent&&e.dataContent.length&&t.trigger(y.Private.SeiFrame,{dataContent:e.dataContent,pts:e.pts})}),t._flv.attachMediaElement(t.tag),t._initPlayBehavior(e)&&((t._options.preload||t._options.autoplay)&&(t._hasLoaded=!0,t._flv.load()),t._options.autoplay&&!t.tag.paused&&t._flv.play(),s&&s(t._flv),i)&&(t._executeReadyCallback(),t._urls)&&0<t._urls.length&&!t._options.defaultDefinition&&(t._currentPlayIndex=d.findSelectedStreamLevel(t._urls),n=t._urls[t._currentPlayIndex],t._options.source=n.Url,t.trigger(y.Private.SourceLoaded,n))}h.browser.safari&&this.trigger(y.Private.Snapshot_Hide),p.contentProtocolMixed(o)?((t={mediaId:this._options.vid||"",error_code:u.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=f.get("Request_Block_Text"),this.trigger(y.Player.Error,t)):(that=this)._isLoadedFlv&&"undefined"!=typeof Hls?setTimeout(function(){r(that,e)},1e3):(this.trigger(y.Private.H5_Loading_Show),function(e,t){var r="aliplayer-flv-min.js",i="",i=c.domain?"https://"+c.domain+"/de/prismplayer/"+c.h5Version+"/flv/"+r:"/build/flv/"+r,n=this;a.loadJS(i,function(){e.apply(n)})}.call(that,function(){this._isLoadedFlv=!0,r(this,e)},this._options.debug))},t.prototype._destroyFlv=function(){try{this._flv&&(this._flv.pause(),this._flv.destroy())}catch(e){console.log(e)}this.loaded=!1,this._hasLoaded=!1,this._flv=null},t.prototype.dispose=function(){this._disposed||(this._disposed=!0,this._superPt&&this._superPt.dispose.call(this),this._destroyFlv(),this._superPt&&(t.prototype.play=this._superPt.play,t.prototype.pause=this._superPt.pause,t.prototype.initPlay=this._superPt.initPlay,t.prototype.seek=this._superPt.seek,t.prototype.canSeekable=this._superPt.canSeekable))},t.prototype.canSeekable=function(e){var t=this._flv.mediaInfo;return!(!this._flv._isTimepointBuffered(e)&&t&&!t.hasKeyframesIndex)},l=function(s,e){var l=!1;e.on(flvjs.Events.ERROR,function(e,t,r){var i,n,o=u.ErrorCode.OtherError,a=f.get("Error_Play_Text");e!==flvjs.ErrorTypes.BUFFER_FULL&&(t==flvjs.ErrorDetails.NETWORK_EXCEPTION?!(e=s.getOptions().source)||0!=e.toLowerCase().indexOf("http://")&&0!=e.toLowerCase().indexOf("https://")?(o=u.ErrorCode.InvalidSourceURL,a=f.get("Error_Invalidate_Source_Widthout_Protocal"),l=!0):a=navigator.onLine?(o=u.ErrorCode.RequestDataError,f.get("Maybe_Cors_Error")):(o=u.ErrorCode.NetworkError,f.get("Error_Network_Text")):t==flvjs.ErrorDetails.NETWORK_STATUS_CODE_INVALID?"404"==r.code?(o=u.ErrorCode.NotFoundSourceURL,a=f.get("Error_Not_Found")):"403"==r.code?(o=u.ErrorCode.AuthKeyExpired,a=f.get("Error_AuthKey_Text"),l=!0):(o=u.ErrorCode.NetworkError,a=f.get("Error_Network_Text")):t==flvjs.ErrorDetails.NETWORK_TIMEOUT?(o=u.ErrorCode.LoadingTimeout,a=f.get("Error_Waiting_Timeout_Text")):t!=flvjs.ErrorDetails.MEDIA_FORMAT_UNSUPPORTED&&t!=flvjs.ErrorDetails.MEDIA_CODEC_UNSUPPORTED||(o=u.ErrorCode.FormatNotSupport,a=f.get("Error_H5_Not_Support_Text"),l=!0),e=function(){var e;setTimeout(function(){s.trigger(y.Private.Play_Btn_Hide)}),s.checkOnline()&&(e={mediaId:s._options&&s._options.vid?s._options.vid:"",error_code:o,error_msg:r.msg},s.logError(e),e.display_msg=a,c.cityBrain&&(s.flv=null),s.trigger(y.Player.Error,e))},s._options&&s._options.isLive&&!l?(i=s._options).liveRetry>s._liveRetryCount?(0==s._liveRetryCount&&s.trigger(y.Player.OnM3u8Retry),n=i.liveRetryInterval+i.liveRetryStep*s._liveRetryCount,s._liveRetryCount++,setTimeout(function(){s._loadByUrlInner(i.source)},1e3*n)):(s._liveErrorHandle&&clearTimeout(s._liveErrorHandle),s.trigger(y.Player.LiveStreamStop),s._liveErrorHandle=setTimeout(e,500)):t===flvjs.ErrorDetails.MEDIA_MSE_ERROR&&11===r.code&&s.getCurrentTime()<s.getDuration()?(s._flv.unload(),s._flv.load(),s._flv.detachMediaElement(),s._flv.attachMediaElement(s.tag)):l?(s._flv.unload(),e()):s._reloadForVod()||e())})})}},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/util":51,"../base/event/eventtype":70}],101:[function(e,t,r){var i=e("../base/player"),n=e("./flvinjector"),o=i.extend({init:function(e,t){n.inject(this,o,i,t,function(e){}),t._native=!1,i.call(this,e,t)}});t.exports=o},{"../base/player":91,"./flvinjector":100}],102:[function(e,t,r){var u=e("../../lib/io"),p=e("../../config"),d=e("../../lib/constants"),h=e("../../lib/util"),f=e("../../lib/playerutil"),y=e("../../lib/ua"),_=e("../../lang/index"),g=e("../base/event/eventtype"),v=e("../../lib/hls/hlsparse");function m(){this&&this._hls&&(this._hls.stopLoad(),this._hls.destroy(),this._hls=null)}t.exports.inject=function(e,t,r,i,n,l){e._hls2=!1;var o,a,s=i.source,c=i.useHlsPluginForSafari,i=i.useHlsPlugOnMobile;(n||l||(o=s,c=c,i=i,!e._hls&&f.isHls(o)&&(!f.canPlayHls()||f.isSafariUsedHlsPlugin(c)||i&&f.isUsedHlsPluginOnMobile())))&&(e._Type=t,e._superType=r,e._superPt=r.prototype,e._disposed=!1,t.prototype._checkHlsReady=function(){if(null==e._hls)throw new Error("please invoke this method after ready event")},e._isHls=!0,e._hls=null,e._isLoadedHls=!1,e._stopLoadAsPaused=!0,e._sce_dlgtqred_saved=n,t.prototype.play=function(e){this._checkHlsReady(),this._isManualPlay=e||!1;return this.trigger(g.Private.Cover_Hide),this._options.autoplay||this._options.preload||this._loadSourced||(this._loadSourced=!0,this._options._autoplay=!0,this._hls.loadSource(this._options.source)),this.tag.ended||this._ended?this.replay():this.tag.paused&&(this.tag.play(),this._stopLoadAsPaused)&&(e=this.getCurrentTime(),this._hls.startLoad(e)),this},t.prototype.replay=function(){return this._monitor&&this._monitor.replay(),this._hls.startLoad(0),this.tag.play(),this},t.prototype.pause=function(e){return this.tag&&(this._checkHlsReady(),this.tag.pause(),this._stopLoadAsPaused)&&this._hls.stopLoad(),this._isManualPause=e||!1,this},t.prototype.stop=function(){return this._checkHlsReady(),this.tag.setAttribute("src",null),this._hls.stopLoad(),this},t.prototype.seek=function(e){this._checkHlsReady();try{this._superPt.seek.call(this,e),this.tag.paused&&this._stopLoadAsPaused&&this._hls.startLoad(e)}catch(e){console.log(e)}return this},t.prototype.getProgramDateTime=function(){if(this._checkHlsReady(),-1==this._hls.currentLevel)return"";var e=this._hls.currentLevel,e=this._hls.levels[e].details;if(e){e=e.programDateTime;if(console.log("ProgramDateTime="+e),e)return new Date(e).valueOf()}return 0},t.prototype.getCurrentPDT=function(){var e,t;return this._checkHlsReady(),-1==this._hls.currentLevel?"":(e=(t=this._hls.streamController.fragPlaying||{}).pdt)?(t=1e3*t.startPTS,e+(1e3*this.getCurrentTime()-t)):0},t.prototype._reloadAndPlayForM3u8=function(){0==this._liveRetryCount&&this.trigger(g.Player.OnM3u8Retry),this._liveRetryCount++},t.prototype._switchLevel=function(e){var t=this.getCurrentTime(),r=!this._qualityService.levels.length&&1<this._urls.length,i=(r&&(this.pause(),this._hls.stopLoad(),this._hls.detachMedia(),this._hls.destroy()),this.trigger(g.Player.LevelSwitch),this._hls.levels),n=!0;r&&this._loadByUrlInner(e,t,n,!0);for(var o=0;o<i.length;o++)if(i[o].url==e||i[o].url[0]==e){n=!1,this._hls2&&this._options.seamlessHandover?(this._hls.loadLevel=o,console.log("Seamlessly set nextLevel to",o)):(this._hls.currentLevel=o,console.log("Immediately set currentLevel to",o));break}n&&(this._hls.currentLevel=-1),this._switchedLevel=!0;var a=this;setTimeout(function(){a.trigger(g.Player.LevelSwitched),this._switchedLevel=!1},1e3)},t.prototype._getHlsVersion=function(i){var n,o,a;function s(e,t){var r=this.getOptions()||{},r={mediaId:r.vid||"",mediaAuth:r.mediaAuth||"",error_code:d.ErrorCode.LoadedMetadata,error_msg:_.get("Error_Play_Text")},t=Number(t);404===t?(r.error_code=d.ErrorCode.NotFoundSourceURL,r.error_msg=_.get("Error_Not_Found")):403===t?e===v.ERROR_REGION_BLOCK?(r.error_code=d.ErrorCode.RegionBlock,r.error_msg=_.get("Error_Region_Block_Text")):(r.error_code=d.ErrorCode.AuthKeyExpired,r.error_msg=_.get("Error_AuthKey_Text")):0===t&&navigator.onLine?(r.error_code=d.ErrorCode.RequestDataError,r.error_msg=r.error_msg+"\uff0c"+_.get("Maybe_Cors_Error")):r.error_msg=_.get("Error_Load_M3U8_Failed_Text"),this.logError(r),r.display_msg=r.error_msg,this.trigger(g.Player.Error,r)}!0===this._options.useHls2?(this._hls2=!0,i()):!1===this._options.useHls2||!this._options.isLive||l?i():this._options.lowLatencyMode?(this._hls2=!0,i()):(n=this,o=new v,a=n._options.source,o.load(a,function(e){var t,r;e.levels&&0!==e.levels.length?t=e.levels[0].url:(t=a,r=e.string),o.loadMediaPlaylist({url:t,string:r},function(e){e&&(n._hls2="number"==typeof e.partTarget),i()},s.bind(n))},s.bind(n)))},t.prototype.initPlay=function(t){var e,r;function i(s,t){if(s._antiRecord&&(console.log("Manual check before load source"),s._antiRecord.check()))return;var e,r=!s._hls,i=(s._destroyHls(),{xhrSetup:function(e,t){e.withCredentials=s._options.withCredentials||!1}}),n=s._options.loadingTimeOut||s._options.hlsLoadingTimeOut;for(e in n&&(i.manifestLoadingTimeOut=n,i.levelLoadingTimeOut=n,i.fragLoadingTimeOut=n),s._options.liveSyncDurationCount&&(i.liveSyncDurationCount=s._options.liveSyncDurationCount),s._options.defaultBandwidth&&(i.defaultBandwidth=s._options.defaultBandwidth),s._options.isLive&&(s._options.hlsFrameChasing&&(i.hlsFrameChasing=s._options.hlsFrameChasing),s._options.chasingFirstParagraph&&(i.chasingFirstParagraph=s._options.chasingFirstParagraph),s._options.chasingSecondParagraph&&(i.chasingSecondParagraph=s._options.chasingSecondParagraph),s._options.chasingFirstSpeed&&(i.chasingFirstSpeed=s._options.chasingFirstSpeed),s._options.chasingSecondSpeed)&&(i.chasingSecondSpeed=s._options.chasingSecondSpeed),!s._hls2||s._options.isLive&&!y.IS_IE11&&(i.backBufferLength=12,i.liveDurationInfinity=!0),s._options.nudgeMaxRetry&&(i.nudgeMaxRetry=s._options.nudgeMaxRetry),s._options.maxMaxBufferLength&&(i.maxMaxBufferLength=s._options.maxMaxBufferLength),s._options.maxBufferSize&&(i.maxBufferSize=s._options.maxBufferSize),s._options.fragLoadingRetryDelay&&(i.fragLoadingRetryDelay=s._options.fragLoadingRetryDelay),s._options.maxBufferLength&&(i.maxBufferLength=s._options.maxBufferLength),s._options.hlsBandWidthUpCacheTime&&(i.abrBandWidthUpCacheTime=s._options.hlsBandWidthUpCacheTime),s._options.seamlessHandover&&(i.seamlessHandover=s._options.seamlessHandover),s._options.accessKeyId&&(i.accessKeyId=s._options.accessKeyId),s._options.accessKeySecret&&(i.accessKeySecret=s._options.accessKeySecret),s._options.securityToken&&(i.securityToken=s._options.securityToken),s._options.app&&(i.app=s._options.app),s._options.stream&&(i.stream=s._options.stream),s._options.domain&&(i.domain=s._options.domain),s._options.regionId&&(i.regionId=s._options.regionId),s._sce_dlgtqred_saved&&(i._sce_dlgtqredxx=s._sce_dlgtqred_saved),i.enableWorker=s._options.enableWorker,i.debug=s._options.debug,s._stopLoadAsPaused=s._options.hlsOption.stopLoadAsPaused,s._options.hlsOption)i[e]=s._options.hlsOption[e];y.IS_IE11&&(i.enableWorker=!1),s._hls=new Hls(i),a(s,s._hls),s._loadSourced=!1,s._hls.attachMedia(s.tag),s._hls.on(Hls.Events.INIT_PTS_FOUND,function(e,t){s._initPTS=t.initPTS}),s._hls.on(Hls.Events.FRAG_PARSING_USERDATA,function(e,t){t&&t.dataContent&&t.dataContent.length&&s.trigger(g.Private.SeiFrame,{dataContent:t.dataContent,pts:t.pts})}),s._hls.on(Hls.Events.MEDIA_ATTACHED,function(){var e;s._hls.on(Hls.Events.MANIFEST_PARSED,function(){s._initPlayBehavior(t||s._loadSourced)}),s._hls.on(Hls.Events.AUDIO_TRACKS_UPDATED,function(e,t){s.trigger(g.Player.AudioTrackUpdated,t)}),s._hls.on(Hls.Events.MANIFEST_LOADED,function(e,t){s.trigger(g.Player.LevelsLoaded,t)}),s._hls.on(Hls.Events.LEVEL_SWITCHED,function(e,t){if(s._qualityService){for(var r=s._hls.levels[t.level].url,i=s._qualityService.levels,n="",o="",a=0;a<i.length;a++)if(i[a].Url==r){o=i[a].desc,n=i[a].bitrate;break}(o||n)&&s.trigger(g.Private.QualityChange,{levelSwitch:!0,url:r,bitrate:n,desc:o})}}),s._hls.on(Hls.Events.AUDIO_TRACK_SWITCH,function(e,t){s.trigger(g.Player.AudioTrackSwitch,t),setTimeout(function(){s.trigger(g.Player.AudioTrackSwitched,t)},1e3)}),(s._options.autoplay||s._options.preload||t)&&(s._loadSourced=!0,s._levels&&1<s._levels.length?(s._hls.trigger(Hls.Events.MANIFEST_LOADING,{}),s._hls.trigger(Hls.Events.MANIFEST_LOADED,{levels:s._levels})):s._hls.loadSource(s._options.source||"__INVALID__")),r?(s._executeReadyCallback(),s._urls&&0<s._urls.length&&!s._options.defaultDefinition&&(s._currentPlayIndex=f.findSelectedStreamLevel(s._urls),e=s._urls[s._currentPlayIndex],s._options.source=e.Url,s.trigger(g.Private.SourceLoaded,e))):s.trigger(g.Private.H5_Loading_Show)})}this.trigger(g.Private.H5_Loading_Show),h.contentProtocolMixed(s)?((e={mediaId:(e=this.getOptions()||{}).vid||"",mediaAuth:e.mediaAuth||"",error_code:d.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=_.get("Request_Block_Text"),this.trigger(g.Player.Error,e)):(r=this)._isLoadedHls&&"undefined"!=typeof Hls?i(this,t):(this.trigger(g.Private.H5_Loading_Show),this._getHlsVersion(function(e){!function(e,t){var r="aliplayer-hls-min.js",t=((t=t||{}).hls2&&(r="aliplayer-hls2-min.js"),""),t=p.domain?"https://"+p.domain+"/de/prismplayer/"+p.h5Version+"/hls/"+r:"/build/hls/"+r,i=this;u.loadJS(t,function(){e.apply(i)})}.call(r,function(){r._isLoadedHls=!0,i(r,t)},{debug:r._options.debug,hls2:r._hls2})}),this.on("error",m))},t.prototype._getbwEstimator=function(){var e,t=NaN;return t=this._hls?(e=this._hls.abrController._bwEstimator)?e.getEstimate():NaN:t},t.prototype._destroyHls=function(){this._hls&&this._hls.destroy(),this._hls=null},t.prototype.dispose=function(){this._disposed||(this._disposed=!0,this._superPt&&this._superPt.dispose.call(this),this._destroyHls(),this._superPt&&(t.prototype.play=this._superPt.play,t.prototype.pause=this._superPt.pause,t.prototype.initPlay=this._superPt.initPlay,t.prototype.replay=this._superPt.replay,t.prototype.stop=this._superPt.stop,t.prototype.seek=this._superPt.seek))},a=function(c,u){u.on(Hls.Events.DEFAULT_BANDWIDTH,function(e,t){c.trigger(g.Player.DefaultBandWidth,{width:t.width,height:t.height,bitrate:t.bitrate})}),u.on(Hls.Events.ERROR,function(e,t){var r,i,n,o,a,s,l;!c._options||t.details==Hls.ErrorDetails.FRAG_LOOP_LOADING_ERROR||1==c._seeking||0==t.fatal&&t.type!=Hls.ErrorTypes.NETWORK_ERROR||(c._clearTimeout(),r=d.ErrorCode.LoadedMetadata,o=_.get("Error_Play_Text"),l=i=!1,t.details==Hls.ErrorDetails.MANIFEST_LOAD_ERROR||t.details==Hls.ErrorDetails.LEVEL_LOAD_ERROR?(i=!0,s=t.networkDetails,n=Number(s.status),c.liveShiftSerivce&&c.liveShiftSerivce.isLiveShiftPlaying()&&404===n?(r=d.ErrorCode.NotFoundSourceURL,o=_.get("Error_Liveshift_M3U8_Not_Found_Text"),l=!0):o=404===n?(r=d.ErrorCode.NotFoundSourceURL,_.get("Error_Not_Found")):403===n?(s=f.parseHttpHeaders(s)["x-tengine-error"])&&-1<d.RegionBlockMessages.indexOf(s)?(r=d.ErrorCode.RegionBlock,_.get("Error_Region_Block_Text")):(r=d.ErrorCode.AuthKeyExpired,_.get("Error_AuthKey_Text")):0===n&&navigator.onLine?(r=d.ErrorCode.RequestDataError,o+"\uff0c"+_.get("Maybe_Cors_Error")):_.get("Error_Load_M3U8_Failed_Text")):t.details==Hls.ErrorDetails.MANIFEST_LOAD_TIMEOUT||t.details==Hls.ErrorDetails.LEVEL_LOAD_TIMEOUT?(i=!0,o=_.get("Error_Load_M3U8_Timeout_Text")):t.details==Hls.ErrorDetails.MANIFEST_PARSING_ERROR||t.details==Hls.ErrorDetails.MANIFEST_INCOMPATIBLE_CODECS_ERROR?(i=!0,o=_.get("Error_M3U8_Decode_Text")):t.type==Hls.ErrorTypes.NETWORK_ERROR?(r=d.ErrorCode.NetworkError,o=_.get("Error_Network_Text")):t.type!=Hls.ErrorTypes.MUX_ERROR&&t.type!=Hls.ErrorTypes.MEDIA_ERROR||(r=d.ErrorCode.PlayDataDecode,o=_.get("Error_TX_Decode_Text")),o=o+"("+t.details+")",a=function(){var e;setTimeout(function(){c.trigger(g.Private.Play_Btn_Hide)}),c.checkOnline()&&(e={mediaId:(e=c.getOptions()||{}).vid||"",mediaAuth:e.mediaAuth||"",error_code:r,error_msg:t.details},c.logError(e),e.display_msg=o,c.trigger(g.Player.Error,e))},s=function(){c._liveErrorHandle&&clearTimeout(c._liveErrorHandle),u.stopLoad(),c.trigger(g.Player.LiveStreamStop),c._liveErrorHandle=setTimeout(a,500)},c._options&&c._options.isLive?l?s():c._hls2?t.fatal&&s():(l=c._options).liveRetry>c._liveRetryCount?(0==c._liveRetryCount&&c.trigger(g.Player.OnM3u8Retry),l=l.liveRetryInterval+l.liveRetryStep*c._liveRetryCount,c._liveRetryCount++,c.trigger(g.Private.H5_Loading_Show),setTimeout(function(){i&&c._loadByUrlInner(c._options.source,0,!0)},1e3*l)):s():(i&&-1<[403,404].indexOf(n)||!c._reloadForVod())&&a())})})}},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/hls/hlsparse":39,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/util":51,"../base/event/eventtype":70}],103:[function(e,t,r){var i=e("../base/player"),n=e("./hlsinjector"),o=i.extend({init:function(e,t){t._native=!1,n.inject(this,o,i,t),i.call(this,e,t)}});t.exports=o},{"../base/player":91,"./hlsinjector":102}],104:[function(e,t,r){var l="undefined"==typeof Promise?e("es6-promise").Promise:Promise,c=e("../../lib/io"),u=e("../../config"),p=e("../../lib/constants"),d=e("../../lang/index"),h=e("../base/event/eventtype"),i=e("../../lib/ua");function f(e){var t=this._options;t.rtsFallbackSource&&window.Aliplayer?(this.trigger(h.Player.RtsFallback,{reason:e,fallbackUrl:t.rtsFallbackSource}),this.loadByUrl(t.rtsFallbackSource)):(this.trigger(h.Player.Error,e),this.logError(e))}function y(e){var n=this,t=(this.trigger(h.Private.H5_Loading_Show),this.trigger(h.Private.Play_Btn_Hide),new o(n,e));return n._rts.subscribe(n._options.source,{mediaTimeout:n._options.rtsLoadDataTimeout}).then(function(e){return n._retryTimer&&(clearTimeout(n._retryTimer),n._retryTimer=null),t.preProcess(),n.tag.srcObject=null,e.play(n.tag),!0}).catch(function(e){var t=null,r=null;switch(Number(e.errorCode)){case 10101:t=p.ErrorCode.RtsSignalError,r=d.get("Rts_Err_Http_Signal_Error");break;case 10114:t=p.ErrorCode.RtsCreateOfferError,r=d.get("Rts_Err_Create_Offer_Error");break;case 10202:t=p.ErrorCode.RtsPlayUrlError,r=d.get("Rts_Err_Play_Url_Error");break;case 10203:t=p.ErrorCode.RtsSubscribeNonthing,r=d.get("Rts_Err_Subscribe_Nonthing");break;case 10205:var i=null==(i=e.extraInfo)?void 0:i.response;if(403===(null==i?void 0:i.status)){i=i.headers["x-tengine-error"];if(i&&-1<p.RegionBlockMessages.indexOf(i)){t=p.ErrorCode.RegionBlock,r=d.get("Error_Region_Block_Text");break}}t=p.ErrorCode.RtsHttpRequestFaild,r=d.get("Rts_Err_Http_Request_Failed");break;case 10206:t=p.ErrorCode.RtsHttpAnswerFaild,r=d.get("Rts_Err_Http_Answer_Failed")}return f.call(n,{error_code:t,error_msg:r}),!1})}function _(){this._noDataTimer&&(clearTimeout(this._noDataTimer),this._noDataTimer=null)}t.exports.inject=function(e,t,r,i,n,o){function a(e,t){var r,i,n;_.call(this),this._retryTimer||(e=e||p.ErrorCode.RtsPlayFailedError,t=t||d.get("Rts_Err_Play_Failed")+", "+this._options.rtsLoadDataTimeout*(this._options.liveRetry+1)+d.get("Rts_Err_No_Data_For"),(i=(r=this)._options)?i.liveRetry>r._liveRetryCount?(0==r._liveRetryCount&&r.trigger(h.Player.OnM3u8Retry),n=Number(i.liveRetryInterval||0)+Number(i.liveRetryStep*r._liveRetryCount||0),r._liveRetryCount++,r.stop(),setTimeout(function(){r.trigger(h.Private.H5_Loading_Show),r.trigger(h.Private.Play_Btn_Hide)},50),r._retryTimer=setTimeout(function(){r.trigger(h.Private.Retry,{type:"rts",source:i.source}),y.call(r,!0)},1e3*n)):(r._retryTimer&&clearTimeout(r._retryTimer),r._liveErrorHandle&&clearTimeout(r._liveErrorHandle),r.stop(),r._liveRetryCount=0,r.trigger(h.Player.LiveStreamStop),r._liveErrorHandle=setTimeout(s.call(this,e,t),500)):console.warn("no options!"))}function s(e,t){var r=this;r.pause(),setTimeout(function(){r.trigger(h.Private.Play_Btn_Hide)}),r.checkOnline()&&f.call(this,{error_code:e,error_msg:t})}e._Type=t,e._superType=r,e._superPt=r.prototype,e._disposed=!1,t.prototype._checkRtsReady=function(){if(null==e._rts)throw new Error("please invoke this method after ready event")},e._isRts=!0,e._rts=null,e._isLoadedRts=!1,e._liveErrorHandle=null,e._retryTimer=null,e._noDataTimer=null,e.bind_rtsPlayEventHandler=null,e.bind_rtsErrorEventHandler=null,t.prototype.play=function(e){this._checkRtsReady(),this._isManualPlay=e||!1;var t=this;return t.trigger(h.Private.Cover_Hide),t.trigger(h.Private.Play_Btn_Hide),y.call(t).then(function(e){e&&t._startPlay()}),this},t.prototype.seek=function(e){},t.prototype.setSpeed=function(e){},t.prototype.pause=function(e){return this._checkRtsReady(),this._superPt.pause.call(this,!0),this},t.prototype.stop=function(){return this._rts&&this._rts.unsubscribe(),this},t.prototype.dispose=function(){this._disposed||(this._disposed=!0,this._superPt&&this._superPt.dispose.call(this),this._destroyRts(),this._superPt,this._liveErrorHandle&&(clearTimeout(this._liveErrorHandle),this._liveErrorHandle=null),this._retryTimer&&(clearTimeout(this._retryTimer),this._retryTimer=null),_.call(this))},t.prototype._destroyRts=function(){this._rts&&(this.stop(),this._rts.off("onError",this.bind_rtsErrorEventHandler),this._rts.off("onPlayEvent",this.bind_rtsPlayEventHandler)),this._rts=null},t.prototype.initPlay=function(e){function t(i,t){var r=!i._rts;i._destroyRts(),i._rts=new AliRTS.createClient({customReporter:function(e){if(126===Number(e.msgid)){var t={};try{t=JSON.parse(e.args)}catch(e){t={}}t.tcid&&i._rts&&(i._rts.traceid=t.tcid)}}}),i._checkRtsSupport(function(e){!function(e){var t=this._rtsPlayEventHandler.bind(this),r=this._rtsErrorEventHandler.bind(this);this.bind_rtsPlayEventHandler=t,this.bind_rtsErrorEventHandler=r,e.on("onError",r),e.on("onPlayEvent",t)}.call(i,i._rts),i._options.autoplay?y.call(i).then(function(e){e&&i._initPlayBehavior(t)}):i._initPlayBehavior(t),r&&i._executeReadyCallback()},function(e){console.log("[RTS isSupport error]",e);var t=null,r=null;switch(Number(e.errorCode)){case 10110:t=p.ErrorCode.RtsNotSupportWebRtc,r=d.get("Rts_Err_Not_Support_Webrtc");break;case 10111:t=p.ErrorCode.RtsBrowserNotSupport,r=d.get("Rts_Err_Browser_Not_Support");break;case 10112:t=p.ErrorCode.RtsBrowserVersionTooLow,r=d.get("Rts_Err_Browser_Version_Too_Low");break;case 10113:t=p.ErrorCode.RtsNotSupportH264,r=d.get("Rts_Err_Not_Support_H264");break;case 10114:t=p.ErrorCode.RtsCreateOfferError,r=d.get("Rts_Err_Create_Offer_Error")}return f.call(i,{error_code:t,error_msg:r}),!1})}this._isLoadedRts?t(this,e):(this.trigger(h.Private.H5_Loading_Show),function(e,t){var r="",i=this._options,r="https://g.alicdn.com/CodeBaseOne/H5RTSSdk/"+(i.rtsVersion||u.rtsVersion)+"/aliyun-rts-sdk.js",n=(i.rtsSdkUrl&&(r=i.rtsSdkUrl),this);c.loadJS(r,function(){e.apply(n)})}.call(this,function(){this._isLoadedRts=!0,t(this,e)},this._options.debug))},t.prototype.getStats=function(){return this._rts&&this._rts.getTransportStats?l.all([this._rts.getTransportStats(),this._rts.getRemoteVideoStats(),this._rts.getRemoteAudioStats()]).then(function(e){var t=e[0],r=e[1],e=e[2];return{rtt:t.rtt,bytesReceived:t.bytesReceived,framesDecoded:r.framesDecoded,packetsLost:(r.packetsLost||0)+(e.packetsLost||0),packetsReceived:(r.packetsReceived||0)+(e.packetsReceived||0),timestamp:t.timestamp||Date.now()}}).catch(function(e){return console.log("ERR in RTS getstats: ",e),{}}):l.resolve()},t.prototype._rtsPlayEventHandler=function(e){var t="canplay",r="waiting",i="playing",n="ended",o="timeout";e.event===t?_.call(this):e.event!==r&&(e.event===i?_.call(this):e.event!==o&&e.event!==n||a.call(this))},t.prototype._checkRtsSupport=function(e,t){this._options.skipRtsSupportCheck?e():this._rts.isSupport({isReceiveVideo:!0}).then(e).catch(t)},t.prototype._rtsErrorEventHandler=function(e){console.log("RTS Error:",e);var t,r;switch(Number(e.errorCode)){case 10102:a.call(this);break;case 12e3:t=p.ErrorCode.RtsPeerConnectionUnknown,r=d.get("Rts_Err_PeerConnection_Unknown"),s.call(this,t,r)}}};var o=function(){function e(e,t){(this.isRetry=t)&&(this.isApple=i.IS_IOS||i.IS_SAFARI,this.player=e)}return e.prototype.preProcess=function(){var e,t,r;this.isRetry&&this.isApple&&(e=this.player.getVolume(),t=this.player.muted(),e)&&!t&&((r=this.player.tag).volume=0,this.player.one("canplay",function(){r.volume=e}))},e}()},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"../../lib/ua":49,"../base/event/eventtype":70,"es6-promise":8}],105:[function(e,t,r){var i=e("../base/player"),n=e("./rtsinjector"),o=i.extend({init:function(e,t){t.isLive&&(t._native=!1,n.inject(this,o,i,t),i.call(this,e,t))}});t.exports=o},{"../base/player":91,"./rtsinjector":104}],106:[function(e,t,r){var i=e("../../lib/constants"),e=e("../../lib/oo").extend({init:function(e){this.player=e,this.tickhandle=null}});e.prototype.tick=function(e,t){var r=this;this.tickhandle=setTimeout(function(){r.player&&r.player.trigger(i.AuthKeyExpiredEvent),t&&t()},1e3*e)},e.prototype.clearTick=function(e){this.tickhandle&&clearTimeout(this.tickhandle)},t.exports=e},{"../../lib/constants":28,"../../lib/oo":43}],107:[function(e,t,r){function s(e,t,r){var i=u.randomUUID(),n="https://mts."+e.domainRegion+".aliyuncs.com/?",i={AccessKeyId:e.accessId,Action:"GetLicense",MediaId:e.vid,LicenseUrl:n,data:e.data,SecurityToken:e.stsToken,Format:"JSON",Type:e.encryptionType,Version:"2014-06-18",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",SignatureNonce:i};e.header&&(i.Header=e.header),n+="Signature="+u.AliyunEncodeURI(u.makeChangeSiga(i,e.accessSecret,"POST")),e=u.makeUTF8sort(i,"=","&"),o.post(n,e,function(e){e?(e=JSON.parse(e),t&&(e=e.License,t(e))):r&&r(a.createError("MPS\u83b7\u53d6License\u5931\u8d25"))},function(e){if(r){var t={Code:"",Message:h.get("Error_MTS_Fetch_Urls_Text")};try{t=JSON.parse(e)}catch(e){}r({Code:c.ErrorCode.ServerAPIError,Message:t.Code+"|"+t.Message,sri:t.RequestId||""})}})}var o=e("../../lib/io"),l=(e("../../lib/ua"),e("../../lib/bufferbase64")),c=e("../../lib/constants"),u=e("./signature"),a=e("./util"),p=e("../../lib/url"),d=e("../../lib/playerutil"),h=e("../../lang/index"),f=e("../base/event/eventtype");function y(e){window.console.error("The license request failed.")}function _(e){window.console.error("A decryption key error was encountered"),window.console.error("A decryption key error was encountered",e)}function g(e){window.console.log("Decryption key was added to session.")}function v(e,t,r){r.addEventListener(e,function(){t(arguments[0])},!1)}t.exports.requestLicenseKey=function(e){var a=e;return a._options.vid&&(a.__vid=a._options.vid),function(e,t){var r,i,n=a._options,o=a._getDRMEncryptItem();o&&(r={vid:a.__vid,accessId:n.accId,accessSecret:n.accSecret,stsToken:n.stsToken,domainRegion:n.domainRegion,authInfo:n.authInfo,encryptionType:o.encryptionType},o.encryptionType==c.EncryptionType.Widevine?r.data=l.encode(e.message):o.encryptionType==c.EncryptionType.PlayReady&&(n=l.unpackPlayReady(e.message),r.data=n.changange,n.header)&&(r.header=JSON.stringify(n.header)),console.log(r.data),e=a.__licenseKeys,i=a.__vid+o.Url,e&&e[i],s(r,function(e){a.__licenseKeys||(a.__licenseKeys={}),10<r.data.length&&(a.__licenseKeys[i]=e);e=l.decode(e);t(e)},function(e){e={mediaId:a.__vid,error_code:e.Code,error_msg:e.Message};a.logError(e),a.trigger("error",e)}))}},t.exports.loadCertificate=function(e,t){var r,i,n,o=new XMLHttpRequest,a=(o.addEventListener("load",function(e,t){var r,t=t.target;if(200!==t.status){var i=c.ErrorCode.DrmLicenseRequestFailed,n=h.get("Error_Drm_License_Request_Failed"),i={mediaId:this._options.vid||"",error_code:i,error_msg:t.response};player.logError(i),i.display_msg=n,player.trigger(f.Player.Error,i)}else{try{r=this._options.isLive?JSON.parse(t.response).Response.B64ServCert:JSON.parse(JSON.parse(t.response).DRMCertInfo).b64ServCert}catch(e){console.log(e)}n=u.base64DecodeUint8Array(r),i=function(e,t){var r=t.target,t=t.initData,i=u.arrayToString(t).split("skd://")[1].split("?")[0],n=u.stringToArray(i);t=function(e,t,r){"string"==typeof t&&(t=stringToArray(t));var i=0,n=new ArrayBuffer(e.byteLength+4+t.byteLength+4+r.byteLength),o=new DataView(n),e=(new Uint8Array(n,0,e.byteLength).set(e),i+=e.byteLength,o.setUint32(i,t.byteLength,!0),i+=4,new Uint16Array(n,i,t.length));return e.set(t),i+=e.byteLength,o.setUint32(i,r.byteLength,!0),i+=4,new Uint8Array(n,i,r.byteLength).set(r),new Uint8Array(n,0,n.byteLength)}(t,n,e),r.webkitKeys||(function(){{if(!WebKitMediaKeys.isTypeSupported("com.apple.fps.1_0","video/mp4"))throw"Key System not supported";keySystem="com.apple.fps.1_0"}}(),r.webkitSetMediaKeys(new WebKitMediaKeys(keySystem)));if(!r.webkitKeys)throw"Could not create MediaKeys";n=r.webkitKeys.createSession("video/mp4",t);if(!n)throw"Could not create key session";n.contentId=i,v("webkitkeymessage",function(e){var t=this,r=e.target,i=e.message,n=new XMLHttpRequest,e=(e.sessionId,n.responseType="text",n.session=r,n.addEventListener("load",function(e){e=e.target;t=this._options.isLive?JSON.parse(e.response).Response.B64License:JSON.parse(JSON.parse(e.response).License).b64License;var t=u.base64DecodeUint8Array(t),t=u.Uint8ArrayToString(t);"<ckc>"===t.substr(0,5)&&"</ckc>"===t.substr(-6)&&(t=t.slice(5,-6));t=u.base64DecodeUint8Array(t);e.session.update(t)}.bind(this),!1),n.addEventListener("error",y,!1),btoa("spc="+u.base64EncodeUint8Array(i)+"&assetId="+encodeURIComponent(r.contentId))),o={Format:"JSON",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",Timestamp:u.ISODateString(new Date),SignatureNonce:u.randomUUID(),AccessKeyId:t._options.accessKeyId,SecurityToken:t._options.securityToken,CertId:t._options.certId};t._options.isLive?(o.RegionId=t._options.region,o.Action="DescribeDRMLicense",o.Version="2016-11-01",o.CdmData=e,o.Type="fairplay",o.Domain=p.parseUrl(t._options.source).hostname):(o.region=t._options.region,o.Action="GetDRMLicense",o.Version="2017-03-21",o.VideoId=t._options.vid,o.CDMData=e,o.DRMType="FairPlay");var a,s,i="Signature="+u.AliyunEncodeURI(u.makeChangeSiga(o,t._options.accessKeySecret,"POST"));r=t._options.isLive?"https://"+d.getLiveHostByRegion(t._options.region)+"/?"+i:"https://vod."+t._options.region+".aliyuncs.com/?"+i;for(s in n.open("POST",r,!0),n.setRequestHeader("Content-type","application/x-www-form-urlencoded"),o){var l;o.hasOwnProperty(s)&&(l=o[s],a=a?a+"&"+u.AliyunEncodeURI(s)+"="+u.AliyunEncodeURI(l):u.AliyunEncodeURI(s)+"="+u.AliyunEncodeURI(l))}n.send(a)}.bind(this),n),v("webkitkeyadded",g,n),v("webkitkeyerror",_,n)}.bind(this,n),t=(this._fairPlayHandlers.onNeedKey=i,function(e){window.console.error("A video playback error occurred")}.bind(this));this._fairPlayHandlers.onError=t,this.tag.addEventListener("webkitneedkey",i,!1),this.tag.addEventListener("error",t,!1),this.tag.src=this._options.source}e&&e()}.bind(e,t),!1),o.addEventListener("error",function(e){window.console.error("Failed to retrieve the server certificate.")}.bind(e),!1),{Format:"JSON",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",Timestamp:u.ISODateString(new Date),SignatureNonce:u.randomUUID(),AccessKeyId:e._options.accessKeyId,SecurityToken:e._options.securityToken,CertId:e._options.certId}),t=(e._options.isLive?(a.RegionId=e._options.region,a.Action="DescribeDRMCertificate",a.Version="2016-11-01"):(a.region=e._options.region,a.Action="GetDRMCertInfo",a.Version="2017-03-21",a.VideoId=e._options.vid),"Signature="+u.AliyunEncodeURI(u.makeChangeSiga(a,e._options.accessKeySecret,"POST"))),e=e._options.isLive?"https://"+d.getLiveHostByRegion(e._options.region)+"/?"+t:"https://vod."+e._options.region+".aliyuncs.com/?"+t;for(r in o.open("POST",e,!0),o.setRequestHeader("Content-type","application/x-www-form-urlencoded"),a)a.hasOwnProperty(r)&&(i=a[r],n=n?n+"&"+u.AliyunEncodeURI(r)+"="+u.AliyunEncodeURI(i):u.AliyunEncodeURI(r)+"="+u.AliyunEncodeURI(i),console.log(i));o.send(n)},t.exports.getRequestUrl=function(e,t){var e={AccessKeyId:t._options.accessKeyId,Format:"JSON",Version:"2016-11-01",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",Timestamp:u.ISODateString(new Date),SignatureNonce:u.randomUUID(),SecurityToken:t._options.securityToken,RegionId:t._options.region,Action:"DescribeDRMLicense",Type:"widevine",CdmData:e,Domain:p.parseUrl(t._options.source).hostname},r=(t._options.widevineCertId&&(e.CertId=t._options.widevineCertId),"Signature="+u.AliyunEncodeURI(u.makeChangeSiga(e,t._options.accessKeySecret,"POST")));return{url:"https://"+d.getLiveHostByRegion(t._options.region)+"/?"+r,data:u.makeUTF8sort(e,"=","&"),jsonData:u.makeUTF8sort(e,"=","&","json")}},t.exports.postData=function(e,t){var r=u.randomUUID(),r={AccessKeyId:t._options.accessKeyId,VideoId:t._options.vid,Format:"JSON",Version:"2017-03-21",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",SignatureNonce:r,SecurityToken:t._options.securityToken,region:t._options.region,Action:"GetDRMLicense",DRMType:"Widevine",CDMData:e},e=(t._options.widevineCertId&&(r.CertId=t._options.widevineCertId),"Signature="+u.AliyunEncodeURI(u.makeChangeSiga(r,t._options.accessKeySecret,"POST")));return{url:"https://vod."+t._options.region+".aliyuncs.com/?"+e,data:u.makeUTF8sort(r,"=","&"),jsonData:u.makeUTF8sort(r,"=","&","json")}},t.exports.destroyFairPlay=function(){this._fairPlayHandlers.onNeedKey&&this.tag.removeEventListener("webkitneedkey",this._fairPlayHandlers.onNeedKey),this._fairPlayHandlers.onError&&this.tag.removeEventListener("error",this._fairPlayHandlers.onError),this._fairPlayHandlers={}}},{"../../lang/index":23,"../../lib/bufferbase64":25,"../../lib/constants":28,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../lib/url":50,"../base/event/eventtype":70,"./signature":113,"./util":115}],108:[function(e,t,r){var i=e("../../lib/io"),c=e("../../lib/constants"),n=e("../../lib/data"),u=e("./util");t.exports.getDataByAuthInfo=function(e,a,s,l){e={playAuth:e.playAuth,requestId:e.requestId},i.get("https://api.h5video.shop/api/page/getMediaPlayInfo"+function(r){return r.requestId=n.guid(),Object.keys(r).reduce(function(e,t){return e+(e?"&":"?")+t+"="+encodeURIComponent(r[t])},"")}(e),function(e){if(e){e=JSON.parse(e);if(200!==e.httpStatusCode)l&&l({Code:c.ErrorCode.ServerAPIError,Message:e.httpStatusCode+"|"+e.code,sri:e.requestId});else{for(var t=e.data.PlayInfoList,r=[],i=t.length-1;0<=i;--i)"AUTO"===t[i].Definition&&(r=[t.splice(i,1)[0]]);var n,o=null;(o=(o=0===r.length?u.objectPlayerMessageSort(t,a):u.objectPlayerMessageSort(r)).map(function(e){return"m3u8"===e.format&&(e.Url=e.Url+"&_ext=.m3u8"),e}))&&s&&(n=e.data.VideoBase||{},s({videoId:n.VideoId,userId:n.UserId,requestId:e.requestId,urls:o,encryptUrlArr:[],thumbnailUrl:"",coverUrl:n.CoverURL,playInfoAry:t,textTracks:e.data.SubtitlesList}))}}else l&&l(u.createError("\u8f7bSaaS\u670d\u52a1\u83b7\u53d6\u6570\u636e\u5931\u8d25"))},function(e){e&&"string"==typeof e&&-1<e.indexOf("Invalid CORS request")?l&&l({Code:c.ErrorCode.ServerAPIError,Message:e}):l&&l(u.createError("\u8f7bSaaS\u670d\u52a1\u83b7\u53d6\u6570\u636e\u5931\u8d25"))})}},{"../../lib/constants":28,"../../lib/data":30,"../../lib/io":40,"./util":115}],109:[function(e,t,r){var i=e("./saasplayer"),n=e("./light"),o=e("../base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.service=n,this.loadByLightSaas()}});e.prototype.loadByLightSaas=function(e){var t=this._options,r={playAuth:t.mediaAuth,defaultDefinition:t.defaultDefinition};this.log("STARTFETCHDATA",{it:"lightSaasPlayAuth",pa:{playAuth:t.mediaAuth}}),this.loadData(r,e)},e.prototype.replayByMediaAuth=function(e){this.trigger(o.Private.Error_Hide),this.tag&&(this.tag.pause(),this.tag.removeAttribute("src"),this.tag.load()),this.setTextTracks([]),this.trigger(o.Private.UserTrackReset),this._options.source="",this._options.mediaAuth=e,this._isError=!1,this._duration=0,this._options.cover="",this._vodRetryCount=0,this._clearTimeout(),this.loadByLightSaas(!0)},t.exports=e},{"../base/event/eventtype":70,"./light":108,"./saasplayer":112}],110:[function(e,t,r){var i=e("../../lib/io"),l=e("../../lib/constants"),s=e("./signature"),c=e("./util"),u=e("../../lang/index"),p=e("../../lib/ua");var d=function(e,r){for(var t="",i=(e.sort(function(e,t){e=parseInt(e.bitrate),t=parseInt(t.bitrate);return"desc"==r?t<e?-1:e<t?1:void 0:e<t?-1:t<e?1:void 0}),e.length),n=0;n<i;n++){var o=e[n],a=l.QualityLevels[o.definition],s="",s=void 0===a?o.bitrate:t==a?a+o.bitrate:a;o.desc=s,t=a}},h=function(e,r){for(var t="",i=(e.sort(function(e,t){e=parseInt(e.width),t=parseInt(t.width);return"desc"==r?t<e?-1:e<t?1:void 0:e<t?-1:t<e?1:void 0}),e.length),n=0;n<i;n++){var o=e[n],a=l.QualityLevels[o.definition],s="",s=void 0===a?"":t==a?a+o.height:a;o.desc=s,t=a}};t.exports.getDataByAuthInfo=function(e,n,o,a){s.returnUTCDate(),s.randomUUID();var t=s.randomUUID(),t={AccessKeyId:e.accessId,Action:"PlayInfo",MediaId:e.vid,Formats:e.format,AuthInfo:e.authInfo,AuthTimeout:e.authTimeout||l.AuthKeyExpired,IncludeSnapshotList:e.includeSnapshotList,Rand:e.rand,SecurityToken:e.stsToken,Format:"JSON",Version:"2014-06-18",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",Terminal:p.IS_CHROME?"Chrome":p.IS_EDGE?"Edge":p.IS_IE11?"IE":p.IS_SAFARI?"Safari":p.IS_FIREFOX?"Firefox":"",SignatureNonce:t},t=(e.hlsUriToken&&(e.MtsHlsUriToken=e.hlsUriToken),e.playConfig&&(t.PlayConfig=JSON.stringify(e.playConfig)),s.makeUTF8sort(t,"=","&")+"&Signature="+s.AliyunEncodeURI(s.makeChangeSiga(t,e.accessSecret))),e="https://mts."+e.domainRegion+".aliyuncs.com/?"+t;i.get(e,function(e){var t,r,i;e?(t=(e=JSON.parse(e)).PlayInfoList.PlayInfo,r="",(i=e.SnapshotList?e.SnapshotList.Snapshot:[])&&0<i.length&&(r=i[0].Url),i=function(e,t){for(var r=[],i=[],n=[],o=[],a=e.length-1;0<=a;a--){var s=e[a];("mp4"==s.format?i:"mp3"==s.format?n:"m3u8"==s.format?r:o).push(s)}return 0<n.length?(d(n,t),n):0<i.length?(h(i,t),i):0<r.length?(h(r,t),r):(h(o,t),o)}(t,n),o&&o({requestId:e.RequestId,urls:i,thumbnailUrl:r})):a&&a(c.createError("MPS\u83b7\u53d6\u53d6\u6570\u5931\u8d25"))},function(e){if(a){var t={Code:"",Message:u.get("Error_MTS_Fetch_Urls_Text")};try{t=JSON.parse(e)}catch(e){}a({Code:l.ErrorCode.ServerAPIError,Message:t.Code+"|"+t.Message,sri:t.RequestId||""})}})}},{"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"../../lib/ua":49,"./signature":113,"./util":115}],111:[function(e,t,r){var i=e("./saasplayer"),n=(e("../../lib/constants"),e("./mts")),e=i.extend({init:function(e,t){i.call(this,e,t),this.service=n,this.loadByMts()}});e.prototype.loadByMts=function(e){var t={vid:this._options.vid,accessId:this._options.accId,accessSecret:this._options.accSecret,stsToken:this._options.stsToken,domainRegion:this._options.domainRegion,authInfo:this._options.authInfo,format:this._options.format,includeSnapshotList:this._options.includeSnapshotList||!1,defaultDefinition:this._options.defaultDefinition,authTimeout:this._options.authTimeout,hlsUriToken:this._options.hlsUriToken,playConfig:this._options.playConfig};this.loadData(t,e)},e.prototype.replayByVidAndAuthInfo=function(e,t,r,i,n,o){this.trigger("error_hide"),this._options.source="",this._isError=!1,this._duration=0,this._options.cover="",this._vodRetryCount=0,this._clearTimeout(),this.reloadNewVideoInfo(e,t,r,i,n,o)},e.prototype.reloadNewVideoInfo=function(e,t,r,i,n,o){if(this.trigger("error_hide"),this._options.source="",e&&(this._options.vid=e,this._options.accId=t,this._options.accessSecret=r,this._options.stsToken=i,this._options.domainRegion=o,this._options.authInfo=n),!(this._options.vid&&this._options.accId&&this._options.accessSecret&&this._options.stsToken&&this._options.domainRegion&&this._options.authInfo))throw new Error("\u9700\u8981\u63d0\u4f9bvid\u3001accId\u3001accessSecret\u3001stsToken\u3001domainRegion\u548cauthInfo\u53c2\u6570");this.log("STARTFETCHDATA",{it:"mps",pa:{vid:e}}),this.loadByMts(!0)},t.exports=e},{"../../lib/constants":28,"./mts":110,"./saasplayer":112}],112:[function(e,t,r){var d=e("../base/player"),i=e("../audio/audioplayer"),o=(e("../../lib/event"),e("../../lib/io")),h=e("../../lib/constants"),n=e("./signature"),a=e("./authkeyexpiredhandle"),f=e("../hls/hlsinjector"),y=e("../flv/flvinjector"),_=e("../drm/drminjector"),g=(e("../../lib/cookie"),e("../../lang/index")),v=e("../../lib/ua"),s=e("../../config"),m=e("../../lib/playerutil"),S=e("../base/event/eventtype"),l=e("../../protected/anti-injector-protected"),b=d.extend({init:function(e,t){l(t,this),this._authKeyExpiredHandle=new a(this),d.prototype._videoCreateEl||(d.prototype._videoCreateEl=d.prototype.createEl),"mp3"==t.format?(t.height="auto",t.mediaType="audio",d.prototype.createEl=i.prototype.createEl,i.call(this,e,t),b.prototype.play=d.prototype.play,b.prototype.pause=d.prototype.pause,b.prototype.initPlay=d.prototype.initPlay,b.prototype.replay=d.prototype.replay,b.prototype.stop=d.prototype.stop,b.prototype.seek=d.prototype.seek):(d.prototype.createEl=d.prototype._videoCreateEl,t._native=!1,d.call(this,e,t))}});b.prototype.loadData=function(e,t){var r,i,n;"undefined"!=typeof _sce_r_skjhfnck||""!=e.format&&"m3u8"!=e.format&&1!=this._options.encryptType?this._loadData(e,t):(r="aliplayer-vod-min.js",i="",i=s.domain?"https://"+s.domain+"/de/prismplayer/"+s.h5Version+"/hls/"+r:"/build/hls/"+r,n=this,o.loadJS(i,function(){n._loadData(e,t)}))},b.prototype._loadData=function(s,l){var c,u=(new Date).getTime(),p=this;this._urls=[],this._currentPlayIndex=0,this._retrySwitchUrlCount=0,this._authKeyExpiredHandle.clearTick(),""!=s.format&&"m3u8"!=s.format||1!=this._options.encryptType?s.rand=n.randomUUID():(c=_sce_r_skjhfnck(),s.rand=_sce_lgtcaygl(c,p._vdnct6f)),this._options.thumbnailUrl&&(s.thumbnailUrl=this._options.thumbnailUrl),this.trigger(S.Private.H5_Loading_Show),this.service.getDataByAuthInfo(s,this._options.qualitySort,function(e){if(p.trigger(S.Private.PlayInfoLoaded,e),e.userId&&(p._options.from=e.userId),e.videoId&&p._monitor&&p._monitor.updateLightSaasVideoId(e.videoId),e.textTracks&&e.textTracks.length&&(t=m.unqiueTextTracks(e.textTracks),p.trigger(S.Private.TextTrackFounded,{from:"saas",textTracks:t})),e.urls&&0==e.urls.length)p._mtsError_message(p,{Code:h.ErrorCode.URLsIsEmpty,Message:g.get("Error_Vod_URL_Is_Empty_Text")+(s.format?"(format:"+s.format+")":"")},"");else{p.log("COMPLETEFETCHDATA",{cost:(new Date).getTime()-u,mi:JSON.stringify(function(e){for(var t=[],r=0;r<e.length;r++)t.push({width:e[r].width,height:e[r].height,definition:e[r].definition,format:e[r].format,encryptionType:e[r].encryptionType,duration:e[r].duration});return t}(e.urls))}),p._urls=e.urls,p._currentPlayIndex=m.findSelectedStreamLevel(p._urls,s.defaultDefinition);var t=(r=e.urls[p._currentPlayIndex]).Url;if(p._vodDuration=r.duration||0,p._options.source=t,p.encType="",p.trigger(S.Private.PREPARE,r.definition),p.UI.cover&&e.coverUrl&&!p._options.cover&&p.setCover(e.coverUrl),m.isHls(t))if(e&&e.playInfoAry&&0<e.playInfoAry.length&&"Widevine-FairPlay"==e.playInfoAry[0].EncryptType)_.inject(p,b,d.prototype,p._options);else{if(e.encryptUrlArr&&0<e.encryptUrlArr.length)for(var r,i,n=[],o=0;o<e.encryptUrlArr.length;++o)(r=e.encryptUrlArr[o]).encryptionType===h.EncryptionType.Private&&(i=_sce_dlgtqred(c,r.rand,r.plaintext),n.push({url:r.Url,secData:i}));else if(ecData="",r.encryptionType==h.EncryptionType.Private){p.encType=r.encryptionType;var a=m.checkSecuritSupport();if(a)return void p._mtsError_message(p,{Code:h.ErrorCode.EncrptyVideoNotSupport,Message:a,display_msg:a},"");n=_sce_dlgtqred(c,r.rand,r.plaintext)}p._hls&&(p._hls.destroy(),p._hls=null),f.inject(p,b,d,p._options,n)}else m.isFlv(t)?y.inject(p,b,d,p._options):m.isDash(t)?(console.log("isDash"),_.inject(p,b,d,p._options)):p._player._executeReadyCallback();p._authKeyExpiredHandle.tick(h.AuthKeyRefreshExpired),p.trigger(S.Private.SourceLoaded,r),p.initPlay(l),p.trigger(S.Private.ChangeURL,{from:"saas"}),e.thumbnailUrl&&p._thumbnailService.get(e.thumbnailUrl);a=p._player._isFlv,t=-1<p._player.getOptions().source.indexOf("mp4");1==p._player.encType||a||t||(v.IS_IOS||v.IS_MAC_SAFARI||v.IS_X5||v.IS_EDGE)&&(p._player._executeReadyCallback(),p._urls.length)&&p.trigger(S.Private.SourceLoaded,r)}},function(e){p._mtsError_message(p,e,"")})},b.prototype._changeStream=function(e,t){this._urls.length>e&&(this._loadByUrlInner(this._urls[e].Url,this.getCurrentTime(),!0),this._currentPlayIndex=e,this.trigger(S.Private.QualityChange,t||g.get("Quality_Change_Fail_Switch_Text")))},b.prototype._getLowerQualityLevel=function(){if(0!=this._urls.length&&-1!=this._currentPlayIndex)if("asc"==this.options().qualitySort){if(0<this._currentPlayIndex)return{item:this._urls[this._currentPlayIndex-1],index:this._currentPlayIndex-1}}else if(this._currentPlayIndex<this._urls.length-1)return{item:this._urls[this._currentPlayIndex+1],index:this._currentPlayIndex+1};return""},b.prototype._mtsError_message=function(e,t,r){e._serverRequestId=t.sri,e.trigger(S.Private.H5_Loading_Hide);var i=t.Code||"OTHER_ERR_CODE",n=t.Message||"OTHER_ERR_MSG",o=(h.ErrorCode.ServerAPIError,t.display_msg||""),a=(-1<n.indexOf("InvalidParameter.Rand")||-1<n.indexOf('"Rand" is not valid.')?(h.ErrorCode.EncrptyVideoNotSupport,o=g.get("Error_Not_Support_encrypt_Text")):-1<n.indexOf("SecurityToken.Expired")?(h.ErrorCode.AuthKeyExpired,o=g.get("Error_Playauth_Expired_Text")):-1<n.indexOf("InvalidVideo.NoneStream")?(h.ErrorCode.URLsIsEmpty,o=g.get("Error_Fetch_NotStream")+"("+e._options.format+"|"+e._options.definition+")"):-1<n.indexOf("DataNotFound")&&(h.ErrorCode.MediaNotFound,o=g.get("Error_Fetch_Media_Not_Found")),e._options.vid||""),a=(e._options.from,{mediaId:a,mediaAuth:e._options.mediaAuth||"",error_code:i,error_msg:n});t.sri&&(a.sri=t.sri),e.logError(a),a.display_msg=(o||g.get("Error_Vod_Fetch_Urls_Text"))+"</br>"+n,e.trigger("error",a),console.log("PrismPlayer Error: "+r+"! error_msg :"+n+";")},t.exports=b},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/cookie":29,"../../lib/event":33,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/ua":49,"../../protected/anti-injector-protected":129,"../audio/audioplayer":68,"../base/event/eventtype":70,"../base/player":91,"../drm/drminjector":97,"../flv/flvinjector":100,"../hls/hlsinjector":102,"./authkeyexpiredhandle":106,"./signature":113}],113:[function(e,u,t){var n=e("crypto-js/hmac-sha1"),o=e("crypto-js/enc-base64"),r=e("crypto-js/enc-utf8");u.exports.randomUUID=function(){for(var e=[],t="0123456789abcdef",r=0;r<36;r++)e[r]=t.substr(Math.floor(16*Math.random()),1);return e[14]="4",e[19]=t.substr(3&e[19]|8,1),e[8]=e[13]=e[18]=e[23]="-",e.join("")},u.exports.returnUTCDate=function(){var e=new Date,t=e.getUTCFullYear(),r=e.getUTCMonth(),i=e.getUTCDate(),n=e.getUTCHours(),o=e.getUTCMinutes(),a=e.getUTCSeconds(),e=e.getUTCMilliseconds();return Date.UTC(t,r,i,n,o,a,e)},u.exports.AliyunEncodeURI=function(e){e=encodeURIComponent(e);return e=(e=(e=e.replace("+","%2B")).replace("*","%2A")).replace("%7E","~")},u.exports.makesort=function(e,t,r){if(!e)throw new Error("PrismPlayer Error: vid should not be null!");var i=[];for(s in e)i.push(s);for(var n=i.sort(),o="",a=n.length,s=0;s<a;s++)""==o?o=n[s]+t+e[n[s]]:o+=r+n[s]+t+e[n[s]];return o},u.exports.makeUTF8sort=function(e,t,r){if(!e)throw new Error("PrismPlayer Error: vid should not be null!");var i=[];for(s in e)i.push(s);for(var n=i.sort(),o="",a=n.length,s=0;s<a;s++){var l=u.exports.AliyunEncodeURI(n[s]),c=u.exports.AliyunEncodeURI(e[n[s]]);""==o?o=l+t+c:o+=r+l+t+c}return o},u.exports.makeChangeSiga=function(e,t,r){if(e)return o.stringify(n((r=r||"GET")+"&"+u.exports.AliyunEncodeURI("/")+"&"+u.exports.AliyunEncodeURI(u.exports.makeUTF8sort(e,"=","&")),t+"&"));throw new Error("PrismPlayer Error: vid should not be null!")},u.exports.ISODateString=function(e){function t(e){return e<10?"0"+e:e}return e.getUTCFullYear()+"-"+t(e.getUTCMonth()+1)+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"Z"},u.exports.encPlayAuth=function(e){if(e=r.stringify(o.parse(e)))return JSON.parse(e);throw new Error("playuth\u53c2\u6570\u89e3\u6790\u4e3a\u7a7a")},u.exports.encRsa=function(){},u.exports.stringToArray=function(e){for(var t=new ArrayBuffer(2*e.length),r=new Uint16Array(t),i=0,n=e.length;i<n;i++)r[i]=e.charCodeAt(i);return r},u.exports.Uint8ArrayToString=function(e){for(var t="",r=0;r<e.length;r++)t+=String.fromCharCode(e[r]);return t},u.exports.arrayToString=function(e){e=new Uint16Array(e.buffer);return String.fromCharCode.apply(null,e)},u.exports.base64DecodeUint8Array=function(e){var t=window.atob(e),r=t.length,n=new Uint8Array(new ArrayBuffer(r));for(i=0;i<r;i++)n[i]=t.charCodeAt(i);return n},u.exports.base64EncodeUint8Array=function(e){for(var t,r,i,n,o,a,s="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",l="",c=0;c<e.length;)i=(t=e[c++])>>2,n=(3&t)<<4|(t=c<e.length?e[c++]:Number.NaN)>>4,o=(15&t)<<2|(r=c<e.length?e[c++]:Number.NaN)>>6,a=63&r,isNaN(t)?o=a=64:isNaN(r)&&(a=64),l+=s.charAt(i)+s.charAt(n)+s.charAt(o)+s.charAt(a);return l}},{"crypto-js/enc-base64":3,"crypto-js/enc-utf8":4,"crypto-js/hmac-sha1":5}],114:[function(e,t,r){var o=e("../../lib/io"),a=e("../../lib/constants"),s=e("./signature"),l=e("./util"),c=e("../../lang/index");t.exports.getPlayAuth=function(e,t,r,i){s.randomUUID();var n=s.randomUUID(),n={AccessKeyId:e.accessKeyId,Action:"GetVideoPlayAuth",VideoId:e.vid,AuthTimeout:a.AuthInfoExpired,SecurityToken:e.securityToken,Format:"JSON",Version:"2017-03-21",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",SignatureNonce:n},n=s.makeUTF8sort(n,"=","&")+"&Signature="+s.AliyunEncodeURI(s.makeChangeSiga(n,e.accessKeySecret)),e="https://vod."+e.region+".aliyuncs.com/?"+n;o.get(e,function(e){e?(e=JSON.parse(e),t&&t(e.PlayAuth)):r&&r(l.createError("\u83b7\u53d6\u89c6\u9891\u64ad\u653e\u51ed\u8bc1\u5931\u8d25"))},function(e){if(r){var t={Code:"",Message:c.get("Fetch_Playauth_Error")};try{(t=JSON.parse(e)).Code}catch(e){}r({Code:a.ErrorCode.ServerAPIError,Message:t.Code+"|"+t.Message,sri:t.RequestId,display_msg:c.get("Fetch_Playauth_Error",i)})}})}},{"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"./signature":113,"./util":115}],115:[function(e,c,t){var r=e("../../lib/constants");c.exports.createError=function(e,t){return{requestId:"",code:t||"",message:e}},c.exports.getItem=function(e){var t={};return t.width=e.Width,t.height=e.Height,t.definition=e.Definition,t.Url=e.PlayURL,t.format=e.Format,t.desc=r.QualityLevels[t.definition],t.encryptionType=r.VodEncryptionType[e.EncryptType],t.plaintext=e.Plaintext,t.rand=e.Rand,t.encrypt=e.Encrypt,t.duration=e.Duration,t.bitrate=e.Bitrate,t},c.exports.objectPlayerMessageSort=function(e,t){for(var r=[],i=[],n=[],o=[],a=e.length-1;0<=a;a--){var s=e[a],s=c.exports.getItem(s);("mp4"==s.format?i:"mp3"==s.format?n:"m3u8"==s.format?r:o).push(s)}var l=[],l=0<n.length?n:0<i.length?i:0<r.length?r:o;return"asc"==t&&l.reverse(),l}},{"../../lib/constants":28}],116:[function(e,t,r){var i=e("../../lib/io"),n=e("../../lib/constants"),o=e("./signature"),p=e("./util"),a=e("../../config"),d=e("../../lang/index");t.exports.getDataByAuthInfo=function(s,l,c,u){o.randomUUID();var e=o.randomUUID(),e={AccessKeyId:s.accessId,Action:"GetPlayInfo",VideoId:s.vid,Formats:s.format,AuthTimeout:s.authTimeout||n.AuthKeyExpired,Rand:s.rand,SecurityToken:s.stsToken,StreamType:s.mediaType,Format:"JSON",Version:"2017-03-21",SignatureMethod:"HMAC-SHA1",SignatureVersion:"1.0",SignatureNonce:e,PlayerVersion:a.h5Version,Channel:"HTML5"},e=("AUTO"===s.definition?e.ResultType="Multiple":s.definition&&(e.Definition=s.definition),s.authInfo&&(e.AuthInfo=s.authInfo),s.outputType&&(e.OutputType=s.outputType),s.playConfig&&(e.PlayConfig=JSON.stringify(s.playConfig)),s.reAuthInfo&&(e.ReAuthInfo=JSON.stringify(s.reAuthInfo)),o.makeUTF8sort(e,"=","&")+"&Signature="+o.AliyunEncodeURI(o.makeChangeSiga(e,s.accessSecret))),e="https://vod."+s.domainRegion+".aliyuncs.com/?"+e;i.get(e,function(e){if(e){for(var e=JSON.parse(e),t="",r=e.VideoBase.ThumbnailList,i=(r&&r.Thumbnail&&0<r.Thumbnail.length?t=r.Thumbnail[0].URL:s.thumbnailUrl&&(t=String(s.thumbnailUrl)),e.PlayInfoList.PlayInfo),n=[],o=[],a=i.length-1;0<=a;--a)"AUTO"===i[a].Definition?n=[i.splice(a,1)[0]]:1===i[a].Encrypt&&o.push(i[a]);r=null,o=0===n.length?(r=p.objectPlayerMessageSort(i,l),[]):(r=p.objectPlayerMessageSort(n),p.objectPlayerMessageSort(o));r&&c&&c({requestId:e.RequestId,urls:r,encryptUrlArr:o,thumbnailUrl:t,coverUrl:e.VideoBase.CoverURL,playInfoAry:i})}else u&&u(p.createError("\u70b9\u64ad\u670d\u52a1\u83b7\u53d6\u6570\u636e\u5931\u8d25"))},function(e){if(u){var t={Code:"",Message:d.get("Error_Vod_Fetch_Urls_Text")};try{t=JSON.parse(e)}catch(e){}u({Code:n.ErrorCode.ServerAPIError,Message:t.Code+"|"+t.Message,sri:t.RequestId||""})}})}},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"./signature":113,"./util":115}],117:[function(e,t,r){var i=e("./saasplayer"),c=e("../../lib/constants"),n=e("./vod"),u=e("./signature"),o=(e("./authkeyexpiredhandle"),e("./ststoken"),e("../../lib/io")),a=e("../../config"),e=i.extend({init:function(e,t){i.call(this,e,t),this.service=n,this.loadByVod()}});e.prototype.loadByVod=function(e){var t,r,i;"undefined"!=typeof _pa_n4lto7xi?this._loadByVod(e):(t="aliplayer-vod-p-min.js",r="",r=a.domain?"https://"+a.domain+"/de/prismplayer/"+a.h5Version+"/hls/"+t:"/build/hls/"+t,i=this,o.loadJS(r,function(){i._loadByVod(e)}))},e.prototype._loadByVod=function(e){var t="",r="",i="",n="",o="";if(this._options.accessKeyId&&this._options.accessKeySecret)t=this._options.accessKeyId,r=this._options.accessKeySecret,i=this._options.securityToken,n=this._options.region,this.log("STARTFETCHDATA",{it:"sts",pa:{vid:this._options.vid}});else{try{var a=_pa_n4lto7xi(this._options.playauth),s=(this._options.playauth!==a&&(this._vdnct6f=!0),u.encPlayAuth(a)),t=s.AccessKeyId,r=s.AccessKeySecret,i=s.SecurityToken,n=s.Region,o=s.AuthInfo}catch(e){console.log("e",e);var l={Code:c.ErrorCode.PlayauthDecode,Message:"playauth decoded failed.",displayMessage:"playauth\u89e3\u6790\u9519\u8bef"};return void this._mtsError_message(this,l,a)}this._options.from=s.CustomerId||"",this.log("STARTFETCHDATA",{it:"playAuth",pa:{vid:this._options.vid}})}this._loadByVodBySTS(t,r,i,n,o,e)},e.prototype.replayByVidAndPlayAuth=function(e,t){this.trigger("error_hide"),this._options.source="",this._options.vid=e,this._options.playauth=t,this._isError=!1,this._duration=0,this._options.cover="",this._vodRetryCount=0,this._clearTimeout(),this.loadByVod(!0)},e.prototype.updateSourcesByVidAndPlayAuth=function(e,t){var r,i,n;"undefined"!=typeof _pa_n4lto7xi?this._updateSourcesByVidAndPlayAuth(e,t):(r="aliplayer-vod-p-min.js",i="",i=a.domain?"https://"+a.domain+"/de/prismplayer/"+a.h5Version+"/hls/"+r:"/build/hls/"+r,n=this,o.loadJS(i,function(){n._updateSourcesByVidAndPlayAuth(e,t)}))},e.prototype._updateSourcesByVidAndPlayAuth=function(e,t){if(e!=this._options.vid)console.log("\u4e0d\u80fd\u66f4\u65b0\u5730\u5740\uff0cvid\u548c\u64ad\u653e\u4e2d\u7684\u4e0d\u4e00\u81f4");else{this._options.vid=e,this._options.playauth=t;try{var r=_pa_n4lto7xi(this._options.playauth),i=(this._options.playauth!==r&&(this._vdnct6f=!0),u.encPlayAuth(r))}catch(e){return void console.log("playauth\u89e3\u6790\u9519\u8bef")}var t={vid:e,accessId:i.AccessKeyId,accessSecret:i.AccessKeySecret,stsToken:i.SecurityToken,domainRegion:i.Region,authInfo:i.AuthInfo,playDomain:i.PlayDomain,format:this._options.format,mediaType:this._options.mediaType},n=(this._authKeyExpiredHandle.clearTick(),this);this.service.loadData(t,this._options.qualitySort,function(e){n._serverRequestId=e.requestId,0!=e.urls.length&&(n._urls=e.urls),n._authKeyExpiredHandle.tick(c.AuthKeyRefreshExpired)},function(e){console.log(e)})}},e.prototype.reloaduserPlayInfoAndVidRequestMts=function(e,t){this.replayByVidAndPlayAuth(e,t,accessSecret)},e.prototype._loadByVodBySTS=function(e,t,r,i,n,o){e={vid:this._options.vid,accessId:e,accessSecret:t,stsToken:r,authInfo:n,domainRegion:i,format:this._options.format,mediaType:this._options.mediaType,definition:this._options.definition,defaultDefinition:this._options.defaultDefinition,authTimeout:this._options.authTimeout,outputType:this._options.outputType,playConfig:this._options.playConfig,reAuthInfo:this._options.reAuthInfo};this.loadData(e,o)},t.exports=e},{"../../config":14,"../../lib/constants":28,"../../lib/io":40,"./authkeyexpiredhandle":106,"./saasplayer":112,"./signature":113,"./ststoken":114,"./vod":116}],118:[function(e,t,r){function i(t){this._player=t,this._video=t.tag;var r=this;this._isCreated=!1,this._canPlayTriggered=!1,this._defaultTrack="",t.on(n.Private.ChangeURL,function(){r._isCreated=!1,r._canPlayTriggered=!1,r._defaultTrack=""}),t.on(n.Player.CanPlay,function(){var e;r._player._drm||r._canPlayTriggered||((e=r._getTracks())&&(r._isCreated=!0,r._player._options.isVBR||r._hls||(t.trigger(n.Player.AudioTrackReady,e),r._notifyDefaultValue(e))),r._canPlayTriggered=!0)}),t.on(n.Player.AudioTrackUpdated,function(e){r._isCreated||(e=r._getTracks(e.paramData.audioTracks))&&(r._isCreated=!0,t.trigger(n.Player.AudioTrackReady,e),r._notifyDefaultValue(e))})}var n=e("../base/event/eventtype");i.prototype._notifyDefaultValue=function(e){!this._defaultTrack&&0<e.length&&(this._defaultTrack=e[0]),this._defaultTrack&&this._player.trigger(n.Private.SelectorUpdateList,{type:"audio",text:this._defaultTrack.text})},i.prototype.support=function(){return!!this._video.audioTracks},i.prototype._getTracks=function(e){if(!this.support()&&!e)return null;for(var t=[],r=(e=!this._video||!this._video.audioTracks||e&&0!=e.length?e:this._video.audioTracks)?e.length:0,i=0;i<r;i++){var n=e[i],o={value:n.id,text:n.label||n.name||n.language};(n.default||n.enabled)&&(this._defaultTrack=o),t.push(o)}return t},i.prototype.switch=function(e){if(this._player._hls)this._player._hls.audioTrack=+e;else for(var t=this._video.audioTracks?this._video.audioTracks.length:0,r=0;r<t;r++){var i=this._video.audioTracks[r];i.id==e?i.enabled=!0:i.enabled=!1}},i.prototype.dispose=function(){this._player=null},t.exports=i},{"../base/event/eventtype":70}],119:[function(e,t,r){function i(e){this._video=e.tag,this._player=e,this._isCreated=!1,this._backupCC="",this.tracks=[],this._defaultTrack="",this._currentValue="",this._switchTimer=null,this._storedTracks=[];var o=this,t=(e.on(a.Player.LevelsLoaded,function(e){if(s.IS_MAC_SAFARI||s.IS_IOS)if(e&&e.paramData&&e.paramData.subtitles&&e.paramData.subtitles.length){for(var t=e.paramData.subtitles||[],r=[],i=0;i<t.length;i++){var n=t[i];n.vttUrl=n.url&&n.url.replace(".m3u8",".vtt"),r.push(n)}o._storedTracks=r}else o._resotreTracks()}),e.on(a.Private.SafariDrmLevelSwitch,function(){o._resotreTracks()}),e.on(a.Private.ChangeURL,function(e){e&&e.paramData&&"saas"===e.paramData.from||(o._disabledTracks(),o._isCreated=!1,o._defaultTrack="",o._backupCC="")}),e.on(a.Private.VttClearTracks,function(){o.switch("off"),o._disabledTracks(),o._isCreated=!1,o._defaultTrack={value:"off",text:"Off"},o.tracks=[o._defaultTrack],e.trigger(a.Private.SelectorGenerateList,{type:"cc"}),e.trigger(a.Private.CCStateChanged,{value:"off",lang:""})}),e.on(a.Player.CanPlay,function(){o._isCreated||(o.tracks=o._getTracks(),e.trigger(a.Player.TextTrackReady,o.tracks),e.trigger(a.Private.CCReset)),o._isCreated&&!o._player._setDefaultCC||!o._defaultTrack||(e.trigger(a.Private.SelectorUpdateList,{type:"cc",text:o._defaultTrack.text}),o.switch(o._defaultTrack.value),o._player._setDefaultCC=!1,o._isCreated=!0)}),s.os.ios&&parseFloat(s.os.version)<=15.1&&n.addCssByStyle("video::-webkit-media-text-track-container{position: relative; top: -44px !important;}"),"always"===e.getOptions().controlBarVisibility&&n.addCssByStyle("video::-webkit-media-text-track-container{transform: translateY(-44px);}"),l.throttle(function(){e._vttBroker&&e._vttBroker.enabled||n.addCssByStyle("video::-webkit-media-text-track-container{transform: translateY(-44px);}")},100)),t=(e.on(a.Private.ShowBar,t),l.throttle(function(){e._vttBroker&&e._vttBroker.enabled||n.addCssByStyle("video::-webkit-media-text-track-container{transform: none;}")},100));e.on(a.Private.HideBar,t),e.on(a.Private.CCReset,function(){o._updateSelectorList()})}var a=e("../base/event/eventtype"),n=(e("../../lib/event"),e("../../lib/dom")),s=e("../../lib/ua"),c=e("../../lib/cookie"),u=e("../../lib/constants"),l=e("../../ui/component/util");i.prototype._adaptiveCueStype=function(){var e,t=-10;s.IS_SAFARI?(t=-65,(e=this._player.fullscreenService)&&e.getIsFullScreen()&&(t=-95)):s.IS_MOBILE&&(t=-30),n.addCssByStyle("video::-webkit-media-text-track-container{transform: translateY("+t+"px) !important;}")},i.prototype.close=function(){for(var e=this.getTextTracks(),t=e.length,r=0;r<t;r++){var i=e[r];"expired"!=i.mode&&("showing"==i.mode&&(this._backupCC=i),i.mode="disabled")}this._player.trigger(a.Private.VttHide)},i.prototype.open=function(){var t,r,e;return!this.tracks||this.tracks.length<2||(r=this._backupCC?this._backupCC.language:"",e=this._backupCC?this._backupCC.label:"",this.tracks.forEach(function(e){r===e.value&&(t=!0)}),(r=t?r:e="")||(r=this.tracks[1].value,e=this.tracks[1].text),this.switch(r)),{label:e,language:r}},i.prototype.getCurrentSubtitle=function(){return this._currentValue},i.prototype._getTracks=function(){for(var e=this.getTextTracks(),t=e.length,r=(this._defaultTrack={value:"off",text:"Off"},[this._defaultTrack]),i=c.get(u.SelectedCC),n="",o=!1,a=0;a<t;a++){var s,l=e[a];"expired"==l.mode||"subtitles"!=l.kind&&"captions"!=l.kind||(s={value:l.language,text:l.label},l.default&&(this._defaultTrack=s,o=!0),s.value==i&&(n=s),r.push(s))}return!o&&n&&(this._defaultTrack=n),r},i.prototype._disabledTracks=function(){for(var e=this.getTextTracks(),t=e.length,r=0;r<t;r++)e[r].mode="expired"},i.prototype.switch=function(e){var t=this._player;if(this.close(),"off"!=e)for(var r=this.getTextTracks(),i=r.length,n=0;n<i;n++){var o=r[n];o.language===e&&"expired"!=o.mode&&(r[n].mode="showing",t.trigger(a.Private.VttSwitchTrack,o.language))}else this.close();this._currentValue=e,t.trigger(a.Private.CCChanged,e)},i.prototype.updateUI=function(t){var e="on",r="";r=t?(this.tracks.find(function(e){return e.value===t})||{}).text||"":(e="off","Off"),player.trigger(a.Private.CCChanged,e),player.trigger(a.Private.CCStateChanged,{value:e,lang:r})},i.prototype.dispose=function(){this._player=null,this._switchTimer&&(clearTimeout(this._switchTimer),this._switchTimer=null)},i.prototype._patchSafariTracks=function(){var t=this;if(s.IS_MAC_SAFARI||s.IS_IOS){if(!(this._video&&this._video.textTracks?this._video.textTracks.length:0)){var e=!1;if(e=this._video.textTracks&&this._video.textTracks.length?!0:e)return;for(var r=0;r<this._storedTracks.length;r++){var i=this._storedTracks[r],n=i.vttUrl,o=document.createElement("track");o.src=n,o.kind="subtitles",o.label=i.name,o.srclang=i.lang,this._video.appendChild(o)}}this._switchTimer&&clearTimeout(this._switchTimer),this._switchTimer=setTimeout(function(){var e=t.getCurrentSubtitle();e&&"off"!==e&&t.switch(e)},1e3)}},i.prototype.getTextTracks=function(){var e=this._player,t=e.tag;return e._vttBroker&&e._vttBroker.enabled&&e.getTextTracks?e.getTextTracks()||[]:t&&t.textTracks||[]},i.prototype._updateSelectorList=function(){var e=this._player;this.tracks=this._getTracks(),e.trigger(a.Private.SelectorGenerateList,{type:"cc",value:"Off"})},i.prototype._resotreTracks=function(){this._patchSafariTracks(),this.tracks=this._getTracks(),this._player.trigger(a.Player.TextTrackReady,this.tracks)},t.exports=i},{"../../lib/constants":28,"../../lib/cookie":29,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../ui/component/util":159,"../base/event/eventtype":70}],120:[function(e,t,r){var i=e("../../lib/playerutil");t.exports=[{service:e("./ccservice"),name:"_ccService",condition:!0},{service:e("./audiotrackservice"),name:"_audioTrackService"},{service:e("./qualityservice"),name:"_qualityService"},{service:e("./fullscreenservice"),name:"fullscreenService",condition:function(){return!0}},{service:e("./liveshiftservice"),name:"_liveshiftService",condition:function(){var e=this.options();return i.isLiveShift(e)}},{service:e("./thumbnailservice"),name:"_thumbnailService",condition:function(){return!0}},{service:e("./progressmarkerservice"),name:"_progressMarkerService",condition:function(){return!0}}]},{"../../lib/playerutil":46,"./audiotrackservice":118,"./ccservice":119,"./fullscreenservice":121,"./liveshiftservice":122,"./progressmarkerservice":123,"./qualityservice":124,"./thumbnailservice":125}],121:[function(e,t,r){function i(e){this.isFullWindow=!1,this.isFullScreen=!1,this.isFullScreenChanged=!1,this._requestFullScreenTimer=null,this._cancelFullScreenTimer=null,this._player=e;var r=this,i=l;this._fullscreenChanged=function(e){var t;null!=r._player&&(e.target||e.srcElement)===(e=r._player.el())&&(t=document[i.fullscreenElement],r.isFullScreen=t===e,(r.isFullScreenChanged=!0)===r.isFullScreen?r._player.trigger(s.Player.RequestFullScreen):r._player.trigger(s.Player.CancelFullScreen))},i&&o.on(document,i.eventName,this._fullscreenChanged)}var a=e("../../lib/ua"),n=e("../../lib/dom"),o=e("../../lib/event"),s=e("../base/event/eventtype"),l=(e("../base/x5play"),e("../../lang/index"),function(){n.createEl("div");var e={},t=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror","fullScreen"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror","webkitfullScreen"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror","webkitIsFullScreen"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror","mozFullScreen"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError","MSFullScreen"]],r=!1;if(!(r=a.IS_IOS&&(e.requestFn="webkitEnterFullscreen",e.cancelFn="webkitExitFullscreen",e.fullscreenElement="webkitFullscreenElement",e.eventName="webkitfullscreenchange",e.isFullScreen="webkitDisplayingFullscreen",document[e.requestFn])?!0:r)){for(var i=0;i<5;i++)if(t[i][1]in document){e.requestFn=t[i][0],e.cancelFn=t[i][1],e.fullscreenElement=t[i][2],e.eventName=t[i][4],e.isFullScreen=t[i][6];break}"requestFullscreen"in document?e.requestFn="requestFullscreen":"webkitRequestFullscreen"in document?e.requestFn="webkitRequestFullscreen":"webkitRequestFullScreen"in document?e.requestFn="webkitRequestFullScreen":"webkitEnterFullscreen"in document?e.requestFn="webkitEnterFullscreen":"mozRequestFullScreen"in document?e.requestFn="mozRequestFullScreen":"msRequestFullscreen"in document&&(e.requestFn="msRequestFullscreen"),"fullscreenchange"in document?e.eventName="fullscreenchange":"webkitfullscreenchange"in document||"webkitfullscreenchange"in document||"webkitfullscreenchange"in document?e.eventName="webkitfullscreenchange":"mozfullscreenchange"in document?e.eventName="mozfullscreenchange":"MSFullscreenChange"in document&&(e.eventName="MSFullscreenChange"),"fullScreen"in document?e.isFullScreen="fullScreen":"webkitfullScreen"in document?e.isFullScreen="webkitfullScreen":"webkitIsFullScreen"in document?e.isFullScreen="webkitIsFullScreen":"webkitDisplayingFullscreen"in document?e.isFullScreen="webkitDisplayingFullscreen":"mozFullScreen"in document?e.isFullScreen="mozFullScreen":"mozfullScreen"in document?e.isFullScreen="mozfullScreen":"MSFullScreen"in document&&(e.isFullScreen="MSFullScreen"),"fullscreenElement"in document?e.fullscreenElement="fullscreenElement":"webkitFullscreenElement"in document?e.fullscreenElement="webkitFullscreenElement":"webkitFullScreenElement"in document?e.fullscreenElement="webkitFullScreenElement":"mozFullScreenElement"in document?e.fullscreenElement="mozFullScreenElement":"msFullscreenElement"in document?e.fullscreenElement="msFullscreenElement":"MSFullscreenElement"in document&&(e.fullscreenElement="MSFullscreenElement")}return e.requestFn?e:null}()),c=(i.prototype.requestFullScreen=function(){var e=l,t=this._player.el(),r=this;if(a.IS_IOS){var i=this._player._splayer;if(!i||2!==i.renderType){t=this._player.tag;try{var n=t[e.requestFn]();n&&"function"==typeof n.catch&&n.catch(function(e){console.log(e)}),r._player.trigger(s.Player.RequestFullScreen)}catch(e){console.log(e)}return this}this._player._options.enableMockFullscreen=!0}this.isFullScreen=!0,this.isFullScreenChanged=!1,this._requestFullScreenTimer=null,this._cancelFullScreenTimer||clearTimeout(this._cancelFullScreenTimer);r=this;if(e&&!this._player._options.enableMockFullscreen)try{var o=t[e.requestFn]();o&&"function"==typeof o.catch&&o.catch(function(e){console.log(e)}),this._requestFullScreenTimer=setTimeout(function(){r.isFullScreenChanged||(c.apply(r),r._player.trigger(s.Player.RequestFullScreen)),r._requestFullScreenTimer=null},1e3)}catch(e){console.log(e)}else c.apply(r),this._player.trigger(s.Player.RequestFullScreen);return this._player},i.prototype.cancelFullScreen=function(){var e=l,t=(this.isFullScreen=!1,this.isFullScreenChanged=!1,this._cancelFullScreenTimer=null,this._requestFullScreenTimer||clearTimeout(this._requestFullScreenTimer),this);if(e&&!this._player._options.enableMockFullscreen){try{var r=document[e.cancelFn]();r&&"function"==typeof r.catch&&r.catch(function(e){console.log(e)})}catch(e){console.log(e)}t._cancelFullScreenTimer=setTimeout(function(){t.isFullScreenChanged||(u.apply(t),t._player.trigger(s.Player.CancelFullScreen)),t._cancelFullScreenTimer=null},500)}else u.apply(t),this._player.trigger(s.Player.CancelFullScreen);return this._player.tag.paused||this._player.trigger(s.Player.Play),this._player},i.prototype.getIsFullScreen=function(){return this.isFullScreen},i.prototype.dispose=function(){this._player=null,l&&o.off(document,l.eventName,this._fullscreenChanged)},function(){this.isFullWindow=!0,this.docOrigOverflow=document.documentElement.style.overflow,document.documentElement.style.overflow="hidden",n.addClass(document.getElementsByTagName("body")[0],"prism-full-window")}),u=function(){this.isFullWindow=!1,document.documentElement.style.overflow=this.docOrigOverflow,n.removeClass(document.getElementsByTagName("body")[0],"prism-full-window")};t.exports=i},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../base/event/eventtype":70,"../base/x5play":96}],122:[function(e,t,r){function n(e,t){var r;if(e)return e=new Date(e),r=(t=new Date(t)).valueOf()/1e3-e.valueOf()/1e3,{start:e,end:t,endDisplay:s.extractTime(t),totalTime:r}}function o(e,t){t&&(e.currentTimestamp=t,e.currentTime=s.convertToDate(t),e.currentTimeDisplay=s.extractTime(e.currentTime),e.liveShiftStart=e.liveTimeRange.start,e.liveShiftEnd=e.liveTimeRange.end,e.liveShiftStartDisplay=s.extractTime(e.liveShiftStart),e.liveShiftEndDisplay=s.extractTime(e.liveShiftEnd),e.availableLiveShiftTime=t-e.liveShiftStart.valueOf()/1e3,e.timestampStart=s.convertToTimestamp(e.liveShiftStart),e.timestampEnd,s.convertToTimestamp(e.liveShiftEnd))}function i(t){function e(){var e=t._options.source;this._originalPlayUrl=e,this._liveShiftUrl=t._options.liveTimeShiftUrl,this.liveTimeRange=n(t._options.liveStartTime,t._options.liveOverTime),this.availableLiveShiftTime=0,this.seekTime=-1}this._player=t,this._isLiveShiftPlaying=!1;var i=this;e.call(this),t.liveShiftSerivce={setLiveTimeRange:function(e,t){i.setLiveTimeRange(e,t)},queryLiveShift:function(e,t,r){i.queryLiveShift(e,t,r)},isLiveShiftPlaying:function(){return i._isLiveShiftPlaying}},t.on(h.Private.ChangeURL,function(){e.call(i)})}var a=e("../../lib/io"),s=e("../../lib/util"),l=e("../../lib/playerUtil"),c=e("../../lang/index"),u=e("../flv/flvinjector"),p=e("../hls/hlsinjector"),d=e("../../lib/constants"),h=e("../base/event/eventtype");e("../../lib/url");i.prototype.validate=function(){return!(this.liveTimeRange.start>=this.liveTimeRange.end)},i.prototype.switchToLive=function(){this.seekTime=-1;var e=this._originalPlayUrl,t=this._player._options.liveShiftSource,r=this._player._options.source;l.isHls(r)&&l.isFlv(e)&&t&&l.isHls(t)&&(this._player._hls&&this._player._destroyHls(),r=this._player._superType,t=this._player._Type,this._player._options._autoplay=!0,u.inject(this._player,t,r,this._player._options,"",!0)),this._player._loadByUrlInner(e,null,!0),this._isLiveShiftPlaying=!1,this._player.trigger(h.Private.LiveShiftSwitchToLive)},i.prototype.getBaseTime=function(){this.liveShiftStartDisplay;return-1==this.seekTime?s.parseTime(this.currentTimeDisplay):s.parseTime(this.liveShiftStartDisplay)+this.seekTime},i.prototype.getSourceUrl=function(e,t){var r=this._originalPlayUrl;return this.availableLiveShiftTime<e||(this._isLiveShiftPlaying=!0,e=parseInt(e),r=(r=this._switchLiveShiftPlayer(t))&&this._cleanUrl(r),t=parseInt(this.currentTimestamp)-e,-1===(r=-1==r.indexOf("?")?r+"?lhs_start_unix_s_0="+t:r+"&lhs_start_unix_s_0="+t).indexOf("aliyunols=on")&&(r+="&aliyunols=on"),-1===r.indexOf("continue=on")&&(r+="&continue=on")),r},i.prototype._cleanUrl=function(e){var t;return-1===e.indexOf("?")?e:(e=(e=(t=e.split("?"))[1])&&(0===(e=e.replace(/&?lhs_start_unix_s_0=[0-9]*/g,"")).indexOf("&")?e.replace("&",""):e))?t[0]+"?"+e:t[0]},i.prototype._switchLiveShiftPlayer=function(e){var t,r=this._originalPlayUrl,i=this._player._options.liveShiftSource,n=this._player._options.source;if(l.isHls(n))r=n;else if(l.isFlv(r)&&i&&l.isHls(i))return this._player._flv&&this._player._destroyFlv(),n=this._player._superType,t=this._player._Type,this._player._options._autoplay=!0,p.inject(this._player,t,n,this._player._options,"",!0),i;return r},i.prototype.getTimeline=function(t,i){var r;this._player.trigger(h.Private.LiveShiftQueryCompleted),this._liveShiftUrl?(r=this).queryLiveShift(this._liveShiftUrl,function(e){e?0==(e=e).retCode?(o(r,e.content.current),t&&t()):i({Code:d.ErrorCode.ServerAPIError,Message:e.retCode+"|"+e.description+"|"+e.content}):console.log("\u83b7\u53d6\u76f4\u64ad\u65f6\u79fb\u6570\u636e\u5931\u8d25")},function(e){if(i&&e){var t={};if(e){if("string"==typeof e&&-1<e.indexOf("403 Forbidden"))t.Code=d.ErrorCode.AuthKeyExpired,t.Message="Query liveshift failed:"+c.get("Error_AuthKey_Text");else{var r,t=e;try{r=JSON.parse(e)}catch(e){}r&&(t.Code=d.ErrorCode.ServerAPIError,t.Message=r.retCode+"|"+r.description+"|"+r.content)}i(t)}}}):(o(this,(new Date).valueOf()/1e3),t&&t())},i.prototype.start=function(e,t){function r(){i._loopHandler&&clearTimeout(i._loopHandler),i._loopHandler=setTimeout(function(){i.getTimeline(function(){},t),r()},e)}var i=this;i.getTimeline(function(e){i._localLiveTimeHandler||i.tickLocalLiveTime()},t),r()},i.prototype.tickLocalLiveTime=function(){var t=this;(function e(){t._localLiveTimeHandler=setTimeout(function(){t.currentTimestamp++,o(t,t.currentTimestamp),t._player.trigger(h.Private.LiveShiftQueryCompleted),e()},1e3)})()},i.prototype.setLiveTimeRange=function(e,t){e=e||this._player._options.liveStartTime,t=t||this._player._options.liveOverTime,this.liveTimeRange=n(e,t),o(this,this.currentTimestamp),this._player.trigger(h.Private.LiveShiftQueryCompleted)},i.prototype.queryLiveShift=function(e,r,i){a.get(e,function(e){var t;e?0==(t=JSON.parse(e)).retCode?r&&r(t):i&&i(t):i&&i(e)},function(e){i&&i(e)})},i.prototype.stop=function(e){this._loopHandler&&(clearTimeout(this._loopHandler),this._loopHandler=null)},i.prototype.dispose=function(){this.stop(),this._localLiveTimeHandler&&(clearTimeout(this._localLiveTimeHandler),this._localLiveTimeHandler=null),this._loopHandler&&(clearTimeout(this._loopHandler),this._loopHandler=null),this._player=null},t.exports=i},{"../../lang/index":23,"../../lib/constants":28,"../../lib/io":40,"../../lib/playerUtil":45,"../../lib/url":50,"../../lib/util":51,"../base/event/eventtype":70,"../flv/flvinjector":100,"../hls/hlsinjector":102}],123:[function(e,t,r){function i(a){function t(){var e=document.querySelector("#"+a.id()+" .prism-progress-marker");if(e){e.innerHTML="";var o=s._player.getDuration();if(0<o){for(var t=0;t<s.progressMarkers.length;t++){var r,i=s.progressMarkers[t];void 0!==i.offset&&""!==i.offset&&(i=document.createElement("div"),c.addClass(i,"prism-marker-dot"),r=s.progressMarkers[t].offset/o,i.style.left=100*r+"%",e.appendChild(i),r=function(e,t){return function(){s._player.trigger(l.Private.MarkerTextShow,{left:e,progressMarker:t})}}(r,s.progressMarkers[t]),u.on(i,"mouseover",r),u.on(i,"mouseout",function(e){s._player.trigger(l.Private.MarkerTextHide)}),u.on(i,"touchstart",r),u.on(i,"mousemove",function(e){e.preventDefault()}),u.on(i,"touchmove",function(e){e.preventDefault()}))}var n=document.querySelector("#"+s._player.id()+" .prism-progress-cursor");s._player.on(n,"click",function(e){for(var t=s._player.getCurrentTime(),r=0;r<s.progressMarkers.length;r++){var i,n=s.progressMarkers[r];n&&t-1<n.offset&&n.offset<t+1&&(i=n.offset/o*100+"%",s._player.trigger(l.Private.MarkerTextShow,{left:i,progressMarker:n}))}})}}}this.progressMarkers=[],this._player=a;var s=this;a.on(l.Private.ProgressMarkerLoaded,function(e){e=e.paramData;e&&0<e.length&&(s.progressMarkers=e)}),a.on(l.Private.ProgressMarkerChanged,function(e){e=e.paramData;e&&0<e.length&&(s.progressMarkers=e,t())}),a.on(l.Video.LoadedMetadata,t)}var l=e("../base/event/eventtype"),c=(e("../../lang/index"),e("../../lib/hls/hlsparse"),e("../../lib/object"),e("../../lib/dom")),u=e("../../lib/event");e("../../lib/playerutil");i.prototype.dispose=function(){this._player=null,this.progressMarkers=[]},t.exports=i},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/hls/hlsparse":39,"../../lib/object":42,"../../lib/playerutil":46,"../base/event/eventtype":70}],124:[function(e,t,r){function i(o){this.levels=[],this.drmUrl={},this._player=o;var a=this;o.on(s.Private.PlayInfoLoaded,function(e){for(var t=e.paramData.encryptUrlArr||[],r=[],i=0;i<t.length;i++){var n=t[i];n.encryptionType===p.VodEncryptionType["Widevine-FairPlay"]&&r.push(n)}a.drmUrl=r}),o.on(s.Player.LevelsLoaded,function(e){if(0<a.levels.length&&(a.levels=[]),(e=e.paramData)&&e.levels){for(var t,r=e.levels.length-1;-1<r;r--){var i,n=e.levels[r];n.url&&0<n.url.length&&n.attrs&&n.attrs.BANDWIDTH&&(i=n.url,c.isArray(i)&&(i=i[0]),i={Url:i=!o._hls&&o._options.isVBR&&o._options.isDrm?d.call(a,n):i,desc:n.height||n.width,bitrate:n.bitrate,resolution:n.attrs.RESOLUTION,bandwidth:n.attrs.BANDWIDTH},a.levels.push(i))}"AUTO"===o._options.definition&&(o._urls=[],Object.assign(o._urls,this.levels)),a.levels.sort(function(e,t){return e.desc-t.desc}),0<a.levels.length&&(t="",this._player._options.isVBR&&(t=l.get("Auto")),a.levels.push({Url:e.url,desc:t}),o.trigger(s.Private.SelectorUpdateList,{type:"quality",text:t}))}}),o.on(s.Video.LoadStart,function(){var e;o._options&&(e=o._options.source,!o._hls)&&e&&u.isHls(e)&&(o._manuallySwitchDrmLevel?(o._manuallySwitchDrmLevel=!1,o.trigger(s.Private.SafariDrmLevelSwitch)):a.loadLevels(e))})}var s=e("../base/event/eventtype"),l=e("../../lang/index"),n=e("../../lib/hls/hlsparse"),c=e("../../lib/object"),u=e("../../lib/playerutil"),p=e("../../lib/constants");function d(e){for(var t,r=this.drmUrl,i=0;i<this.drmUrl.length;i++)if(Number(e.height)===Number(r[i].height)){t=r[i].Url;break}return t}(i.prototype={loadLevels:function(e){var t=new n,r=this;t.load(e,function(e){r._player.trigger(s.Player.LevelsLoaded,e)})}}).dispose=function(){this._player=null},t.exports=i},{"../../lang/index":23,"../../lib/constants":28,"../../lib/hls/hlsparse":39,"../../lib/object":42,"../../lib/playerutil":46,"../base/event/eventtype":70}],125:[function(e,t,r){function i(e){this._player=e,this.cues=[],this.baseUrl="";var t=this;e.on(s.Private.ChangeURL,function(){t.cues=[],t.baseUrl=""})}var n=e("../../lib/io"),o=e("../../lib/url"),a=e("../../lib/vtt/thumbnailvtt"),s=e("../base/event/eventtype");(i.prototype={get:function(e){var t,r,i=this;this.baseUrl=(t=e,(r=o.parseUrl(t))&&(r=r.segments)&&0<r.length&&(r=r[r.length-1],baseUrl=t.replace(r,"")),baseUrl),n.get(e,function(e){e&&a.parse(e,function(e){i.cues=e,i._player.trigger(s.Private.ThumbnailLoaded,e)})},function(e){console.log(e)})},findAvailableCue:function(e){for(var t=this.cues.length,r=0;r<t;r++){var i=this.cues[r];if(i.startTime<=e&&e<i.endTime)return i}return null},makeUrl:function(e){return e=-1==e.indexOf("://")?this.baseUrl+e:e}}).dispose=function(){this._player=null},t.exports=i},{"../../lib/io":40,"../../lib/url":50,"../../lib/vtt/thumbnailvtt":53,"../base/event/eventtype":70}],126:[function(e,t,r){var u=e("../base/player"),p=e("./splayerinjector"),d=e("../flv/flvinjector"),h=e("../../lib/playerutil"),f=e("../base/event/eventtype"),i=e("../../lib/constants"),y=e("../../lib/codec-probe"),_=i.USER_EVENT_NAME,g=h.isH265Codec,v=h.getVideoTrack,m={},S={codecCost:0,decoderCost:0},b=u.extend({init:function(e,t){var i,n=this,o=(this._options=t,h.isFlv(t.source)),r=this._extraMultiSources(),a={};function s(){o&&(d.inject(this,b,u,t),t._native=!1),u.call(this,e,t),this._monitor&&this._monitor.updateH265ProbeCost(S),c.call(this),m.codecTag&&p.reportH265PlayInfo.call(this,{renderType:"native",codecTag:m.codecTag})}function l(){t._native=!1,p.inject(this,b,u,t,m),u.call(this,e,t),this._monitor&&this._monitor.updateH265ProbeCost(S),c.call(this)}function c(){var e,t,r=this,i=a,n=this[_];n&&(i=Object.assign({},a,n),e=Object.keys(a),t=Object.keys(n),e.forEach(function(e){-1<t.indexOf(e)&&(i[e]=a[e].concat(n[e]))})),Object.keys(i).forEach(function(t){i[t].forEach(function(e){e.binded||u.prototype.on.call(r,t,e)})})}a[f.Player.Ready]=[function(){n._setupSourceList(r),n.trigger(f.Private.SelectorGenerateList,{type:"quality"})}],"zhihu"===t.from||t.forceH265?l.call(this):(i=performance.now(),y(t.source,function(e){S.codecCost+=performance.now()-i;var t,e=v(e.tracks),r=(e||{}).codecTag||(e||{}).codec.split(".")[0];m.codecTag=r,e&&g(r)?(t=performance.now(),o?(S.decoderCost+=performance.now()-t,l.call(n)):h.shouldUseBasePlayer(r,function(e){S.decoderCost+=performance.now()-t,(e?s:l).call(n)})):s.call(n)},function(e){console.log("error in demuxer, fallback to basePlayer",e),S.codecCost+=performance.now()-i,s.call(n)}))}});t.exports=b},{"../../lib/codec-probe":26,"../../lib/constants":28,"../../lib/playerutil":46,"../base/event/eventtype":70,"../base/player":91,"../flv/flvinjector":100,"./splayerinjector":127}],127:[function(e,t,r){function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,i=arguments[t];for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}var o=e("../../lib/io"),s=e("../base/event/eventtype"),l=e("../base/event/eventmanager"),c=(e("../../lib/event"),e("../../lib/util")),u=e("../../lib/dom"),p=e("../../lib/playerutil"),d=e("../../lib/constants"),h=e("../../lang/index");function f(e){var t=this._options,r=(_.call(this),!function(){p.isVideoTag(this.tag)&&(l.offVideoAll(this),this.tag.parentNode.removeChild(this.tag),this.tag=null)}.call(this),Videox.Videox),i=new r(a({container:this._el,wasmDomain:t.splayerWasmDomain,progressive:!0,skipFrame:r.DiscardType.NONE,loop:t.rePlay,controls:!1,muted:!1,threads:t.h265Threads,simd:t.h265Simd,autoplay:t.autoplay,live:t.isLive,poster:t.cover||void 0,src:t.source,trackOptions:{disable:!0},preload:t.preload?"auto":"none",timeout:1e3*t.waitingTimeout},t.splayerOptions||{})),n=(t.debug&&(i.setLogLevel(r.LogLevel.LOG),i.setLogPrintLevel(r.LogLevel.LOG)),this._splayer=i,(this.tag=i).play),o=this;this.tag.play=function(){o._monitor&&o._monitor.reportStartPlay(),n.call(this)},function(){var e,t=this,r=document.createElement("video");for(e in r)!function(e){t.tag[e]||0===e.indexOf("on")||"function"!=typeof r[e]||(t.tag[e]=function(){console.warn("Function ["+e+"] is called on splayer, which should be a mistake."),r[e].apply(r,arguments)})}(e)}.call(this),function(e){var i=this,n=(l.onAll(this),this._splayer);n.addEventListener("error",function(e){console.log("Splayer error",(e||{}).detail);var t,r,i=Videox.Videox,n=(e||{}).detail,e=Number((n||{}).code),i=i.ErrorCode;switch(e){case i.WASM_NOT_SUPPORTED:case i.CANVAS_NOT_SUPPORTED:case i.AUDIOCONTEXT_NOT_SUPPORTED:case i.WORKER_NOT_SUPPORTED:case i.WEBGL_NOT_SUPPORTED:t=d.ErrorCode.SplayerEnvCheckError,r=h.get("Splayer_Err_Env_Check")+" | "+y(n);break;case i.DECODE:t=d.ErrorCode.SplayerDecodeError,r=h.get("Splayer_Err_Decode")+" | "+y(n);break;case i.NETWORK:t=d.ErrorCode.NetworkError,r=h.get("Error_Network_Text")+" | "+y(n);var o=(n.origin||{}).response;o?404===(o=o.status)?(t=d.ErrorCode.NotFoundSourceURL,r=h.get("Error_Not_Found")+" | "+y(n)):403===o&&(t=d.ErrorCode.AuthKeyExpired,r=h.get("Error_AuthKey_Text")+" | "+y(n)):navigator.onLine&&(t=d.ErrorCode.RequestDataError,r=r+"\uff0c"+h.get("Maybe_Cors_Error"));break;case i.PARSER:t=d.ErrorCode.SplayerParserNotFound,r=h.get("Splayer_Err_Parser_Not_Found")+" | "+y(n);break;default:t=d.ErrorCode.OtherError,r="(SP)"+h.get("Error_Play_Text")+" | "+y(n)}if(t===d.ErrorCode.NetworkError&&this._reloadForVod())return;e={error_code:t,error_msg:r};null!==e.error_code&&null!==e.error_msg&&(this.logError(e),this.trigger(s.Player.Error,e));g.call(this,{splayer:!0})}.bind(this)),n.addEventListener("decoderoverload",function(e){e=e.detail;delete e.shouldWarn,i.trigger(s.Player.H265DecoderOverload,e)}),n.addEventListener("loadedsupportinfo",function(e){var e=e.detail||{},t=e.detail||{},r=n.controller.options||{};n.renderType=e.renderer,g.call(i,{renderer:e.renderer,wasmThreads:t.wasmThreads&&r.threads,wasmThreadsOption:r.threads,simd:t.simd&&r.simd,simdOption:r.simd,codecTag:n.controller.videoTrack&&n.controller.videoTrack.codecTag||n.controller.videoTrack.codec.split(".")[0],splayer:!0})}),this._options.autoplay&&(n.once("canplay",function(){n.paused&&i._autoplayFailedHandler()}),n.once("timeupdate",function(){i.trigger(s.Player.Play)}),this._monitor)&&this._monitor.reportStartPlay()}.call(this,e)}function y(e){var e=e=void 0===e?{}:e,t=e.code,e=e.message,r=Videox.Videox.ErrorCode,i="";return i=t?i+t+(": "+(e||r[t])):i}function _(){this._splayer&&(this._splayer.destroy(),this._splayer=null)}function g(e){var t;void 0===e&&(e={}),this._h265InfoReported||(this._h265InfoReported=!0,t={0:"native",1:"mse",2:"wasm"},delete(e=a({codecTag:(this._probeInfo||{}).codecTag||e.codecTag,renderType:e.renderType||t[e.renderer]},e)).renderer,e.renderType!==t[2]&&(delete e.simd,delete e.simdOption,delete e.wasmThreads,delete e.wasmThreadsOption),e.codecTag&&p.isH265Codec(e.codecTag)&&this.trigger(s.Player.H265PlayInfo,e))}t.exports.reportH265PlayInfo=g,t.exports.inject=function(e,t,r,i,n){e._Type=t,e._superType=r,e._superPt=r.prototype,e._disposed=!1,e._splayer=null,e._splayerLoaded=!1,e._probeInfo=n,t.prototype.initPlay=function(e){var t=this;this.trigger(s.Private.H5_Loading_Show),function(e){return!c.contentProtocolMixed(e,"alwaysCheck")||((e={mediaId:this._options.vid||"",error_code:d.ErrorCode.InvalidSourceURL,error_msg:"InvalidSourceURL"}).display_msg=h.get("Request_Block_Text"),this.logError(e),this.trigger(s.Player.Error,e),!1)}.call(this,this._options.source)&&(this._splayerLoaded?f.call(this,e):function(e){var t=this._options.splayerUrl||"https://g.alicdn.com/splayer/splayer/0.6.6/dist/index.js";o.loadJS(t,e.bind(this))}.call(this,function(){this._splayerLoaded=!0,f.call(this,e),t._executeReadyCallback()}))},t.prototype.replay=function(){return this._monitor&&this._monitor.replay(),this._splayer.load(),this._splayer.play(),this},t.prototype.setPlayerSize=function(e,t){this._superPt.setPlayerSize.call(this,e,t);e=this._el.querySelector("canvas");e&&(t=this._el.offsetWidth/this._el.offsetHeight,e.offsetWidth/e.offsetHeight<t?(e.style.height="100%",e.style.width="initial"):(e.style.width="100%",e.style.height="initial"))},t.prototype._setTransform=function(){var e=this._player._el.querySelector("canvas"),t=(this._transformProp||(this._transformProp=u.getTransformName(e)),"");this._rotate&&(t+=" rotate("+this._rotate+"deg)"),this._image&&("vertical"==this._image?t+=" scaleY(-1)":"horizon"==this._image&&(t+=" scaleX(-1)")),e.style[this._transformProp]=t},t.prototype.dispose=function(){this._disposed||(this._superPt&&(this._superPt.dispose.call(this),t.prototype.replay=this._superPt.replay,t.prototype.setPlayerSize=this._superPt.setPlayerSize,t.prototype._setTransform=this._superPt._setTransform,t.prototype.initPlay=this._superPt.initPlay,t.prototype.dispose=this._superPt.dispose),_.call(this),this._Type=null,this._superType=null,this._superPt=null,this._disposed=!0,this._splayerLoaded=!1,this._h265InfoReported=!1)}}},{"../../lang/index":23,"../../lib/constants":28,"../../lib/dom":32,"../../lib/event":33,"../../lib/io":40,"../../lib/playerutil":46,"../../lib/util":51,"../base/event/eventmanager":69,"../base/event/eventtype":70}],128:[function(require,module,exports){!function _SkeinEnclosedFunction($jsskein_array_37,$jsskein_array_38,$jsskein_array_39,$jsskein_array_40,$jsskein_array_41,$jsskein_array_42,$jsskein_array_43,$jsskein_array_44){function kl5f8(){function e(e){var t=(t=$jsskein_array_37[3]).split($jsskein_array_42[0]).reverse().join($jsskein_array_43[3]),t=window[t];$jsskein_array_39[2],$jsskein_array_39[2];return t[e]=function(){}}for(var t=1;void 0!==t;){var r=1&t>>1;switch(1&t){case 0:switch(r){case 0:t=void 0;continue;case 1:var i=[],n=(n=$jsskein_array_44[1]).split($jsskein_array_38[1]).reverse().join($jsskein_array_44[2]),o=$jsskein_array_43[2];o+=$jsskein_array_39[1];var a=(a=$jsskein_array_37[2]).split($jsskein_array_43[3]).reverse().join($jsskein_array_43[3]);i.push($jsskein_array_44[3],$jsskein_array_40[0],n,o,$jsskein_array_44[4],$jsskein_array_44[5],a,$jsskein_array_38[2]),i.forEach(e),t=0;continue}continue;case 1:0==r&&($jsskein_array_37[0],t=window?2:0)}}}function gas4s8(){for(var NEXTBB12=0;void 0!==NEXTBB12;){var $jsskein_indexLevel46_0=1&NEXTBB12,$jsskein_indexLevel46_1_Base=NEXTBB12>>1,$jsskein_indexLevel46_1=1&$jsskein_indexLevel46_1_Base;switch($jsskein_indexLevel46_0){case 0:switch($jsskein_indexLevel46_1){case 0:NEXTBB12=2;continue;case 1:NEXTBB12=$jsskein_array_40[1]?1:3;continue}continue;case 1:switch($jsskein_indexLevel46_1){case 0:eval(fs56j57),NEXTBB12=2;continue;case 1:NEXTBB12=void 0;continue}continue}}}function n5fg6f(player){function _SkeinIIFE19(){function cl48s87(isOpen){for(var NEXTBB22=5;void 0!==NEXTBB22;){var $jsskein_indexLevel47_0=3&NEXTBB22,$jsskein_indexLevel47_1_Base=NEXTBB22>>2,$jsskein_indexLevel47_1=3&$jsskein_indexLevel47_1_Base;switch($jsskein_indexLevel47_0){case 0:switch($jsskein_indexLevel47_1){case 0:NEXTBB22=void 0;continue;case 1:$jsskein_simplify_tmp24=$jsskein_cl48s87_var14,NEXTBB22=$jsskein_simplify_tmp24?9:0;continue;case 2:$jsskein_simplify_tmp24=Aliplayer.__unable2Anti9Debugger13Key,$jsskein_cl48s87_var14=$jsskein_array_40[2]!==$jsskein_simplify_tmp24,NEXTBB22=4;continue}continue;case 1:switch($jsskein_indexLevel47_1){case 0:devtoolsDetector.removeListener(cl48s87),devtoolsDetector.setDetectDelay($jsskein_array_44[6]),devtoolsDetector.stop(),NEXTBB22=0;continue;case 1:var $jsskein_simplify_tmp24=$jsskein_array_41[0],$jsskein_cl48s87_var14=isOpen,NEXTBB22=$jsskein_cl48s87_var14?8:4;continue;case 2:eval(fs56j57),$jsskein_simplify_tmp24=Aliplayer.__unable2Anti9Debugger13Key,$jsskein_simplify_tmp24=$jsskein_array_42[1]===$jsskein_simplify_tmp24,NEXTBB22=$jsskein_simplify_tmp24?1:2;continue}continue;case 2:0===$jsskein_indexLevel47_1&&(kl5f8(),player.dispose(),gas4s8(),NEXTBB22=0)}}}devtoolsDetector.addListener(cl48s87),devtoolsDetector.launch()}for(var NEXTBB17=0;void 0!==NEXTBB17;){var $jsskein_indexLevel48_0=1&NEXTBB17,$jsskein_indexLevel48_1_Base=NEXTBB17>>1,$jsskein_indexLevel48_1=1&$jsskein_indexLevel48_1_Base;switch($jsskein_indexLevel48_0){case 0:switch($jsskein_indexLevel48_1){case 0:var $jsskein_simplify_tmp25=_SkeinIIFE19,$jsskein_simplify_tmp26=$jsskein_array_37[0],$jsskein_n5fg6f_var16=document.body,NEXTBB17=$jsskein_n5fg6f_var16?2:3;continue;case 1:$jsskein_n5fg6f_var16=$jsskein_array_42[2],NEXTBB17=1;continue}continue;case 1:switch($jsskein_indexLevel48_1){case 0:$jsskein_simplify_tmp26=$jsskein_n5fg6f_var16,setTimeout($jsskein_simplify_tmp25,$jsskein_simplify_tmp26),NEXTBB17=void 0;continue;case 1:var $jsskein__rand36=parseInt($jsskein_array_44[7],$jsskein_array_44[8]),$jsskein_n5fg6f_var16=$jsskein__rand36-$jsskein_array_43[4];NEXTBB17=1;continue}continue}}}function _SkeinIIFE34(e){n5fg6f(e)}var $jsskein_global_string_encryption_stack27=[],$jsskein_simplify_tmp18=($jsskein_global_string_encryption_stack27.unshift([]),window),$jsskein_simplify_tmp19=$jsskein_array_37[0],$jsskein_simplify_tmp19=require("../lib/devtools-detector"),devtoolsDetector=($jsskein_simplify_tmp18.__devtoolsDetector=$jsskein_simplify_tmp19,$jsskein_simplify_tmp19),$jsskein_fs56j57_string_plus28=$jsskein_array_44[0],fs56j57=($jsskein_fs56j57_string_plus28+=$jsskein_array_43[0],$jsskein_fs56j57_string_plus28+=$jsskein_array_38[0],$jsskein_fs56j57_string_plus28+=$jsskein_array_43[1],$jsskein_fs56j57_string_plus28=$jsskein_fs56j57_string_plus28.split($jsskein_array_39[0]).reverse().join($jsskein_array_37[1]),$jsskein_fs56j57_string_plus28),$jsskein_simplify_tmp18=module;$jsskein_simplify_tmp18.exports=_SkeinIIFE34}.call(this,[0,"","lmxrid","elosnoc"],["gu","","table"],["","rn",0],["log",!0,"error"],[0],["","error",0],["g","bed","wa","",147],["re","gubed","","info","error","dir",0,"11110111",2])},{"../lib/devtools-detector":31}],129:[function(n,o,e){!function(e,a,s,t,r,i,l,c){[].unshift([]),e[0];var u=n("./anti-debugging-protected");o.exports=function(e,t){for(var r=3;void 0!==r;){var i=1&r>>1;switch(1&r){case 0:switch(i){case 0:r=void 0;continue;case 1:var n=Aliplayer.__unable2Anti9Debugger13Key,o=l[0],r=(n=(o+=a[0])+l[1]+s[0]!==n)?1:0;continue}continue;case 1:switch(i){case 0:u(t),r=0;continue;case 1:var n=e.encryptType;r=(n=c[0]==n)?2:0;continue}continue}}}}.call(this,[0],["rr"],["r"],[],[],[],["e","o"],[1])},{"./anti-debugging-protected":128}],130:[function(e,t,r){var i=e("../lib/oo"),n=e("../lib/data"),o=e("../lib/object"),a=e("../lib/dom"),s=e("../lib/event"),l=e("../lib/function"),c=e("../lib/layout"),u=(e("../lib/constants"),e("../lib/util"),e("../player/base/event/eventtype")),e=e("./component/util"),i=i.extend({init:function(e,t){var r=this,i=(this._player=e,this._eventState="",this._options=o.copy(t),this._el=this.createEl(),e.id);"function"==typeof e.id&&(i=e.id()),this._id=i+"_component_"+n.guid(),this._children=[],this._childIndex={},t.className&&this.addClass(t.className),this._player.on(u.Private.UiH5Ready,function(){r.renderUI(),r.syncUI(),r.bindEvent()})}});i.prototype.renderUI=function(){c.render(this.el(),this.options()),this.el().id=this.id()},i.prototype.syncUI=function(){},i.prototype.bindEvent=function(){},i.prototype.createEl=function(e,t){return a.createEl(e,t)},i.prototype.options=function(e){return void 0===e?this._options:this._options=o.merge(this._options,e)},i.prototype.el=function(){return this._el},i.prototype._contentEl,i.prototype.player=function(){return this._player},i.prototype.contentEl=function(){return this._contentEl||this._el},i.prototype._id,i.prototype.id=function(){return this._id},i.prototype.getId=function(){return this._id},i.prototype.addChild=function(e,t){var r;if("string"==typeof e){if(!this._player.UI[e])return;r=new this._player.UI[e](this._player,t)}else r=e;return this._children.push(r),"function"==typeof r.id&&(this._childIndex[r.id()]=r),"function"==typeof r.el&&r.el()&&((t=r.el()).id=r.id(),this.contentEl().appendChild(t)),r},i.prototype.removeChild=function(e){if(e&&this._children){for(var t,r=!1,i=this._children.length-1;0<=i;i--)if(this._children[i]===e){r=!0,this._children.splice(i,1);break}r&&(this._childIndex[e.id]=null,t=e.el())&&t.parentNode===this.contentEl()&&this.contentEl().removeChild(e.el())}},i.prototype.initChildren=function(){var e,t,r=this,i=this.options().children;if(i)if(o.isArray(i))for(var n=0;n<i.length;n++)t="string"==typeof(t=i[n])?(e=t,{}):(e=t.name,t),r.addChild(e,t);else o.each(i,function(e,t){!1!==t&&r.addChild(e,t)})},i.prototype.on=function(e,t){return s.on(this._el,e,l.bind(this,t)),this},i.prototype.offListener=function(e,t){return s.off(this._el,e,t),this},i.prototype.one=function(e,t){return s.one(this._el,e,l.bind(this,t)),this},i.prototype.trigger=function(e,t){if(this._el)return!t&&0!=t||(this._el.paramData=t),this._eventState=e,s.trigger(this._el,e),this},i.prototype.off=function(e){return s.off(this._el,e),this},i.prototype.addClass=function(e){return a.addClass(this._el,e),this},i.prototype.removeClass=function(e){return a.removeClass(this._el,e),this},i.prototype.show=function(){return this._el&&(this._el.style.display="block"),this},i.prototype.hide=function(){return this._el&&(this._el.style.display="none"),this},i.prototype.destroy=function(){if(this.trigger({type:"destroy",bubbles:!1}),this._children)for(var e=this._children.length-1;0<=e;e--)this._children[e].destroy&&this._children[e].destroy();"function"==typeof this.disposeUI&&this.disposeUI(),this.children_=null,this.childIndex_=null,this.off(),this._el.parentNode&&this._el.id!=this._player.id()&&this._el.parentNode.removeChild(this._el),n.removeData(this._el),this._el=null},i.prototype.registerControlBarTooltip=e.registerTooltipEvent,t.exports=i},{"../lib/constants":28,"../lib/data":30,"../lib/dom":32,"../lib/event":33,"../lib/function":35,"../lib/layout":41,"../lib/object":42,"../lib/oo":43,"../lib/util":51,"../player/base/event/eventtype":70,"./component/util":159}],131:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("../../lib/event"),a=e("../../player/base/event/eventtype"),s=e("../../player/base/plugin/status"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-big-play-btn")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="outter"></div>',e},bindEvent:function(){var r=this,e=(this._player.on(a.Player.Play,function(){r.addClass("playing"),r.removeClass("pause"),r._hide()}),this._player.on(a.Player.Pause,function(){var e,t;r._player._switchSourcing||(r.removeClass("playing"),r.addClass("pause"),e=r._player._status,t=r._player._seeking,e==s.ended)||e==s.error||e==s.playing||t||r._show()}),document.querySelector("#"+r.id()+" .outter"));o.on(this.el(),"mouseover",function(){n.addClass(e,"big-playbtn-hover-animation")}),o.on(this.el(),"mouseout",function(){n.removeClass(e,"big-playbtn-hover-animation")}),this.on(a.Private.PlayClick,function(){var e;r._player.paused()?(e=r._player.getCurrentTime(),(r._player.getDuration()<=e||r._player._ended||r._player.exceedPreviewTime(e))&&r._player.seek(0),r._player.play(!0)):r._player.pause(!0)}),this._player.on(a.Private.Play_Btn_Show,function(){r._show()}),this._player.on(a.Private.Play_Btn_Hide,function(){r._hide()})},_show:function(){n.css(this.el(),"display","block")},_hide:function(){n.css(this.el(),"display","none")}});t.exports=e},{"../../lib/dom":32,"../../lib/event":33,"../../player/base/event/eventtype":70,"../../player/base/plugin/status":95,"../component":130}],132:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("./util"),a=e("../../lang/index"),s=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){this.isOpened=!1,i.call(this,e,t),this.addClass("prism-cc-btn")},createEl:function(){return i.prototype.createEl.call(this,"div")},bindEvent:function(){var r=this;this.on("click",function(){n.addClass(r._el,"disabled");var e="on",t="";r.isOpened?(r._player._ccService.close(),e="off"):t=r._player._ccService.open().label,r._player.trigger(s.Private.CCChanged,e),r._player.trigger(s.Private.CCStateChanged,{value:e,lang:t}),r.disabledHandler&&clearTimeout(r.disabledHandler),r.disabledHandler=setTimeout(function(){n.removeClass(r._el,"disabled")},1e3),r._player.trigger(s.Private.MarkerTextHide)}),this._player.on(s.Private.CCChanged,function(e){e=e.paramData;r.isOpened="off"!=e}),o.registerTooltipEvent.call(this,this.el(),function(){return r.isOpened?a.get("CloseSubtitle"):a.get("OpenSubtitle")})},disposeUI:function(){this.disabledHandler&&(clearTimeout(this.disabledHandler),this.disabledHandler=null)}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],133:[function(e,t,r){var i=e("../component"),o=e("../../player/base/event/eventtype"),a=e("../../lib/event"),s=e("../../lib/dom"),l=e("../../lib/ua"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-controlbar"),this.initChildren(),this.onEvent()},createEl:function(){var e=i.prototype.createEl.call(this);return e.innerHTML='<div class="prism-controlbar-bg"></div>',e},onEvent:function(){var t,r=this.player(),e=r.options(),i=this,n=(a.on(this._el,"mouseover",function(){var e=document.querySelector("#"+i.id()+" .prism-progress-cursor");s.css(e,"display","block")}),a.on(this._el,"mouseout",function(e){var t=document.querySelector("#"+i.id()+" .prism-progress-cursor");s.css(t,"display","none"),r.trigger(o.Private.ThumbnailHide)}),a.on(this._el,"click",function(e){r.trigger(o.Private.ControlBarClick,e)}),l.IS_IOS&&(a.on(this._el,"touchstart",function(){var e=document.querySelector("#"+i.id()+" .prism-progress-cursor");s.css(e,"display","block")}),a.on(this._player.tag,"touchstart",function(){var e=document.querySelector("#"+i.id()+" .prism-progress-cursor");s.css(e,"display","none"),r.trigger(o.Private.ThumbnailHide)})),this.timer=null,e.controlBarVisibility);"hover"==(n=1==e.controlBarForOver?"hover":n)?(i.hide(),t=function(){i._hideHandler&&clearTimeout(i._hideHandler),i._show(),r.fullscreenService.getIsFullScreen()&&i._hide()},r.on(o.Private.MouseOver,function(){t()}),a.on(this._player.tag,"click",function(e){e&&e.target==e.currentTarget&&t()}),a.on(this._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&t()}),r.on(o.Private.MouseOut,function(){i._hideHandler=setTimeout(function(){i.hide(),r.trigger(o.Private.HideBar),r.trigger(o.Private.ThumbnailHide),r.trigger(o.Private.VolumeVisibilityChange,""),r.trigger(o.Private.SettingListHide)})})):"click"==n?(r.on(o.Private.Click,function(e){r._isError||(e.preventDefault(),e.stopPropagation(),i._show(),i._hide())}),r.on(o.Player.Ready,function(){i._hide()}),r.on(o.Private.TouchStart,function(){i._show()}),r.on(o.Private.TouchMove,function(){i._show()}),r.on(o.Private.TouchEnd,function(){i._hide()})):"never"==n?i._hide():i._show()},_show:function(){this.show(),this._player.trigger(o.Private.ShowBar),this.timer&&(clearTimeout(this.timer),this.timer=null)},_hide:function(){var e=this,t=this.player().options(),t="never"==t.controlBarVisibility?0:t.showBarTime;this.timer=setTimeout(function(){e.hide(),e._player.trigger(o.Private.HideBar),e._player.trigger(o.Private.ThumbnailHide),e._player.trigger(o.Private.VolumeVisibilityChange,""),e._player.trigger(o.Private.SettingListHide)},t)},disposeUI:function(){this.timer&&(clearTimeout(this.timer),this.timer=null),this._hideHandler&&(clearTimeout(this._hideHandler),this._hideHandler=null)}});t.exports=e},{"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../player/base/event/eventtype":70,"../component":130}],134:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-cover")},createEl:function(){var e=i.prototype.createEl.call(this,"div"),t=this.options().cover;return t?e.style.backgroundImage="url("+t+")":n.css(e,"display","none"),e},_hide:function(e){var t=document.querySelector("#"+this.id()+" .prism-cover");t&&n.css(t,"display","none")},_show:function(e){var t=document.querySelector("#"+this.id()+" .prism-cover");t&&n.css(t,"display","block")},bindEvent:function(){this._player.on(o.Private.Cover_Show,this._show),this._player.on(o.Private.Cover_Hide,this._hide)}});t.exports=e},{"../../lib/dom":32,"../../player/base/event/eventtype":70,"../component":130}],135:[function(e,t,r){var i=e("../component"),a=e("../../lib/util"),s=e("../../lib/dom"),n=e("../../lib/event"),o=e("../../lib/ua"),l=e("../../lang/index"),c=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-ErrorMessage")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML="<div class='prism-error-content'><p></p></div><div class='prism-error-operation'><a class='prism-button prism-button-refresh'>"+l.get("Refresh_Text")+"</a><a class='prism-button prism-button-retry'  target='_blank'>"+l.get("Retry")+"</a><a class='prism-button prism-button-orange'  target='_blank'>"+l.get("Detection_Text")+"</a></div><div class='prism-detect-info prism-center'><p class='errorCode'><span class='info-label'>code:&nbsp;</span><span class='info-content'></span></p><p class='vid'><span class='info-label'>vid:&nbsp;</span><span class='info-content'></span></p><p class='mediaAuth'><span class='info-label'>mediaAuth:&nbsp;</span><span class='info-content'></span></p><p class='uuid'><span class='info-label'>uuid:&nbsp;</span><span class='info-content'></span></p><p class='requestId'><span class='info-label'>requestId:&nbsp;</span><span class='info-content'></span></p><p class='dateTime'><span class='info-label'>"+l.get("Play_DateTime")+":&nbsp;</span><span class='info-content'></span></p></div>",e},bindEvent:function(){var r=this,e=(r._player.on(c.Private.Error_Show,function(e){var t=null;r._player.getMonitorInfo&&(t=r._player.getMonitorInfo()),r._show(e,t)}),r._player.on(c.Private.Error_Hide,function(){r._hide()}),document.querySelector("#"+r.id()+" .prism-button-refresh")),e=(n.on(e,"click",function(){location.reload(!0)}),o.IS_MOBILE&&(e=document.querySelector("#"+r.id()+" .prism-detect-info"),s.addClass(e,"prism-width90")),document.querySelector("#"+r.id()+" .prism-button-retry"));n.on(e,"click",function(){var e=r._player.getCurrentTime(),t=r._player._options.source;r._player._setDefaultCC=!0,r._player._loadByUrlInner(t,e,!0)})},_show:function(e,t){var r,e=e.paramData,i="",n="",o=(e.mediaId&&(i=e.mediaId),e.mediaAuth&&e.mediaAuth,document.querySelector("#"+this.id()+" .prism-button-orange"));o&&(t&&this._player._options.diagnosisButtonVisible?(t.vu?n=decodeURIComponent(t.vu):s.css(o,"display","none"),i="//player.alicdn.com/detection.html?from=h5&vid="+i+"&source="+(n?encodeURIComponent(n):"")+"&uuid="+t.uuid+"&lang="+l.getCurrentLanguage(),o&&(o.href=i)):s.css(o,"display","none"),n=e.display_msg||e.error_msg,document.querySelector("#"+this.id()+" .prism-error-content p").innerHTML=n,document.querySelector("#"+this.id()+" .errorCode .info-content").innerText=e.error_code,t=document.querySelector("#"+this.id()+" .vid"),e.mediaId?(s.css(t,"display","block"),document.querySelector("#"+this.id()+" .vid .info-content").innerText=e.mediaId):s.css(t,"display","none"),i=document.querySelector("#"+this.id()+" .mediaAuth"),e.mediaAuth?(s.css(i,"display","block"),document.querySelector("#"+this.id()+" .mediaAuth .info-content").innerText=e.mediaAuth):s.css(i,"display","none"),e.uuid?document.querySelector("#"+this.id()+" .uuid .info-content").innerText=e.uuid:(o=document.querySelector("#"+this.id()+" .uuid"),s.css(o,"display","none")),e.requestId?document.querySelector("#"+this.id()+" .requestId .info-content").innerText=e.requestId:(n=document.querySelector("#"+this.id()+" .requestId"),s.css(n,"display","none")),document.querySelector("#"+this.id()+" .dateTime .info-content").innerText=a.formatDate(new Date,"yyyy-MM-dd HH:mm:ss"),t=document.querySelector("#"+this.id()),s.css(t,"display","block"),(r=this).playHideHandler&&clearTimeout(r.playHideHandler),r.playHideHandler=setTimeout(function(){r._player.trigger("play_btn_hide")}))},_hide:function(){var e=document.querySelector("#"+this.id());s.css(e,"display","none")},disposeUI:function(){this.playHideHandler&&(clearTimeout(this.playHideHandler),this.playHideHandler=null)}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130}],136:[function(e,t,r){var i=e("../component"),n=e("../../player/base/event/eventtype"),o=(e("../../lib/event"),e("../../lib/ua")),a=e("../../lang/index"),s=e("./util"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-fullscreen-btn")},bindEvent:function(){var e=this;this._player.on(n.Player.RequestFullScreen,function(){o.IS_IOS||e.addClass("fullscreen")}),this._player.on(n.Player.CancelFullScreen,function(){e.removeClass("fullscreen")}),s.registerTooltipEvent.call(this,this.el(),function(){return e._player.fullscreenService.getIsFullScreen()?a.get("ExistFullScreen"):a.get("Fullscreen")}),this.on("click",function(){e._player.fullscreenService.getIsFullScreen()?e._player.fullscreenService.cancelFullScreen():e._player.fullscreenService.requestFullScreen(),e._player.trigger(n.Private.MarkerTextHide)})}});t.exports=e},{"../../lang/index":23,"../../lib/event":33,"../../lib/ua":49,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],137:[function(e,t,r){"use strict";var i=e("../component"),n=e("../../lib/dom"),o=e("../../player/base/event/eventtype"),a=e("../../lib/ua.js"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-hide")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML=a.IS_ANDROID_FIREFOX?'<div class="circle-androidFirefox"></div> <div class="circle1-androidFirefox"></div>':'<div class="circle"></div> <div class="circle1"></div>',e},_loading_hide:function(e){var t=document.querySelector("#"+this.id()+" .prism-loading");t&&(n.removeClass(t,"prism-loading"),n.addClass(t,"prism-hide"))},_loading_show:function(e){var t=document.querySelector("#"+this.id()+" .prism-hide");t&&(n.removeClass(t,"prism-hide"),n.addClass(t,"prism-loading"))},bindEvent:function(){this._player.on(o.Private.H5_Loading_Show,this._loading_show),this._player.on(o.Private.H5_Loading_Hide,this._loading_hide)}});t.exports=e},{"../../lib/dom":32,"../../lib/ua.js":49,"../../player/base/event/eventtype":70,"../component":130}],138:[function(e,t,r){var i=e("../component"),n=(e("../../lib/util"),e("../../lib/dom")),o=(e("../../lib/event"),e("../../lib/ua"),e("../../lang/index"),e("../../player/base/event/eventtype")),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-info-display")},createEl:function(){return i.prototype.createEl.call(this,"p")},bindEvent:function(){var r=this;r._player.on(o.Private.Info_Show,function(e){var t=document.querySelector("#"+r.id()),e=e.paramData;e&&(void 0!==e.text&&e.text?(t.innerHTML=e.text,void 0!==e.duration&&e.duration&&(r.handler&&clearTimeout(r.handler),r.handler=setTimeout(function(){n.css(t,"display","none")},e.duration)),"lb"==e.align?(n.addClass(t,"prism-info-left-bottom"),n.removeClass(t,"prism-info-top-center")):"tc"==e.align?(n.addClass(t,"prism-info-top-center"),n.removeClass(t,"prism-info-left-bottom")):(n.removeClass(t,"prism-info-left-bottom"),n.removeClass(t,"prism-info-top-center")),e.isBlack?n.addClass(t,"prism-info-black"):n.removeClass(t,"prism-info-black")):t.innerHTML=e,n.css(t,"display","block"))}),r._player.on(o.Private.Info_Hide,function(e){var t=document.querySelector("#"+r.id());n.css(t,"display","none")})},disposeUI:function(){this.handler&&(clearTimeout(this.handler),this.handler=null)}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130}],139:[function(e,t,r){var i=e("../component"),n=e("../../lang/index"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-license-watermark")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="no-authorization">'+n.get("License_No_Authorization")+'</div><a class="apply-button" target="_blank" href="https://help.aliyun.com/document_detail/434250.html">'+n.get("License_Click_To_Apply")+"</a>",e}});t.exports=e},{"../../lang/index":23,"../component":130}],140:[function(e,t,r){var i=e("../component"),n=e("./util"),o=(e("../../lib/util"),e("../../lib/dom")),a=e("../../lib/event"),s=e("../../lib/playerUtil"),l=e("../../lang/index"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-live-display")},createEl:function(){var e=i.prototype.createEl.call(this,"p");return e.innerText="LIVE",s.isLiveShift(this._player._options)&&o.addClass(e,"live-shift-display"),e},bindEvent:function(){var e=document.querySelector("#"+this.id()),t=this;s.isLiveShift(this._player._options)&&(a.on(e,"click",function(){t._player._liveshiftService.switchToLive()}),n.registerTooltipEvent.call(this,this.el(),l.get("SwitchToLive")))}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/playerUtil":45,"../../lib/util":51,"../component":130,"./util":159}],141:[function(e,t,r){var i=e("../component"),n=(e("../../lib/dom"),e("../../lib/event"),e("../../player/base/event/eventtype")),o=e("../../player/base/plugin/status"),a=e("../../lib/ua.js"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-animation")},bindEvent:function(){var t=this;this._player.on(n.Player.Play,function(){t._player._isManualPlay&&(t.removeClass("prism-pause-animation"),t.addClass("prism-play-animation"),a.IS_ANDROID_FIREFOX||t.removeClass("play-apply-animation"),t.playHandler&&clearTimeout(t.playHandler),t.playHandler=setTimeout(function(){a.IS_ANDROID_FIREFOX||t.addClass("play-apply-animation")}))}),this._player.on(n.Player.Pause,function(){var e=t._player._status;e!=o.ended&&e!=o.error&&t._player._isManualPause&&(t.removeClass("prism-play-animation"),t.addClass("prism-pause-animation"),a.IS_ANDROID_FIREFOX||t.removeClass("play-apply-animation"),t.pauseHandler&&clearTimeout(t.pauseHandler),t.pauseHandler=setTimeout(function(){a.IS_ANDROID_FIREFOX||t.addClass("play-apply-animation")}))})},disposeUI:function(){this.playHandler&&(clearTimeout(this.playHandler),this.playHandler=null),this.pauseHandler&&(clearTimeout(this.pauseHandler),this.pauseHandler=null)}});t.exports=e},{"../../lib/dom":32,"../../lib/event":33,"../../lib/ua.js":49,"../../player/base/event/eventtype":70,"../../player/base/plugin/status":95,"../component":130}],142:[function(e,t,r){var i=e("../component"),n=e("../../player/base/event/eventtype"),o=e("./util"),a=e("../../lang/index"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-play-btn")},bindEvent:function(){var t=this;this._player.on(n.Player.Play,function(){t.addClass("playing")}),this._player.on(n.Player.Pause,function(){t.removeClass("playing")}),this.on(n.Private.PlayClick,function(){var e;t._player.paused()?(e=t._player.getCurrentTime(),(t._player.getDuration()<=e||t._player._ended||t._player.exceedPreviewTime(e))&&t._player.seek(0),t._player.play(!0),t.addClass("playing")):(t._player.pause(!0),t.removeClass("playing")),t._player.trigger(n.Private.MarkerTextHide)}),o.registerTooltipEvent.call(this,this.el(),function(){return t._player.paused()?a.get("Play"):a.get("Pause")})}});t.exports=e},{"../../lang/index":23,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],143:[function(e,t,r){var i=e("../component"),o=e("../../lib/dom"),a=(e("../../lib/constants"),e("../../lib/event")),s=e("../../lib/ua"),l=e("../../lib/function"),n=e("../../lang/index"),c=e("../../config"),u=e("../../lib/util"),p=e("../../player/base/event/eventtype"),d=e("./util").debounce,e=i.extend({init:function(e,t){i.call(this,e,t),this._seekTime=-1,this._lastSeekTime=0,this._moving=!1,this._thumbnailHideTimer=null,this.addClass("prism-progress")},createEl:function(){var e=i.prototype.createEl.call(this);return e.innerHTML='<div class="prism-progress-loaded"></div><div class="prism-progress-played"></div><div class="prism-progress-marker"></div><div class="prism-progress-cursor"><img></img></div><p class="prism-progress-time"></p>',e},bindEvent:function(){function t(e){r._progressDown=e}var r=this,e=(this.loadedNode=document.querySelector("#"+this.id()+" .prism-progress-loaded"),this.playedNode=document.querySelector("#"+this.id()+" .prism-progress-played"),this.cursorNode=document.querySelector("#"+this.id()+" .prism-progress-cursor"),this.timeNode=document.querySelector("#"+this._player._options.id+" .prism-progress-time"),this.thumbnailNode=document.querySelector(".prism-thumbnail"),this.controlNode=document.querySelector("#"+this._player._options.id+" .prism-controlbar"),document.querySelector("#"+this.id())),i=document.querySelector("#"+this.id()+" .prism-progress-cursor img"),n="",n=this._player._options.skinsDomain?this._player._options.skinsDomain+"/skins/default/img/dragcursor.png":c.domain?"https://"+c.domain+"/de/prismplayer/"+c.h5Version+"/skins/default/img/dragcursor.png":"/build/skins/default/img/dragcursor.png";i.src=n,a.on(this.cursorNode,"mousedown",function(e){r._onMouseDown(e)}),a.on(this.cursorNode,"touchstart",function(e){r._onMouseDown(e)}),a.on(e,"mousemove",function(e){r._progressMove(e)}),a.on(e,"touchmove",function(e){r._progressMove(e)});a.on(e,"mousedown",function(e){t(!0)}),a.on(e,"touchstart",function(e){t(!0)}),a.on(e,"mouseup",function(e){t(!1)}),a.on(e,"touchend",function(e){t(!1),r._moving&&s.IS_MOBILE&&(r._player.trigger(p.Private.EndStart,{toTime:r._lastSeekTime}),r._moving=!1)}),a.on(this._el,"click",function(e){r._onMouseClick(e)}),this._player.on(p.Private.HideProgress,function(e){r._hideProgress(e)}),this._player.on(p.Private.CancelHideProgress,function(e){r._cancelHideProgress(e)}),this._player.on(p.Private.HideBar,function(e){r._player._seeking=!1}),a.on(e,p.Private.MouseOver,function(e){r._onMouseOver(e)}),a.on(e,p.Private.MouseOut,function(e){r._onMouseOut(e)}),a.on(this.controlNode,p.Private.MouseLeave,function(e){r._offMouseUp()}),s.IS_PC?(i=d(function(){o.addClass(e,"prism-progress-hover"),o.addClass(r.cursorNode,"cursor-hover")},100),a.on(e,"mouseover",i),n=d(function(){o.removeClass(e,"prism-progress-hover"),o.removeClass(r.cursorNode,"cursor-hover"),r._progressDown=!1},100),a.on(e,"mouseout",n)):(o.addClass(e,"prism-progress-hover"),o.addClass(r.cursorNode,"cursor-hover")),this.bindTimeupdate=l.bind(this,this._onTimeupdate),this._player.on(p.Player.TimeUpdate,this.bindTimeupdate),s.IS_IPAD?this.interval=setInterval(function(){r._onProgress()},500):this._player.on(p.Video.Progress,function(){r._onProgress()}),this._player.on(p.Private.UpdateProgress,function(e){r._updateProgressBar(r.playedNode,e.paramData.targetTime)}),this._player.on(p.Private.UpdateCursorPosition,function(e){r._updateCursorPosition(e.paramData.targetTime)})},_progressMove:function(e){e.preventDefault();var t,r,i=this._getSeconds(e);i!=1/0&&(t=u.formatTime(i),r=this._getDistance(e),this.cursorNode)&&(this._player.trigger(p.Private.ThumbnailShow,{time:i,formatTime:t,left:r,progressWidth:this.el().offsetWidth}),this._autoHideThumbnail(),this._progressDown)&&this._onMouseMove(e)},_hideProgress:function(e){a.off(this.cursorNode,"mousedown"),a.off(this.cursorNode,"touchstart")},_cancelHideProgress:function(e){var t=this;a.on(this.cursorNode,"mousedown",function(e){t._onMouseDown(e)}),a.on(this.cursorNode,"touchstart",function(e){t._onMouseDown(e)})},_canSeekable:function(e){var t=!0;return t="function"==typeof this._player.canSeekable?this._player.canSeekable(e):t},_onMouseOver:function(e){this._cursorHideHandler&&(clearTimeout(this._cursorHideHandler),this._cursorHideHandler=null),this._mouseInProgress||this._updateCursorPosition(this._player.getCurrentTime()),this._mouseInProgress=!0},_onMouseOut:function(e){var t=this;this._cursorHideHandler&&clearTimeout(this._cursorHideHandler),this._cursorHideHandler=setTimeout(function(){t._player.trigger(p.Private.ThumbnailHide),t._mouseInProgress=!1})},_getSeconds:function(e){var e=this._getDistance(e),t=this.el().offsetWidth,e=this._player.getDuration()?e/t*this._player.getDuration():0;return e=(e=e<0?0:e)>this._player.getDuration()?this._player.getDuration():e},_getDistance:function(e){for(var t=this.el().offsetLeft,r=this.el();r=r.offsetParent;){var i=o.getTranslateX(r);t+=r.offsetLeft+i}e=(e.touches?e.touches[0]:e).pageX-t;return e=e<0?0:e},_onMouseClick:function(e){var t=this,r=t._getSeconds(e);t._canSeekable(r)?(t._player.exceedPreviewTime(r)&&(r=t._player.getPreviewTime()),this._seekTime=r,t._updateProgressBar(this.playedNode,r),t._updateCursorPosition(r),this._mouseClickTimeHandle&&clearTimeout(this._mouseClickTimeHandle),this._mouseClickTimeHandle=setTimeout(function(){t._player._seeking=!0,t._mouseDown&&!s.IS_MOBILE||(t._player.trigger(p.Private.SeekStart,{fromTime:t._player.getCurrentTime()}),t._player.trigger(p.Private.EndStart,{toTime:r})),t._player.seek(r),t._mouseDown=!1,t._mouseClickTimeHandle=null,t._inWaitingSeek=!1},0),this._inWaitingSeek=!0):t._player.trigger(p.Private.Info_Show,{text:n.get("Can_Not_Seekable"),duration:2e3})},_onMouseDown:function(e){var t=this,e=(e.preventDefault(),this._mouseDown=!0,s.IS_PC&&this._player.trigger(p.Private.SeekStart,{fromTime:this._player.getCurrentTime()}),a.on(this.controlNode,"mousemove",function(e){t._onMouseMove(e)}),a.on(this.controlNode,"touchmove",function(e){t._onMouseMove(e)}),a.on(this.controlNode,"mouseup",function(e){t._onControlBarMouseUp(e)}),a.on(this.controlNode,"touchend",function(e){t._onControlBarMouseUp(e)}),t._getSeconds(e));t._canSeekable(e)?t._player.exceedPreviewTime(e)&&t._player.getPreviewTime():t._player.trigger(p.Private.Info_Show,{text:n.get("Can_Not_Seekable"),duration:2e3})},_onMouseUp:function(e){this._onMouseUpIntern(e)},_onControlBarMouseUp:function(e){this._onMouseUpIntern(e)},_onPlayerMouseUp:function(e){this._onMouseUpIntern(e)},_offMouseUp:function(){a.off(this.controlNode,"mousemove"),a.off(this.controlNode,"touchmove"),a.off(this.controlNode,"mouseup"),a.off(this.controlNode,"touchend")},_onMouseUpIntern:function(e){e.preventDefault(),this._offMouseUp();e=this.playedNode.offsetWidth/this.el().offsetWidth*this._player.getDuration();this._player.getDuration();isNaN(e)||this._player.seek(e),s.IS_PC&&this._player.trigger(p.Private.EndStart,{toTime:e}),this._autoHideThumbnail()},_onMouseMove:function(e){e.preventDefault(),!this._moving&&s.IS_MOBILE&&(this._player.trigger(p.Private.SeekStart,{fromTime:this._player.getCurrentTime()}),this._moving=!0);e=this._getSeconds(e);this._player.exceedPreviewTime(e)&&(e=this._player.getPreviewTime()),this._player.seek(e),this._updateProgressBar(this.playedNode,e),this._updateCursorPosition(e),this._lastSeekTime=e},_onTimeupdate:function(e){var t=this._player._options.source,t=this._getUrlSuffix(t),r=!1;"mp4"===t&&(s.IS_MAC_SAFARI&&(r=!0),s.IS_IOS&&(r=!0),s.IS_IE11)&&(r=!0),"m3u8"===t&&s.IS_IE11&&(r=!0),"audio"==this._player._options.mediaType&&s.IS_IOS&&(this._player._seeking=!1),(this._inWaitingSeek||this._player._seeking&&!s.IS_EDGE||this._progressDown)&&!r||(this._updateProgressBar(this.playedNode,this._player.getCurrentTime()),this._updateCursorPosition(this._player.getCurrentTime()),this._player.trigger(p.Private.UpdateProgressBar,{time:this._player.getCurrentTime()}))},_onProgress:function(e){this._player.getDuration()&&1<=this._player.getBuffered().length&&this._updateProgressBar(this.loadedNode,this._player.getBuffered().end(this._player.getBuffered().length-1))},_updateProgressBar:function(e,t){var r=this._player.getDuration();1!=this._player._switchSourcing&&r&&(-1!=this._seekTime&&(this._player.getCurrentTime()>=this._seekTime||!this._player._seeking?this._seekTime=-1:t=this._seekTime),1<(t=t/r+.005)&&(t=1),e)&&o.css(e,"width",100*t+"%")},_updateCursorPosition:function(e){var t,r,i,n=this._player.getDuration();1!=this._player._switchSourcing&&n&&(t=1,r=10/(i=this._player.el().clientWidth),0!=i&&(t=1-r),i=(i=e/n-r)<0?0:i,this.cursorNode)&&(t<i?(o.css(this.cursorNode,"right","0px"),o.css(this.cursorNode,"left","auto")):(o.css(this.cursorNode,"right","auto"),o.css(this.cursorNode,"left",100*i+"%")))},_getUrlSuffix:function(e){return!e||"string"!=typeof e?"":((e=(e.split("?")[0]||"").split("."))[e.length-1]||"").toLowerCase()},_autoHideThumbnail:function(){var e=this;s.IS_MOBILE&&(this._thumbnailHideTimer&&clearTimeout(this._thumbnailHideTimer),this._thumbnailHideTimer=setTimeout(function(){e._moving||e._player.trigger(p.Private.ThumbnailHide)},2e3))},disposeUI:function(){this._seekTime=-1,this._lastSeekTime=0,this._moving=!1,this.cursorNodeHandler&&(clearTimeout(this.cursorNodeHandler),this.cursorNodeHandler=null),this._cursorHideHandler&&(clearTimeout(this._cursorHideHandler),this._cursorHideHandler=null),this._mouseClickTimeHandle&&(clearTimeout(this._mouseClickTimeHandle),this._mouseClickTimeHandle=null)}});t.exports=e},{"../../config":14,"../../lang/index":23,"../../lib/constants":28,"../../lib/dom":32,"../../lib/event":33,"../../lib/function":35,"../../lib/ua":49,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],144:[function(e,t,r){var i=e("../component"),n=(e("../../lib/util"),e("../../lib/dom")),o=e("../../lib/event"),a=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-marker-text")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML="<p></p>",e},bindEvent:function(){var i=this;i._player.on(a.Private.MarkerTextShow,function(e){var t=e.paramData,r=a.Player.MarkerDotOver;i._player.trigger(r,e.paramData),t.progressMarker.isCustomized?i._player.trigger(a.Private.LifeCycleChanged,{type:r,data:e.paramData}):(i._thumbnailShowHanlde&&(n.css(i.el(),"display","none"),clearTimeout(i._thumbnailShowHanlde)),i._thumbnailShowHanlde=setTimeout(function(){var e;document.querySelector("#"+i.id()+" p").innerText=t.progressMarker.text||"",t&&(n.css(i.el(),"display","block"),e=i._player.el().offsetWidth,left=e*t.left,width=i.el().offsetWidth,left+width>e?(n.css(i.el(),"right","0px"),n.css(i.el(),"left","auto")):(left=(left-=width/2)<0?0:left,n.css(i.el(),"right","auto"),n.css(i.el(),"left",left+"px")))},30))}),i._player.on(a.Private.MarkerTextHide,function(e){i._player.trigger(a.Player.MarkerDotOut),i._player.trigger(a.Private.LifeCycleChanged,{type:a.Player.MarkerDotOut,data:""}),i._thumbnailShowHanlde&&clearTimeout(i._thumbnailShowHanlde),n.css(i.el(),"display","none")}),o.on(i._player.tag,"click",function(e){e&&e.target==e.currentTarget&&i._player.trigger(a.Private.MarkerTextHide)}),o.on(i._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&i._player.trigger(a.Private.MarkerTextHide)})},disposeUI:function(){this._thumbnailShowHanlde&&(clearTimeout(this._thumbnailShowHanlde),this._thumbnailShowHanlde=null)}});t.exports=e},{"../../lib/dom":32,"../../lib/event":33,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130}],145:[function(e,t,r){var i=e("./selector"),s=e("../../../lib/object"),c=(e("../../../lib/util"),e("../../../lib/cookie")),l=e("../../../lib/dom"),u=(e("../../../lib/event"),e("../../../lib/constants")),p=e("../../../lang/index"),o=e("../../../player/base/event/eventtype"),e=i.extend({init:function(e,t){this.Name=p.get("Quality"),this.Type="quality",this.Tooltip=p.get("Quality_Switch_To"),i.call(this,e,t),this._isMasterLevel=!1},showTip:function(e,t){this._player.trigger(o.Private.Info_Show,{text:e,duration:t,align:"lb"})},bindEvent:function(){this.bindCommonEvent();var n=this,e=(this._player.on(o.Private.QualityChange,function(e){var t,r,i=0<n._player._urls.length?n._player._urls:n._player._qualityService.levels;(data=e.paramData).levelSwitch?(t=data.desc||data.bitrate,n._autoSWitchDesc=t,n._updateText(t)):0<n._player._currentPlayIndex&&(n._autoSWitchDesc="",r=i[(t=n._player._currentPlayIndex)-1].desc,i=i[t].desc,n.showTip(r+e.paramData+i,1e3),n._player.trigger(o.Private.SelectorValueChange,{type:n.Type,text:i}))}),document.querySelector("#"+n.id()+" .selector-list"));this._player.on(o.Player.LevelSwitch,function(){l.addClass(e,"disabled")}),this._player.on(o.Player.LevelSwitched,function(){l.removeClass(e,"disabled")})},generateList:function(e){var n,t=this._player._urls,o=this._player._currentPlayIndex,r=this._player._qualityService.levels,a=(0<r.length&&(this._isMasterLevel=!0,this._player._options.isVBR)&&(o=(t=r).length-1),document.querySelector("#"+this.id()+" .selector-list"));0<t.length&&(n=this,s.each(t,function(e,t){var r,i;(e.desc||e.bitrate)&&(r=l.createEl.call(this,"li",{key:e.Url,index:t,text:e.desc||e.bitrate}),i=l.createEl.call(this,"span",{key:e.Url,index:t,text:e.desc||e.bitrate}),t==o&&(l.addClass(r,"current"),n._previousSelection=r),i.innerText=e.desc||e.bitrate,r.appendChild(i),a.appendChild(r))})),this._autoSWitchDesc&&this._updateText(this._autoSWitchDesc)},execute:function(e){if(this._player._switchSourcing=!0,this._isMasterLevel){for(var t,r=this._player._qualityService.levels,i=0;i<r.length;i++)r[i].Url==e&&r[i].desc!=p.get("Auto")&&(t=r[i],this._resetAutoText());this._player._switchLevel?this._player._switchLevel(e,t||{isAuto:!0}):(n=this._player.autoplay||"pause"!=this._player._status,this._player._loadByUrlInner(e,this._player.getCurrentTime(),n))}else{for(var n,o=this._player._urls.length,a=this._player._currentPlayIndex,s=-1,i=0;i<o;i++)if(this._player._urls[i].Url==e){s=this._player._currentPlayIndex=i,c.set(u.SelectedStreamLevel,this._player._urls[i].definition,365);break}a!=s&&-1<s&&(a=this._player.getCurrentTime(),n=this._player.autoplay||"pause"!=this._player._status,this._player.autoplay||0!=a||(n=!1),this._player._switchLevel&&!this._player._options.isLive?this._player._switchLevel(e):this._player._loadByUrlInner(e,a,n,!0))}var l=this;setTimeout(function(){l._player._switchSourcing=!1})},_updateText:function(e){var t=document.querySelector("#"+this.id()+" .selector-list .current"),r=document.querySelector("#"+this.id()+" .selector-list .current span"),i=p.get("Auto");r&&r.innerText&&-1<r.innerText.indexOf(i)&&(r.innerText=i+=e?"("+e+")":"",t)&&(t.text=i)},_resetAutoText:function(){for(var e=p.get("Auto"),t=document.querySelectorAll("#"+this.id()+" .selector-list li"),r=0;r<=t.length;r++){var i=t[r],n=i.querySelector("span");if(-1<n.innerText.indexOf(e)){n.innerText=e,i.text=e;break}}}});t.exports=e},{"../../../lang/index":23,"../../../lib/constants":28,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../lib/util":51,"../../../player/base/event/eventtype":70,"./selector":151}],146:[function(e,t,r){var i=e("./selector"),a=e("../../../lib/object"),s=(e("../../../lib/util"),e("../../../lib/cookie"),e("../../../lib/dom")),n=(e("../../../lib/event"),e("./util"),e("../../../lang/index")),l=e("../../../player/base/event/eventtype"),e=i.extend({init:function(e,t){this.Name=n.get("AudioTrack"),this.Type="audio",this.Tooltip=n.get("AudioTrack_Switch_To"),i.call(this,e,t)},bindEvent:function(){this.bindCommonEvent();var n=this,o=document.querySelector("#"+n.id()+" .selector-list");document.querySelector("#"+n.id()+" .header");n._player.on(l.Private.ChangeURL,function(){n._hasGeneratedList=!1}),this._player.on(l.Player.AudioTrackSwitch,function(){s.addClass(o,"disabled")}),this._player.on(l.Player.AudioTrackSwitched,function(){s.removeClass(o,"disabled")}),n._player.on(l.Player.AudioTrackReady,function(e){!n._hasGeneratedList&&(n._clear(),e=e.paramData)&&(a.each(e,function(e,t){var r=s.createEl.call(n,"li",{key:e.value,text:e.text}),i=s.createEl.call(n,"span",{key:e.value,text:e.text});i.innerText=e.text,r.appendChild(i),o.appendChild(r)}),n._hasGeneratedList=!0)})},execute:function(e){this._player._audioTrackService.switch(e)}});t.exports=e},{"../../../lang/index":23,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../lib/util":51,"../../../player/base/event/eventtype":70,"./selector":151,"./util":153}],147:[function(e,t,r){var i=e("../../component"),n=(e("../../../lib/dom"),e("../../../player/base/event/eventtype")),o=e("./list"),a=e("../../../lang/index"),s=e("../util"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass(t.className||"prism-setting-btn"),this._settingList=new o(e,t),e.addChild(this._settingList,t)},createEl:function(){return i.prototype.createEl.call(this,"div")},bindEvent:function(){var e=this;this.on("click",function(){e._settingList.isOpened?e._player.trigger(n.Private.SettingListHide):e._player.trigger(n.Private.SettingListShow),e._player.trigger(n.Private.SelectorHide),e._player.trigger(n.Private.MarkerTextHide),e._player.trigger(n.Private.VolumeVisibilityChange,"")}),s.registerTooltipEvent.call(this,this.el(),a.get("Setting"))}});t.exports=e},{"../../../lang/index":23,"../../../lib/dom":32,"../../../player/base/event/eventtype":70,"../../component":130,"../util":159,"./list":150}],148:[function(e,t,r){var i=e("./selector"),s=e("../../../lib/object"),l=e("../../../lib/dom"),n=(e("../../../lib/event"),e("./util"),e("../../../lib/cookie")),o=e("../../../lib/constants"),a=e("../../../lang/index"),c=e("../../../player/base/event/eventtype"),e=i.extend({init:function(e,t){this.Name=a.get("Subtitle"),this.Type="cc",this.Tooltip=a.get("CC_Switch_To"),i.call(this,e,t)},bindEvent:function(){this.bindCommonEvent();var r=this;this._player.on(c.Private.CCStateChanged,function(e){var t=e.paramData.value,e=e.paramData.lang,e=("on"==t&&e?r._backCCText=e:"off"==t&&""==r._backCCText&&(r._backCCText=r._previousSelection.text),"Off");"on"==t&&(e=r._backCCText),r._player.trigger(c.Private.SelectorUpdateList,{type:"cc",text:e})})},generateList:function(n){var o=document.querySelector("#"+this.id()+" .selector-list"),e=this._player._ccService.tracks,a=this;s.each(e,function(e,t){var r=l.createEl.call(this,"li",{key:e.value,text:e.text}),i=l.createEl.call(this,"span",{key:e.value,text:e.text});e.text==n&&(l.addClass(r,"current"),a._previousSelection=r),i.innerText=e.text,r.appendChild(i),o.appendChild(r)})},execute:function(e){this._backCCText="",n.set(o.SelectedCC,e,365),this._player._ccService.switch(e)}});t.exports=e},{"../../../lang/index":23,"../../../lib/constants":28,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../player/base/event/eventtype":70,"./selector":151,"./util":153}],149:[function(e,t,r){t.exports={CC:e("./cc"),Speed:e("./speed"),Quality:e("./Quality"),Audio:e("./audio")}},{"./Quality":145,"./audio":146,"./cc":148,"./speed":152}],150:[function(e,t,r){var o=e("../../component"),n=e("../../../lib/dom"),a=e("../../../lib/ua"),s=e("../../../lib/event"),l=e("../../../player/base/event/eventtype"),i=e("./export"),c=e("./util"),u=e("../../../lang/index"),e=o.extend({init:function(e,t){for(var r in this.isOpened=!1,o.call(this,e,t),this.addClass(t.className||"prism-setting-list"),i){r=new i[r](e,t);e.addChild(r,t)}},createEl:function(){var e=o.prototype.createEl.call(this,"div"),t="<div class='prism-setting-item prism-setting-{type}' type={type}><div class='setting-content'><span class='setting-title'>{value}</span><span class='array'></span><span class='current-setting'></span></div></div>",r=t.replace(/{type}/g,"speed").replace("{value}",u.get("Speed")),i=t.replace(/{type}/g,"cc").replace("{value}",u.get("Subtitle")),n=t.replace(/{type}/g,"audio").replace("{value}",u.get("AudioTrack")),t=t.replace(/{type}/g,"quality").replace("{value}",u.get("Quality"));return e.innerHTML=r+i+n+t,e},bindEvent:function(){function t(){i._player.trigger(l.Private.SettingListHide),i.isOpened=!1}function r(e){e&&e.text&&(document.querySelector("#"+i.id()+" .prism-setting-"+e.type+" .current-setting").innerText=e.text)}var i=this,e=(this._player.on(l.Private.SettingListShow,function(e){i.isOpened=!0;e=e.paramData;r(e),n.css(i.el(),"display","block")}),this._player.on(l.Private.UpdateToSettingList,function(e){e=e.paramData;r(e)}),this._player.on(l.Private.SelectorUpdateList,function(e){e=e.paramData;r(e),i._player.trigger(l.Private.SelectorValueChange,e)}),this._player.on(l.Private.SettingListHide,function(){i.isOpened=!1,n.css(i.el(),"display","none")}),s.on(this.el(),"click",function(e){i._player.trigger(l.Private.SettingListHide);var e=e.srcElement||e.target;(e=c.findItemElementForList(e))&&(e=e.getAttribute("type"),i._player.trigger(l.Private.SelectorShow,{type:e}))}),a.IS_MOBILE?"touchleave":"mouseleave");s.on(this.el(),e,function(){t()}),s.on(this._player.tag,"click",function(e){e&&e.target==e.currentTarget&&t()}),s.on(this._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&t()}),this._player.on(l.Private.QualityChange,function(e){var t,r,e=e.paramData;e.levelSwitch&&(t=document.querySelector("#"+i.id()+" .prism-setting-quality .current-setting"),r=u.get("Auto"),-1<t.innerText.indexOf(r))&&(t.innerText=r+(e.desc?"("+e.desc+")":""))})}});t.exports=e},{"../../../lang/index":23,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/ua":49,"../../../player/base/event/eventtype":70,"../../component":130,"./export":149,"./util":153}],151:[function(e,t,r){var i=e("../../component"),n=(e("../../../lib/object"),e("../../../lib/util"),e("../../../lib/ua")),a=(e("../../../lib/cookie"),e("../../../lib/dom")),s=e("../../../lib/event"),l=e("./util"),c=(e("../../../lang/index"),e("../../../player/base/event/eventtype")),e=i.extend({init:function(e,t){this._hasGeneratedList=!1,this._previousSelection=null,this._backupSelector="",i.call(this,e,t),this.className=t.className||"prism-"+this.Type+"-selector prism-setting-selector",this.addClass(this.className)},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="header"><div class="left-array"></div><span>'+this.Name+'</span></div><ul class="selector-list"></ul>',e},bindEvent:function(){this.bindCommonEvent()},bindCommonEvent:function(){var o=this,e=document.querySelector("#"+o.id()+" .selector-list"),t=document.querySelector("#"+o.id()+" .header");function r(){o._hasGeneratedList||(o._clear(),o.generateList(o._backupSelector),o._backupSelector="",o._hasGeneratedList=!0)}this._player.on(c.Private.ChangeURL,function(){o._hasGeneratedList=!1}),s.on(t,"click",function(){o._player.trigger(c.Private.SelectorHide),o._player.trigger(c.Private.SettingListShow,{type:o.Type,text:o._previousSelection?o._previousSelection.text:""})}),s.on(e,"click",function(e){var e=e.srcElement||e.target,t=e.key,r=e.text;void 0!==r&&(o._previousSelection&&a.removeClass(o._previousSelection,"current"),o._previousSelection=l.findliElementForSelector(e),a.addClass(o._previousSelection,"current"),o.execute&&o.execute(t),e=o.Tooltip+"<span>"+r+"</span>",o._player.trigger(c.Private.Info_Show,{text:e,duration:1e3,align:"lb"}))}),o._player.on(c.Private.SelectorHide,function(){i()}),o._player.on(c.Private.SelectorValueChange,function(e){var t=e.paramData;if(t&&t.type==o.Type){var r=document.querySelectorAll("#"+o.id()+" .selector-list li");if(r){var i=r.length;0==i&&(o._backupSelector=t.text);for(var n=0;n<i;n++)if(r[n].text==t.text){o._previousSelection&&a.removeClass(o._previousSelection,"current"),a.addClass(r[n],"current"),o._previousSelection=r[n];break}}}}),o._player.on(c.Private.SettingListShow,function(){r()}),o._player.on(c.Private.SelectorGenerateList,function(e){var t=e.paramData&&e.paramData.type,e=e.paramData&&e.paramData.value;t===o.Type&&(o._hasGeneratedList=!1,e&&(o._backupSelector=e),r())}),o._player.on(c.Private.SelectorShow,function(e){(e=e.paramData).type==o.Type&&(e=document.querySelector("#"+o._player.id()+" .prism-"+e.type+"-selector"),o._hasGeneratedList||r(),a.css(e,"display","block"))});var i=function(){a.css(o.el(),"display","none"),o._player.trigger(c.Private.UpdateToSettingList,{type:o.Type,text:o._previousSelection?o._previousSelection.text:""})},t=n.IS_MOBILE?"touchleave":"mouseleave";s.on(this.el(),t,function(){i()}),s.on(this._player.tag,"click",function(e){e&&e.target==e.currentTarget&&i()}),s.on(this._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&i()})},setSelected:function(e){},generateList:function(){},_clear:function(){document.querySelector("#"+this.id()+" .selector-list").innerHTML=""}});t.exports=e},{"../../../lang/index":23,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../lib/ua":49,"../../../lib/util":51,"../../../player/base/event/eventtype":70,"../../component":130,"./util":153}],152:[function(e,t,r){var i=e("./selector"),a=e("../../../lib/object"),s=(e("../../../lib/util"),e("../../../lib/cookie"),e("../../../lib/dom")),l=(e("../../../lib/event"),e("./util"),e("../../../lib/constants")),c=e("../../../lang/index"),e=(e("../../../player/base/event/eventtype"),i.extend({init:function(e,t){this.Name=c.get("Speed"),this.Type="speed",this.Tooltip=c.get("Speed_Switch_To"),i.call(this,e,t)},generateList:function(){var n=document.querySelector("#"+this.id()+" .selector-list"),e=l.SpeedLevels,o=this;a.each(e,function(e,t){var r=s.createEl.call(this,"li",{key:e.key,text:e.text}),i=s.createEl.call(this,"span",{key:e.key,text:e.text});i.innerText=e.text,e.text==c.get("Speed_1X_Text")&&(s.addClass(r,"current"),o._previousSelection=r),r.appendChild(i),n.appendChild(r)})},execute:function(e){this._player.setSpeed(e)}}));t.exports=e},{"../../../lang/index":23,"../../../lib/constants":28,"../../../lib/cookie":29,"../../../lib/dom":32,"../../../lib/event":33,"../../../lib/object":42,"../../../lib/util":51,"../../../player/base/event/eventtype":70,"./selector":151,"./util":153}],153:[function(e,r,t){r.exports.findliElementForSelector=function(e){var t;return e&&"li"!=e.tagName.toLowerCase()?(t=e.parentElement)&&"li"==t.tagName.toLowerCase()?t:null:e},r.exports.findliElementByKey=function(e,t){document.querySelectors(e);return null},r.exports.findItemElementForList=function(e){var t;return!e||-1<e.className.indexOf("prism-setting-item")||(t=e.parentElement)&&(e=r.exports.findItemElementForList(t)),e}},{}],154:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),u=e("../../lib/util"),o=e("../../lang/index"),p=e("../../player/base/event/eventtype"),a=e("./util"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-snapshot-btn")},createEl:function(){return i.prototype.createEl.call(this,"div")},bindEvent:function(){var l=this,c=this._player;c.on(p.Private.Snapshot_Hide,function(){n.css(l._el,"display","none")}),a.registerTooltipEvent.call(this,this.el(),o.get("Snapshot")),this.on("click",function(){l.trigger(p.Player.Snapshoting);var e=document.createElement("canvas"),t=c.tag,r=t.videoWidth,i=t.videoHeight,n=c._getSanpshotMatric(),o=(e.width=n.width||r,e.height=n.height||i,c.getCurrentTime()),a=e.getContext("2d"),s=(a.save(),c.getImage()),s=("vertical"==s?(a.translate(0,e.height),a.scale(1,-1)):"horizon"==s&&(a.translate(e.width,0),a.scale(-1,1)),t),t=(c._splayer&&(s=c._el.querySelector("canvas")),a.drawImage(s,0,0,r,i),a.restore(),d(a,c.getOptions()),""),s="";try{t=e.toDataURL("image/jpeg",n.rate||1)}catch(e){s=e}r="",i="";t&&(a=(r=t).substr(r.indexOf(",")+1),i=u.toBinary(a)),l.trigger(p.Player.Snapshoted,{time:o,base64:r,binary:i,error:s})})}}),d=function(e,t){t=t.snapshotWatermark;t&&t.text&&(e.font=t.font,t.fillColor&&(e.fillStyle=t.fillColor,e.fillText(t.text,t.left,t.top)),t.strokeColor&&(e.strokeStyle=t.strokeColor,e.strokeText(t.text,t.left,t.top)),e.stroke())};t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],155:[function(e,t,r){var i=e("../component"),e=(e("../../lib/dom"),e("../../player/base/event/eventtype"),i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-text-overlay")},createEl:function(){return i.prototype.createEl.call(this,"div")},_hide:function(e){},_show:function(e){},bindEvent:function(){}}));t.exports=e},{"../../lib/dom":32,"../../player/base/event/eventtype":70,"../component":130}],156:[function(e,t,r){var i=e("../component"),a=(e("../../lib/util"),e("../../lib/dom")),n=e("../../lib/event"),s=(e("../../lib/ua"),e("../../lang/index"),e("../../player/base/event/eventtype")),l=e("./util"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-thumbnail")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML="<img></img><span></span>",e},bindEvent:function(){var o=this,e=(n.on(this._el,"mousemove",function(e){e.preventDefault()}),n.on(this._el,"touchmove",function(e){e.preventDefault()}),o._player.on(s.Private.ThumbnailLoaded,function(e){var t,r,i,e=e.paramData;e&&0<e.length&&(t=o._player._thumbnailService.makeUrl(e[0].text),o._player.log("THUMBNAILSTART",{tu:encodeURIComponent(t)}),r=(new Date).getTime(),e[0].isBig?(a.css(o.el(),"background","url("+t+")"),a.css(o.el(),"width",e[0].w+"px"),a.css(o.el(),"height",e[0].h+"px"),o._player.log("THUMBNAILCOMPLETE",{ftt:(new Date).getTime()-r})):((i=document.querySelector("#"+o.id()+" img")).onload=function(){var e=i.width,t=i.height;a.css(o.el(),"width",e+"px"),a.css(o.el(),"height",t+"px"),o._player.log("THUMBNAILCOMPLETE",{ftt:(new Date).getTime()-r})},i.src=t))}),l.throttle(function(e){var t,r,i,e=e[0],n=document.querySelector("#"+o.id()+" span"),e=e.paramData;n.innerText=e.formatTime,e&&((t=o._player._thumbnailService.findAvailableCue(e.time))?t.isBig?(r=o._player._thumbnailService.makeUrl(t.text),a.css(o.el(),"background","url("+r+")"),t.w,t.h,i=-1*t.x+"px "+-1*t.y+"px",a.css(o.el(),"background-position",i)):(i=document.querySelector("#"+o.id()+" img"),r=o._player._thumbnailService.makeUrl(t.text),i.src!=r&&(i.src=r)):(a.css(o.el(),"border","none"),a.css(n,"left","0px")),a.css(o.el(),"display","block"),i=0,r=(t?o.el():n).offsetWidth,i=e.left+r>e.progressWidth?e.left-r:(i=e.left-r/2)<0?0:i,a.css(o.el(),"left",i+"px"))},30));o._player.on(s.Private.ThumbnailShow,e),o._player.on(s.Private.ThumbnailHide,function(e){a.css(o.el(),"display","none")})},_createSamllThumbnail:function(){},disposeUI:function(){}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../lib/ua":49,"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],157:[function(e,t,r){var i=e("../component"),n=e("../../lib/util"),o=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-time-display")},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<span class="current-time">00:00</span> <span class="time-bound">/</span> <span class="duration">00:00</span>',e},bindEvent:function(){var t=this;this._player.on(o.Video.DurationChange,function(){var e=n.formatTime(t._player.getDisplayDuration());e?(document.querySelector("#"+t.id()+" .time-bound").style.display="inline",document.querySelector("#"+t.id()+" .duration").style.display="inline",document.querySelector("#"+t.id()+" .duration").innerText=e):(document.querySelector("#"+t.id()+" .duration").style.display="none",document.querySelector("#"+t.id()+" .time-bound").style.display="none")}),this._player.on(o.Video.TimeUpdate,function(){var e=t._player.getCurrentTime(),e=n.formatTime(e);document.querySelector("#"+t.id()+" .current-time")&&(e?(document.querySelector("#"+t.id()+" .current-time").style.display="inline",document.querySelector("#"+t.id()+" .current-time").innerText=e):document.querySelector("#"+t.id()+" .current-time").style.display="none")})}});t.exports=e},{"../../lib/util":51,"../../player/base/event/eventtype":70,"../component":130}],158:[function(e,t,r){var i=e("../component"),o=e("../../lib/dom"),a=e("../../player/base/event/eventtype"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-tooltip")},createEl:function(){var e=i.prototype.createEl.call(this,"p");return e.innerText="\u63d0\u793a\u4fe1\u606f",e},bindEvent:function(){var n=this;n._player.on(a.Private.TooltipShow,function(e){var t=document.querySelector("#"+n.id()),e=e.paramData,r=(t.innerText=e.text,o.css(t,"display","block"),t.offsetWidth),i=document.querySelector("#"+n._player.id()+" .prism-controlbar");i&&(i=i.offsetWidth,e.left+r>i?o.css(t,"left",i-r+"px"):o.css(t,"left",e.left-(r-e.width)/2+"px"))}),n._player.on(a.Private.TooltipHide,function(e){var t=document.querySelector("#"+n.id());o.css(t,"display","none")})}});t.exports=e},{"../../lib/dom":32,"../../player/base/event/eventtype":70,"../component":130}],159:[function(e,t,r){var i=e("../../lib/event"),s=e("../../player/base/event/eventtype");t.exports.registerTooltipEvent=function(e,n){function o(){a._controlbarTooltipHandler&&(clearTimeout(a._controlbarTooltipHandler),a._controlbarTooltipHandler=null)}var a=this;i.on(this.el(),"mouseover",function(e){o(),a._controlbarTooltipHandler=setTimeout(function(){a._player.trigger(s.Private.TooltipHide)},4e3);var t=a.el().offsetLeft,r=a.el().offsetWidth,i=n;"function"==typeof n&&(i=n.call(this)),a._player.trigger(s.Private.TooltipShow,{left:t,width:r,text:i})}),i.on(this.el(),"mouseout",function(){o(),a._player.trigger(s.Private.TooltipHide)})},t.exports.throttle=function(r,i){var n=Date.now();return function(){var e=arguments,t=Date.now();i<=t-n&&(r(e),n=t)}},t.exports.debounce=function(r,i){var n;return function(){var e=this,t=arguments;clearTimeout(n),n=setTimeout(function(){r.apply(e,t)},i)}}},{"../../lib/event":33,"../../player/base/event/eventtype":70}],160:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("../../lib/event"),a=e("../../player/base/event/eventtype"),s=e("./util"),l=e("../../lang/index"),c=e("./volumecontrol"),e=i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-volume");var r=new c(e,t);e.addChild(r,t),this.volumeControl=r},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="volume-icon"><div class="short-horizontal"></div><div class="long-horizontal"></div></div>',e},bindEvent:function(){var r=this,i=r._player,e=(this.icon=document.querySelector("#"+r.id()+"  .volume-icon"),s.registerTooltipEvent.call(this,this.el(),function(){return r._player.muted()||0==r._player.getVolume()?l.get("Muted"):l.get("Volume")}),o.on(this.icon,"click",function(e){var t;r.volumeControl._shown?i.muted()?i.unMute():i.mute():(t=r.el().offsetLeft,r._player.trigger(a.Private.SettingListHide),r._player.trigger(a.Private.SelectorHide),r._player.trigger(a.Private.VolumeVisibilityChange,t),r._player.trigger(a.Private.MarkerTextHide))}),document.querySelector("#"+r.id()+"  .long-horizontal")),t=document.querySelector("#"+r.id()+"  .short-horizontal");o.on(this.el(),"mouseover",function(){n.removeClass(e,"volume-hover-animation"),setTimeout(function(){n.addClass(e,"volume-hover-animation")}),setTimeout(function(){n.removeClass(e,"volume-hover-animation"),n.addClass(t,"volume-hover-animation"),setTimeout(function(){n.removeClass(t,"volume-hover-animation"),n.addClass(e,"volume-hover-animation")},300)},300)}),o.on(window,"resize",function(){var e;r.volumeControl._shown&&(e=r.el().offsetLeft,r._player.trigger(a.Private.VolumeUpdatePosition,e))})}});t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../player/base/event/eventtype":70,"../component":130,"./util":159,"./volumecontrol":161}],161:[function(e,t,r){var i=e("../component"),n=e("../../lib/dom"),o=e("../../lib/event"),a=e("../../player/base/event/eventtype"),e=(e("./util"),e("../../lang/index"),i.extend({init:function(e,t){i.call(this,e,t),this.addClass("prism-volume-control"),this._shown=!1},createEl:function(){var e=i.prototype.createEl.call(this,"div");return e.innerHTML='<div class="volume-range"><div class="volume-value"></div><div class="volume-cursor"></div></div>',e},bindEvent:function(){var r=this;this.icon=document.querySelector("#"+r._player.id()+"  .volume-icon"),this.control=document.querySelector("#"+r.id()),this.volumnValue=document.querySelector("#"+r.id()+"  .volume-value"),this.volumnRange=document.querySelector("#"+r.id()+"  .volume-range"),this.volumnCursor=document.querySelector("#"+r.id()+"  .volume-cursor"),this._player.on(a.Private.VolumeVisibilityChange,function(e){var t,e=e.paramData;!r._shown&&e?(t=r._player.getVolume(),r._setVolumnUI(t),n.css(r.control,"display","block"),e&&r._updatePosition(e),r._shown=!0):r._hide()}),this._player.on(a.Private.VolumeUpdatePosition,function(e){e=e.paramData;r._shown&&r._updatePosition(e)}),this._player.on(a.Private.ControlBarClick,function(e){n.hasClass(e.paramData.target,"prism-controlbar-bg")&&r._hide()}),o.on(this.volumnRange,"click",function(e){e=n.getPointerPosition(r.volumnRange,e).y;e<0||1<e||(r._setVolumnUI(e=1<(e=e<0?0:e)?1:e),r._setMuteUI(e),r._player.setVolume(e))}),o.on(this._player.tag,"click",function(e){e&&e.target==e.currentTarget&&r._hide()}),o.on(this._player.tag,"touchstart",function(e){e&&e.target==e.currentTarget&&r._hide()}),o.on(this.volumnCursor,"mousedown",function(e){r._onMouseDown(e)}),o.on(this.volumnCursor,"touchstart",function(e){r._onMouseDown(e)}),this._player.on(a.Private.VolumnChanged,function(e){e=e.paramData;-1<e&&r._setVolumnUI(e),r._setMuteUI(e)}),o.on(this.control,"mouseleave",function(){r._offEvent(),r._hide()}),o.on(this.control,"mouseover",function(){n.addClass(r.control,"hover")}),r._rangeBottom=r._getBottom()},_getBottom:function(){var e;return window.getComputedStyle?(e=window.getComputedStyle(this.volumnRange,null).getPropertyValue("bottom"),parseFloat(e)):26},_onMouseDown:function(e){var t=this;e.preventDefault(),o.on(this.control,"mousemove",function(e){t._onMouseMove(e)}),o.on(this.control,"touchmove",function(e){t._onMouseMove(e)}),o.on(this._player.tag,"mouseup",function(e){t._onMouseUp(e)}),o.on(this._player.tag,"touchend",function(e){t._onMouseUp(e)}),o.on(this.control,"mouseup",function(e){t._onMouseUp(e)}),o.on(this.control,"touchend",function(e){t._onMouseUp(e)})},_onMouseUp:function(e){e.preventDefault(),this._offEvent(),this.volumnRange.offsetHeight&&(e=(this.volumnValue.offsetHeight/this.volumnRange.offsetHeight).toFixed(2),this._player.setVolume(e),this._setMuteUI(e))},_onMouseMove:function(e){e.preventDefault();e=n.getPointerPosition(this.volumnRange,e).y;e<0||1<e||this._setVolumnUI(e=1<(e=e<0?0:e)?1:e)},_getPosition:function(e){for(var t=this.volumnRange,r=0;t=t.offsetParent;)r+=t.offsetTop;var i=this.volumnRange.offsetHeight,n=this.volumnCursor.offsetHeight,o=(e.touches?e.touches[0]:e).pageY;return(i-((o=i<o-r?e.clientY:o)-r)+n)/this.volumnRange.offsetHeight},_offEvent:function(){o.off(this._player.tag,"mouseup"),o.off(this._player.tag,"touchend"),o.off(this.control,"mousemove"),o.off(this.control,"touchmove"),o.off(this.control,"mouseup"),o.off(this.control,"touchend")},_setMuteUI:function(e){isNaN(e)||(0==e||-1==e?n.addClass(this.icon,"mute"):n.removeClass(this.icon,"mute"))},_setVolumnUI:function(e){isNaN(e)||(n.css(this.volumnValue,"height",100*e+"%"),n.css(this.volumnCursor,"bottom",100*(e=1==e?.99:e)+"%"))},_hide:function(){n.css(this.control,"display","none"),this._shown=!1},_updatePosition:function(e){n.css(this.control,"left",e-5+"px")}}));t.exports=e},{"../../lang/index":23,"../../lib/dom":32,"../../lib/event":33,"../../player/base/event/eventtype":70,"../component":130,"./util":159}],162:[function(e,t,r){t.exports={H5Loading:e("./component/h5-loading"),bigPlayButton:e("./component/big-play-button"),controlBar:e("./component/controlbar"),progress:e("./component/progress"),playButton:e("./component/play-button"),liveDisplay:e("./component/live-display"),timeDisplay:e("./component/time-display"),fullScreenButton:e("./component/fullscreen-button"),volume:e("./component/volume"),snapshot:e("./component/snapshot"),errorDisplay:e("./component/error-display"),infoDisplay:e("./component/info-display"),liveShiftProgress:e("../commonui/liveshiftprogress"),liveShiftTimeDisplay:e("../commonui/livetimedisplay"),setting:e("./component/setting/button"),subtitle:e("./component/cc-button"),thumbnail:e("./component/thumbnail"),tooltip:e("./component/tooltip")}},{"../commonui/liveshiftprogress":12,"../commonui/livetimedisplay":13,"./component/big-play-button":131,"./component/cc-button":132,"./component/controlbar":133,"./component/error-display":135,"./component/fullscreen-button":136,"./component/h5-loading":137,"./component/info-display":138,"./component/live-display":140,"./component/play-button":142,"./component/progress":143,"./component/setting/button":147,"./component/snapshot":154,"./component/thumbnail":156,"./component/time-display":157,"./component/tooltip":158,"./component/volume":160}]},{},[15])(15)});
\ No newline at end of file
diff --git a/public/js/video-js.css b/public/js/video-js.css
new file mode 100644
index 0000000..19bb1a2
--- /dev/null
+++ b/public/js/video-js.css
@@ -0,0 +1,1753 @@
+@charset "UTF-8";
+.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
+  text-align: center;
+}
+
+@font-face {
+  font-family: VideoJS;
+  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
+  content: "\f101";
+}
+
+.vjs-icon-play-circle {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-play-circle:before {
+  content: "\f102";
+}
+
+.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
+  content: "\f103";
+}
+
+.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
+  content: "\f104";
+}
+
+.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
+  content: "\f105";
+}
+
+.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
+  content: "\f106";
+}
+
+.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
+  content: "\f107";
+}
+
+.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
+  content: "\f108";
+}
+
+.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
+  content: "\f109";
+}
+
+.vjs-icon-square {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-square:before {
+  content: "\f10a";
+}
+
+.vjs-icon-spinner {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-spinner:before {
+  content: "\f10b";
+}
+
+.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
+.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
+.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
+.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
+.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
+  content: "\f10c";
+}
+
+.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
+.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
+  content: "\f10d";
+}
+
+.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
+  content: "\f10e";
+}
+
+.vjs-icon-share {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-share:before {
+  content: "\f10f";
+}
+
+.vjs-icon-cog {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-cog:before {
+  content: "\f110";
+}
+
+.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
+  content: "\f111";
+}
+
+.vjs-icon-circle-outline {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-circle-outline:before {
+  content: "\f112";
+}
+
+.vjs-icon-circle-inner-circle {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-circle-inner-circle:before {
+  content: "\f113";
+}
+
+.vjs-icon-hd {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-hd:before {
+  content: "\f114";
+}
+
+.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
+  content: "\f115";
+}
+
+.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
+  content: "\f116";
+}
+
+.vjs-icon-facebook {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-facebook:before {
+  content: "\f117";
+}
+
+.vjs-icon-gplus {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-gplus:before {
+  content: "\f118";
+}
+
+.vjs-icon-linkedin {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-linkedin:before {
+  content: "\f119";
+}
+
+.vjs-icon-twitter {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-twitter:before {
+  content: "\f11a";
+}
+
+.vjs-icon-tumblr {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-tumblr:before {
+  content: "\f11b";
+}
+
+.vjs-icon-pinterest {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-pinterest:before {
+  content: "\f11c";
+}
+
+.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
+  content: "\f11d";
+}
+
+.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
+  content: "\f11e";
+}
+
+.vjs-icon-next-item {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-next-item:before {
+  content: "\f11f";
+}
+
+.vjs-icon-previous-item {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-previous-item:before {
+  content: "\f120";
+}
+
+.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
+  content: "\f121";
+}
+
+.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: normal;
+  font-style: normal;
+}
+.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
+  content: "\f122";
+}
+
+.video-js {
+  display: block;
+  vertical-align: top;
+  box-sizing: border-box;
+  color: #fff;
+  background-color: #000;
+  position: relative;
+  padding: 0;
+  font-size: 10px;
+  line-height: 1;
+  font-weight: normal;
+  font-style: normal;
+  font-family: Arial, Helvetica, sans-serif;
+  word-break: initial;
+}
+.video-js:-moz-full-screen {
+  position: absolute;
+}
+.video-js:-webkit-full-screen {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+.video-js[tabindex="-1"] {
+  outline: none;
+}
+
+.video-js *,
+.video-js *:before,
+.video-js *:after {
+  box-sizing: inherit;
+}
+
+.video-js ul {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  list-style-position: outside;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.video-js.vjs-fluid,
+.video-js.vjs-16-9,
+.video-js.vjs-4-3,
+.video-js.vjs-9-16,
+.video-js.vjs-1-1 {
+  width: 100%;
+  max-width: 100%;
+  height: 0;
+}
+
+.video-js.vjs-16-9 {
+  padding-top: 56.25%;
+}
+
+.video-js.vjs-4-3 {
+  padding-top: 75%;
+}
+
+.video-js.vjs-9-16 {
+  padding-top: 177.7777777778%;
+}
+
+.video-js.vjs-1-1 {
+  padding-top: 100%;
+}
+
+.video-js.vjs-fill {
+  width: 100%;
+  height: 100%;
+}
+
+.video-js .vjs-tech {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+body.vjs-full-window {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+}
+
+.vjs-full-window .video-js.vjs-fullscreen {
+  position: fixed;
+  overflow: hidden;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
+  width: 100% !important;
+  height: 100% !important;
+  padding-top: 0 !important;
+}
+
+.video-js.vjs-fullscreen.vjs-user-inactive {
+  cursor: none;
+}
+
+.vjs-hidden {
+  display: none !important;
+}
+
+.vjs-disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.video-js .vjs-offscreen {
+  height: 1px;
+  left: -9999px;
+  position: absolute;
+  top: 0;
+  width: 1px;
+}
+
+.vjs-lock-showing {
+  display: block !important;
+  opacity: 1 !important;
+  visibility: visible !important;
+}
+
+.vjs-no-js {
+  padding: 20px;
+  color: #fff;
+  background-color: #000;
+  font-size: 18px;
+  font-family: Arial, Helvetica, sans-serif;
+  text-align: center;
+  width: 300px;
+  height: 150px;
+  margin: 0px auto;
+}
+
+.vjs-no-js a,
+.vjs-no-js a:visited {
+  color: #66A8CC;
+}
+
+.video-js .vjs-big-play-button {
+  font-size: 3em;
+  line-height: 1.5em;
+  height: 1.63332em;
+  width: 3em;
+  display: block;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  padding: 0;
+  cursor: pointer;
+  opacity: 1;
+  border: 0.06666em solid #fff;
+  background-color: #2B333F;
+  background-color: rgba(43, 51, 63, 0.7);
+  border-radius: 0.3em;
+  transition: all 0.4s;
+}
+.vjs-big-play-centered .vjs-big-play-button {
+  top: 50%;
+  left: 50%;
+  margin-top: -0.81666em;
+  margin-left: -1.5em;
+}
+
+.video-js:hover .vjs-big-play-button,
+.video-js .vjs-big-play-button:focus {
+  border-color: #fff;
+  background-color: #73859f;
+  background-color: rgba(115, 133, 159, 0.5);
+  transition: all 0s;
+}
+
+.vjs-controls-disabled .vjs-big-play-button,
+.vjs-has-started .vjs-big-play-button,
+.vjs-using-native-controls .vjs-big-play-button,
+.vjs-error .vjs-big-play-button {
+  display: none;
+}
+
+.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
+  display: block;
+}
+
+.video-js button {
+  background: none;
+  border: none;
+  color: inherit;
+  display: inline-block;
+  font-size: inherit;
+  line-height: inherit;
+  text-transform: none;
+  text-decoration: none;
+  transition: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.vjs-control .vjs-button {
+  width: 100%;
+  height: 100%;
+}
+
+.video-js .vjs-control.vjs-close-button {
+  cursor: pointer;
+  height: 3em;
+  position: absolute;
+  right: 0;
+  top: 0.5em;
+  z-index: 2;
+}
+.video-js .vjs-modal-dialog {
+  background: rgba(0, 0, 0, 0.8);
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
+  overflow: auto;
+}
+
+.video-js .vjs-modal-dialog > * {
+  box-sizing: border-box;
+}
+
+.vjs-modal-dialog .vjs-modal-dialog-content {
+  font-size: 1.2em;
+  line-height: 1.5;
+  padding: 20px 24px;
+  z-index: 1;
+}
+
+.vjs-menu-button {
+  cursor: pointer;
+}
+
+.vjs-menu-button.vjs-disabled {
+  cursor: default;
+}
+
+.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
+  display: none;
+}
+
+.vjs-menu .vjs-menu-content {
+  display: block;
+  padding: 0;
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+  overflow: auto;
+}
+
+.vjs-menu .vjs-menu-content > * {
+  box-sizing: border-box;
+}
+
+.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
+  display: none;
+}
+
+.vjs-menu li {
+  list-style: none;
+  margin: 0;
+  padding: 0.2em 0;
+  line-height: 1.4em;
+  font-size: 1.2em;
+  text-align: center;
+  text-transform: lowercase;
+}
+
+.vjs-menu li.vjs-menu-item:focus,
+.vjs-menu li.vjs-menu-item:hover,
+.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
+  background-color: #73859f;
+  background-color: rgba(115, 133, 159, 0.5);
+}
+
+.vjs-menu li.vjs-selected,
+.vjs-menu li.vjs-selected:focus,
+.vjs-menu li.vjs-selected:hover,
+.js-focus-visible .vjs-menu li.vjs-selected:hover {
+  background-color: #fff;
+  color: #2B333F;
+}
+
+.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
+.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
+  background: none;
+}
+
+.vjs-menu li.vjs-menu-title {
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 1em;
+  line-height: 2em;
+  padding: 0;
+  margin: 0 0 0.3em 0;
+  font-weight: bold;
+  cursor: default;
+}
+
+.vjs-menu-button-popup .vjs-menu {
+  display: none;
+  position: absolute;
+  bottom: 0;
+  width: 10em;
+  left: -3em;
+  height: 0em;
+  margin-bottom: 1.5em;
+  border-top-color: rgba(43, 51, 63, 0.7);
+}
+
+.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  background-color: #2B333F;
+  background-color: rgba(43, 51, 63, 0.7);
+  position: absolute;
+  width: 100%;
+  bottom: 1.5em;
+  max-height: 15em;
+}
+
+.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
+.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  max-height: 5em;
+}
+
+.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  max-height: 10em;
+}
+
+.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  max-height: 14em;
+}
+
+.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
+.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
+.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  max-height: 25em;
+}
+
+.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
+.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
+  display: block;
+}
+
+.video-js .vjs-menu-button-inline {
+  transition: all 0.4s;
+  overflow: hidden;
+}
+
+.video-js .vjs-menu-button-inline:before {
+  width: 2.222222222em;
+}
+
+.video-js .vjs-menu-button-inline:hover,
+.video-js .vjs-menu-button-inline:focus,
+.video-js .vjs-menu-button-inline.vjs-slider-active,
+.video-js.vjs-no-flex .vjs-menu-button-inline {
+  width: 12em;
+}
+
+.vjs-menu-button-inline .vjs-menu {
+  opacity: 0;
+  height: 100%;
+  width: auto;
+  position: absolute;
+  left: 4em;
+  top: 0;
+  padding: 0;
+  margin: 0;
+  transition: all 0.4s;
+}
+
+.vjs-menu-button-inline:hover .vjs-menu,
+.vjs-menu-button-inline:focus .vjs-menu,
+.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
+  display: block;
+  opacity: 1;
+}
+
+.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
+  display: block;
+  opacity: 1;
+  position: relative;
+  width: auto;
+}
+
+.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
+.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
+.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
+  width: auto;
+}
+
+.vjs-menu-button-inline .vjs-menu-content {
+  width: auto;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+.video-js .vjs-control-bar {
+  display: none;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 3em;
+  background-color: #2B333F;
+  background-color: rgba(43, 51, 63, 0.7);
+}
+
+.vjs-has-started .vjs-control-bar {
+  display: flex;
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0.1s, opacity 0.1s;
+}
+
+.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  visibility: visible;
+  opacity: 0;
+  transition: visibility 1s, opacity 1s;
+}
+
+.vjs-controls-disabled .vjs-control-bar,
+.vjs-using-native-controls .vjs-control-bar,
+.vjs-error .vjs-control-bar {
+  display: none !important;
+}
+
+.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  opacity: 1;
+  visibility: visible;
+}
+
+.vjs-has-started.vjs-no-flex .vjs-control-bar {
+  display: table;
+}
+
+.video-js .vjs-control {
+  position: relative;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 4em;
+  flex: none;
+}
+
+.vjs-button > .vjs-icon-placeholder:before {
+  font-size: 1.8em;
+  line-height: 1.67;
+}
+
+.vjs-button > .vjs-icon-placeholder {
+  display: block;
+}
+
+.video-js .vjs-control:focus:before,
+.video-js .vjs-control:hover:before,
+.video-js .vjs-control:focus {
+  text-shadow: 0em 0em 1em white;
+}
+
+.video-js .vjs-control-text {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.vjs-no-flex .vjs-control {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.video-js .vjs-custom-control-spacer {
+  display: none;
+}
+
+.video-js .vjs-progress-control {
+  cursor: pointer;
+  flex: auto;
+  display: flex;
+  align-items: center;
+  min-width: 4em;
+  touch-action: none;
+}
+
+.video-js .vjs-progress-control.disabled {
+  cursor: default;
+}
+
+.vjs-live .vjs-progress-control {
+  display: none;
+}
+
+.vjs-liveui .vjs-progress-control {
+  display: flex;
+  align-items: center;
+}
+
+.vjs-no-flex .vjs-progress-control {
+  width: auto;
+}
+
+.video-js .vjs-progress-holder {
+  flex: auto;
+  transition: all 0.2s;
+  height: 0.3em;
+}
+
+.video-js .vjs-progress-control .vjs-progress-holder {
+  margin: 0 10px;
+}
+
+.video-js .vjs-progress-control:hover .vjs-progress-holder {
+  font-size: 1.6666666667em;
+}
+
+.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
+  font-size: 1em;
+}
+
+.video-js .vjs-progress-holder .vjs-play-progress,
+.video-js .vjs-progress-holder .vjs-load-progress,
+.video-js .vjs-progress-holder .vjs-load-progress div {
+  position: absolute;
+  display: block;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  width: 0;
+}
+
+.video-js .vjs-play-progress {
+  background-color: #fff;
+}
+.video-js .vjs-play-progress:before {
+  font-size: 0.9em;
+  position: absolute;
+  right: -0.5em;
+  top: -0.3333333333em;
+  z-index: 1;
+}
+
+.video-js .vjs-load-progress {
+  background: rgba(115, 133, 159, 0.5);
+}
+
+.video-js .vjs-load-progress div {
+  background: rgba(115, 133, 159, 0.75);
+}
+
+.video-js .vjs-time-tooltip {
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 0.3em;
+  color: #000;
+  float: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1em;
+  padding: 6px 8px 8px 8px;
+  pointer-events: none;
+  position: absolute;
+  top: -3.4em;
+  visibility: hidden;
+  z-index: 1;
+}
+
+.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
+  display: none;
+}
+
+.video-js .vjs-progress-control:hover .vjs-time-tooltip,
+.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
+  display: block;
+  font-size: 0.6em;
+  visibility: visible;
+}
+
+.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
+  font-size: 1em;
+}
+
+.video-js .vjs-progress-control .vjs-mouse-display {
+  display: none;
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  background-color: #000;
+  z-index: 1;
+}
+
+.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
+  z-index: 0;
+}
+
+.video-js .vjs-progress-control:hover .vjs-mouse-display {
+  display: block;
+}
+
+.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 1s, opacity 1s;
+}
+
+.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
+  display: none;
+}
+
+.vjs-mouse-display .vjs-time-tooltip {
+  color: #fff;
+  background-color: #000;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.video-js .vjs-slider {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+  margin: 0 0.45em 0 0.45em;
+  /* iOS Safari */
+  -webkit-touch-callout: none;
+  /* Safari */
+  -webkit-user-select: none;
+  /* Konqueror HTML */
+  /* Firefox */
+  -moz-user-select: none;
+  /* Internet Explorer/Edge */
+  -ms-user-select: none;
+  /* Non-prefixed version, currently supported by Chrome and Opera */
+  user-select: none;
+  background-color: #73859f;
+  background-color: rgba(115, 133, 159, 0.5);
+}
+
+.video-js .vjs-slider.disabled {
+  cursor: default;
+}
+
+.video-js .vjs-slider:focus {
+  text-shadow: 0em 0em 1em white;
+  box-shadow: 0 0 1em #fff;
+}
+
+.video-js .vjs-mute-control {
+  cursor: pointer;
+  flex: none;
+}
+.video-js .vjs-volume-control {
+  cursor: pointer;
+  margin-right: 1em;
+  display: flex;
+}
+
+.video-js .vjs-volume-control.vjs-volume-horizontal {
+  width: 5em;
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control {
+  visibility: visible;
+  opacity: 0;
+  width: 1px;
+  height: 1px;
+  margin-left: -1px;
+}
+
+.video-js .vjs-volume-panel {
+  transition: width 1s;
+}
+.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
+  visibility: visible;
+  opacity: 1;
+  position: relative;
+  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
+}
+.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
+  width: 5em;
+  height: 3em;
+  margin-right: 0;
+}
+.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
+  left: -3.5em;
+  transition: left 0s;
+}
+.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
+  width: 10em;
+  transition: width 0.1s;
+}
+.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
+  width: 4em;
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
+  height: 8em;
+  width: 3em;
+  left: -3000em;
+  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
+  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
+}
+
+.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
+  width: 5em;
+  height: 3em;
+  visibility: visible;
+  opacity: 1;
+  position: relative;
+  transition: none;
+}
+
+.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
+.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
+  position: absolute;
+  bottom: 3em;
+  left: 0.5em;
+}
+
+.video-js .vjs-volume-panel {
+  display: flex;
+}
+
+.video-js .vjs-volume-bar {
+  margin: 1.35em 0.45em;
+}
+
+.vjs-volume-bar.vjs-slider-horizontal {
+  width: 5em;
+  height: 0.3em;
+}
+
+.vjs-volume-bar.vjs-slider-vertical {
+  width: 0.3em;
+  height: 5em;
+  margin: 1.35em auto;
+}
+
+.video-js .vjs-volume-level {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+.video-js .vjs-volume-level:before {
+  position: absolute;
+  font-size: 0.9em;
+  z-index: 1;
+}
+
+.vjs-slider-vertical .vjs-volume-level {
+  width: 0.3em;
+}
+.vjs-slider-vertical .vjs-volume-level:before {
+  top: -0.5em;
+  left: -0.3em;
+  z-index: 1;
+}
+
+.vjs-slider-horizontal .vjs-volume-level {
+  height: 0.3em;
+}
+.vjs-slider-horizontal .vjs-volume-level:before {
+  top: -0.3em;
+  right: -0.5em;
+}
+
+.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
+  width: 4em;
+}
+
+.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
+  height: 100%;
+}
+
+.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
+  width: 100%;
+}
+
+.video-js .vjs-volume-vertical {
+  width: 3em;
+  height: 8em;
+  bottom: 8em;
+  background-color: #2B333F;
+  background-color: rgba(43, 51, 63, 0.7);
+}
+
+.video-js .vjs-volume-horizontal .vjs-menu {
+  left: -2em;
+}
+
+.video-js .vjs-volume-tooltip {
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 0.3em;
+  color: #000;
+  float: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1em;
+  padding: 6px 8px 8px 8px;
+  pointer-events: none;
+  position: absolute;
+  top: -3.4em;
+  visibility: hidden;
+  z-index: 1;
+}
+
+.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
+.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
+  display: block;
+  font-size: 1em;
+  visibility: visible;
+}
+
+.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
+.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
+  left: 1em;
+  top: -12px;
+}
+
+.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
+  font-size: 1em;
+}
+
+.video-js .vjs-volume-control .vjs-mouse-display {
+  display: none;
+  position: absolute;
+  width: 100%;
+  height: 1px;
+  background-color: #000;
+  z-index: 1;
+}
+
+.video-js .vjs-volume-horizontal .vjs-mouse-display {
+  width: 1px;
+  height: 100%;
+}
+
+.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
+  z-index: 0;
+}
+
+.video-js .vjs-volume-control:hover .vjs-mouse-display {
+  display: block;
+}
+
+.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 1s, opacity 1s;
+}
+
+.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
+  display: none;
+}
+
+.vjs-mouse-display .vjs-volume-tooltip {
+  color: #fff;
+  background-color: #000;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.vjs-poster {
+  display: inline-block;
+  vertical-align: middle;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: contain;
+  background-color: #000000;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 100%;
+}
+
+.vjs-has-started .vjs-poster {
+  display: none;
+}
+
+.vjs-audio.vjs-has-started .vjs-poster {
+  display: block;
+}
+
+.vjs-using-native-controls .vjs-poster {
+  display: none;
+}
+
+.video-js .vjs-live-control {
+  display: flex;
+  align-items: flex-start;
+  flex: auto;
+  font-size: 1em;
+  line-height: 3em;
+}
+
+.vjs-no-flex .vjs-live-control {
+  display: table-cell;
+  width: auto;
+  text-align: left;
+}
+
+.video-js:not(.vjs-live) .vjs-live-control,
+.video-js.vjs-liveui .vjs-live-control {
+  display: none;
+}
+
+.video-js .vjs-seek-to-live-control {
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  display: inline-flex;
+  height: 100%;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  font-size: 1em;
+  line-height: 3em;
+  width: auto;
+  min-width: 4em;
+}
+
+.vjs-no-flex .vjs-seek-to-live-control {
+  display: table-cell;
+  width: auto;
+  text-align: left;
+}
+
+.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
+.video-js:not(.vjs-live) .vjs-seek-to-live-control {
+  display: none;
+}
+
+.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
+  cursor: auto;
+}
+
+.vjs-seek-to-live-control .vjs-icon-placeholder {
+  margin-right: 0.5em;
+  color: #888;
+}
+
+.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
+  color: red;
+}
+
+.video-js .vjs-time-control {
+  flex: none;
+  font-size: 1em;
+  line-height: 3em;
+  min-width: 2em;
+  width: auto;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
+.vjs-live .vjs-time-control {
+  display: none;
+}
+
+.video-js .vjs-current-time,
+.vjs-no-flex .vjs-current-time {
+  display: none;
+}
+
+.video-js .vjs-duration,
+.vjs-no-flex .vjs-duration {
+  display: none;
+}
+
+.vjs-time-divider {
+  display: none;
+  line-height: 3em;
+}
+
+.vjs-live .vjs-time-divider {
+  display: none;
+}
+
+.video-js .vjs-play-control {
+  cursor: pointer;
+}
+
+.video-js .vjs-play-control .vjs-icon-placeholder {
+  flex: none;
+}
+
+.vjs-text-track-display {
+  position: absolute;
+  bottom: 3em;
+  left: 0;
+  right: 0;
+  top: 0;
+  pointer-events: none;
+}
+
+.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 1em;
+}
+
+.video-js .vjs-text-track {
+  font-size: 1.4em;
+  text-align: center;
+  margin-bottom: 0.1em;
+}
+
+.vjs-subtitles {
+  color: #fff;
+}
+
+.vjs-captions {
+  color: #fc6;
+}
+
+.vjs-tt-cue {
+  display: block;
+}
+
+video::-webkit-media-text-track-display {
+  transform: translateY(-3em);
+}
+
+.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
+  transform: translateY(-1.5em);
+}
+
+.video-js .vjs-picture-in-picture-control {
+  cursor: pointer;
+  flex: none;
+}
+.video-js .vjs-fullscreen-control {
+  cursor: pointer;
+  flex: none;
+}
+.vjs-playback-rate > .vjs-menu-button,
+.vjs-playback-rate .vjs-playback-rate-value {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.vjs-playback-rate .vjs-playback-rate-value {
+  pointer-events: none;
+  font-size: 1.5em;
+  line-height: 2;
+  text-align: center;
+}
+
+.vjs-playback-rate .vjs-menu {
+  width: 4em;
+  left: 0em;
+}
+
+.vjs-error .vjs-error-display .vjs-modal-dialog-content {
+  font-size: 1.4em;
+  text-align: center;
+}
+
+.vjs-error .vjs-error-display:before {
+  color: #fff;
+  content: "X";
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 4em;
+  left: 0;
+  line-height: 1;
+  margin-top: -0.5em;
+  position: absolute;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center;
+  top: 50%;
+  vertical-align: middle;
+  width: 100%;
+}
+
+.vjs-loading-spinner {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -25px 0 0 -25px;
+  opacity: 0.85;
+  text-align: left;
+  border: 6px solid rgba(43, 51, 63, 0.7);
+  box-sizing: border-box;
+  background-clip: padding-box;
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  visibility: hidden;
+}
+
+.vjs-seeking .vjs-loading-spinner,
+.vjs-waiting .vjs-loading-spinner {
+  display: block;
+  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
+          animation: vjs-spinner-show 0s linear 0.3s forwards;
+}
+
+.vjs-loading-spinner:before,
+.vjs-loading-spinner:after {
+  content: "";
+  position: absolute;
+  margin: -6px;
+  box-sizing: inherit;
+  width: inherit;
+  height: inherit;
+  border-radius: inherit;
+  opacity: 1;
+  border: inherit;
+  border-color: transparent;
+  border-top-color: white;
+}
+
+.vjs-seeking .vjs-loading-spinner:before,
+.vjs-seeking .vjs-loading-spinner:after,
+.vjs-waiting .vjs-loading-spinner:before,
+.vjs-waiting .vjs-loading-spinner:after {
+  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
+  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
+}
+
+.vjs-seeking .vjs-loading-spinner:before,
+.vjs-waiting .vjs-loading-spinner:before {
+  border-top-color: white;
+}
+
+.vjs-seeking .vjs-loading-spinner:after,
+.vjs-waiting .vjs-loading-spinner:after {
+  border-top-color: white;
+  -webkit-animation-delay: 0.44s;
+  animation-delay: 0.44s;
+}
+
+@keyframes vjs-spinner-show {
+  to {
+    visibility: visible;
+  }
+}
+@-webkit-keyframes vjs-spinner-show {
+  to {
+    visibility: visible;
+  }
+}
+@keyframes vjs-spinner-spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes vjs-spinner-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+@keyframes vjs-spinner-fade {
+  0% {
+    border-top-color: #73859f;
+  }
+  20% {
+    border-top-color: #73859f;
+  }
+  35% {
+    border-top-color: white;
+  }
+  60% {
+    border-top-color: #73859f;
+  }
+  100% {
+    border-top-color: #73859f;
+  }
+}
+@-webkit-keyframes vjs-spinner-fade {
+  0% {
+    border-top-color: #73859f;
+  }
+  20% {
+    border-top-color: #73859f;
+  }
+  35% {
+    border-top-color: white;
+  }
+  60% {
+    border-top-color: #73859f;
+  }
+  100% {
+    border-top-color: #73859f;
+  }
+}
+.vjs-chapters-button .vjs-menu ul {
+  width: 24em;
+}
+
+.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
+  vertical-align: middle;
+  display: inline-block;
+  margin-bottom: -0.1em;
+}
+
+.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
+  font-family: VideoJS;
+  content: "";
+  font-size: 1.5em;
+  line-height: inherit;
+}
+
+.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
+  vertical-align: middle;
+  display: inline-block;
+  margin-bottom: -0.1em;
+}
+
+.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
+  font-family: VideoJS;
+  content: " ";
+  font-size: 1.5em;
+  line-height: inherit;
+}
+
+.video-js.vjs-layout-small .vjs-current-time,
+.video-js.vjs-layout-small .vjs-time-divider,
+.video-js.vjs-layout-small .vjs-duration,
+.video-js.vjs-layout-small .vjs-remaining-time,
+.video-js.vjs-layout-small .vjs-playback-rate,
+.video-js.vjs-layout-small .vjs-chapters-button,
+.video-js.vjs-layout-small .vjs-descriptions-button,
+.video-js.vjs-layout-small .vjs-captions-button,
+.video-js.vjs-layout-small .vjs-subtitles-button,
+.video-js.vjs-layout-small .vjs-audio-button,
+.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
+.video-js.vjs-layout-x-small .vjs-time-divider,
+.video-js.vjs-layout-x-small .vjs-duration,
+.video-js.vjs-layout-x-small .vjs-remaining-time,
+.video-js.vjs-layout-x-small .vjs-playback-rate,
+.video-js.vjs-layout-x-small .vjs-chapters-button,
+.video-js.vjs-layout-x-small .vjs-descriptions-button,
+.video-js.vjs-layout-x-small .vjs-captions-button,
+.video-js.vjs-layout-x-small .vjs-subtitles-button,
+.video-js.vjs-layout-x-small .vjs-audio-button,
+.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
+.video-js.vjs-layout-tiny .vjs-time-divider,
+.video-js.vjs-layout-tiny .vjs-duration,
+.video-js.vjs-layout-tiny .vjs-remaining-time,
+.video-js.vjs-layout-tiny .vjs-playback-rate,
+.video-js.vjs-layout-tiny .vjs-chapters-button,
+.video-js.vjs-layout-tiny .vjs-descriptions-button,
+.video-js.vjs-layout-tiny .vjs-captions-button,
+.video-js.vjs-layout-tiny .vjs-subtitles-button,
+.video-js.vjs-layout-tiny .vjs-audio-button,
+.video-js.vjs-layout-tiny .vjs-volume-control {
+  display: none !important;
+}
+.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
+.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
+.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
+.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
+.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
+.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
+.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
+  width: auto;
+  width: initial;
+}
+.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button {
+  display: none;
+}
+.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer {
+  flex: auto;
+  display: block;
+}
+.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
+  width: auto;
+}
+.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
+  display: none;
+}
+
+.vjs-modal-dialog.vjs-text-track-settings {
+  background-color: #2B333F;
+  background-color: rgba(43, 51, 63, 0.75);
+  color: #fff;
+  height: 70%;
+}
+
+.vjs-text-track-settings .vjs-modal-dialog-content {
+  display: table;
+}
+
+.vjs-text-track-settings .vjs-track-settings-colors,
+.vjs-text-track-settings .vjs-track-settings-font,
+.vjs-text-track-settings .vjs-track-settings-controls {
+  display: table-cell;
+}
+
+.vjs-text-track-settings .vjs-track-settings-controls {
+  text-align: right;
+  vertical-align: bottom;
+}
+
+@supports (display: grid) {
+  .vjs-text-track-settings .vjs-modal-dialog-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr;
+    padding: 20px 24px 0px 24px;
+  }
+
+  .vjs-track-settings-controls .vjs-default-button {
+    margin-bottom: 20px;
+  }
+
+  .vjs-text-track-settings .vjs-track-settings-controls {
+    grid-column: 1/-1;
+  }
+
+  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
+.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
+.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
+    grid-template-columns: 1fr;
+  }
+}
+.vjs-track-setting > select {
+  margin-right: 1em;
+  margin-bottom: 0.5em;
+}
+
+.vjs-text-track-settings fieldset {
+  margin: 5px;
+  padding: 3px;
+  border: none;
+}
+
+.vjs-text-track-settings fieldset span {
+  display: inline-block;
+}
+
+.vjs-text-track-settings fieldset span > select {
+  max-width: 7.3em;
+}
+
+.vjs-text-track-settings legend {
+  color: #fff;
+  margin: 0 0 5px 0;
+}
+
+.vjs-text-track-settings .vjs-label {
+  position: absolute;
+  clip: rect(1px 1px 1px 1px);
+  clip: rect(1px, 1px, 1px, 1px);
+  display: block;
+  margin: 0 0 5px 0;
+  padding: 0;
+  border: 0;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+}
+
+.vjs-track-settings-controls button:focus,
+.vjs-track-settings-controls button:active {
+  outline-style: solid;
+  outline-width: medium;
+  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
+}
+
+.vjs-track-settings-controls button:hover {
+  color: rgba(43, 51, 63, 0.75);
+}
+
+.vjs-track-settings-controls button {
+  background-color: #fff;
+  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
+  color: #2B333F;
+  cursor: pointer;
+  border-radius: 2px;
+}
+
+.vjs-track-settings-controls .vjs-default-button {
+  margin-right: 1em;
+}
+
+@media print {
+  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
+    visibility: hidden;
+  }
+}
+.vjs-resize-manager {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: none;
+  z-index: -1000;
+}
+
+.js-focus-visible .video-js *:focus:not(.focus-visible) {
+  outline: none;
+}
+
+.video-js *:focus:not(:focus-visible) {
+  outline: none;
+}
diff --git a/public/js/video.js b/public/js/video.js
new file mode 100644
index 0000000..d9237ee
--- /dev/null
+++ b/public/js/video.js
@@ -0,0 +1,64464 @@
+/**
+ * @license
+ * Video.js 7.14.3 <http://videojs.com/>
+ * Copyright Brightcove, Inc. <https://www.brightcove.com/>
+ * Available under Apache License Version 2.0
+ * <https://github.com/videojs/video.js/blob/main/LICENSE>
+ *
+ * Includes vtt.js <https://github.com/mozilla/vtt.js>
+ * Available under Apache License Version 2.0
+ * <https://github.com/mozilla/vtt.js/blob/main/LICENSE>
+ */
+
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.videojs = factory());
+}(this, (function () { 'use strict';
+
+  var version$5 = "7.14.3";
+
+  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+  function createCommonjsModule(fn, module) {
+  	return module = { exports: {} }, fn(module, module.exports), module.exports;
+  }
+
+  var win;
+
+  if (typeof window !== "undefined") {
+    win = window;
+  } else if (typeof commonjsGlobal !== "undefined") {
+    win = commonjsGlobal;
+  } else if (typeof self !== "undefined") {
+    win = self;
+  } else {
+    win = {};
+  }
+
+  var window_1 = win;
+
+  var minDoc = {};
+
+  var topLevel = typeof commonjsGlobal !== 'undefined' ? commonjsGlobal : typeof window !== 'undefined' ? window : {};
+  var doccy;
+
+  if (typeof document !== 'undefined') {
+    doccy = document;
+  } else {
+    doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];
+
+    if (!doccy) {
+      doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = minDoc;
+    }
+  }
+
+  var document_1 = doccy;
+
+  /**
+   * @file fullscreen-api.js
+   * @module fullscreen-api
+   * @private
+   */
+  /**
+   * Store the browser-specific methods for the fullscreen API.
+   *
+   * @type {Object}
+   * @see [Specification]{@link https://fullscreen.spec.whatwg.org}
+   * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}
+   */
+
+  var FullscreenApi = {
+    prefixed: true
+  }; // browser API methods
+
+  var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror', 'fullscreen'], // WebKit
+  ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'], // Mozilla
+  ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'], // Microsoft
+  ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']];
+  var specApi = apiMap[0];
+  var browserApi; // determine the supported set of functions
+
+  for (var i = 0; i < apiMap.length; i++) {
+    // check for exitFullscreen function
+    if (apiMap[i][1] in document_1) {
+      browserApi = apiMap[i];
+      break;
+    }
+  } // map the browser API names to the spec API names
+
+
+  if (browserApi) {
+    for (var _i = 0; _i < browserApi.length; _i++) {
+      FullscreenApi[specApi[_i]] = browserApi[_i];
+    }
+
+    FullscreenApi.prefixed = browserApi[0] !== specApi[0];
+  }
+
+  /**
+   * @file create-logger.js
+   * @module create-logger
+   */
+
+  var history = [];
+  /**
+   * Log messages to the console and history based on the type of message
+   *
+   * @private
+   * @param  {string} type
+   *         The name of the console method to use.
+   *
+   * @param  {Array} args
+   *         The arguments to be passed to the matching console method.
+   */
+
+  var LogByTypeFactory = function LogByTypeFactory(name, log) {
+    return function (type, level, args) {
+      var lvl = log.levels[level];
+      var lvlRegExp = new RegExp("^(" + lvl + ")$");
+
+      if (type !== 'log') {
+        // Add the type to the front of the message when it's not "log".
+        args.unshift(type.toUpperCase() + ':');
+      } // Add console prefix after adding to history.
+
+
+      args.unshift(name + ':'); // Add a clone of the args at this point to history.
+
+      if (history) {
+        history.push([].concat(args)); // only store 1000 history entries
+
+        var splice = history.length - 1000;
+        history.splice(0, splice > 0 ? splice : 0);
+      } // If there's no console then don't try to output messages, but they will
+      // still be stored in history.
+
+
+      if (!window_1.console) {
+        return;
+      } // Was setting these once outside of this function, but containing them
+      // in the function makes it easier to test cases where console doesn't exist
+      // when the module is executed.
+
+
+      var fn = window_1.console[type];
+
+      if (!fn && type === 'debug') {
+        // Certain browsers don't have support for console.debug. For those, we
+        // should default to the closest comparable log.
+        fn = window_1.console.info || window_1.console.log;
+      } // Bail out if there's no console or if this type is not allowed by the
+      // current logging level.
+
+
+      if (!fn || !lvl || !lvlRegExp.test(type)) {
+        return;
+      }
+
+      fn[Array.isArray(args) ? 'apply' : 'call'](window_1.console, args);
+    };
+  };
+
+  function createLogger$1(name) {
+    // This is the private tracking variable for logging level.
+    var level = 'info'; // the curried logByType bound to the specific log and history
+
+    var logByType;
+    /**
+     * Logs plain debug messages. Similar to `console.log`.
+     *
+     * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
+     * of our JSDoc template, we cannot properly document this as both a function
+     * and a namespace, so its function signature is documented here.
+     *
+     * #### Arguments
+     * ##### *args
+     * Mixed[]
+     *
+     * Any combination of values that could be passed to `console.log()`.
+     *
+     * #### Return Value
+     *
+     * `undefined`
+     *
+     * @namespace
+     * @param    {Mixed[]} args
+     *           One or more messages or objects that should be logged.
+     */
+
+    var log = function log() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      logByType('log', level, args);
+    }; // This is the logByType helper that the logging methods below use
+
+
+    logByType = LogByTypeFactory(name, log);
+    /**
+     * Create a new sublogger which chains the old name to the new name.
+     *
+     * For example, doing `videojs.log.createLogger('player')` and then using that logger will log the following:
+     * ```js
+     *  mylogger('foo');
+     *  // > VIDEOJS: player: foo
+     * ```
+     *
+     * @param {string} name
+     *        The name to add call the new logger
+     * @return {Object}
+     */
+
+    log.createLogger = function (subname) {
+      return createLogger$1(name + ': ' + subname);
+    };
+    /**
+     * Enumeration of available logging levels, where the keys are the level names
+     * and the values are `|`-separated strings containing logging methods allowed
+     * in that logging level. These strings are used to create a regular expression
+     * matching the function name being called.
+     *
+     * Levels provided by Video.js are:
+     *
+     * - `off`: Matches no calls. Any value that can be cast to `false` will have
+     *   this effect. The most restrictive.
+     * - `all`: Matches only Video.js-provided functions (`debug`, `log`,
+     *   `log.warn`, and `log.error`).
+     * - `debug`: Matches `log.debug`, `log`, `log.warn`, and `log.error` calls.
+     * - `info` (default): Matches `log`, `log.warn`, and `log.error` calls.
+     * - `warn`: Matches `log.warn` and `log.error` calls.
+     * - `error`: Matches only `log.error` calls.
+     *
+     * @type {Object}
+     */
+
+
+    log.levels = {
+      all: 'debug|log|warn|error',
+      off: '',
+      debug: 'debug|log|warn|error',
+      info: 'log|warn|error',
+      warn: 'warn|error',
+      error: 'error',
+      DEFAULT: level
+    };
+    /**
+     * Get or set the current logging level.
+     *
+     * If a string matching a key from {@link module:log.levels} is provided, acts
+     * as a setter.
+     *
+     * @param  {string} [lvl]
+     *         Pass a valid level to set a new logging level.
+     *
+     * @return {string}
+     *         The current logging level.
+     */
+
+    log.level = function (lvl) {
+      if (typeof lvl === 'string') {
+        if (!log.levels.hasOwnProperty(lvl)) {
+          throw new Error("\"" + lvl + "\" in not a valid log level");
+        }
+
+        level = lvl;
+      }
+
+      return level;
+    };
+    /**
+     * Returns an array containing everything that has been logged to the history.
+     *
+     * This array is a shallow clone of the internal history record. However, its
+     * contents are _not_ cloned; so, mutating objects inside this array will
+     * mutate them in history.
+     *
+     * @return {Array}
+     */
+
+
+    log.history = function () {
+      return history ? [].concat(history) : [];
+    };
+    /**
+     * Allows you to filter the history by the given logger name
+     *
+     * @param {string} fname
+     *        The name to filter by
+     *
+     * @return {Array}
+     *         The filtered list to return
+     */
+
+
+    log.history.filter = function (fname) {
+      return (history || []).filter(function (historyItem) {
+        // if the first item in each historyItem includes `fname`, then it's a match
+        return new RegExp(".*" + fname + ".*").test(historyItem[0]);
+      });
+    };
+    /**
+     * Clears the internal history tracking, but does not prevent further history
+     * tracking.
+     */
+
+
+    log.history.clear = function () {
+      if (history) {
+        history.length = 0;
+      }
+    };
+    /**
+     * Disable history tracking if it is currently enabled.
+     */
+
+
+    log.history.disable = function () {
+      if (history !== null) {
+        history.length = 0;
+        history = null;
+      }
+    };
+    /**
+     * Enable history tracking if it is currently disabled.
+     */
+
+
+    log.history.enable = function () {
+      if (history === null) {
+        history = [];
+      }
+    };
+    /**
+     * Logs error messages. Similar to `console.error`.
+     *
+     * @param {Mixed[]} args
+     *        One or more messages or objects that should be logged as an error
+     */
+
+
+    log.error = function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+
+      return logByType('error', level, args);
+    };
+    /**
+     * Logs warning messages. Similar to `console.warn`.
+     *
+     * @param {Mixed[]} args
+     *        One or more messages or objects that should be logged as a warning.
+     */
+
+
+    log.warn = function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+
+      return logByType('warn', level, args);
+    };
+    /**
+     * Logs debug messages. Similar to `console.debug`, but may also act as a comparable
+     * log if `console.debug` is not available
+     *
+     * @param {Mixed[]} args
+     *        One or more messages or objects that should be logged as debug.
+     */
+
+
+    log.debug = function () {
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+
+      return logByType('debug', level, args);
+    };
+
+    return log;
+  }
+
+  /**
+   * @file log.js
+   * @module log
+   */
+  var log$1 = createLogger$1('VIDEOJS');
+  var createLogger = log$1.createLogger;
+
+  var _extends_1 = createCommonjsModule(function (module) {
+    function _extends() {
+      module.exports = _extends = Object.assign || function (target) {
+        for (var i = 1; i < arguments.length; i++) {
+          var source = arguments[i];
+
+          for (var key in source) {
+            if (Object.prototype.hasOwnProperty.call(source, key)) {
+              target[key] = source[key];
+            }
+          }
+        }
+
+        return target;
+      };
+
+      return _extends.apply(this, arguments);
+    }
+
+    module.exports = _extends;
+  });
+
+  /**
+   * @file obj.js
+   * @module obj
+   */
+
+  /**
+   * @callback obj:EachCallback
+   *
+   * @param {Mixed} value
+   *        The current key for the object that is being iterated over.
+   *
+   * @param {string} key
+   *        The current key-value for object that is being iterated over
+   */
+
+  /**
+   * @callback obj:ReduceCallback
+   *
+   * @param {Mixed} accum
+   *        The value that is accumulating over the reduce loop.
+   *
+   * @param {Mixed} value
+   *        The current key for the object that is being iterated over.
+   *
+   * @param {string} key
+   *        The current key-value for object that is being iterated over
+   *
+   * @return {Mixed}
+   *         The new accumulated value.
+   */
+  var toString$1 = Object.prototype.toString;
+  /**
+   * Get the keys of an Object
+   *
+   * @param {Object}
+   *        The Object to get the keys from
+   *
+   * @return {string[]}
+   *         An array of the keys from the object. Returns an empty array if the
+   *         object passed in was invalid or had no keys.
+   *
+   * @private
+   */
+
+  var keys = function keys(object) {
+    return isObject$1(object) ? Object.keys(object) : [];
+  };
+  /**
+   * Array-like iteration for objects.
+   *
+   * @param {Object} object
+   *        The object to iterate over
+   *
+   * @param {obj:EachCallback} fn
+   *        The callback function which is called for each key in the object.
+   */
+
+
+  function each(object, fn) {
+    keys(object).forEach(function (key) {
+      return fn(object[key], key);
+    });
+  }
+  /**
+   * Array-like reduce for objects.
+   *
+   * @param {Object} object
+   *        The Object that you want to reduce.
+   *
+   * @param {Function} fn
+   *         A callback function which is called for each key in the object. It
+   *         receives the accumulated value and the per-iteration value and key
+   *         as arguments.
+   *
+   * @param {Mixed} [initial = 0]
+   *        Starting value
+   *
+   * @return {Mixed}
+   *         The final accumulated value.
+   */
+
+  function reduce(object, fn, initial) {
+    if (initial === void 0) {
+      initial = 0;
+    }
+
+    return keys(object).reduce(function (accum, key) {
+      return fn(accum, object[key], key);
+    }, initial);
+  }
+  /**
+   * Object.assign-style object shallow merge/extend.
+   *
+   * @param  {Object} target
+   * @param  {Object} ...sources
+   * @return {Object}
+   */
+
+  function assign(target) {
+    for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      sources[_key - 1] = arguments[_key];
+    }
+
+    if (Object.assign) {
+      return _extends_1.apply(void 0, [target].concat(sources));
+    }
+
+    sources.forEach(function (source) {
+      if (!source) {
+        return;
+      }
+
+      each(source, function (value, key) {
+        target[key] = value;
+      });
+    });
+    return target;
+  }
+  /**
+   * Returns whether a value is an object of any kind - including DOM nodes,
+   * arrays, regular expressions, etc. Not functions, though.
+   *
+   * This avoids the gotcha where using `typeof` on a `null` value
+   * results in `'object'`.
+   *
+   * @param  {Object} value
+   * @return {boolean}
+   */
+
+  function isObject$1(value) {
+    return !!value && typeof value === 'object';
+  }
+  /**
+   * Returns whether an object appears to be a "plain" object - that is, a
+   * direct instance of `Object`.
+   *
+   * @param  {Object} value
+   * @return {boolean}
+   */
+
+  function isPlain(value) {
+    return isObject$1(value) && toString$1.call(value) === '[object Object]' && value.constructor === Object;
+  }
+
+  /**
+   * @file computed-style.js
+   * @module computed-style
+   */
+  /**
+   * A safe getComputedStyle.
+   *
+   * This is needed because in Firefox, if the player is loaded in an iframe with
+   * `display:none`, then `getComputedStyle` returns `null`, so, we do a
+   * null-check to make sure that the player doesn't break in these cases.
+   *
+   * @function
+   * @param    {Element} el
+   *           The element you want the computed style of
+   *
+   * @param    {string} prop
+   *           The property name you want
+   *
+   * @see      https://bugzilla.mozilla.org/show_bug.cgi?id=548397
+   */
+
+  function computedStyle(el, prop) {
+    if (!el || !prop) {
+      return '';
+    }
+
+    if (typeof window_1.getComputedStyle === 'function') {
+      var computedStyleValue;
+
+      try {
+        computedStyleValue = window_1.getComputedStyle(el);
+      } catch (e) {
+        return '';
+      }
+
+      return computedStyleValue ? computedStyleValue.getPropertyValue(prop) || computedStyleValue[prop] : '';
+    }
+
+    return '';
+  }
+
+  /**
+   * @file browser.js
+   * @module browser
+   */
+  var USER_AGENT = window_1.navigator && window_1.navigator.userAgent || '';
+  var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
+  var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
+  /**
+   * Whether or not this device is an iPod.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_IPOD = /iPod/i.test(USER_AGENT);
+  /**
+   * The detected iOS version - or `null`.
+   *
+   * @static
+   * @const
+   * @type {string|null}
+   */
+
+  var IOS_VERSION = function () {
+    var match = USER_AGENT.match(/OS (\d+)_/i);
+
+    if (match && match[1]) {
+      return match[1];
+    }
+
+    return null;
+  }();
+  /**
+   * Whether or not this is an Android device.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_ANDROID = /Android/i.test(USER_AGENT);
+  /**
+   * The detected Android version - or `null`.
+   *
+   * @static
+   * @const
+   * @type {number|string|null}
+   */
+
+  var ANDROID_VERSION = function () {
+    // This matches Android Major.Minor.Patch versions
+    // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
+    var match = USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);
+
+    if (!match) {
+      return null;
+    }
+
+    var major = match[1] && parseFloat(match[1]);
+    var minor = match[2] && parseFloat(match[2]);
+
+    if (major && minor) {
+      return parseFloat(match[1] + '.' + match[2]);
+    } else if (major) {
+      return major;
+    }
+
+    return null;
+  }();
+  /**
+   * Whether or not this is a native Android browser.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
+  /**
+   * Whether or not this is Mozilla Firefox.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
+  /**
+   * Whether or not this is Microsoft Edge.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_EDGE = /Edg/i.test(USER_AGENT);
+  /**
+   * Whether or not this is Google Chrome.
+   *
+   * This will also be `true` for Chrome on iOS, which will have different support
+   * as it is actually Safari under the hood.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));
+  /**
+   * The detected Google Chrome version - or `null`.
+   *
+   * @static
+   * @const
+   * @type {number|null}
+   */
+
+  var CHROME_VERSION = function () {
+    var match = USER_AGENT.match(/(Chrome|CriOS)\/(\d+)/);
+
+    if (match && match[2]) {
+      return parseFloat(match[2]);
+    }
+
+    return null;
+  }();
+  /**
+   * The detected Internet Explorer version - or `null`.
+   *
+   * @static
+   * @const
+   * @type {number|null}
+   */
+
+  var IE_VERSION = function () {
+    var result = /MSIE\s(\d+)\.\d/.exec(USER_AGENT);
+    var version = result && parseFloat(result[1]);
+
+    if (!version && /Trident\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {
+      // IE 11 has a different user agent string than other IE versions
+      version = 11.0;
+    }
+
+    return version;
+  }();
+  /**
+   * Whether or not this is desktop Safari.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
+  /**
+   * Whether or not this is a Windows machine.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_WINDOWS = /Windows/i.test(USER_AGENT);
+  /**
+   * Whether or not this device is touch-enabled.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var TOUCH_ENABLED = Boolean(isReal() && ('ontouchstart' in window_1 || window_1.navigator.maxTouchPoints || window_1.DocumentTouch && window_1.document instanceof window_1.DocumentTouch));
+  /**
+   * Whether or not this device is an iPad.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_IPAD = /iPad/i.test(USER_AGENT) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(USER_AGENT);
+  /**
+   * Whether or not this device is an iPhone.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+  // The Facebook app's UIWebView identifies as both an iPhone and iPad, so
+  // to identify iPhones, we need to exclude iPads.
+  // http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
+
+  var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
+  /**
+   * Whether or not this is an iOS device.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
+  /**
+   * Whether or not this is any flavor of Safari - including iOS.
+   *
+   * @static
+   * @const
+   * @type {Boolean}
+   */
+
+  var IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;
+
+  var browser = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    IS_IPOD: IS_IPOD,
+    IOS_VERSION: IOS_VERSION,
+    IS_ANDROID: IS_ANDROID,
+    ANDROID_VERSION: ANDROID_VERSION,
+    IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
+    IS_FIREFOX: IS_FIREFOX,
+    IS_EDGE: IS_EDGE,
+    IS_CHROME: IS_CHROME,
+    CHROME_VERSION: CHROME_VERSION,
+    IE_VERSION: IE_VERSION,
+    IS_SAFARI: IS_SAFARI,
+    IS_WINDOWS: IS_WINDOWS,
+    TOUCH_ENABLED: TOUCH_ENABLED,
+    IS_IPAD: IS_IPAD,
+    IS_IPHONE: IS_IPHONE,
+    IS_IOS: IS_IOS,
+    IS_ANY_SAFARI: IS_ANY_SAFARI
+  });
+
+  /**
+   * @file dom.js
+   * @module dom
+   */
+  /**
+   * Detect if a value is a string with any non-whitespace characters.
+   *
+   * @private
+   * @param  {string} str
+   *         The string to check
+   *
+   * @return {boolean}
+   *         Will be `true` if the string is non-blank, `false` otherwise.
+   *
+   */
+
+  function isNonBlankString(str) {
+    // we use str.trim as it will trim any whitespace characters
+    // from the front or back of non-whitespace characters. aka
+    // Any string that contains non-whitespace characters will
+    // still contain them after `trim` but whitespace only strings
+    // will have a length of 0, failing this check.
+    return typeof str === 'string' && Boolean(str.trim());
+  }
+  /**
+   * Throws an error if the passed string has whitespace. This is used by
+   * class methods to be relatively consistent with the classList API.
+   *
+   * @private
+   * @param  {string} str
+   *         The string to check for whitespace.
+   *
+   * @throws {Error}
+   *         Throws an error if there is whitespace in the string.
+   */
+
+
+  function throwIfWhitespace(str) {
+    // str.indexOf instead of regex because str.indexOf is faster performance wise.
+    if (str.indexOf(' ') >= 0) {
+      throw new Error('class has illegal whitespace characters');
+    }
+  }
+  /**
+   * Produce a regular expression for matching a className within an elements className.
+   *
+   * @private
+   * @param  {string} className
+   *         The className to generate the RegExp for.
+   *
+   * @return {RegExp}
+   *         The RegExp that will check for a specific `className` in an elements
+   *         className.
+   */
+
+
+  function classRegExp(className) {
+    return new RegExp('(^|\\s)' + className + '($|\\s)');
+  }
+  /**
+   * Whether the current DOM interface appears to be real (i.e. not simulated).
+   *
+   * @return {boolean}
+   *         Will be `true` if the DOM appears to be real, `false` otherwise.
+   */
+
+
+  function isReal() {
+    // Both document and window will never be undefined thanks to `global`.
+    return document_1 === window_1.document;
+  }
+  /**
+   * Determines, via duck typing, whether or not a value is a DOM element.
+   *
+   * @param  {Mixed} value
+   *         The value to check.
+   *
+   * @return {boolean}
+   *         Will be `true` if the value is a DOM element, `false` otherwise.
+   */
+
+  function isEl(value) {
+    return isObject$1(value) && value.nodeType === 1;
+  }
+  /**
+   * Determines if the current DOM is embedded in an iframe.
+   *
+   * @return {boolean}
+   *         Will be `true` if the DOM is embedded in an iframe, `false`
+   *         otherwise.
+   */
+
+  function isInFrame() {
+    // We need a try/catch here because Safari will throw errors when attempting
+    // to get either `parent` or `self`
+    try {
+      return window_1.parent !== window_1.self;
+    } catch (x) {
+      return true;
+    }
+  }
+  /**
+   * Creates functions to query the DOM using a given method.
+   *
+   * @private
+   * @param   {string} method
+   *          The method to create the query with.
+   *
+   * @return  {Function}
+   *          The query method
+   */
+
+  function createQuerier(method) {
+    return function (selector, context) {
+      if (!isNonBlankString(selector)) {
+        return document_1[method](null);
+      }
+
+      if (isNonBlankString(context)) {
+        context = document_1.querySelector(context);
+      }
+
+      var ctx = isEl(context) ? context : document_1;
+      return ctx[method] && ctx[method](selector);
+    };
+  }
+  /**
+   * Creates an element and applies properties, attributes, and inserts content.
+   *
+   * @param  {string} [tagName='div']
+   *         Name of tag to be created.
+   *
+   * @param  {Object} [properties={}]
+   *         Element properties to be applied.
+   *
+   * @param  {Object} [attributes={}]
+   *         Element attributes to be applied.
+   *
+   * @param {module:dom~ContentDescriptor} content
+   *        A content descriptor object.
+   *
+   * @return {Element}
+   *         The element that was created.
+   */
+
+
+  function createEl(tagName, properties, attributes, content) {
+    if (tagName === void 0) {
+      tagName = 'div';
+    }
+
+    if (properties === void 0) {
+      properties = {};
+    }
+
+    if (attributes === void 0) {
+      attributes = {};
+    }
+
+    var el = document_1.createElement(tagName);
+    Object.getOwnPropertyNames(properties).forEach(function (propName) {
+      var val = properties[propName]; // See #2176
+      // We originally were accepting both properties and attributes in the
+      // same object, but that doesn't work so well.
+
+      if (propName.indexOf('aria-') !== -1 || propName === 'role' || propName === 'type') {
+        log$1.warn('Setting attributes in the second argument of createEl()\n' + 'has been deprecated. Use the third argument instead.\n' + ("createEl(type, properties, attributes). Attempting to set " + propName + " to " + val + "."));
+        el.setAttribute(propName, val); // Handle textContent since it's not supported everywhere and we have a
+        // method for it.
+      } else if (propName === 'textContent') {
+        textContent(el, val);
+      } else if (el[propName] !== val || propName === 'tabIndex') {
+        el[propName] = val;
+      }
+    });
+    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
+      el.setAttribute(attrName, attributes[attrName]);
+    });
+
+    if (content) {
+      appendContent(el, content);
+    }
+
+    return el;
+  }
+  /**
+   * Injects text into an element, replacing any existing contents entirely.
+   *
+   * @param  {Element} el
+   *         The element to add text content into
+   *
+   * @param  {string} text
+   *         The text content to add.
+   *
+   * @return {Element}
+   *         The element with added text content.
+   */
+
+  function textContent(el, text) {
+    if (typeof el.textContent === 'undefined') {
+      el.innerText = text;
+    } else {
+      el.textContent = text;
+    }
+
+    return el;
+  }
+  /**
+   * Insert an element as the first child node of another
+   *
+   * @param {Element} child
+   *        Element to insert
+   *
+   * @param {Element} parent
+   *        Element to insert child into
+   */
+
+  function prependTo(child, parent) {
+    if (parent.firstChild) {
+      parent.insertBefore(child, parent.firstChild);
+    } else {
+      parent.appendChild(child);
+    }
+  }
+  /**
+   * Check if an element has a class name.
+   *
+   * @param  {Element} element
+   *         Element to check
+   *
+   * @param  {string} classToCheck
+   *         Class name to check for
+   *
+   * @return {boolean}
+   *         Will be `true` if the element has a class, `false` otherwise.
+   *
+   * @throws {Error}
+   *         Throws an error if `classToCheck` has white space.
+   */
+
+  function hasClass(element, classToCheck) {
+    throwIfWhitespace(classToCheck);
+
+    if (element.classList) {
+      return element.classList.contains(classToCheck);
+    }
+
+    return classRegExp(classToCheck).test(element.className);
+  }
+  /**
+   * Add a class name to an element.
+   *
+   * @param  {Element} element
+   *         Element to add class name to.
+   *
+   * @param  {string} classToAdd
+   *         Class name to add.
+   *
+   * @return {Element}
+   *         The DOM element with the added class name.
+   */
+
+  function addClass(element, classToAdd) {
+    if (element.classList) {
+      element.classList.add(classToAdd); // Don't need to `throwIfWhitespace` here because `hasElClass` will do it
+      // in the case of classList not being supported.
+    } else if (!hasClass(element, classToAdd)) {
+      element.className = (element.className + ' ' + classToAdd).trim();
+    }
+
+    return element;
+  }
+  /**
+   * Remove a class name from an element.
+   *
+   * @param  {Element} element
+   *         Element to remove a class name from.
+   *
+   * @param  {string} classToRemove
+   *         Class name to remove
+   *
+   * @return {Element}
+   *         The DOM element with class name removed.
+   */
+
+  function removeClass(element, classToRemove) {
+    // Protect in case the player gets disposed
+    if (!element) {
+      log$1.warn("removeClass was called with an element that doesn't exist");
+      return null;
+    }
+
+    if (element.classList) {
+      element.classList.remove(classToRemove);
+    } else {
+      throwIfWhitespace(classToRemove);
+      element.className = element.className.split(/\s+/).filter(function (c) {
+        return c !== classToRemove;
+      }).join(' ');
+    }
+
+    return element;
+  }
+  /**
+   * The callback definition for toggleClass.
+   *
+   * @callback module:dom~PredicateCallback
+   * @param    {Element} element
+   *           The DOM element of the Component.
+   *
+   * @param    {string} classToToggle
+   *           The `className` that wants to be toggled
+   *
+   * @return   {boolean|undefined}
+   *           If `true` is returned, the `classToToggle` will be added to the
+   *           `element`. If `false`, the `classToToggle` will be removed from
+   *           the `element`. If `undefined`, the callback will be ignored.
+   */
+
+  /**
+   * Adds or removes a class name to/from an element depending on an optional
+   * condition or the presence/absence of the class name.
+   *
+   * @param  {Element} element
+   *         The element to toggle a class name on.
+   *
+   * @param  {string} classToToggle
+   *         The class that should be toggled.
+   *
+   * @param  {boolean|module:dom~PredicateCallback} [predicate]
+   *         See the return value for {@link module:dom~PredicateCallback}
+   *
+   * @return {Element}
+   *         The element with a class that has been toggled.
+   */
+
+  function toggleClass(element, classToToggle, predicate) {
+    // This CANNOT use `classList` internally because IE11 does not support the
+    // second parameter to the `classList.toggle()` method! Which is fine because
+    // `classList` will be used by the add/remove functions.
+    var has = hasClass(element, classToToggle);
+
+    if (typeof predicate === 'function') {
+      predicate = predicate(element, classToToggle);
+    }
+
+    if (typeof predicate !== 'boolean') {
+      predicate = !has;
+    } // If the necessary class operation matches the current state of the
+    // element, no action is required.
+
+
+    if (predicate === has) {
+      return;
+    }
+
+    if (predicate) {
+      addClass(element, classToToggle);
+    } else {
+      removeClass(element, classToToggle);
+    }
+
+    return element;
+  }
+  /**
+   * Apply attributes to an HTML element.
+   *
+   * @param {Element} el
+   *        Element to add attributes to.
+   *
+   * @param {Object} [attributes]
+   *        Attributes to be applied.
+   */
+
+  function setAttributes(el, attributes) {
+    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
+      var attrValue = attributes[attrName];
+
+      if (attrValue === null || typeof attrValue === 'undefined' || attrValue === false) {
+        el.removeAttribute(attrName);
+      } else {
+        el.setAttribute(attrName, attrValue === true ? '' : attrValue);
+      }
+    });
+  }
+  /**
+   * Get an element's attribute values, as defined on the HTML tag.
+   *
+   * Attributes are not the same as properties. They're defined on the tag
+   * or with setAttribute.
+   *
+   * @param  {Element} tag
+   *         Element from which to get tag attributes.
+   *
+   * @return {Object}
+   *         All attributes of the element. Boolean attributes will be `true` or
+   *         `false`, others will be strings.
+   */
+
+  function getAttributes(tag) {
+    var obj = {}; // known boolean attributes
+    // we can check for matching boolean properties, but not all browsers
+    // and not all tags know about these attributes, so, we still want to check them manually
+
+    var knownBooleans = ',' + 'autoplay,controls,playsinline,loop,muted,default,defaultMuted' + ',';
+
+    if (tag && tag.attributes && tag.attributes.length > 0) {
+      var attrs = tag.attributes;
+
+      for (var i = attrs.length - 1; i >= 0; i--) {
+        var attrName = attrs[i].name;
+        var attrVal = attrs[i].value; // check for known booleans
+        // the matching element property will return a value for typeof
+
+        if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(',' + attrName + ',') !== -1) {
+          // the value of an included boolean attribute is typically an empty
+          // string ('') which would equal false if we just check for a false value.
+          // we also don't want support bad code like autoplay='false'
+          attrVal = attrVal !== null ? true : false;
+        }
+
+        obj[attrName] = attrVal;
+      }
+    }
+
+    return obj;
+  }
+  /**
+   * Get the value of an element's attribute.
+   *
+   * @param {Element} el
+   *        A DOM element.
+   *
+   * @param {string} attribute
+   *        Attribute to get the value of.
+   *
+   * @return {string}
+   *         The value of the attribute.
+   */
+
+  function getAttribute(el, attribute) {
+    return el.getAttribute(attribute);
+  }
+  /**
+   * Set the value of an element's attribute.
+   *
+   * @param {Element} el
+   *        A DOM element.
+   *
+   * @param {string} attribute
+   *        Attribute to set.
+   *
+   * @param {string} value
+   *        Value to set the attribute to.
+   */
+
+  function setAttribute(el, attribute, value) {
+    el.setAttribute(attribute, value);
+  }
+  /**
+   * Remove an element's attribute.
+   *
+   * @param {Element} el
+   *        A DOM element.
+   *
+   * @param {string} attribute
+   *        Attribute to remove.
+   */
+
+  function removeAttribute(el, attribute) {
+    el.removeAttribute(attribute);
+  }
+  /**
+   * Attempt to block the ability to select text.
+   */
+
+  function blockTextSelection() {
+    document_1.body.focus();
+
+    document_1.onselectstart = function () {
+      return false;
+    };
+  }
+  /**
+   * Turn off text selection blocking.
+   */
+
+  function unblockTextSelection() {
+    document_1.onselectstart = function () {
+      return true;
+    };
+  }
+  /**
+   * Identical to the native `getBoundingClientRect` function, but ensures that
+   * the method is supported at all (it is in all browsers we claim to support)
+   * and that the element is in the DOM before continuing.
+   *
+   * This wrapper function also shims properties which are not provided by some
+   * older browsers (namely, IE8).
+   *
+   * Additionally, some browsers do not support adding properties to a
+   * `ClientRect`/`DOMRect` object; so, we shallow-copy it with the standard
+   * properties (except `x` and `y` which are not widely supported). This helps
+   * avoid implementations where keys are non-enumerable.
+   *
+   * @param  {Element} el
+   *         Element whose `ClientRect` we want to calculate.
+   *
+   * @return {Object|undefined}
+   *         Always returns a plain object - or `undefined` if it cannot.
+   */
+
+  function getBoundingClientRect(el) {
+    if (el && el.getBoundingClientRect && el.parentNode) {
+      var rect = el.getBoundingClientRect();
+      var result = {};
+      ['bottom', 'height', 'left', 'right', 'top', 'width'].forEach(function (k) {
+        if (rect[k] !== undefined) {
+          result[k] = rect[k];
+        }
+      });
+
+      if (!result.height) {
+        result.height = parseFloat(computedStyle(el, 'height'));
+      }
+
+      if (!result.width) {
+        result.width = parseFloat(computedStyle(el, 'width'));
+      }
+
+      return result;
+    }
+  }
+  /**
+   * Represents the position of a DOM element on the page.
+   *
+   * @typedef  {Object} module:dom~Position
+   *
+   * @property {number} left
+   *           Pixels to the left.
+   *
+   * @property {number} top
+   *           Pixels from the top.
+   */
+
+  /**
+   * Get the position of an element in the DOM.
+   *
+   * Uses `getBoundingClientRect` technique from John Resig.
+   *
+   * @see http://ejohn.org/blog/getboundingclientrect-is-awesome/
+   *
+   * @param  {Element} el
+   *         Element from which to get offset.
+   *
+   * @return {module:dom~Position}
+   *         The position of the element that was passed in.
+   */
+
+  function findPosition(el) {
+    if (!el || el && !el.offsetParent) {
+      return {
+        left: 0,
+        top: 0,
+        width: 0,
+        height: 0
+      };
+    }
+
+    var width = el.offsetWidth;
+    var height = el.offsetHeight;
+    var left = 0;
+    var top = 0;
+
+    while (el.offsetParent && el !== document_1[FullscreenApi.fullscreenElement]) {
+      left += el.offsetLeft;
+      top += el.offsetTop;
+      el = el.offsetParent;
+    }
+
+    return {
+      left: left,
+      top: top,
+      width: width,
+      height: height
+    };
+  }
+  /**
+   * Represents x and y coordinates for a DOM element or mouse pointer.
+   *
+   * @typedef  {Object} module:dom~Coordinates
+   *
+   * @property {number} x
+   *           x coordinate in pixels
+   *
+   * @property {number} y
+   *           y coordinate in pixels
+   */
+
+  /**
+   * Get the pointer position within an element.
+   *
+   * The base on the coordinates are the bottom left of the element.
+   *
+   * @param  {Element} el
+   *         Element on which to get the pointer position on.
+   *
+   * @param  {EventTarget~Event} event
+   *         Event object.
+   *
+   * @return {module:dom~Coordinates}
+   *         A coordinates object corresponding to the mouse position.
+   *
+   */
+
+  function getPointerPosition(el, event) {
+    var translated = {
+      x: 0,
+      y: 0
+    };
+
+    if (IS_IOS) {
+      var item = el;
+
+      while (item && item.nodeName.toLowerCase() !== 'html') {
+        var transform = computedStyle(item, 'transform');
+
+        if (/^matrix/.test(transform)) {
+          var values = transform.slice(7, -1).split(/,\s/).map(Number);
+          translated.x += values[4];
+          translated.y += values[5];
+        } else if (/^matrix3d/.test(transform)) {
+          var _values = transform.slice(9, -1).split(/,\s/).map(Number);
+
+          translated.x += _values[12];
+          translated.y += _values[13];
+        }
+
+        item = item.parentNode;
+      }
+    }
+
+    var position = {};
+    var boxTarget = findPosition(event.target);
+    var box = findPosition(el);
+    var boxW = box.width;
+    var boxH = box.height;
+    var offsetY = event.offsetY - (box.top - boxTarget.top);
+    var offsetX = event.offsetX - (box.left - boxTarget.left);
+
+    if (event.changedTouches) {
+      offsetX = event.changedTouches[0].pageX - box.left;
+      offsetY = event.changedTouches[0].pageY + box.top;
+
+      if (IS_IOS) {
+        offsetX -= translated.x;
+        offsetY -= translated.y;
+      }
+    }
+
+    position.y = 1 - Math.max(0, Math.min(1, offsetY / boxH));
+    position.x = Math.max(0, Math.min(1, offsetX / boxW));
+    return position;
+  }
+  /**
+   * Determines, via duck typing, whether or not a value is a text node.
+   *
+   * @param  {Mixed} value
+   *         Check if this value is a text node.
+   *
+   * @return {boolean}
+   *         Will be `true` if the value is a text node, `false` otherwise.
+   */
+
+  function isTextNode(value) {
+    return isObject$1(value) && value.nodeType === 3;
+  }
+  /**
+   * Empties the contents of an element.
+   *
+   * @param  {Element} el
+   *         The element to empty children from
+   *
+   * @return {Element}
+   *         The element with no children
+   */
+
+  function emptyEl(el) {
+    while (el.firstChild) {
+      el.removeChild(el.firstChild);
+    }
+
+    return el;
+  }
+  /**
+   * This is a mixed value that describes content to be injected into the DOM
+   * via some method. It can be of the following types:
+   *
+   * Type       | Description
+   * -----------|-------------
+   * `string`   | The value will be normalized into a text node.
+   * `Element`  | The value will be accepted as-is.
+   * `TextNode` | The value will be accepted as-is.
+   * `Array`    | A one-dimensional array of strings, elements, text nodes, or functions. These functions should return a string, element, or text node (any other return value, like an array, will be ignored).
+   * `Function` | A function, which is expected to return a string, element, text node, or array - any of the other possible values described above. This means that a content descriptor could be a function that returns an array of functions, but those second-level functions must return strings, elements, or text nodes.
+   *
+   * @typedef {string|Element|TextNode|Array|Function} module:dom~ContentDescriptor
+   */
+
+  /**
+   * Normalizes content for eventual insertion into the DOM.
+   *
+   * This allows a wide range of content definition methods, but helps protect
+   * from falling into the trap of simply writing to `innerHTML`, which could
+   * be an XSS concern.
+   *
+   * The content for an element can be passed in multiple types and
+   * combinations, whose behavior is as follows:
+   *
+   * @param {module:dom~ContentDescriptor} content
+   *        A content descriptor value.
+   *
+   * @return {Array}
+   *         All of the content that was passed in, normalized to an array of
+   *         elements or text nodes.
+   */
+
+  function normalizeContent(content) {
+    // First, invoke content if it is a function. If it produces an array,
+    // that needs to happen before normalization.
+    if (typeof content === 'function') {
+      content = content();
+    } // Next up, normalize to an array, so one or many items can be normalized,
+    // filtered, and returned.
+
+
+    return (Array.isArray(content) ? content : [content]).map(function (value) {
+      // First, invoke value if it is a function to produce a new value,
+      // which will be subsequently normalized to a Node of some kind.
+      if (typeof value === 'function') {
+        value = value();
+      }
+
+      if (isEl(value) || isTextNode(value)) {
+        return value;
+      }
+
+      if (typeof value === 'string' && /\S/.test(value)) {
+        return document_1.createTextNode(value);
+      }
+    }).filter(function (value) {
+      return value;
+    });
+  }
+  /**
+   * Normalizes and appends content to an element.
+   *
+   * @param  {Element} el
+   *         Element to append normalized content to.
+   *
+   * @param {module:dom~ContentDescriptor} content
+   *        A content descriptor value.
+   *
+   * @return {Element}
+   *         The element with appended normalized content.
+   */
+
+  function appendContent(el, content) {
+    normalizeContent(content).forEach(function (node) {
+      return el.appendChild(node);
+    });
+    return el;
+  }
+  /**
+   * Normalizes and inserts content into an element; this is identical to
+   * `appendContent()`, except it empties the element first.
+   *
+   * @param {Element} el
+   *        Element to insert normalized content into.
+   *
+   * @param {module:dom~ContentDescriptor} content
+   *        A content descriptor value.
+   *
+   * @return {Element}
+   *         The element with inserted normalized content.
+   */
+
+  function insertContent(el, content) {
+    return appendContent(emptyEl(el), content);
+  }
+  /**
+   * Check if an event was a single left click.
+   *
+   * @param  {EventTarget~Event} event
+   *         Event object.
+   *
+   * @return {boolean}
+   *         Will be `true` if a single left click, `false` otherwise.
+   */
+
+  function isSingleLeftClick(event) {
+    // Note: if you create something draggable, be sure to
+    // call it on both `mousedown` and `mousemove` event,
+    // otherwise `mousedown` should be enough for a button
+    if (event.button === undefined && event.buttons === undefined) {
+      // Why do we need `buttons` ?
+      // Because, middle mouse sometimes have this:
+      // e.button === 0 and e.buttons === 4
+      // Furthermore, we want to prevent combination click, something like
+      // HOLD middlemouse then left click, that would be
+      // e.button === 0, e.buttons === 5
+      // just `button` is not gonna work
+      // Alright, then what this block does ?
+      // this is for chrome `simulate mobile devices`
+      // I want to support this as well
+      return true;
+    }
+
+    if (event.button === 0 && event.buttons === undefined) {
+      // Touch screen, sometimes on some specific device, `buttons`
+      // doesn't have anything (safari on ios, blackberry...)
+      return true;
+    } // `mouseup` event on a single left click has
+    // `button` and `buttons` equal to 0
+
+
+    if (event.type === 'mouseup' && event.button === 0 && event.buttons === 0) {
+      return true;
+    }
+
+    if (event.button !== 0 || event.buttons !== 1) {
+      // This is the reason we have those if else block above
+      // if any special case we can catch and let it slide
+      // we do it above, when get to here, this definitely
+      // is-not-left-click
+      return false;
+    }
+
+    return true;
+  }
+  /**
+   * Finds a single DOM element matching `selector` within the optional
+   * `context` of another DOM element (defaulting to `document`).
+   *
+   * @param  {string} selector
+   *         A valid CSS selector, which will be passed to `querySelector`.
+   *
+   * @param  {Element|String} [context=document]
+   *         A DOM element within which to query. Can also be a selector
+   *         string in which case the first matching element will be used
+   *         as context. If missing (or no element matches selector), falls
+   *         back to `document`.
+   *
+   * @return {Element|null}
+   *         The element that was found or null.
+   */
+
+  var $ = createQuerier('querySelector');
+  /**
+   * Finds a all DOM elements matching `selector` within the optional
+   * `context` of another DOM element (defaulting to `document`).
+   *
+   * @param  {string} selector
+   *         A valid CSS selector, which will be passed to `querySelectorAll`.
+   *
+   * @param  {Element|String} [context=document]
+   *         A DOM element within which to query. Can also be a selector
+   *         string in which case the first matching element will be used
+   *         as context. If missing (or no element matches selector), falls
+   *         back to `document`.
+   *
+   * @return {NodeList}
+   *         A element list of elements that were found. Will be empty if none
+   *         were found.
+   *
+   */
+
+  var $$ = createQuerier('querySelectorAll');
+
+  var Dom = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    isReal: isReal,
+    isEl: isEl,
+    isInFrame: isInFrame,
+    createEl: createEl,
+    textContent: textContent,
+    prependTo: prependTo,
+    hasClass: hasClass,
+    addClass: addClass,
+    removeClass: removeClass,
+    toggleClass: toggleClass,
+    setAttributes: setAttributes,
+    getAttributes: getAttributes,
+    getAttribute: getAttribute,
+    setAttribute: setAttribute,
+    removeAttribute: removeAttribute,
+    blockTextSelection: blockTextSelection,
+    unblockTextSelection: unblockTextSelection,
+    getBoundingClientRect: getBoundingClientRect,
+    findPosition: findPosition,
+    getPointerPosition: getPointerPosition,
+    isTextNode: isTextNode,
+    emptyEl: emptyEl,
+    normalizeContent: normalizeContent,
+    appendContent: appendContent,
+    insertContent: insertContent,
+    isSingleLeftClick: isSingleLeftClick,
+    $: $,
+    $$: $$
+  });
+
+  /**
+   * @file setup.js - Functions for setting up a player without
+   * user interaction based on the data-setup `attribute` of the video tag.
+   *
+   * @module setup
+   */
+  var _windowLoaded = false;
+  var videojs$1;
+  /**
+   * Set up any tags that have a data-setup `attribute` when the player is started.
+   */
+
+  var autoSetup = function autoSetup() {
+    if (videojs$1.options.autoSetup === false) {
+      return;
+    }
+
+    var vids = Array.prototype.slice.call(document_1.getElementsByTagName('video'));
+    var audios = Array.prototype.slice.call(document_1.getElementsByTagName('audio'));
+    var divs = Array.prototype.slice.call(document_1.getElementsByTagName('video-js'));
+    var mediaEls = vids.concat(audios, divs); // Check if any media elements exist
+
+    if (mediaEls && mediaEls.length > 0) {
+      for (var i = 0, e = mediaEls.length; i < e; i++) {
+        var mediaEl = mediaEls[i]; // Check if element exists, has getAttribute func.
+
+        if (mediaEl && mediaEl.getAttribute) {
+          // Make sure this player hasn't already been set up.
+          if (mediaEl.player === undefined) {
+            var options = mediaEl.getAttribute('data-setup'); // Check if data-setup attr exists.
+            // We only auto-setup if they've added the data-setup attr.
+
+            if (options !== null) {
+              // Create new video.js instance.
+              videojs$1(mediaEl);
+            }
+          } // If getAttribute isn't defined, we need to wait for the DOM.
+
+        } else {
+          autoSetupTimeout(1);
+          break;
+        }
+      } // No videos were found, so keep looping unless page is finished loading.
+
+    } else if (!_windowLoaded) {
+      autoSetupTimeout(1);
+    }
+  };
+  /**
+   * Wait until the page is loaded before running autoSetup. This will be called in
+   * autoSetup if `hasLoaded` returns false.
+   *
+   * @param {number} wait
+   *        How long to wait in ms
+   *
+   * @param {module:videojs} [vjs]
+   *        The videojs library function
+   */
+
+
+  function autoSetupTimeout(wait, vjs) {
+    // Protect against breakage in non-browser environments
+    if (!isReal()) {
+      return;
+    }
+
+    if (vjs) {
+      videojs$1 = vjs;
+    }
+
+    window_1.setTimeout(autoSetup, wait);
+  }
+  /**
+   * Used to set the internal tracking of window loaded state to true.
+   *
+   * @private
+   */
+
+
+  function setWindowLoaded() {
+    _windowLoaded = true;
+    window_1.removeEventListener('load', setWindowLoaded);
+  }
+
+  if (isReal()) {
+    if (document_1.readyState === 'complete') {
+      setWindowLoaded();
+    } else {
+      /**
+       * Listen for the load event on window, and set _windowLoaded to true.
+       *
+       * We use a standard event listener here to avoid incrementing the GUID
+       * before any players are created.
+       *
+       * @listens load
+       */
+      window_1.addEventListener('load', setWindowLoaded);
+    }
+  }
+
+  /**
+   * @file stylesheet.js
+   * @module stylesheet
+   */
+  /**
+   * Create a DOM syle element given a className for it.
+   *
+   * @param {string} className
+   *        The className to add to the created style element.
+   *
+   * @return {Element}
+   *         The element that was created.
+   */
+
+  var createStyleElement = function createStyleElement(className) {
+    var style = document_1.createElement('style');
+    style.className = className;
+    return style;
+  };
+  /**
+   * Add text to a DOM element.
+   *
+   * @param {Element} el
+   *        The Element to add text content to.
+   *
+   * @param {string} content
+   *        The text to add to the element.
+   */
+
+  var setTextContent = function setTextContent(el, content) {
+    if (el.styleSheet) {
+      el.styleSheet.cssText = content;
+    } else {
+      el.textContent = content;
+    }
+  };
+
+  /**
+   * @file guid.js
+   * @module guid
+   */
+  // Default value for GUIDs. This allows us to reset the GUID counter in tests.
+  //
+  // The initial GUID is 3 because some users have come to rely on the first
+  // default player ID ending up as `vjs_video_3`.
+  //
+  // See: https://github.com/videojs/video.js/pull/6216
+  var _initialGuid = 3;
+  /**
+   * Unique ID for an element or function
+   *
+   * @type {Number}
+   */
+
+  var _guid = _initialGuid;
+  /**
+   * Get a unique auto-incrementing ID by number that has not been returned before.
+   *
+   * @return {number}
+   *         A new unique ID.
+   */
+
+  function newGUID() {
+    return _guid++;
+  }
+
+  /**
+   * @file dom-data.js
+   * @module dom-data
+   */
+  var FakeWeakMap;
+
+  if (!window_1.WeakMap) {
+    FakeWeakMap = /*#__PURE__*/function () {
+      function FakeWeakMap() {
+        this.vdata = 'vdata' + Math.floor(window_1.performance && window_1.performance.now() || Date.now());
+        this.data = {};
+      }
+
+      var _proto = FakeWeakMap.prototype;
+
+      _proto.set = function set(key, value) {
+        var access = key[this.vdata] || newGUID();
+
+        if (!key[this.vdata]) {
+          key[this.vdata] = access;
+        }
+
+        this.data[access] = value;
+        return this;
+      };
+
+      _proto.get = function get(key) {
+        var access = key[this.vdata]; // we have data, return it
+
+        if (access) {
+          return this.data[access];
+        } // we don't have data, return nothing.
+        // return undefined explicitly as that's the contract for this method
+
+
+        log$1('We have no data for this element', key);
+        return undefined;
+      };
+
+      _proto.has = function has(key) {
+        var access = key[this.vdata];
+        return access in this.data;
+      };
+
+      _proto["delete"] = function _delete(key) {
+        var access = key[this.vdata];
+
+        if (access) {
+          delete this.data[access];
+          delete key[this.vdata];
+        }
+      };
+
+      return FakeWeakMap;
+    }();
+  }
+  /**
+   * Element Data Store.
+   *
+   * Allows for binding data to an element without putting it directly on the
+   * element. Ex. Event listeners are stored here.
+   * (also from jsninja.com, slightly modified and updated for closure compiler)
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  var DomData = window_1.WeakMap ? new WeakMap() : new FakeWeakMap();
+
+  /**
+   * @file events.js. An Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
+   * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)
+   * This should work very similarly to jQuery's events, however it's based off the book version which isn't as
+   * robust as jquery's, so there's probably some differences.
+   *
+   * @file events.js
+   * @module events
+   */
+  /**
+   * Clean up the listener cache and dispatchers
+   *
+   * @param {Element|Object} elem
+   *        Element to clean up
+   *
+   * @param {string} type
+   *        Type of event to clean up
+   */
+
+  function _cleanUpEvents(elem, type) {
+    if (!DomData.has(elem)) {
+      return;
+    }
+
+    var data = DomData.get(elem); // Remove the events of a particular type if there are none left
+
+    if (data.handlers[type].length === 0) {
+      delete data.handlers[type]; // data.handlers[type] = null;
+      // Setting to null was causing an error with data.handlers
+      // Remove the meta-handler from the element
+
+      if (elem.removeEventListener) {
+        elem.removeEventListener(type, data.dispatcher, false);
+      } else if (elem.detachEvent) {
+        elem.detachEvent('on' + type, data.dispatcher);
+      }
+    } // Remove the events object if there are no types left
+
+
+    if (Object.getOwnPropertyNames(data.handlers).length <= 0) {
+      delete data.handlers;
+      delete data.dispatcher;
+      delete data.disabled;
+    } // Finally remove the element data if there is no data left
+
+
+    if (Object.getOwnPropertyNames(data).length === 0) {
+      DomData["delete"](elem);
+    }
+  }
+  /**
+   * Loops through an array of event types and calls the requested method for each type.
+   *
+   * @param {Function} fn
+   *        The event method we want to use.
+   *
+   * @param {Element|Object} elem
+   *        Element or object to bind listeners to
+   *
+   * @param {string} type
+   *        Type of event to bind to.
+   *
+   * @param {EventTarget~EventListener} callback
+   *        Event listener.
+   */
+
+
+  function _handleMultipleEvents(fn, elem, types, callback) {
+    types.forEach(function (type) {
+      // Call the event method for each one of the types
+      fn(elem, type, callback);
+    });
+  }
+  /**
+   * Fix a native event to have standard property values
+   *
+   * @param {Object} event
+   *        Event object to fix.
+   *
+   * @return {Object}
+   *         Fixed event object.
+   */
+
+
+  function fixEvent(event) {
+    if (event.fixed_) {
+      return event;
+    }
+
+    function returnTrue() {
+      return true;
+    }
+
+    function returnFalse() {
+      return false;
+    } // Test if fixing up is needed
+    // Used to check if !event.stopPropagation instead of isPropagationStopped
+    // But native events return true for stopPropagation, but don't have
+    // other expected methods like isPropagationStopped. Seems to be a problem
+    // with the Javascript Ninja code. So we're just overriding all events now.
+
+
+    if (!event || !event.isPropagationStopped || !event.isImmediatePropagationStopped) {
+      var old = event || window_1.event;
+      event = {}; // Clone the old object so that we can modify the values event = {};
+      // IE8 Doesn't like when you mess with native event properties
+      // Firefox returns false for event.hasOwnProperty('type') and other props
+      //  which makes copying more difficult.
+      // TODO: Probably best to create a whitelist of event props
+
+      for (var key in old) {
+        // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y
+        // Chrome warns you if you try to copy deprecated keyboardEvent.keyLocation
+        // and webkitMovementX/Y
+        if (key !== 'layerX' && key !== 'layerY' && key !== 'keyLocation' && key !== 'webkitMovementX' && key !== 'webkitMovementY') {
+          // Chrome 32+ warns if you try to copy deprecated returnValue, but
+          // we still want to if preventDefault isn't supported (IE8).
+          if (!(key === 'returnValue' && old.preventDefault)) {
+            event[key] = old[key];
+          }
+        }
+      } // The event occurred on this element
+
+
+      if (!event.target) {
+        event.target = event.srcElement || document_1;
+      } // Handle which other element the event is related to
+
+
+      if (!event.relatedTarget) {
+        event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
+      } // Stop the default browser action
+
+
+      event.preventDefault = function () {
+        if (old.preventDefault) {
+          old.preventDefault();
+        }
+
+        event.returnValue = false;
+        old.returnValue = false;
+        event.defaultPrevented = true;
+      };
+
+      event.defaultPrevented = false; // Stop the event from bubbling
+
+      event.stopPropagation = function () {
+        if (old.stopPropagation) {
+          old.stopPropagation();
+        }
+
+        event.cancelBubble = true;
+        old.cancelBubble = true;
+        event.isPropagationStopped = returnTrue;
+      };
+
+      event.isPropagationStopped = returnFalse; // Stop the event from bubbling and executing other handlers
+
+      event.stopImmediatePropagation = function () {
+        if (old.stopImmediatePropagation) {
+          old.stopImmediatePropagation();
+        }
+
+        event.isImmediatePropagationStopped = returnTrue;
+        event.stopPropagation();
+      };
+
+      event.isImmediatePropagationStopped = returnFalse; // Handle mouse position
+
+      if (event.clientX !== null && event.clientX !== undefined) {
+        var doc = document_1.documentElement;
+        var body = document_1.body;
+        event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
+        event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
+      } // Handle key presses
+
+
+      event.which = event.charCode || event.keyCode; // Fix button for mouse clicks:
+      // 0 == left; 1 == middle; 2 == right
+
+      if (event.button !== null && event.button !== undefined) {
+        // The following is disabled because it does not pass videojs-standard
+        // and... yikes.
+
+        /* eslint-disable */
+        event.button = event.button & 1 ? 0 : event.button & 4 ? 1 : event.button & 2 ? 2 : 0;
+        /* eslint-enable */
+      }
+    }
+
+    event.fixed_ = true; // Returns fixed-up instance
+
+    return event;
+  }
+  /**
+   * Whether passive event listeners are supported
+   */
+
+  var _supportsPassive;
+
+  var supportsPassive = function supportsPassive() {
+    if (typeof _supportsPassive !== 'boolean') {
+      _supportsPassive = false;
+
+      try {
+        var opts = Object.defineProperty({}, 'passive', {
+          get: function get() {
+            _supportsPassive = true;
+          }
+        });
+        window_1.addEventListener('test', null, opts);
+        window_1.removeEventListener('test', null, opts);
+      } catch (e) {// disregard
+      }
+    }
+
+    return _supportsPassive;
+  };
+  /**
+   * Touch events Chrome expects to be passive
+   */
+
+
+  var passiveEvents = ['touchstart', 'touchmove'];
+  /**
+   * Add an event listener to element
+   * It stores the handler function in a separate cache object
+   * and adds a generic handler to the element's event,
+   * along with a unique id (guid) to the element.
+   *
+   * @param {Element|Object} elem
+   *        Element or object to bind listeners to
+   *
+   * @param {string|string[]} type
+   *        Type of event to bind to.
+   *
+   * @param {EventTarget~EventListener} fn
+   *        Event listener.
+   */
+
+  function on(elem, type, fn) {
+    if (Array.isArray(type)) {
+      return _handleMultipleEvents(on, elem, type, fn);
+    }
+
+    if (!DomData.has(elem)) {
+      DomData.set(elem, {});
+    }
+
+    var data = DomData.get(elem); // We need a place to store all our handler data
+
+    if (!data.handlers) {
+      data.handlers = {};
+    }
+
+    if (!data.handlers[type]) {
+      data.handlers[type] = [];
+    }
+
+    if (!fn.guid) {
+      fn.guid = newGUID();
+    }
+
+    data.handlers[type].push(fn);
+
+    if (!data.dispatcher) {
+      data.disabled = false;
+
+      data.dispatcher = function (event, hash) {
+        if (data.disabled) {
+          return;
+        }
+
+        event = fixEvent(event);
+        var handlers = data.handlers[event.type];
+
+        if (handlers) {
+          // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.
+          var handlersCopy = handlers.slice(0);
+
+          for (var m = 0, n = handlersCopy.length; m < n; m++) {
+            if (event.isImmediatePropagationStopped()) {
+              break;
+            } else {
+              try {
+                handlersCopy[m].call(elem, event, hash);
+              } catch (e) {
+                log$1.error(e);
+              }
+            }
+          }
+        }
+      };
+    }
+
+    if (data.handlers[type].length === 1) {
+      if (elem.addEventListener) {
+        var options = false;
+
+        if (supportsPassive() && passiveEvents.indexOf(type) > -1) {
+          options = {
+            passive: true
+          };
+        }
+
+        elem.addEventListener(type, data.dispatcher, options);
+      } else if (elem.attachEvent) {
+        elem.attachEvent('on' + type, data.dispatcher);
+      }
+    }
+  }
+  /**
+   * Removes event listeners from an element
+   *
+   * @param {Element|Object} elem
+   *        Object to remove listeners from.
+   *
+   * @param {string|string[]} [type]
+   *        Type of listener to remove. Don't include to remove all events from element.
+   *
+   * @param {EventTarget~EventListener} [fn]
+   *        Specific listener to remove. Don't include to remove listeners for an event
+   *        type.
+   */
+
+  function off(elem, type, fn) {
+    // Don't want to add a cache object through getElData if not needed
+    if (!DomData.has(elem)) {
+      return;
+    }
+
+    var data = DomData.get(elem); // If no events exist, nothing to unbind
+
+    if (!data.handlers) {
+      return;
+    }
+
+    if (Array.isArray(type)) {
+      return _handleMultipleEvents(off, elem, type, fn);
+    } // Utility function
+
+
+    var removeType = function removeType(el, t) {
+      data.handlers[t] = [];
+
+      _cleanUpEvents(el, t);
+    }; // Are we removing all bound events?
+
+
+    if (type === undefined) {
+      for (var t in data.handlers) {
+        if (Object.prototype.hasOwnProperty.call(data.handlers || {}, t)) {
+          removeType(elem, t);
+        }
+      }
+
+      return;
+    }
+
+    var handlers = data.handlers[type]; // If no handlers exist, nothing to unbind
+
+    if (!handlers) {
+      return;
+    } // If no listener was provided, remove all listeners for type
+
+
+    if (!fn) {
+      removeType(elem, type);
+      return;
+    } // We're only removing a single handler
+
+
+    if (fn.guid) {
+      for (var n = 0; n < handlers.length; n++) {
+        if (handlers[n].guid === fn.guid) {
+          handlers.splice(n--, 1);
+        }
+      }
+    }
+
+    _cleanUpEvents(elem, type);
+  }
+  /**
+   * Trigger an event for an element
+   *
+   * @param {Element|Object} elem
+   *        Element to trigger an event on
+   *
+   * @param {EventTarget~Event|string} event
+   *        A string (the type) or an event object with a type attribute
+   *
+   * @param {Object} [hash]
+   *        data hash to pass along with the event
+   *
+   * @return {boolean|undefined}
+   *         Returns the opposite of `defaultPrevented` if default was
+   *         prevented. Otherwise, returns `undefined`
+   */
+
+  function trigger(elem, event, hash) {
+    // Fetches element data and a reference to the parent (for bubbling).
+    // Don't want to add a data object to cache for every parent,
+    // so checking hasElData first.
+    var elemData = DomData.has(elem) ? DomData.get(elem) : {};
+    var parent = elem.parentNode || elem.ownerDocument; // type = event.type || event,
+    // handler;
+    // If an event name was passed as a string, creates an event out of it
+
+    if (typeof event === 'string') {
+      event = {
+        type: event,
+        target: elem
+      };
+    } else if (!event.target) {
+      event.target = elem;
+    } // Normalizes the event properties.
+
+
+    event = fixEvent(event); // If the passed element has a dispatcher, executes the established handlers.
+
+    if (elemData.dispatcher) {
+      elemData.dispatcher.call(elem, event, hash);
+    } // Unless explicitly stopped or the event does not bubble (e.g. media events)
+    // recursively calls this function to bubble the event up the DOM.
+
+
+    if (parent && !event.isPropagationStopped() && event.bubbles === true) {
+      trigger.call(null, parent, event, hash); // If at the top of the DOM, triggers the default action unless disabled.
+    } else if (!parent && !event.defaultPrevented && event.target && event.target[event.type]) {
+      if (!DomData.has(event.target)) {
+        DomData.set(event.target, {});
+      }
+
+      var targetData = DomData.get(event.target); // Checks if the target has a default action for this event.
+
+      if (event.target[event.type]) {
+        // Temporarily disables event dispatching on the target as we have already executed the handler.
+        targetData.disabled = true; // Executes the default action.
+
+        if (typeof event.target[event.type] === 'function') {
+          event.target[event.type]();
+        } // Re-enables event dispatching.
+
+
+        targetData.disabled = false;
+      }
+    } // Inform the triggerer if the default was prevented by returning false
+
+
+    return !event.defaultPrevented;
+  }
+  /**
+   * Trigger a listener only once for an event.
+   *
+   * @param {Element|Object} elem
+   *        Element or object to bind to.
+   *
+   * @param {string|string[]} type
+   *        Name/type of event
+   *
+   * @param {Event~EventListener} fn
+   *        Event listener function
+   */
+
+  function one(elem, type, fn) {
+    if (Array.isArray(type)) {
+      return _handleMultipleEvents(one, elem, type, fn);
+    }
+
+    var func = function func() {
+      off(elem, type, func);
+      fn.apply(this, arguments);
+    }; // copy the guid to the new function so it can removed using the original function's ID
+
+
+    func.guid = fn.guid = fn.guid || newGUID();
+    on(elem, type, func);
+  }
+  /**
+   * Trigger a listener only once and then turn if off for all
+   * configured events
+   *
+   * @param {Element|Object} elem
+   *        Element or object to bind to.
+   *
+   * @param {string|string[]} type
+   *        Name/type of event
+   *
+   * @param {Event~EventListener} fn
+   *        Event listener function
+   */
+
+  function any(elem, type, fn) {
+    var func = function func() {
+      off(elem, type, func);
+      fn.apply(this, arguments);
+    }; // copy the guid to the new function so it can removed using the original function's ID
+
+
+    func.guid = fn.guid = fn.guid || newGUID(); // multiple ons, but one off for everything
+
+    on(elem, type, func);
+  }
+
+  var Events = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    fixEvent: fixEvent,
+    on: on,
+    off: off,
+    trigger: trigger,
+    one: one,
+    any: any
+  });
+
+  /**
+   * @file fn.js
+   * @module fn
+   */
+  var UPDATE_REFRESH_INTERVAL = 30;
+  /**
+   * Bind (a.k.a proxy or context). A simple method for changing the context of
+   * a function.
+   *
+   * It also stores a unique id on the function so it can be easily removed from
+   * events.
+   *
+   * @function
+   * @param    {Mixed} context
+   *           The object to bind as scope.
+   *
+   * @param    {Function} fn
+   *           The function to be bound to a scope.
+   *
+   * @param    {number} [uid]
+   *           An optional unique ID for the function to be set
+   *
+   * @return   {Function}
+   *           The new function that will be bound into the context given
+   */
+
+  var bind = function bind(context, fn, uid) {
+    // Make sure the function has a unique ID
+    if (!fn.guid) {
+      fn.guid = newGUID();
+    } // Create the new function that changes the context
+
+
+    var bound = fn.bind(context); // Allow for the ability to individualize this function
+    // Needed in the case where multiple objects might share the same prototype
+    // IF both items add an event listener with the same function, then you try to remove just one
+    // it will remove both because they both have the same guid.
+    // when using this, you need to use the bind method when you remove the listener as well.
+    // currently used in text tracks
+
+    bound.guid = uid ? uid + '_' + fn.guid : fn.guid;
+    return bound;
+  };
+  /**
+   * Wraps the given function, `fn`, with a new function that only invokes `fn`
+   * at most once per every `wait` milliseconds.
+   *
+   * @function
+   * @param    {Function} fn
+   *           The function to be throttled.
+   *
+   * @param    {number}   wait
+   *           The number of milliseconds by which to throttle.
+   *
+   * @return   {Function}
+   */
+
+  var throttle = function throttle(fn, wait) {
+    var last = window_1.performance.now();
+
+    var throttled = function throttled() {
+      var now = window_1.performance.now();
+
+      if (now - last >= wait) {
+        fn.apply(void 0, arguments);
+        last = now;
+      }
+    };
+
+    return throttled;
+  };
+  /**
+   * Creates a debounced function that delays invoking `func` until after `wait`
+   * milliseconds have elapsed since the last time the debounced function was
+   * invoked.
+   *
+   * Inspired by lodash and underscore implementations.
+   *
+   * @function
+   * @param    {Function} func
+   *           The function to wrap with debounce behavior.
+   *
+   * @param    {number} wait
+   *           The number of milliseconds to wait after the last invocation.
+   *
+   * @param    {boolean} [immediate]
+   *           Whether or not to invoke the function immediately upon creation.
+   *
+   * @param    {Object} [context=window]
+   *           The "context" in which the debounced function should debounce. For
+   *           example, if this function should be tied to a Video.js player,
+   *           the player can be passed here. Alternatively, defaults to the
+   *           global `window` object.
+   *
+   * @return   {Function}
+   *           A debounced function.
+   */
+
+  var debounce = function debounce(func, wait, immediate, context) {
+    if (context === void 0) {
+      context = window_1;
+    }
+
+    var timeout;
+
+    var cancel = function cancel() {
+      context.clearTimeout(timeout);
+      timeout = null;
+    };
+    /* eslint-disable consistent-this */
+
+
+    var debounced = function debounced() {
+      var self = this;
+      var args = arguments;
+
+      var _later = function later() {
+        timeout = null;
+        _later = null;
+
+        if (!immediate) {
+          func.apply(self, args);
+        }
+      };
+
+      if (!timeout && immediate) {
+        func.apply(self, args);
+      }
+
+      context.clearTimeout(timeout);
+      timeout = context.setTimeout(_later, wait);
+    };
+    /* eslint-enable consistent-this */
+
+
+    debounced.cancel = cancel;
+    return debounced;
+  };
+
+  /**
+   * @file src/js/event-target.js
+   */
+  /**
+   * `EventTarget` is a class that can have the same API as the DOM `EventTarget`. It
+   * adds shorthand functions that wrap around lengthy functions. For example:
+   * the `on` function is a wrapper around `addEventListener`.
+   *
+   * @see [EventTarget Spec]{@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget}
+   * @class EventTarget
+   */
+
+  var EventTarget$2 = function EventTarget() {};
+  /**
+   * A Custom DOM event.
+   *
+   * @typedef {Object} EventTarget~Event
+   * @see [Properties]{@link https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent}
+   */
+
+  /**
+   * All event listeners should follow the following format.
+   *
+   * @callback EventTarget~EventListener
+   * @this {EventTarget}
+   *
+   * @param {EventTarget~Event} event
+   *        the event that triggered this function
+   *
+   * @param {Object} [hash]
+   *        hash of data sent during the event
+   */
+
+  /**
+   * An object containing event names as keys and booleans as values.
+   *
+   * > NOTE: If an event name is set to a true value here {@link EventTarget#trigger}
+   *         will have extra functionality. See that function for more information.
+   *
+   * @property EventTarget.prototype.allowedEvents_
+   * @private
+   */
+
+
+  EventTarget$2.prototype.allowedEvents_ = {};
+  /**
+   * Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a
+   * function that will get called when an event with a certain name gets triggered.
+   *
+   * @param {string|string[]} type
+   *        An event name or an array of event names.
+   *
+   * @param {EventTarget~EventListener} fn
+   *        The function to call with `EventTarget`s
+   */
+
+  EventTarget$2.prototype.on = function (type, fn) {
+    // Remove the addEventListener alias before calling Events.on
+    // so we don't get into an infinite type loop
+    var ael = this.addEventListener;
+
+    this.addEventListener = function () {};
+
+    on(this, type, fn);
+    this.addEventListener = ael;
+  };
+  /**
+   * An alias of {@link EventTarget#on}. Allows `EventTarget` to mimic
+   * the standard DOM API.
+   *
+   * @function
+   * @see {@link EventTarget#on}
+   */
+
+
+  EventTarget$2.prototype.addEventListener = EventTarget$2.prototype.on;
+  /**
+   * Removes an `event listener` for a specific event from an instance of `EventTarget`.
+   * This makes it so that the `event listener` will no longer get called when the
+   * named event happens.
+   *
+   * @param {string|string[]} type
+   *        An event name or an array of event names.
+   *
+   * @param {EventTarget~EventListener} fn
+   *        The function to remove.
+   */
+
+  EventTarget$2.prototype.off = function (type, fn) {
+    off(this, type, fn);
+  };
+  /**
+   * An alias of {@link EventTarget#off}. Allows `EventTarget` to mimic
+   * the standard DOM API.
+   *
+   * @function
+   * @see {@link EventTarget#off}
+   */
+
+
+  EventTarget$2.prototype.removeEventListener = EventTarget$2.prototype.off;
+  /**
+   * This function will add an `event listener` that gets triggered only once. After the
+   * first trigger it will get removed. This is like adding an `event listener`
+   * with {@link EventTarget#on} that calls {@link EventTarget#off} on itself.
+   *
+   * @param {string|string[]} type
+   *        An event name or an array of event names.
+   *
+   * @param {EventTarget~EventListener} fn
+   *        The function to be called once for each event name.
+   */
+
+  EventTarget$2.prototype.one = function (type, fn) {
+    // Remove the addEventListener aliasing Events.on
+    // so we don't get into an infinite type loop
+    var ael = this.addEventListener;
+
+    this.addEventListener = function () {};
+
+    one(this, type, fn);
+    this.addEventListener = ael;
+  };
+
+  EventTarget$2.prototype.any = function (type, fn) {
+    // Remove the addEventListener aliasing Events.on
+    // so we don't get into an infinite type loop
+    var ael = this.addEventListener;
+
+    this.addEventListener = function () {};
+
+    any(this, type, fn);
+    this.addEventListener = ael;
+  };
+  /**
+   * This function causes an event to happen. This will then cause any `event listeners`
+   * that are waiting for that event, to get called. If there are no `event listeners`
+   * for an event then nothing will happen.
+   *
+   * If the name of the `Event` that is being triggered is in `EventTarget.allowedEvents_`.
+   * Trigger will also call the `on` + `uppercaseEventName` function.
+   *
+   * Example:
+   * 'click' is in `EventTarget.allowedEvents_`, so, trigger will attempt to call
+   * `onClick` if it exists.
+   *
+   * @param {string|EventTarget~Event|Object} event
+   *        The name of the event, an `Event`, or an object with a key of type set to
+   *        an event name.
+   */
+
+
+  EventTarget$2.prototype.trigger = function (event) {
+    var type = event.type || event; // deprecation
+    // In a future version we should default target to `this`
+    // similar to how we default the target to `elem` in
+    // `Events.trigger`. Right now the default `target` will be
+    // `document` due to the `Event.fixEvent` call.
+
+    if (typeof event === 'string') {
+      event = {
+        type: type
+      };
+    }
+
+    event = fixEvent(event);
+
+    if (this.allowedEvents_[type] && this['on' + type]) {
+      this['on' + type](event);
+    }
+
+    trigger(this, event);
+  };
+  /**
+   * An alias of {@link EventTarget#trigger}. Allows `EventTarget` to mimic
+   * the standard DOM API.
+   *
+   * @function
+   * @see {@link EventTarget#trigger}
+   */
+
+
+  EventTarget$2.prototype.dispatchEvent = EventTarget$2.prototype.trigger;
+  var EVENT_MAP;
+
+  EventTarget$2.prototype.queueTrigger = function (event) {
+    var _this = this;
+
+    // only set up EVENT_MAP if it'll be used
+    if (!EVENT_MAP) {
+      EVENT_MAP = new Map();
+    }
+
+    var type = event.type || event;
+    var map = EVENT_MAP.get(this);
+
+    if (!map) {
+      map = new Map();
+      EVENT_MAP.set(this, map);
+    }
+
+    var oldTimeout = map.get(type);
+    map["delete"](type);
+    window_1.clearTimeout(oldTimeout);
+    var timeout = window_1.setTimeout(function () {
+      // if we cleared out all timeouts for the current target, delete its map
+      if (map.size === 0) {
+        map = null;
+        EVENT_MAP["delete"](_this);
+      }
+
+      _this.trigger(event);
+    }, 0);
+    map.set(type, timeout);
+  };
+
+  /**
+   * @file mixins/evented.js
+   * @module evented
+   */
+
+  var objName = function objName(obj) {
+    if (typeof obj.name === 'function') {
+      return obj.name();
+    }
+
+    if (typeof obj.name === 'string') {
+      return obj.name;
+    }
+
+    if (obj.name_) {
+      return obj.name_;
+    }
+
+    if (obj.constructor && obj.constructor.name) {
+      return obj.constructor.name;
+    }
+
+    return typeof obj;
+  };
+  /**
+   * Returns whether or not an object has had the evented mixin applied.
+   *
+   * @param  {Object} object
+   *         An object to test.
+   *
+   * @return {boolean}
+   *         Whether or not the object appears to be evented.
+   */
+
+
+  var isEvented = function isEvented(object) {
+    return object instanceof EventTarget$2 || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {
+      return typeof object[k] === 'function';
+    });
+  };
+  /**
+   * Adds a callback to run after the evented mixin applied.
+   *
+   * @param  {Object} object
+   *         An object to Add
+   * @param  {Function} callback
+   *         The callback to run.
+   */
+
+
+  var addEventedCallback = function addEventedCallback(target, callback) {
+    if (isEvented(target)) {
+      callback();
+    } else {
+      if (!target.eventedCallbacks) {
+        target.eventedCallbacks = [];
+      }
+
+      target.eventedCallbacks.push(callback);
+    }
+  };
+  /**
+   * Whether a value is a valid event type - non-empty string or array.
+   *
+   * @private
+   * @param  {string|Array} type
+   *         The type value to test.
+   *
+   * @return {boolean}
+   *         Whether or not the type is a valid event type.
+   */
+
+
+  var isValidEventType = function isValidEventType(type) {
+    return (// The regex here verifies that the `type` contains at least one non-
+      // whitespace character.
+      typeof type === 'string' && /\S/.test(type) || Array.isArray(type) && !!type.length
+    );
+  };
+  /**
+   * Validates a value to determine if it is a valid event target. Throws if not.
+   *
+   * @private
+   * @throws {Error}
+   *         If the target does not appear to be a valid event target.
+   *
+   * @param  {Object} target
+   *         The object to test.
+   *
+   * @param  {Object} obj
+   *         The evented object we are validating for
+   *
+   * @param  {string} fnName
+   *         The name of the evented mixin function that called this.
+   */
+
+
+  var validateTarget = function validateTarget(target, obj, fnName) {
+    if (!target || !target.nodeName && !isEvented(target)) {
+      throw new Error("Invalid target for " + objName(obj) + "#" + fnName + "; must be a DOM node or evented object.");
+    }
+  };
+  /**
+   * Validates a value to determine if it is a valid event target. Throws if not.
+   *
+   * @private
+   * @throws {Error}
+   *         If the type does not appear to be a valid event type.
+   *
+   * @param  {string|Array} type
+   *         The type to test.
+   *
+   * @param  {Object} obj
+  *         The evented object we are validating for
+   *
+   * @param  {string} fnName
+   *         The name of the evented mixin function that called this.
+   */
+
+
+  var validateEventType = function validateEventType(type, obj, fnName) {
+    if (!isValidEventType(type)) {
+      throw new Error("Invalid event type for " + objName(obj) + "#" + fnName + "; must be a non-empty string or array.");
+    }
+  };
+  /**
+   * Validates a value to determine if it is a valid listener. Throws if not.
+   *
+   * @private
+   * @throws {Error}
+   *         If the listener is not a function.
+   *
+   * @param  {Function} listener
+   *         The listener to test.
+   *
+   * @param  {Object} obj
+   *         The evented object we are validating for
+   *
+   * @param  {string} fnName
+   *         The name of the evented mixin function that called this.
+   */
+
+
+  var validateListener = function validateListener(listener, obj, fnName) {
+    if (typeof listener !== 'function') {
+      throw new Error("Invalid listener for " + objName(obj) + "#" + fnName + "; must be a function.");
+    }
+  };
+  /**
+   * Takes an array of arguments given to `on()` or `one()`, validates them, and
+   * normalizes them into an object.
+   *
+   * @private
+   * @param  {Object} self
+   *         The evented object on which `on()` or `one()` was called. This
+   *         object will be bound as the `this` value for the listener.
+   *
+   * @param  {Array} args
+   *         An array of arguments passed to `on()` or `one()`.
+   *
+   * @param  {string} fnName
+   *         The name of the evented mixin function that called this.
+   *
+   * @return {Object}
+   *         An object containing useful values for `on()` or `one()` calls.
+   */
+
+
+  var normalizeListenArgs = function normalizeListenArgs(self, args, fnName) {
+    // If the number of arguments is less than 3, the target is always the
+    // evented object itself.
+    var isTargetingSelf = args.length < 3 || args[0] === self || args[0] === self.eventBusEl_;
+    var target;
+    var type;
+    var listener;
+
+    if (isTargetingSelf) {
+      target = self.eventBusEl_; // Deal with cases where we got 3 arguments, but we are still listening to
+      // the evented object itself.
+
+      if (args.length >= 3) {
+        args.shift();
+      }
+
+      type = args[0];
+      listener = args[1];
+    } else {
+      target = args[0];
+      type = args[1];
+      listener = args[2];
+    }
+
+    validateTarget(target, self, fnName);
+    validateEventType(type, self, fnName);
+    validateListener(listener, self, fnName);
+    listener = bind(self, listener);
+    return {
+      isTargetingSelf: isTargetingSelf,
+      target: target,
+      type: type,
+      listener: listener
+    };
+  };
+  /**
+   * Adds the listener to the event type(s) on the target, normalizing for
+   * the type of target.
+   *
+   * @private
+   * @param  {Element|Object} target
+   *         A DOM node or evented object.
+   *
+   * @param  {string} method
+   *         The event binding method to use ("on" or "one").
+   *
+   * @param  {string|Array} type
+   *         One or more event type(s).
+   *
+   * @param  {Function} listener
+   *         A listener function.
+   */
+
+
+  var listen = function listen(target, method, type, listener) {
+    validateTarget(target, target, method);
+
+    if (target.nodeName) {
+      Events[method](target, type, listener);
+    } else {
+      target[method](type, listener);
+    }
+  };
+  /**
+   * Contains methods that provide event capabilities to an object which is passed
+   * to {@link module:evented|evented}.
+   *
+   * @mixin EventedMixin
+   */
+
+
+  var EventedMixin = {
+    /**
+     * Add a listener to an event (or events) on this object or another evented
+     * object.
+     *
+     * @param  {string|Array|Element|Object} targetOrType
+     *         If this is a string or array, it represents the event type(s)
+     *         that will trigger the listener.
+     *
+     *         Another evented object can be passed here instead, which will
+     *         cause the listener to listen for events on _that_ object.
+     *
+     *         In either case, the listener's `this` value will be bound to
+     *         this object.
+     *
+     * @param  {string|Array|Function} typeOrListener
+     *         If the first argument was a string or array, this should be the
+     *         listener function. Otherwise, this is a string or array of event
+     *         type(s).
+     *
+     * @param  {Function} [listener]
+     *         If the first argument was another evented object, this will be
+     *         the listener function.
+     */
+    on: function on() {
+      var _this = this;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      var _normalizeListenArgs = normalizeListenArgs(this, args, 'on'),
+          isTargetingSelf = _normalizeListenArgs.isTargetingSelf,
+          target = _normalizeListenArgs.target,
+          type = _normalizeListenArgs.type,
+          listener = _normalizeListenArgs.listener;
+
+      listen(target, 'on', type, listener); // If this object is listening to another evented object.
+
+      if (!isTargetingSelf) {
+        // If this object is disposed, remove the listener.
+        var removeListenerOnDispose = function removeListenerOnDispose() {
+          return _this.off(target, type, listener);
+        }; // Use the same function ID as the listener so we can remove it later it
+        // using the ID of the original listener.
+
+
+        removeListenerOnDispose.guid = listener.guid; // Add a listener to the target's dispose event as well. This ensures
+        // that if the target is disposed BEFORE this object, we remove the
+        // removal listener that was just added. Otherwise, we create a memory leak.
+
+        var removeRemoverOnTargetDispose = function removeRemoverOnTargetDispose() {
+          return _this.off('dispose', removeListenerOnDispose);
+        }; // Use the same function ID as the listener so we can remove it later
+        // it using the ID of the original listener.
+
+
+        removeRemoverOnTargetDispose.guid = listener.guid;
+        listen(this, 'on', 'dispose', removeListenerOnDispose);
+        listen(target, 'on', 'dispose', removeRemoverOnTargetDispose);
+      }
+    },
+
+    /**
+     * Add a listener to an event (or events) on this object or another evented
+     * object. The listener will be called once per event and then removed.
+     *
+     * @param  {string|Array|Element|Object} targetOrType
+     *         If this is a string or array, it represents the event type(s)
+     *         that will trigger the listener.
+     *
+     *         Another evented object can be passed here instead, which will
+     *         cause the listener to listen for events on _that_ object.
+     *
+     *         In either case, the listener's `this` value will be bound to
+     *         this object.
+     *
+     * @param  {string|Array|Function} typeOrListener
+     *         If the first argument was a string or array, this should be the
+     *         listener function. Otherwise, this is a string or array of event
+     *         type(s).
+     *
+     * @param  {Function} [listener]
+     *         If the first argument was another evented object, this will be
+     *         the listener function.
+     */
+    one: function one() {
+      var _this2 = this;
+
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+
+      var _normalizeListenArgs2 = normalizeListenArgs(this, args, 'one'),
+          isTargetingSelf = _normalizeListenArgs2.isTargetingSelf,
+          target = _normalizeListenArgs2.target,
+          type = _normalizeListenArgs2.type,
+          listener = _normalizeListenArgs2.listener; // Targeting this evented object.
+
+
+      if (isTargetingSelf) {
+        listen(target, 'one', type, listener); // Targeting another evented object.
+      } else {
+        // TODO: This wrapper is incorrect! It should only
+        //       remove the wrapper for the event type that called it.
+        //       Instead all listners are removed on the first trigger!
+        //       see https://github.com/videojs/video.js/issues/5962
+        var wrapper = function wrapper() {
+          _this2.off(target, type, wrapper);
+
+          for (var _len3 = arguments.length, largs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            largs[_key3] = arguments[_key3];
+          }
+
+          listener.apply(null, largs);
+        }; // Use the same function ID as the listener so we can remove it later
+        // it using the ID of the original listener.
+
+
+        wrapper.guid = listener.guid;
+        listen(target, 'one', type, wrapper);
+      }
+    },
+
+    /**
+     * Add a listener to an event (or events) on this object or another evented
+     * object. The listener will only be called once for the first event that is triggered
+     * then removed.
+     *
+     * @param  {string|Array|Element|Object} targetOrType
+     *         If this is a string or array, it represents the event type(s)
+     *         that will trigger the listener.
+     *
+     *         Another evented object can be passed here instead, which will
+     *         cause the listener to listen for events on _that_ object.
+     *
+     *         In either case, the listener's `this` value will be bound to
+     *         this object.
+     *
+     * @param  {string|Array|Function} typeOrListener
+     *         If the first argument was a string or array, this should be the
+     *         listener function. Otherwise, this is a string or array of event
+     *         type(s).
+     *
+     * @param  {Function} [listener]
+     *         If the first argument was another evented object, this will be
+     *         the listener function.
+     */
+    any: function any() {
+      var _this3 = this;
+
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+
+      var _normalizeListenArgs3 = normalizeListenArgs(this, args, 'any'),
+          isTargetingSelf = _normalizeListenArgs3.isTargetingSelf,
+          target = _normalizeListenArgs3.target,
+          type = _normalizeListenArgs3.type,
+          listener = _normalizeListenArgs3.listener; // Targeting this evented object.
+
+
+      if (isTargetingSelf) {
+        listen(target, 'any', type, listener); // Targeting another evented object.
+      } else {
+        var wrapper = function wrapper() {
+          _this3.off(target, type, wrapper);
+
+          for (var _len5 = arguments.length, largs = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+            largs[_key5] = arguments[_key5];
+          }
+
+          listener.apply(null, largs);
+        }; // Use the same function ID as the listener so we can remove it later
+        // it using the ID of the original listener.
+
+
+        wrapper.guid = listener.guid;
+        listen(target, 'any', type, wrapper);
+      }
+    },
+
+    /**
+     * Removes listener(s) from event(s) on an evented object.
+     *
+     * @param  {string|Array|Element|Object} [targetOrType]
+     *         If this is a string or array, it represents the event type(s).
+     *
+     *         Another evented object can be passed here instead, in which case
+     *         ALL 3 arguments are _required_.
+     *
+     * @param  {string|Array|Function} [typeOrListener]
+     *         If the first argument was a string or array, this may be the
+     *         listener function. Otherwise, this is a string or array of event
+     *         type(s).
+     *
+     * @param  {Function} [listener]
+     *         If the first argument was another evented object, this will be
+     *         the listener function; otherwise, _all_ listeners bound to the
+     *         event type(s) will be removed.
+     */
+    off: function off$1(targetOrType, typeOrListener, listener) {
+      // Targeting this evented object.
+      if (!targetOrType || isValidEventType(targetOrType)) {
+        off(this.eventBusEl_, targetOrType, typeOrListener); // Targeting another evented object.
+      } else {
+        var target = targetOrType;
+        var type = typeOrListener; // Fail fast and in a meaningful way!
+
+        validateTarget(target, this, 'off');
+        validateEventType(type, this, 'off');
+        validateListener(listener, this, 'off'); // Ensure there's at least a guid, even if the function hasn't been used
+
+        listener = bind(this, listener); // Remove the dispose listener on this evented object, which was given
+        // the same guid as the event listener in on().
+
+        this.off('dispose', listener);
+
+        if (target.nodeName) {
+          off(target, type, listener);
+          off(target, 'dispose', listener);
+        } else if (isEvented(target)) {
+          target.off(type, listener);
+          target.off('dispose', listener);
+        }
+      }
+    },
+
+    /**
+     * Fire an event on this evented object, causing its listeners to be called.
+     *
+     * @param   {string|Object} event
+     *          An event type or an object with a type property.
+     *
+     * @param   {Object} [hash]
+     *          An additional object to pass along to listeners.
+     *
+     * @return {boolean}
+     *          Whether or not the default behavior was prevented.
+     */
+    trigger: function trigger$1(event, hash) {
+      validateTarget(this.eventBusEl_, this, 'trigger');
+      var type = event && typeof event !== 'string' ? event.type : event;
+
+      if (!isValidEventType(type)) {
+        var error = "Invalid event type for " + objName(this) + "#trigger; " + 'must be a non-empty string or object with a type key that has a non-empty value.';
+
+        if (event) {
+          (this.log || log$1).error(error);
+        } else {
+          throw new Error(error);
+        }
+      }
+
+      return trigger(this.eventBusEl_, event, hash);
+    }
+  };
+  /**
+   * Applies {@link module:evented~EventedMixin|EventedMixin} to a target object.
+   *
+   * @param  {Object} target
+   *         The object to which to add event methods.
+   *
+   * @param  {Object} [options={}]
+   *         Options for customizing the mixin behavior.
+   *
+   * @param  {string} [options.eventBusKey]
+   *         By default, adds a `eventBusEl_` DOM element to the target object,
+   *         which is used as an event bus. If the target object already has a
+   *         DOM element that should be used, pass its key here.
+   *
+   * @return {Object}
+   *         The target object.
+   */
+
+  function evented(target, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var _options = options,
+        eventBusKey = _options.eventBusKey; // Set or create the eventBusEl_.
+
+    if (eventBusKey) {
+      if (!target[eventBusKey].nodeName) {
+        throw new Error("The eventBusKey \"" + eventBusKey + "\" does not refer to an element.");
+      }
+
+      target.eventBusEl_ = target[eventBusKey];
+    } else {
+      target.eventBusEl_ = createEl('span', {
+        className: 'vjs-event-bus'
+      });
+    }
+
+    assign(target, EventedMixin);
+
+    if (target.eventedCallbacks) {
+      target.eventedCallbacks.forEach(function (callback) {
+        callback();
+      });
+    } // When any evented object is disposed, it removes all its listeners.
+
+
+    target.on('dispose', function () {
+      target.off();
+      window_1.setTimeout(function () {
+        target.eventBusEl_ = null;
+      }, 0);
+    });
+    return target;
+  }
+
+  /**
+   * @file mixins/stateful.js
+   * @module stateful
+   */
+  /**
+   * Contains methods that provide statefulness to an object which is passed
+   * to {@link module:stateful}.
+   *
+   * @mixin StatefulMixin
+   */
+
+  var StatefulMixin = {
+    /**
+     * A hash containing arbitrary keys and values representing the state of
+     * the object.
+     *
+     * @type {Object}
+     */
+    state: {},
+
+    /**
+     * Set the state of an object by mutating its
+     * {@link module:stateful~StatefulMixin.state|state} object in place.
+     *
+     * @fires   module:stateful~StatefulMixin#statechanged
+     * @param   {Object|Function} stateUpdates
+     *          A new set of properties to shallow-merge into the plugin state.
+     *          Can be a plain object or a function returning a plain object.
+     *
+     * @return {Object|undefined}
+     *          An object containing changes that occurred. If no changes
+     *          occurred, returns `undefined`.
+     */
+    setState: function setState(stateUpdates) {
+      var _this = this;
+
+      // Support providing the `stateUpdates` state as a function.
+      if (typeof stateUpdates === 'function') {
+        stateUpdates = stateUpdates();
+      }
+
+      var changes;
+      each(stateUpdates, function (value, key) {
+        // Record the change if the value is different from what's in the
+        // current state.
+        if (_this.state[key] !== value) {
+          changes = changes || {};
+          changes[key] = {
+            from: _this.state[key],
+            to: value
+          };
+        }
+
+        _this.state[key] = value;
+      }); // Only trigger "statechange" if there were changes AND we have a trigger
+      // function. This allows us to not require that the target object be an
+      // evented object.
+
+      if (changes && isEvented(this)) {
+        /**
+         * An event triggered on an object that is both
+         * {@link module:stateful|stateful} and {@link module:evented|evented}
+         * indicating that its state has changed.
+         *
+         * @event    module:stateful~StatefulMixin#statechanged
+         * @type     {Object}
+         * @property {Object} changes
+         *           A hash containing the properties that were changed and
+         *           the values they were changed `from` and `to`.
+         */
+        this.trigger({
+          changes: changes,
+          type: 'statechanged'
+        });
+      }
+
+      return changes;
+    }
+  };
+  /**
+   * Applies {@link module:stateful~StatefulMixin|StatefulMixin} to a target
+   * object.
+   *
+   * If the target object is {@link module:evented|evented} and has a
+   * `handleStateChanged` method, that method will be automatically bound to the
+   * `statechanged` event on itself.
+   *
+   * @param   {Object} target
+   *          The object to be made stateful.
+   *
+   * @param   {Object} [defaultState]
+   *          A default set of properties to populate the newly-stateful object's
+   *          `state` property.
+   *
+   * @return {Object}
+   *          Returns the `target`.
+   */
+
+  function stateful(target, defaultState) {
+    assign(target, StatefulMixin); // This happens after the mixing-in because we need to replace the `state`
+    // added in that step.
+
+    target.state = assign({}, target.state, defaultState); // Auto-bind the `handleStateChanged` method of the target object if it exists.
+
+    if (typeof target.handleStateChanged === 'function' && isEvented(target)) {
+      target.on('statechanged', target.handleStateChanged);
+    }
+
+    return target;
+  }
+
+  /**
+   * @file string-cases.js
+   * @module to-lower-case
+   */
+
+  /**
+   * Lowercase the first letter of a string.
+   *
+   * @param {string} string
+   *        String to be lowercased
+   *
+   * @return {string}
+   *         The string with a lowercased first letter
+   */
+  var toLowerCase = function toLowerCase(string) {
+    if (typeof string !== 'string') {
+      return string;
+    }
+
+    return string.replace(/./, function (w) {
+      return w.toLowerCase();
+    });
+  };
+  /**
+   * Uppercase the first letter of a string.
+   *
+   * @param {string} string
+   *        String to be uppercased
+   *
+   * @return {string}
+   *         The string with an uppercased first letter
+   */
+
+  var toTitleCase$1 = function toTitleCase(string) {
+    if (typeof string !== 'string') {
+      return string;
+    }
+
+    return string.replace(/./, function (w) {
+      return w.toUpperCase();
+    });
+  };
+  /**
+   * Compares the TitleCase versions of the two strings for equality.
+   *
+   * @param {string} str1
+   *        The first string to compare
+   *
+   * @param {string} str2
+   *        The second string to compare
+   *
+   * @return {boolean}
+   *         Whether the TitleCase versions of the strings are equal
+   */
+
+  var titleCaseEquals = function titleCaseEquals(str1, str2) {
+    return toTitleCase$1(str1) === toTitleCase$1(str2);
+  };
+
+  /**
+   * @file merge-options.js
+   * @module merge-options
+   */
+  /**
+   * Merge two objects recursively.
+   *
+   * Performs a deep merge like
+   * {@link https://lodash.com/docs/4.17.10#merge|lodash.merge}, but only merges
+   * plain objects (not arrays, elements, or anything else).
+   *
+   * Non-plain object values will be copied directly from the right-most
+   * argument.
+   *
+   * @static
+   * @param   {Object[]} sources
+   *          One or more objects to merge into a new object.
+   *
+   * @return {Object}
+   *          A new object that is the merged result of all sources.
+   */
+
+  function mergeOptions$3() {
+    var result = {};
+
+    for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
+      sources[_key] = arguments[_key];
+    }
+
+    sources.forEach(function (source) {
+      if (!source) {
+        return;
+      }
+
+      each(source, function (value, key) {
+        if (!isPlain(value)) {
+          result[key] = value;
+          return;
+        }
+
+        if (!isPlain(result[key])) {
+          result[key] = {};
+        }
+
+        result[key] = mergeOptions$3(result[key], value);
+      });
+    });
+    return result;
+  }
+
+  var MapSham = /*#__PURE__*/function () {
+    function MapSham() {
+      this.map_ = {};
+    }
+
+    var _proto = MapSham.prototype;
+
+    _proto.has = function has(key) {
+      return key in this.map_;
+    };
+
+    _proto["delete"] = function _delete(key) {
+      var has = this.has(key);
+      delete this.map_[key];
+      return has;
+    };
+
+    _proto.set = function set(key, value) {
+      this.map_[key] = value;
+      return this;
+    };
+
+    _proto.forEach = function forEach(callback, thisArg) {
+      for (var key in this.map_) {
+        callback.call(thisArg, this.map_[key], key, this);
+      }
+    };
+
+    return MapSham;
+  }();
+
+  var Map$1 = window_1.Map ? window_1.Map : MapSham;
+
+  var SetSham = /*#__PURE__*/function () {
+    function SetSham() {
+      this.set_ = {};
+    }
+
+    var _proto = SetSham.prototype;
+
+    _proto.has = function has(key) {
+      return key in this.set_;
+    };
+
+    _proto["delete"] = function _delete(key) {
+      var has = this.has(key);
+      delete this.set_[key];
+      return has;
+    };
+
+    _proto.add = function add(key) {
+      this.set_[key] = 1;
+      return this;
+    };
+
+    _proto.forEach = function forEach(callback, thisArg) {
+      for (var key in this.set_) {
+        callback.call(thisArg, key, key, this);
+      }
+    };
+
+    return SetSham;
+  }();
+
+  var Set = window_1.Set ? window_1.Set : SetSham;
+
+  /**
+   * Player Component - Base class for all UI objects
+   *
+   * @file component.js
+   */
+  /**
+   * Base class for all UI Components.
+   * Components are UI objects which represent both a javascript object and an element
+   * in the DOM. They can be children of other components, and can have
+   * children themselves.
+   *
+   * Components can also use methods from {@link EventTarget}
+   */
+
+  var Component$1 = /*#__PURE__*/function () {
+    /**
+     * A callback that is called when a component is ready. Does not have any
+     * paramters and any callback value will be ignored.
+     *
+     * @callback Component~ReadyCallback
+     * @this Component
+     */
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {Object[]} [options.children]
+     *        An array of children objects to intialize this component with. Children objects have
+     *        a name property that will be used if more than one component of the same type needs to be
+     *        added.
+     *
+     * @param {Component~ReadyCallback} [ready]
+     *        Function that gets called when the `Component` is ready.
+     */
+    function Component(player, options, ready) {
+      // The component might be the player itself and we can't pass `this` to super
+      if (!player && this.play) {
+        this.player_ = player = this; // eslint-disable-line
+      } else {
+        this.player_ = player;
+      }
+
+      this.isDisposed_ = false; // Hold the reference to the parent component via `addChild` method
+
+      this.parentComponent_ = null; // Make a copy of prototype.options_ to protect against overriding defaults
+
+      this.options_ = mergeOptions$3({}, this.options_); // Updated options with supplied options
+
+      options = this.options_ = mergeOptions$3(this.options_, options); // Get ID from options or options element if one is supplied
+
+      this.id_ = options.id || options.el && options.el.id; // If there was no ID from the options, generate one
+
+      if (!this.id_) {
+        // Don't require the player ID function in the case of mock players
+        var id = player && player.id && player.id() || 'no_player';
+        this.id_ = id + "_component_" + newGUID();
+      }
+
+      this.name_ = options.name || null; // Create element if one wasn't provided in options
+
+      if (options.el) {
+        this.el_ = options.el;
+      } else if (options.createEl !== false) {
+        this.el_ = this.createEl();
+      } // if evented is anything except false, we want to mixin in evented
+
+
+      if (options.evented !== false) {
+        // Make this an evented object and use `el_`, if available, as its event bus
+        evented(this, {
+          eventBusKey: this.el_ ? 'el_' : null
+        });
+        this.handleLanguagechange = this.handleLanguagechange.bind(this);
+        this.on(this.player_, 'languagechange', this.handleLanguagechange);
+      }
+
+      stateful(this, this.constructor.defaultState);
+      this.children_ = [];
+      this.childIndex_ = {};
+      this.childNameIndex_ = {};
+      this.setTimeoutIds_ = new Set();
+      this.setIntervalIds_ = new Set();
+      this.rafIds_ = new Set();
+      this.namedRafs_ = new Map$1();
+      this.clearingTimersOnDispose_ = false; // Add any child components in options
+
+      if (options.initChildren !== false) {
+        this.initChildren();
+      } // Don't want to trigger ready here or it will go before init is actually
+      // finished for all children that run this constructor
+
+
+      this.ready(ready);
+
+      if (options.reportTouchActivity !== false) {
+        this.enableTouchActivity();
+      }
+    }
+    /**
+     * Dispose of the `Component` and all child components.
+     *
+     * @fires Component#dispose
+     */
+
+
+    var _proto = Component.prototype;
+
+    _proto.dispose = function dispose() {
+      // Bail out if the component has already been disposed.
+      if (this.isDisposed_) {
+        return;
+      }
+
+      if (this.readyQueue_) {
+        this.readyQueue_.length = 0;
+      }
+      /**
+       * Triggered when a `Component` is disposed.
+       *
+       * @event Component#dispose
+       * @type {EventTarget~Event}
+       *
+       * @property {boolean} [bubbles=false]
+       *           set to false so that the dispose event does not
+       *           bubble up
+       */
+
+
+      this.trigger({
+        type: 'dispose',
+        bubbles: false
+      });
+      this.isDisposed_ = true; // Dispose all children.
+
+      if (this.children_) {
+        for (var i = this.children_.length - 1; i >= 0; i--) {
+          if (this.children_[i].dispose) {
+            this.children_[i].dispose();
+          }
+        }
+      } // Delete child references
+
+
+      this.children_ = null;
+      this.childIndex_ = null;
+      this.childNameIndex_ = null;
+      this.parentComponent_ = null;
+
+      if (this.el_) {
+        // Remove element from DOM
+        if (this.el_.parentNode) {
+          this.el_.parentNode.removeChild(this.el_);
+        }
+
+        if (DomData.has(this.el_)) {
+          DomData["delete"](this.el_);
+        }
+
+        this.el_ = null;
+      } // remove reference to the player after disposing of the element
+
+
+      this.player_ = null;
+    }
+    /**
+     * Determine whether or not this component has been disposed.
+     *
+     * @return {boolean}
+     *         If the component has been disposed, will be `true`. Otherwise, `false`.
+     */
+    ;
+
+    _proto.isDisposed = function isDisposed() {
+      return Boolean(this.isDisposed_);
+    }
+    /**
+     * Return the {@link Player} that the `Component` has attached to.
+     *
+     * @return {Player}
+     *         The player that this `Component` has attached to.
+     */
+    ;
+
+    _proto.player = function player() {
+      return this.player_;
+    }
+    /**
+     * Deep merge of options objects with new options.
+     * > Note: When both `obj` and `options` contain properties whose values are objects.
+     *         The two properties get merged using {@link module:mergeOptions}
+     *
+     * @param {Object} obj
+     *        The object that contains new options.
+     *
+     * @return {Object}
+     *         A new object of `this.options_` and `obj` merged together.
+     */
+    ;
+
+    _proto.options = function options(obj) {
+      if (!obj) {
+        return this.options_;
+      }
+
+      this.options_ = mergeOptions$3(this.options_, obj);
+      return this.options_;
+    }
+    /**
+     * Get the `Component`s DOM element
+     *
+     * @return {Element}
+     *         The DOM element for this `Component`.
+     */
+    ;
+
+    _proto.el = function el() {
+      return this.el_;
+    }
+    /**
+     * Create the `Component`s DOM element.
+     *
+     * @param {string} [tagName]
+     *        Element's DOM node type. e.g. 'div'
+     *
+     * @param {Object} [properties]
+     *        An object of properties that should be set.
+     *
+     * @param {Object} [attributes]
+     *        An object of attributes that should be set.
+     *
+     * @return {Element}
+     *         The element that gets created.
+     */
+    ;
+
+    _proto.createEl = function createEl$1(tagName, properties, attributes) {
+      return createEl(tagName, properties, attributes);
+    }
+    /**
+     * Localize a string given the string in english.
+     *
+     * If tokens are provided, it'll try and run a simple token replacement on the provided string.
+     * The tokens it looks for look like `{1}` with the index being 1-indexed into the tokens array.
+     *
+     * If a `defaultValue` is provided, it'll use that over `string`,
+     * if a value isn't found in provided language files.
+     * This is useful if you want to have a descriptive key for token replacement
+     * but have a succinct localized string and not require `en.json` to be included.
+     *
+     * Currently, it is used for the progress bar timing.
+     * ```js
+     * {
+     *   "progress bar timing: currentTime={1} duration={2}": "{1} of {2}"
+     * }
+     * ```
+     * It is then used like so:
+     * ```js
+     * this.localize('progress bar timing: currentTime={1} duration{2}',
+     *               [this.player_.currentTime(), this.player_.duration()],
+     *               '{1} of {2}');
+     * ```
+     *
+     * Which outputs something like: `01:23 of 24:56`.
+     *
+     *
+     * @param {string} string
+     *        The string to localize and the key to lookup in the language files.
+     * @param {string[]} [tokens]
+     *        If the current item has token replacements, provide the tokens here.
+     * @param {string} [defaultValue]
+     *        Defaults to `string`. Can be a default value to use for token replacement
+     *        if the lookup key is needed to be separate.
+     *
+     * @return {string}
+     *         The localized string or if no localization exists the english string.
+     */
+    ;
+
+    _proto.localize = function localize(string, tokens, defaultValue) {
+      if (defaultValue === void 0) {
+        defaultValue = string;
+      }
+
+      var code = this.player_.language && this.player_.language();
+      var languages = this.player_.languages && this.player_.languages();
+      var language = languages && languages[code];
+      var primaryCode = code && code.split('-')[0];
+      var primaryLang = languages && languages[primaryCode];
+      var localizedString = defaultValue;
+
+      if (language && language[string]) {
+        localizedString = language[string];
+      } else if (primaryLang && primaryLang[string]) {
+        localizedString = primaryLang[string];
+      }
+
+      if (tokens) {
+        localizedString = localizedString.replace(/\{(\d+)\}/g, function (match, index) {
+          var value = tokens[index - 1];
+          var ret = value;
+
+          if (typeof value === 'undefined') {
+            ret = match;
+          }
+
+          return ret;
+        });
+      }
+
+      return localizedString;
+    }
+    /**
+     * Handles language change for the player in components. Should be overriden by sub-components.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.handleLanguagechange = function handleLanguagechange() {}
+    /**
+     * Return the `Component`s DOM element. This is where children get inserted.
+     * This will usually be the the same as the element returned in {@link Component#el}.
+     *
+     * @return {Element}
+     *         The content element for this `Component`.
+     */
+    ;
+
+    _proto.contentEl = function contentEl() {
+      return this.contentEl_ || this.el_;
+    }
+    /**
+     * Get this `Component`s ID
+     *
+     * @return {string}
+     *         The id of this `Component`
+     */
+    ;
+
+    _proto.id = function id() {
+      return this.id_;
+    }
+    /**
+     * Get the `Component`s name. The name gets used to reference the `Component`
+     * and is set during registration.
+     *
+     * @return {string}
+     *         The name of this `Component`.
+     */
+    ;
+
+    _proto.name = function name() {
+      return this.name_;
+    }
+    /**
+     * Get an array of all child components
+     *
+     * @return {Array}
+     *         The children
+     */
+    ;
+
+    _proto.children = function children() {
+      return this.children_;
+    }
+    /**
+     * Returns the child `Component` with the given `id`.
+     *
+     * @param {string} id
+     *        The id of the child `Component` to get.
+     *
+     * @return {Component|undefined}
+     *         The child `Component` with the given `id` or undefined.
+     */
+    ;
+
+    _proto.getChildById = function getChildById(id) {
+      return this.childIndex_[id];
+    }
+    /**
+     * Returns the child `Component` with the given `name`.
+     *
+     * @param {string} name
+     *        The name of the child `Component` to get.
+     *
+     * @return {Component|undefined}
+     *         The child `Component` with the given `name` or undefined.
+     */
+    ;
+
+    _proto.getChild = function getChild(name) {
+      if (!name) {
+        return;
+      }
+
+      return this.childNameIndex_[name];
+    }
+    /**
+     * Returns the descendant `Component` following the givent
+     * descendant `names`. For instance ['foo', 'bar', 'baz'] would
+     * try to get 'foo' on the current component, 'bar' on the 'foo'
+     * component and 'baz' on the 'bar' component and return undefined
+     * if any of those don't exist.
+     *
+     * @param {...string[]|...string} names
+     *        The name of the child `Component` to get.
+     *
+     * @return {Component|undefined}
+     *         The descendant `Component` following the given descendant
+     *         `names` or undefined.
+     */
+    ;
+
+    _proto.getDescendant = function getDescendant() {
+      for (var _len = arguments.length, names = new Array(_len), _key = 0; _key < _len; _key++) {
+        names[_key] = arguments[_key];
+      }
+
+      // flatten array argument into the main array
+      names = names.reduce(function (acc, n) {
+        return acc.concat(n);
+      }, []);
+      var currentChild = this;
+
+      for (var i = 0; i < names.length; i++) {
+        currentChild = currentChild.getChild(names[i]);
+
+        if (!currentChild || !currentChild.getChild) {
+          return;
+        }
+      }
+
+      return currentChild;
+    }
+    /**
+     * Add a child `Component` inside the current `Component`.
+     *
+     *
+     * @param {string|Component} child
+     *        The name or instance of a child to add.
+     *
+     * @param {Object} [options={}]
+     *        The key/value store of options that will get passed to children of
+     *        the child.
+     *
+     * @param {number} [index=this.children_.length]
+     *        The index to attempt to add a child into.
+     *
+     * @return {Component}
+     *         The `Component` that gets added as a child. When using a string the
+     *         `Component` will get created by this process.
+     */
+    ;
+
+    _proto.addChild = function addChild(child, options, index) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      if (index === void 0) {
+        index = this.children_.length;
+      }
+
+      var component;
+      var componentName; // If child is a string, create component with options
+
+      if (typeof child === 'string') {
+        componentName = toTitleCase$1(child);
+        var componentClassName = options.componentClass || componentName; // Set name through options
+
+        options.name = componentName; // Create a new object & element for this controls set
+        // If there's no .player_, this is a player
+
+        var ComponentClass = Component.getComponent(componentClassName);
+
+        if (!ComponentClass) {
+          throw new Error("Component " + componentClassName + " does not exist");
+        } // data stored directly on the videojs object may be
+        // misidentified as a component to retain
+        // backwards-compatibility with 4.x. check to make sure the
+        // component class can be instantiated.
+
+
+        if (typeof ComponentClass !== 'function') {
+          return null;
+        }
+
+        component = new ComponentClass(this.player_ || this, options); // child is a component instance
+      } else {
+        component = child;
+      }
+
+      if (component.parentComponent_) {
+        component.parentComponent_.removeChild(component);
+      }
+
+      this.children_.splice(index, 0, component);
+      component.parentComponent_ = this;
+
+      if (typeof component.id === 'function') {
+        this.childIndex_[component.id()] = component;
+      } // If a name wasn't used to create the component, check if we can use the
+      // name function of the component
+
+
+      componentName = componentName || component.name && toTitleCase$1(component.name());
+
+      if (componentName) {
+        this.childNameIndex_[componentName] = component;
+        this.childNameIndex_[toLowerCase(componentName)] = component;
+      } // Add the UI object's element to the container div (box)
+      // Having an element is not required
+
+
+      if (typeof component.el === 'function' && component.el()) {
+        // If inserting before a component, insert before that component's element
+        var refNode = null;
+
+        if (this.children_[index + 1]) {
+          // Most children are components, but the video tech is an HTML element
+          if (this.children_[index + 1].el_) {
+            refNode = this.children_[index + 1].el_;
+          } else if (isEl(this.children_[index + 1])) {
+            refNode = this.children_[index + 1];
+          }
+        }
+
+        this.contentEl().insertBefore(component.el(), refNode);
+      } // Return so it can stored on parent object if desired.
+
+
+      return component;
+    }
+    /**
+     * Remove a child `Component` from this `Component`s list of children. Also removes
+     * the child `Component`s element from this `Component`s element.
+     *
+     * @param {Component} component
+     *        The child `Component` to remove.
+     */
+    ;
+
+    _proto.removeChild = function removeChild(component) {
+      if (typeof component === 'string') {
+        component = this.getChild(component);
+      }
+
+      if (!component || !this.children_) {
+        return;
+      }
+
+      var childFound = false;
+
+      for (var i = this.children_.length - 1; i >= 0; i--) {
+        if (this.children_[i] === component) {
+          childFound = true;
+          this.children_.splice(i, 1);
+          break;
+        }
+      }
+
+      if (!childFound) {
+        return;
+      }
+
+      component.parentComponent_ = null;
+      this.childIndex_[component.id()] = null;
+      this.childNameIndex_[toTitleCase$1(component.name())] = null;
+      this.childNameIndex_[toLowerCase(component.name())] = null;
+      var compEl = component.el();
+
+      if (compEl && compEl.parentNode === this.contentEl()) {
+        this.contentEl().removeChild(component.el());
+      }
+    }
+    /**
+     * Add and initialize default child `Component`s based upon options.
+     */
+    ;
+
+    _proto.initChildren = function initChildren() {
+      var _this = this;
+
+      var children = this.options_.children;
+
+      if (children) {
+        // `this` is `parent`
+        var parentOptions = this.options_;
+
+        var handleAdd = function handleAdd(child) {
+          var name = child.name;
+          var opts = child.opts; // Allow options for children to be set at the parent options
+          // e.g. videojs(id, { controlBar: false });
+          // instead of videojs(id, { children: { controlBar: false });
+
+          if (parentOptions[name] !== undefined) {
+            opts = parentOptions[name];
+          } // Allow for disabling default components
+          // e.g. options['children']['posterImage'] = false
+
+
+          if (opts === false) {
+            return;
+          } // Allow options to be passed as a simple boolean if no configuration
+          // is necessary.
+
+
+          if (opts === true) {
+            opts = {};
+          } // We also want to pass the original player options
+          // to each component as well so they don't need to
+          // reach back into the player for options later.
+
+
+          opts.playerOptions = _this.options_.playerOptions; // Create and add the child component.
+          // Add a direct reference to the child by name on the parent instance.
+          // If two of the same component are used, different names should be supplied
+          // for each
+
+          var newChild = _this.addChild(name, opts);
+
+          if (newChild) {
+            _this[name] = newChild;
+          }
+        }; // Allow for an array of children details to passed in the options
+
+
+        var workingChildren;
+        var Tech = Component.getComponent('Tech');
+
+        if (Array.isArray(children)) {
+          workingChildren = children;
+        } else {
+          workingChildren = Object.keys(children);
+        }
+
+        workingChildren // children that are in this.options_ but also in workingChildren  would
+        // give us extra children we do not want. So, we want to filter them out.
+        .concat(Object.keys(this.options_).filter(function (child) {
+          return !workingChildren.some(function (wchild) {
+            if (typeof wchild === 'string') {
+              return child === wchild;
+            }
+
+            return child === wchild.name;
+          });
+        })).map(function (child) {
+          var name;
+          var opts;
+
+          if (typeof child === 'string') {
+            name = child;
+            opts = children[name] || _this.options_[name] || {};
+          } else {
+            name = child.name;
+            opts = child;
+          }
+
+          return {
+            name: name,
+            opts: opts
+          };
+        }).filter(function (child) {
+          // we have to make sure that child.name isn't in the techOrder since
+          // techs are registerd as Components but can't aren't compatible
+          // See https://github.com/videojs/video.js/issues/2772
+          var c = Component.getComponent(child.opts.componentClass || toTitleCase$1(child.name));
+          return c && !Tech.isTech(c);
+        }).forEach(handleAdd);
+      }
+    }
+    /**
+     * Builds the default DOM class name. Should be overriden by sub-components.
+     *
+     * @return {string}
+     *         The DOM class name for this object.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      // Child classes can include a function that does:
+      // return 'CLASS NAME' + this._super();
+      return '';
+    }
+    /**
+     * Bind a listener to the component's ready state.
+     * Different from event listeners in that if the ready event has already happened
+     * it will trigger the function immediately.
+     *
+     * @return {Component}
+     *         Returns itself; method can be chained.
+     */
+    ;
+
+    _proto.ready = function ready(fn, sync) {
+      if (sync === void 0) {
+        sync = false;
+      }
+
+      if (!fn) {
+        return;
+      }
+
+      if (!this.isReady_) {
+        this.readyQueue_ = this.readyQueue_ || [];
+        this.readyQueue_.push(fn);
+        return;
+      }
+
+      if (sync) {
+        fn.call(this);
+      } else {
+        // Call the function asynchronously by default for consistency
+        this.setTimeout(fn, 1);
+      }
+    }
+    /**
+     * Trigger all the ready listeners for this `Component`.
+     *
+     * @fires Component#ready
+     */
+    ;
+
+    _proto.triggerReady = function triggerReady() {
+      this.isReady_ = true; // Ensure ready is triggered asynchronously
+
+      this.setTimeout(function () {
+        var readyQueue = this.readyQueue_; // Reset Ready Queue
+
+        this.readyQueue_ = [];
+
+        if (readyQueue && readyQueue.length > 0) {
+          readyQueue.forEach(function (fn) {
+            fn.call(this);
+          }, this);
+        } // Allow for using event listeners also
+
+        /**
+         * Triggered when a `Component` is ready.
+         *
+         * @event Component#ready
+         * @type {EventTarget~Event}
+         */
+
+
+        this.trigger('ready');
+      }, 1);
+    }
+    /**
+     * Find a single DOM element matching a `selector`. This can be within the `Component`s
+     * `contentEl()` or another custom context.
+     *
+     * @param {string} selector
+     *        A valid CSS selector, which will be passed to `querySelector`.
+     *
+     * @param {Element|string} [context=this.contentEl()]
+     *        A DOM element within which to query. Can also be a selector string in
+     *        which case the first matching element will get used as context. If
+     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
+     *        nothing it falls back to `document`.
+     *
+     * @return {Element|null}
+     *         the dom element that was found, or null
+     *
+     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
+     */
+    ;
+
+    _proto.$ = function $$1(selector, context) {
+      return $(selector, context || this.contentEl());
+    }
+    /**
+     * Finds all DOM element matching a `selector`. This can be within the `Component`s
+     * `contentEl()` or another custom context.
+     *
+     * @param {string} selector
+     *        A valid CSS selector, which will be passed to `querySelectorAll`.
+     *
+     * @param {Element|string} [context=this.contentEl()]
+     *        A DOM element within which to query. Can also be a selector string in
+     *        which case the first matching element will get used as context. If
+     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
+     *        nothing it falls back to `document`.
+     *
+     * @return {NodeList}
+     *         a list of dom elements that were found
+     *
+     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
+     */
+    ;
+
+    _proto.$$ = function $$$1(selector, context) {
+      return $$(selector, context || this.contentEl());
+    }
+    /**
+     * Check if a component's element has a CSS class name.
+     *
+     * @param {string} classToCheck
+     *        CSS class name to check.
+     *
+     * @return {boolean}
+     *         - True if the `Component` has the class.
+     *         - False if the `Component` does not have the class`
+     */
+    ;
+
+    _proto.hasClass = function hasClass$1(classToCheck) {
+      return hasClass(this.el_, classToCheck);
+    }
+    /**
+     * Add a CSS class name to the `Component`s element.
+     *
+     * @param {string} classToAdd
+     *        CSS class name to add
+     */
+    ;
+
+    _proto.addClass = function addClass$1(classToAdd) {
+      addClass(this.el_, classToAdd);
+    }
+    /**
+     * Remove a CSS class name from the `Component`s element.
+     *
+     * @param {string} classToRemove
+     *        CSS class name to remove
+     */
+    ;
+
+    _proto.removeClass = function removeClass$1(classToRemove) {
+      removeClass(this.el_, classToRemove);
+    }
+    /**
+     * Add or remove a CSS class name from the component's element.
+     * - `classToToggle` gets added when {@link Component#hasClass} would return false.
+     * - `classToToggle` gets removed when {@link Component#hasClass} would return true.
+     *
+     * @param  {string} classToToggle
+     *         The class to add or remove based on (@link Component#hasClass}
+     *
+     * @param  {boolean|Dom~predicate} [predicate]
+     *         An {@link Dom~predicate} function or a boolean
+     */
+    ;
+
+    _proto.toggleClass = function toggleClass$1(classToToggle, predicate) {
+      toggleClass(this.el_, classToToggle, predicate);
+    }
+    /**
+     * Show the `Component`s element if it is hidden by removing the
+     * 'vjs-hidden' class name from it.
+     */
+    ;
+
+    _proto.show = function show() {
+      this.removeClass('vjs-hidden');
+    }
+    /**
+     * Hide the `Component`s element if it is currently showing by adding the
+     * 'vjs-hidden` class name to it.
+     */
+    ;
+
+    _proto.hide = function hide() {
+      this.addClass('vjs-hidden');
+    }
+    /**
+     * Lock a `Component`s element in its visible state by adding the 'vjs-lock-showing'
+     * class name to it. Used during fadeIn/fadeOut.
+     *
+     * @private
+     */
+    ;
+
+    _proto.lockShowing = function lockShowing() {
+      this.addClass('vjs-lock-showing');
+    }
+    /**
+     * Unlock a `Component`s element from its visible state by removing the 'vjs-lock-showing'
+     * class name from it. Used during fadeIn/fadeOut.
+     *
+     * @private
+     */
+    ;
+
+    _proto.unlockShowing = function unlockShowing() {
+      this.removeClass('vjs-lock-showing');
+    }
+    /**
+     * Get the value of an attribute on the `Component`s element.
+     *
+     * @param {string} attribute
+     *        Name of the attribute to get the value from.
+     *
+     * @return {string|null}
+     *         - The value of the attribute that was asked for.
+     *         - Can be an empty string on some browsers if the attribute does not exist
+     *           or has no value
+     *         - Most browsers will return null if the attibute does not exist or has
+     *           no value.
+     *
+     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute}
+     */
+    ;
+
+    _proto.getAttribute = function getAttribute$1(attribute) {
+      return getAttribute(this.el_, attribute);
+    }
+    /**
+     * Set the value of an attribute on the `Component`'s element
+     *
+     * @param {string} attribute
+     *        Name of the attribute to set.
+     *
+     * @param {string} value
+     *        Value to set the attribute to.
+     *
+     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute}
+     */
+    ;
+
+    _proto.setAttribute = function setAttribute$1(attribute, value) {
+      setAttribute(this.el_, attribute, value);
+    }
+    /**
+     * Remove an attribute from the `Component`s element.
+     *
+     * @param {string} attribute
+     *        Name of the attribute to remove.
+     *
+     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute}
+     */
+    ;
+
+    _proto.removeAttribute = function removeAttribute$1(attribute) {
+      removeAttribute(this.el_, attribute);
+    }
+    /**
+     * Get or set the width of the component based upon the CSS styles.
+     * See {@link Component#dimension} for more detailed information.
+     *
+     * @param {number|string} [num]
+     *        The width that you want to set postfixed with '%', 'px' or nothing.
+     *
+     * @param {boolean} [skipListeners]
+     *        Skip the componentresize event trigger
+     *
+     * @return {number|string}
+     *         The width when getting, zero if there is no width. Can be a string
+     *           postpixed with '%' or 'px'.
+     */
+    ;
+
+    _proto.width = function width(num, skipListeners) {
+      return this.dimension('width', num, skipListeners);
+    }
+    /**
+     * Get or set the height of the component based upon the CSS styles.
+     * See {@link Component#dimension} for more detailed information.
+     *
+     * @param {number|string} [num]
+     *        The height that you want to set postfixed with '%', 'px' or nothing.
+     *
+     * @param {boolean} [skipListeners]
+     *        Skip the componentresize event trigger
+     *
+     * @return {number|string}
+     *         The width when getting, zero if there is no width. Can be a string
+     *         postpixed with '%' or 'px'.
+     */
+    ;
+
+    _proto.height = function height(num, skipListeners) {
+      return this.dimension('height', num, skipListeners);
+    }
+    /**
+     * Set both the width and height of the `Component` element at the same time.
+     *
+     * @param  {number|string} width
+     *         Width to set the `Component`s element to.
+     *
+     * @param  {number|string} height
+     *         Height to set the `Component`s element to.
+     */
+    ;
+
+    _proto.dimensions = function dimensions(width, height) {
+      // Skip componentresize listeners on width for optimization
+      this.width(width, true);
+      this.height(height);
+    }
+    /**
+     * Get or set width or height of the `Component` element. This is the shared code
+     * for the {@link Component#width} and {@link Component#height}.
+     *
+     * Things to know:
+     * - If the width or height in an number this will return the number postfixed with 'px'.
+     * - If the width/height is a percent this will return the percent postfixed with '%'
+     * - Hidden elements have a width of 0 with `window.getComputedStyle`. This function
+     *   defaults to the `Component`s `style.width` and falls back to `window.getComputedStyle`.
+     *   See [this]{@link http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/}
+     *   for more information
+     * - If you want the computed style of the component, use {@link Component#currentWidth}
+     *   and {@link {Component#currentHeight}
+     *
+     * @fires Component#componentresize
+     *
+     * @param {string} widthOrHeight
+     8        'width' or 'height'
+     *
+     * @param  {number|string} [num]
+     8         New dimension
+     *
+     * @param  {boolean} [skipListeners]
+     *         Skip componentresize event trigger
+     *
+     * @return {number}
+     *         The dimension when getting or 0 if unset
+     */
+    ;
+
+    _proto.dimension = function dimension(widthOrHeight, num, skipListeners) {
+      if (num !== undefined) {
+        // Set to zero if null or literally NaN (NaN !== NaN)
+        if (num === null || num !== num) {
+          num = 0;
+        } // Check if using css width/height (% or px) and adjust
+
+
+        if (('' + num).indexOf('%') !== -1 || ('' + num).indexOf('px') !== -1) {
+          this.el_.style[widthOrHeight] = num;
+        } else if (num === 'auto') {
+          this.el_.style[widthOrHeight] = '';
+        } else {
+          this.el_.style[widthOrHeight] = num + 'px';
+        } // skipListeners allows us to avoid triggering the resize event when setting both width and height
+
+
+        if (!skipListeners) {
+          /**
+           * Triggered when a component is resized.
+           *
+           * @event Component#componentresize
+           * @type {EventTarget~Event}
+           */
+          this.trigger('componentresize');
+        }
+
+        return;
+      } // Not setting a value, so getting it
+      // Make sure element exists
+
+
+      if (!this.el_) {
+        return 0;
+      } // Get dimension value from style
+
+
+      var val = this.el_.style[widthOrHeight];
+      var pxIndex = val.indexOf('px');
+
+      if (pxIndex !== -1) {
+        // Return the pixel value with no 'px'
+        return parseInt(val.slice(0, pxIndex), 10);
+      } // No px so using % or no style was set, so falling back to offsetWidth/height
+      // If component has display:none, offset will return 0
+      // TODO: handle display:none and no dimension style using px
+
+
+      return parseInt(this.el_['offset' + toTitleCase$1(widthOrHeight)], 10);
+    }
+    /**
+     * Get the computed width or the height of the component's element.
+     *
+     * Uses `window.getComputedStyle`.
+     *
+     * @param {string} widthOrHeight
+     *        A string containing 'width' or 'height'. Whichever one you want to get.
+     *
+     * @return {number}
+     *         The dimension that gets asked for or 0 if nothing was set
+     *         for that dimension.
+     */
+    ;
+
+    _proto.currentDimension = function currentDimension(widthOrHeight) {
+      var computedWidthOrHeight = 0;
+
+      if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
+        throw new Error('currentDimension only accepts width or height value');
+      }
+
+      computedWidthOrHeight = computedStyle(this.el_, widthOrHeight); // remove 'px' from variable and parse as integer
+
+      computedWidthOrHeight = parseFloat(computedWidthOrHeight); // if the computed value is still 0, it's possible that the browser is lying
+      // and we want to check the offset values.
+      // This code also runs wherever getComputedStyle doesn't exist.
+
+      if (computedWidthOrHeight === 0 || isNaN(computedWidthOrHeight)) {
+        var rule = "offset" + toTitleCase$1(widthOrHeight);
+        computedWidthOrHeight = this.el_[rule];
+      }
+
+      return computedWidthOrHeight;
+    }
+    /**
+     * An object that contains width and height values of the `Component`s
+     * computed style. Uses `window.getComputedStyle`.
+     *
+     * @typedef {Object} Component~DimensionObject
+     *
+     * @property {number} width
+     *           The width of the `Component`s computed style.
+     *
+     * @property {number} height
+     *           The height of the `Component`s computed style.
+     */
+
+    /**
+     * Get an object that contains computed width and height values of the
+     * component's element.
+     *
+     * Uses `window.getComputedStyle`.
+     *
+     * @return {Component~DimensionObject}
+     *         The computed dimensions of the component's element.
+     */
+    ;
+
+    _proto.currentDimensions = function currentDimensions() {
+      return {
+        width: this.currentDimension('width'),
+        height: this.currentDimension('height')
+      };
+    }
+    /**
+     * Get the computed width of the component's element.
+     *
+     * Uses `window.getComputedStyle`.
+     *
+     * @return {number}
+     *         The computed width of the component's element.
+     */
+    ;
+
+    _proto.currentWidth = function currentWidth() {
+      return this.currentDimension('width');
+    }
+    /**
+     * Get the computed height of the component's element.
+     *
+     * Uses `window.getComputedStyle`.
+     *
+     * @return {number}
+     *         The computed height of the component's element.
+     */
+    ;
+
+    _proto.currentHeight = function currentHeight() {
+      return this.currentDimension('height');
+    }
+    /**
+     * Set the focus to this component
+     */
+    ;
+
+    _proto.focus = function focus() {
+      this.el_.focus();
+    }
+    /**
+     * Remove the focus from this component
+     */
+    ;
+
+    _proto.blur = function blur() {
+      this.el_.blur();
+    }
+    /**
+     * When this Component receives a `keydown` event which it does not process,
+     *  it passes the event to the Player for handling.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown` event that caused this function to be called.
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      if (this.player_) {
+        // We only stop propagation here because we want unhandled events to fall
+        // back to the browser.
+        event.stopPropagation();
+        this.player_.handleKeyDown(event);
+      }
+    }
+    /**
+     * Many components used to have a `handleKeyPress` method, which was poorly
+     * named because it listened to a `keydown` event. This method name now
+     * delegates to `handleKeyDown`. This means anyone calling `handleKeyPress`
+     * will not see their method calls stop working.
+     *
+     * @param {EventTarget~Event} event
+     *        The event that caused this function to be called.
+     */
+    ;
+
+    _proto.handleKeyPress = function handleKeyPress(event) {
+      this.handleKeyDown(event);
+    }
+    /**
+     * Emit a 'tap' events when touch event support gets detected. This gets used to
+     * support toggling the controls through a tap on the video. They get enabled
+     * because every sub-component would have extra overhead otherwise.
+     *
+     * @private
+     * @fires Component#tap
+     * @listens Component#touchstart
+     * @listens Component#touchmove
+     * @listens Component#touchleave
+     * @listens Component#touchcancel
+     * @listens Component#touchend
+      */
+    ;
+
+    _proto.emitTapEvents = function emitTapEvents() {
+      // Track the start time so we can determine how long the touch lasted
+      var touchStart = 0;
+      var firstTouch = null; // Maximum movement allowed during a touch event to still be considered a tap
+      // Other popular libs use anywhere from 2 (hammer.js) to 15,
+      // so 10 seems like a nice, round number.
+
+      var tapMovementThreshold = 10; // The maximum length a touch can be while still being considered a tap
+
+      var touchTimeThreshold = 200;
+      var couldBeTap;
+      this.on('touchstart', function (event) {
+        // If more than one finger, don't consider treating this as a click
+        if (event.touches.length === 1) {
+          // Copy pageX/pageY from the object
+          firstTouch = {
+            pageX: event.touches[0].pageX,
+            pageY: event.touches[0].pageY
+          }; // Record start time so we can detect a tap vs. "touch and hold"
+
+          touchStart = window_1.performance.now(); // Reset couldBeTap tracking
+
+          couldBeTap = true;
+        }
+      });
+      this.on('touchmove', function (event) {
+        // If more than one finger, don't consider treating this as a click
+        if (event.touches.length > 1) {
+          couldBeTap = false;
+        } else if (firstTouch) {
+          // Some devices will throw touchmoves for all but the slightest of taps.
+          // So, if we moved only a small distance, this could still be a tap
+          var xdiff = event.touches[0].pageX - firstTouch.pageX;
+          var ydiff = event.touches[0].pageY - firstTouch.pageY;
+          var touchDistance = Math.sqrt(xdiff * xdiff + ydiff * ydiff);
+
+          if (touchDistance > tapMovementThreshold) {
+            couldBeTap = false;
+          }
+        }
+      });
+
+      var noTap = function noTap() {
+        couldBeTap = false;
+      }; // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s
+
+
+      this.on('touchleave', noTap);
+      this.on('touchcancel', noTap); // When the touch ends, measure how long it took and trigger the appropriate
+      // event
+
+      this.on('touchend', function (event) {
+        firstTouch = null; // Proceed only if the touchmove/leave/cancel event didn't happen
+
+        if (couldBeTap === true) {
+          // Measure how long the touch lasted
+          var touchTime = window_1.performance.now() - touchStart; // Make sure the touch was less than the threshold to be considered a tap
+
+          if (touchTime < touchTimeThreshold) {
+            // Don't let browser turn this into a click
+            event.preventDefault();
+            /**
+             * Triggered when a `Component` is tapped.
+             *
+             * @event Component#tap
+             * @type {EventTarget~Event}
+             */
+
+            this.trigger('tap'); // It may be good to copy the touchend event object and change the
+            // type to tap, if the other event properties aren't exact after
+            // Events.fixEvent runs (e.g. event.target)
+          }
+        }
+      });
+    }
+    /**
+     * This function reports user activity whenever touch events happen. This can get
+     * turned off by any sub-components that wants touch events to act another way.
+     *
+     * Report user touch activity when touch events occur. User activity gets used to
+     * determine when controls should show/hide. It is simple when it comes to mouse
+     * events, because any mouse event should show the controls. So we capture mouse
+     * events that bubble up to the player and report activity when that happens.
+     * With touch events it isn't as easy as `touchstart` and `touchend` toggle player
+     * controls. So touch events can't help us at the player level either.
+     *
+     * User activity gets checked asynchronously. So what could happen is a tap event
+     * on the video turns the controls off. Then the `touchend` event bubbles up to
+     * the player. Which, if it reported user activity, would turn the controls right
+     * back on. We also don't want to completely block touch events from bubbling up.
+     * Furthermore a `touchmove` event and anything other than a tap, should not turn
+     * controls back on.
+     *
+     * @listens Component#touchstart
+     * @listens Component#touchmove
+     * @listens Component#touchend
+     * @listens Component#touchcancel
+     */
+    ;
+
+    _proto.enableTouchActivity = function enableTouchActivity() {
+      // Don't continue if the root player doesn't support reporting user activity
+      if (!this.player() || !this.player().reportUserActivity) {
+        return;
+      } // listener for reporting that the user is active
+
+
+      var report = bind(this.player(), this.player().reportUserActivity);
+      var touchHolding;
+      this.on('touchstart', function () {
+        report(); // For as long as the they are touching the device or have their mouse down,
+        // we consider them active even if they're not moving their finger or mouse.
+        // So we want to continue to update that they are active
+
+        this.clearInterval(touchHolding); // report at the same interval as activityCheck
+
+        touchHolding = this.setInterval(report, 250);
+      });
+
+      var touchEnd = function touchEnd(event) {
+        report(); // stop the interval that maintains activity if the touch is holding
+
+        this.clearInterval(touchHolding);
+      };
+
+      this.on('touchmove', report);
+      this.on('touchend', touchEnd);
+      this.on('touchcancel', touchEnd);
+    }
+    /**
+     * A callback that has no parameters and is bound into `Component`s context.
+     *
+     * @callback Component~GenericCallback
+     * @this Component
+     */
+
+    /**
+     * Creates a function that runs after an `x` millisecond timeout. This function is a
+     * wrapper around `window.setTimeout`. There are a few reasons to use this one
+     * instead though:
+     * 1. It gets cleared via  {@link Component#clearTimeout} when
+     *    {@link Component#dispose} gets called.
+     * 2. The function callback will gets turned into a {@link Component~GenericCallback}
+     *
+     * > Note: You can't use `window.clearTimeout` on the id returned by this function. This
+     *         will cause its dispose listener not to get cleaned up! Please use
+     *         {@link Component#clearTimeout} or {@link Component#dispose} instead.
+     *
+     * @param {Component~GenericCallback} fn
+     *        The function that will be run after `timeout`.
+     *
+     * @param {number} timeout
+     *        Timeout in milliseconds to delay before executing the specified function.
+     *
+     * @return {number}
+     *         Returns a timeout ID that gets used to identify the timeout. It can also
+     *         get used in {@link Component#clearTimeout} to clear the timeout that
+     *         was set.
+     *
+     * @listens Component#dispose
+     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout}
+     */
+    ;
+
+    _proto.setTimeout = function setTimeout(fn, timeout) {
+      var _this2 = this;
+
+      // declare as variables so they are properly available in timeout function
+      // eslint-disable-next-line
+      var timeoutId;
+      fn = bind(this, fn);
+      this.clearTimersOnDispose_();
+      timeoutId = window_1.setTimeout(function () {
+        if (_this2.setTimeoutIds_.has(timeoutId)) {
+          _this2.setTimeoutIds_["delete"](timeoutId);
+        }
+
+        fn();
+      }, timeout);
+      this.setTimeoutIds_.add(timeoutId);
+      return timeoutId;
+    }
+    /**
+     * Clears a timeout that gets created via `window.setTimeout` or
+     * {@link Component#setTimeout}. If you set a timeout via {@link Component#setTimeout}
+     * use this function instead of `window.clearTimout`. If you don't your dispose
+     * listener will not get cleaned up until {@link Component#dispose}!
+     *
+     * @param {number} timeoutId
+     *        The id of the timeout to clear. The return value of
+     *        {@link Component#setTimeout} or `window.setTimeout`.
+     *
+     * @return {number}
+     *         Returns the timeout id that was cleared.
+     *
+     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearTimeout}
+     */
+    ;
+
+    _proto.clearTimeout = function clearTimeout(timeoutId) {
+      if (this.setTimeoutIds_.has(timeoutId)) {
+        this.setTimeoutIds_["delete"](timeoutId);
+        window_1.clearTimeout(timeoutId);
+      }
+
+      return timeoutId;
+    }
+    /**
+     * Creates a function that gets run every `x` milliseconds. This function is a wrapper
+     * around `window.setInterval`. There are a few reasons to use this one instead though.
+     * 1. It gets cleared via  {@link Component#clearInterval} when
+     *    {@link Component#dispose} gets called.
+     * 2. The function callback will be a {@link Component~GenericCallback}
+     *
+     * @param {Component~GenericCallback} fn
+     *        The function to run every `x` seconds.
+     *
+     * @param {number} interval
+     *        Execute the specified function every `x` milliseconds.
+     *
+     * @return {number}
+     *         Returns an id that can be used to identify the interval. It can also be be used in
+     *         {@link Component#clearInterval} to clear the interval.
+     *
+     * @listens Component#dispose
+     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval}
+     */
+    ;
+
+    _proto.setInterval = function setInterval(fn, interval) {
+      fn = bind(this, fn);
+      this.clearTimersOnDispose_();
+      var intervalId = window_1.setInterval(fn, interval);
+      this.setIntervalIds_.add(intervalId);
+      return intervalId;
+    }
+    /**
+     * Clears an interval that gets created via `window.setInterval` or
+     * {@link Component#setInterval}. If you set an inteval via {@link Component#setInterval}
+     * use this function instead of `window.clearInterval`. If you don't your dispose
+     * listener will not get cleaned up until {@link Component#dispose}!
+     *
+     * @param {number} intervalId
+     *        The id of the interval to clear. The return value of
+     *        {@link Component#setInterval} or `window.setInterval`.
+     *
+     * @return {number}
+     *         Returns the interval id that was cleared.
+     *
+     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval}
+     */
+    ;
+
+    _proto.clearInterval = function clearInterval(intervalId) {
+      if (this.setIntervalIds_.has(intervalId)) {
+        this.setIntervalIds_["delete"](intervalId);
+        window_1.clearInterval(intervalId);
+      }
+
+      return intervalId;
+    }
+    /**
+     * Queues up a callback to be passed to requestAnimationFrame (rAF), but
+     * with a few extra bonuses:
+     *
+     * - Supports browsers that do not support rAF by falling back to
+     *   {@link Component#setTimeout}.
+     *
+     * - The callback is turned into a {@link Component~GenericCallback} (i.e.
+     *   bound to the component).
+     *
+     * - Automatic cancellation of the rAF callback is handled if the component
+     *   is disposed before it is called.
+     *
+     * @param  {Component~GenericCallback} fn
+     *         A function that will be bound to this component and executed just
+     *         before the browser's next repaint.
+     *
+     * @return {number}
+     *         Returns an rAF ID that gets used to identify the timeout. It can
+     *         also be used in {@link Component#cancelAnimationFrame} to cancel
+     *         the animation frame callback.
+     *
+     * @listens Component#dispose
+     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame}
+     */
+    ;
+
+    _proto.requestAnimationFrame = function requestAnimationFrame(fn) {
+      var _this3 = this;
+
+      // Fall back to using a timer.
+      if (!this.supportsRaf_) {
+        return this.setTimeout(fn, 1000 / 60);
+      }
+
+      this.clearTimersOnDispose_(); // declare as variables so they are properly available in rAF function
+      // eslint-disable-next-line
+
+      var id;
+      fn = bind(this, fn);
+      id = window_1.requestAnimationFrame(function () {
+        if (_this3.rafIds_.has(id)) {
+          _this3.rafIds_["delete"](id);
+        }
+
+        fn();
+      });
+      this.rafIds_.add(id);
+      return id;
+    }
+    /**
+     * Request an animation frame, but only one named animation
+     * frame will be queued. Another will never be added until
+     * the previous one finishes.
+     *
+     * @param {string} name
+     *        The name to give this requestAnimationFrame
+     *
+     * @param  {Component~GenericCallback} fn
+     *         A function that will be bound to this component and executed just
+     *         before the browser's next repaint.
+     */
+    ;
+
+    _proto.requestNamedAnimationFrame = function requestNamedAnimationFrame(name, fn) {
+      var _this4 = this;
+
+      if (this.namedRafs_.has(name)) {
+        return;
+      }
+
+      this.clearTimersOnDispose_();
+      fn = bind(this, fn);
+      var id = this.requestAnimationFrame(function () {
+        fn();
+
+        if (_this4.namedRafs_.has(name)) {
+          _this4.namedRafs_["delete"](name);
+        }
+      });
+      this.namedRafs_.set(name, id);
+      return name;
+    }
+    /**
+     * Cancels a current named animation frame if it exists.
+     *
+     * @param {string} name
+     *        The name of the requestAnimationFrame to cancel.
+     */
+    ;
+
+    _proto.cancelNamedAnimationFrame = function cancelNamedAnimationFrame(name) {
+      if (!this.namedRafs_.has(name)) {
+        return;
+      }
+
+      this.cancelAnimationFrame(this.namedRafs_.get(name));
+      this.namedRafs_["delete"](name);
+    }
+    /**
+     * Cancels a queued callback passed to {@link Component#requestAnimationFrame}
+     * (rAF).
+     *
+     * If you queue an rAF callback via {@link Component#requestAnimationFrame},
+     * use this function instead of `window.cancelAnimationFrame`. If you don't,
+     * your dispose listener will not get cleaned up until {@link Component#dispose}!
+     *
+     * @param {number} id
+     *        The rAF ID to clear. The return value of {@link Component#requestAnimationFrame}.
+     *
+     * @return {number}
+     *         Returns the rAF ID that was cleared.
+     *
+     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/cancelAnimationFrame}
+     */
+    ;
+
+    _proto.cancelAnimationFrame = function cancelAnimationFrame(id) {
+      // Fall back to using a timer.
+      if (!this.supportsRaf_) {
+        return this.clearTimeout(id);
+      }
+
+      if (this.rafIds_.has(id)) {
+        this.rafIds_["delete"](id);
+        window_1.cancelAnimationFrame(id);
+      }
+
+      return id;
+    }
+    /**
+     * A function to setup `requestAnimationFrame`, `setTimeout`,
+     * and `setInterval`, clearing on dispose.
+     *
+     * > Previously each timer added and removed dispose listeners on it's own.
+     * For better performance it was decided to batch them all, and use `Set`s
+     * to track outstanding timer ids.
+     *
+     * @private
+     */
+    ;
+
+    _proto.clearTimersOnDispose_ = function clearTimersOnDispose_() {
+      var _this5 = this;
+
+      if (this.clearingTimersOnDispose_) {
+        return;
+      }
+
+      this.clearingTimersOnDispose_ = true;
+      this.one('dispose', function () {
+        [['namedRafs_', 'cancelNamedAnimationFrame'], ['rafIds_', 'cancelAnimationFrame'], ['setTimeoutIds_', 'clearTimeout'], ['setIntervalIds_', 'clearInterval']].forEach(function (_ref) {
+          var idName = _ref[0],
+              cancelName = _ref[1];
+
+          // for a `Set` key will actually be the value again
+          // so forEach((val, val) =>` but for maps we want to use
+          // the key.
+          _this5[idName].forEach(function (val, key) {
+            return _this5[cancelName](key);
+          });
+        });
+        _this5.clearingTimersOnDispose_ = false;
+      });
+    }
+    /**
+     * Register a `Component` with `videojs` given the name and the component.
+     *
+     * > NOTE: {@link Tech}s should not be registered as a `Component`. {@link Tech}s
+     *         should be registered using {@link Tech.registerTech} or
+     *         {@link videojs:videojs.registerTech}.
+     *
+     * > NOTE: This function can also be seen on videojs as
+     *         {@link videojs:videojs.registerComponent}.
+     *
+     * @param {string} name
+     *        The name of the `Component` to register.
+     *
+     * @param {Component} ComponentToRegister
+     *        The `Component` class to register.
+     *
+     * @return {Component}
+     *         The `Component` that was registered.
+     */
+    ;
+
+    Component.registerComponent = function registerComponent(name, ComponentToRegister) {
+      if (typeof name !== 'string' || !name) {
+        throw new Error("Illegal component name, \"" + name + "\"; must be a non-empty string.");
+      }
+
+      var Tech = Component.getComponent('Tech'); // We need to make sure this check is only done if Tech has been registered.
+
+      var isTech = Tech && Tech.isTech(ComponentToRegister);
+      var isComp = Component === ComponentToRegister || Component.prototype.isPrototypeOf(ComponentToRegister.prototype);
+
+      if (isTech || !isComp) {
+        var reason;
+
+        if (isTech) {
+          reason = 'techs must be registered using Tech.registerTech()';
+        } else {
+          reason = 'must be a Component subclass';
+        }
+
+        throw new Error("Illegal component, \"" + name + "\"; " + reason + ".");
+      }
+
+      name = toTitleCase$1(name);
+
+      if (!Component.components_) {
+        Component.components_ = {};
+      }
+
+      var Player = Component.getComponent('Player');
+
+      if (name === 'Player' && Player && Player.players) {
+        var players = Player.players;
+        var playerNames = Object.keys(players); // If we have players that were disposed, then their name will still be
+        // in Players.players. So, we must loop through and verify that the value
+        // for each item is not null. This allows registration of the Player component
+        // after all players have been disposed or before any were created.
+
+        if (players && playerNames.length > 0 && playerNames.map(function (pname) {
+          return players[pname];
+        }).every(Boolean)) {
+          throw new Error('Can not register Player component after player has been created.');
+        }
+      }
+
+      Component.components_[name] = ComponentToRegister;
+      Component.components_[toLowerCase(name)] = ComponentToRegister;
+      return ComponentToRegister;
+    }
+    /**
+     * Get a `Component` based on the name it was registered with.
+     *
+     * @param {string} name
+     *        The Name of the component to get.
+     *
+     * @return {Component}
+     *         The `Component` that got registered under the given name.
+     *
+     * @deprecated In `videojs` 6 this will not return `Component`s that were not
+     *             registered using {@link Component.registerComponent}. Currently we
+     *             check the global `videojs` object for a `Component` name and
+     *             return that if it exists.
+     */
+    ;
+
+    Component.getComponent = function getComponent(name) {
+      if (!name || !Component.components_) {
+        return;
+      }
+
+      return Component.components_[name];
+    };
+
+    return Component;
+  }();
+  /**
+   * Whether or not this component supports `requestAnimationFrame`.
+   *
+   * This is exposed primarily for testing purposes.
+   *
+   * @private
+   * @type {Boolean}
+   */
+
+
+  Component$1.prototype.supportsRaf_ = typeof window_1.requestAnimationFrame === 'function' && typeof window_1.cancelAnimationFrame === 'function';
+  Component$1.registerComponent('Component', Component$1);
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  var assertThisInitialized = _assertThisInitialized;
+
+  function _inheritsLoose(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+    subClass.__proto__ = superClass;
+  }
+
+  var inheritsLoose = _inheritsLoose;
+
+  /**
+   * @file time-ranges.js
+   * @module time-ranges
+   */
+
+  /**
+   * Returns the time for the specified index at the start or end
+   * of a TimeRange object.
+   *
+   * @typedef    {Function} TimeRangeIndex
+   *
+   * @param      {number} [index=0]
+   *             The range number to return the time for.
+   *
+   * @return     {number}
+   *             The time offset at the specified index.
+   *
+   * @deprecated The index argument must be provided.
+   *             In the future, leaving it out will throw an error.
+   */
+
+  /**
+   * An object that contains ranges of time.
+   *
+   * @typedef  {Object} TimeRange
+   *
+   * @property {number} length
+   *           The number of time ranges represented by this object.
+   *
+   * @property {module:time-ranges~TimeRangeIndex} start
+   *           Returns the time offset at which a specified time range begins.
+   *
+   * @property {module:time-ranges~TimeRangeIndex} end
+   *           Returns the time offset at which a specified time range ends.
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges
+   */
+
+  /**
+   * Check if any of the time ranges are over the maximum index.
+   *
+   * @private
+   * @param   {string} fnName
+   *          The function name to use for logging
+   *
+   * @param   {number} index
+   *          The index to check
+   *
+   * @param   {number} maxIndex
+   *          The maximum possible index
+   *
+   * @throws  {Error} if the timeRanges provided are over the maxIndex
+   */
+  function rangeCheck(fnName, index, maxIndex) {
+    if (typeof index !== 'number' || index < 0 || index > maxIndex) {
+      throw new Error("Failed to execute '" + fnName + "' on 'TimeRanges': The index provided (" + index + ") is non-numeric or out of bounds (0-" + maxIndex + ").");
+    }
+  }
+  /**
+   * Get the time for the specified index at the start or end
+   * of a TimeRange object.
+   *
+   * @private
+   * @param      {string} fnName
+   *             The function name to use for logging
+   *
+   * @param      {string} valueIndex
+   *             The property that should be used to get the time. should be
+   *             'start' or 'end'
+   *
+   * @param      {Array} ranges
+   *             An array of time ranges
+   *
+   * @param      {Array} [rangeIndex=0]
+   *             The index to start the search at
+   *
+   * @return     {number}
+   *             The time that offset at the specified index.
+   *
+   * @deprecated rangeIndex must be set to a value, in the future this will throw an error.
+   * @throws     {Error} if rangeIndex is more than the length of ranges
+   */
+
+
+  function getRange(fnName, valueIndex, ranges, rangeIndex) {
+    rangeCheck(fnName, rangeIndex, ranges.length - 1);
+    return ranges[rangeIndex][valueIndex];
+  }
+  /**
+   * Create a time range object given ranges of time.
+   *
+   * @private
+   * @param   {Array} [ranges]
+   *          An array of time ranges.
+   */
+
+
+  function createTimeRangesObj(ranges) {
+    if (ranges === undefined || ranges.length === 0) {
+      return {
+        length: 0,
+        start: function start() {
+          throw new Error('This TimeRanges object is empty');
+        },
+        end: function end() {
+          throw new Error('This TimeRanges object is empty');
+        }
+      };
+    }
+
+    return {
+      length: ranges.length,
+      start: getRange.bind(null, 'start', 0, ranges),
+      end: getRange.bind(null, 'end', 1, ranges)
+    };
+  }
+  /**
+   * Create a `TimeRange` object which mimics an
+   * {@link https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges|HTML5 TimeRanges instance}.
+   *
+   * @param {number|Array[]} start
+   *        The start of a single range (a number) or an array of ranges (an
+   *        array of arrays of two numbers each).
+   *
+   * @param {number} end
+   *        The end of a single range. Cannot be used with the array form of
+   *        the `start` argument.
+   */
+
+
+  function createTimeRanges(start, end) {
+    if (Array.isArray(start)) {
+      return createTimeRangesObj(start);
+    } else if (start === undefined || end === undefined) {
+      return createTimeRangesObj();
+    }
+
+    return createTimeRangesObj([[start, end]]);
+  }
+
+  /**
+   * @file buffer.js
+   * @module buffer
+   */
+  /**
+   * Compute the percentage of the media that has been buffered.
+   *
+   * @param {TimeRange} buffered
+   *        The current `TimeRange` object representing buffered time ranges
+   *
+   * @param {number} duration
+   *        Total duration of the media
+   *
+   * @return {number}
+   *         Percent buffered of the total duration in decimal form.
+   */
+
+  function bufferedPercent(buffered, duration) {
+    var bufferedDuration = 0;
+    var start;
+    var end;
+
+    if (!duration) {
+      return 0;
+    }
+
+    if (!buffered || !buffered.length) {
+      buffered = createTimeRanges(0, 0);
+    }
+
+    for (var i = 0; i < buffered.length; i++) {
+      start = buffered.start(i);
+      end = buffered.end(i); // buffered end can be bigger than duration by a very small fraction
+
+      if (end > duration) {
+        end = duration;
+      }
+
+      bufferedDuration += end - start;
+    }
+
+    return bufferedDuration / duration;
+  }
+
+  /**
+   * @file media-error.js
+   */
+  /**
+   * A Custom `MediaError` class which mimics the standard HTML5 `MediaError` class.
+   *
+   * @param {number|string|Object|MediaError} value
+   *        This can be of multiple types:
+   *        - number: should be a standard error code
+   *        - string: an error message (the code will be 0)
+   *        - Object: arbitrary properties
+   *        - `MediaError` (native): used to populate a video.js `MediaError` object
+   *        - `MediaError` (video.js): will return itself if it's already a
+   *          video.js `MediaError` object.
+   *
+   * @see [MediaError Spec]{@link https://dev.w3.org/html5/spec-author-view/video.html#mediaerror}
+   * @see [Encrypted MediaError Spec]{@link https://www.w3.org/TR/2013/WD-encrypted-media-20130510/#error-codes}
+   *
+   * @class MediaError
+   */
+
+  function MediaError(value) {
+    // Allow redundant calls to this constructor to avoid having `instanceof`
+    // checks peppered around the code.
+    if (value instanceof MediaError) {
+      return value;
+    }
+
+    if (typeof value === 'number') {
+      this.code = value;
+    } else if (typeof value === 'string') {
+      // default code is zero, so this is a custom error
+      this.message = value;
+    } else if (isObject$1(value)) {
+      // We assign the `code` property manually because native `MediaError` objects
+      // do not expose it as an own/enumerable property of the object.
+      if (typeof value.code === 'number') {
+        this.code = value.code;
+      }
+
+      assign(this, value);
+    }
+
+    if (!this.message) {
+      this.message = MediaError.defaultMessages[this.code] || '';
+    }
+  }
+  /**
+   * The error code that refers two one of the defined `MediaError` types
+   *
+   * @type {Number}
+   */
+
+
+  MediaError.prototype.code = 0;
+  /**
+   * An optional message that to show with the error. Message is not part of the HTML5
+   * video spec but allows for more informative custom errors.
+   *
+   * @type {String}
+   */
+
+  MediaError.prototype.message = '';
+  /**
+   * An optional status code that can be set by plugins to allow even more detail about
+   * the error. For example a plugin might provide a specific HTTP status code and an
+   * error message for that code. Then when the plugin gets that error this class will
+   * know how to display an error message for it. This allows a custom message to show
+   * up on the `Player` error overlay.
+   *
+   * @type {Array}
+   */
+
+  MediaError.prototype.status = null;
+  /**
+   * Errors indexed by the W3C standard. The order **CANNOT CHANGE**! See the
+   * specification listed under {@link MediaError} for more information.
+   *
+   * @enum {array}
+   * @readonly
+   * @property {string} 0 - MEDIA_ERR_CUSTOM
+   * @property {string} 1 - MEDIA_ERR_ABORTED
+   * @property {string} 2 - MEDIA_ERR_NETWORK
+   * @property {string} 3 - MEDIA_ERR_DECODE
+   * @property {string} 4 - MEDIA_ERR_SRC_NOT_SUPPORTED
+   * @property {string} 5 - MEDIA_ERR_ENCRYPTED
+   */
+
+  MediaError.errorTypes = ['MEDIA_ERR_CUSTOM', 'MEDIA_ERR_ABORTED', 'MEDIA_ERR_NETWORK', 'MEDIA_ERR_DECODE', 'MEDIA_ERR_SRC_NOT_SUPPORTED', 'MEDIA_ERR_ENCRYPTED'];
+  /**
+   * The default `MediaError` messages based on the {@link MediaError.errorTypes}.
+   *
+   * @type {Array}
+   * @constant
+   */
+
+  MediaError.defaultMessages = {
+    1: 'You aborted the media playback',
+    2: 'A network error caused the media download to fail part-way.',
+    3: 'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.',
+    4: 'The media could not be loaded, either because the server or network failed or because the format is not supported.',
+    5: 'The media is encrypted and we do not have the keys to decrypt it.'
+  }; // Add types as properties on MediaError
+  // e.g. MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
+
+  for (var errNum = 0; errNum < MediaError.errorTypes.length; errNum++) {
+    MediaError[MediaError.errorTypes[errNum]] = errNum; // values should be accessible on both the class and instance
+
+    MediaError.prototype[MediaError.errorTypes[errNum]] = errNum;
+  } // jsdocs for instance/static members added above
+
+  var tuple = SafeParseTuple;
+
+  function SafeParseTuple(obj, reviver) {
+    var json;
+    var error = null;
+
+    try {
+      json = JSON.parse(obj, reviver);
+    } catch (err) {
+      error = err;
+    }
+
+    return [error, json];
+  }
+
+  /**
+   * Returns whether an object is `Promise`-like (i.e. has a `then` method).
+   *
+   * @param  {Object}  value
+   *         An object that may or may not be `Promise`-like.
+   *
+   * @return {boolean}
+   *         Whether or not the object is `Promise`-like.
+   */
+  function isPromise(value) {
+    return value !== undefined && value !== null && typeof value.then === 'function';
+  }
+  /**
+   * Silence a Promise-like object.
+   *
+   * This is useful for avoiding non-harmful, but potentially confusing "uncaught
+   * play promise" rejection error messages.
+   *
+   * @param  {Object} value
+   *         An object that may or may not be `Promise`-like.
+   */
+
+  function silencePromise(value) {
+    if (isPromise(value)) {
+      value.then(null, function (e) {});
+    }
+  }
+
+  /**
+   * @file text-track-list-converter.js Utilities for capturing text track state and
+   * re-creating tracks based on a capture.
+   *
+   * @module text-track-list-converter
+   */
+
+  /**
+   * Examine a single {@link TextTrack} and return a JSON-compatible javascript object that
+   * represents the {@link TextTrack}'s state.
+   *
+   * @param {TextTrack} track
+   *        The text track to query.
+   *
+   * @return {Object}
+   *         A serializable javascript representation of the TextTrack.
+   * @private
+   */
+  var trackToJson_ = function trackToJson_(track) {
+    var ret = ['kind', 'label', 'language', 'id', 'inBandMetadataTrackDispatchType', 'mode', 'src'].reduce(function (acc, prop, i) {
+      if (track[prop]) {
+        acc[prop] = track[prop];
+      }
+
+      return acc;
+    }, {
+      cues: track.cues && Array.prototype.map.call(track.cues, function (cue) {
+        return {
+          startTime: cue.startTime,
+          endTime: cue.endTime,
+          text: cue.text,
+          id: cue.id
+        };
+      })
+    });
+    return ret;
+  };
+  /**
+   * Examine a {@link Tech} and return a JSON-compatible javascript array that represents the
+   * state of all {@link TextTrack}s currently configured. The return array is compatible with
+   * {@link text-track-list-converter:jsonToTextTracks}.
+   *
+   * @param {Tech} tech
+   *        The tech object to query
+   *
+   * @return {Array}
+   *         A serializable javascript representation of the {@link Tech}s
+   *         {@link TextTrackList}.
+   */
+
+
+  var textTracksToJson = function textTracksToJson(tech) {
+    var trackEls = tech.$$('track');
+    var trackObjs = Array.prototype.map.call(trackEls, function (t) {
+      return t.track;
+    });
+    var tracks = Array.prototype.map.call(trackEls, function (trackEl) {
+      var json = trackToJson_(trackEl.track);
+
+      if (trackEl.src) {
+        json.src = trackEl.src;
+      }
+
+      return json;
+    });
+    return tracks.concat(Array.prototype.filter.call(tech.textTracks(), function (track) {
+      return trackObjs.indexOf(track) === -1;
+    }).map(trackToJson_));
+  };
+  /**
+   * Create a set of remote {@link TextTrack}s on a {@link Tech} based on an array of javascript
+   * object {@link TextTrack} representations.
+   *
+   * @param {Array} json
+   *        An array of `TextTrack` representation objects, like those that would be
+   *        produced by `textTracksToJson`.
+   *
+   * @param {Tech} tech
+   *        The `Tech` to create the `TextTrack`s on.
+   */
+
+
+  var jsonToTextTracks = function jsonToTextTracks(json, tech) {
+    json.forEach(function (track) {
+      var addedTrack = tech.addRemoteTextTrack(track).track;
+
+      if (!track.src && track.cues) {
+        track.cues.forEach(function (cue) {
+          return addedTrack.addCue(cue);
+        });
+      }
+    });
+    return tech.textTracks();
+  };
+
+  var textTrackConverter = {
+    textTracksToJson: textTracksToJson,
+    jsonToTextTracks: jsonToTextTracks,
+    trackToJson_: trackToJson_
+  };
+
+  var keycode = createCommonjsModule(function (module, exports) {
+    // Source: http://jsfiddle.net/vWx8V/
+    // http://stackoverflow.com/questions/5603195/full-list-of-javascript-keycodes
+
+    /**
+     * Conenience method returns corresponding value for given keyName or keyCode.
+     *
+     * @param {Mixed} keyCode {Number} or keyName {String}
+     * @return {Mixed}
+     * @api public
+     */
+    function keyCode(searchInput) {
+      // Keyboard Events
+      if (searchInput && 'object' === typeof searchInput) {
+        var hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode;
+        if (hasKeyCode) searchInput = hasKeyCode;
+      } // Numbers
+
+
+      if ('number' === typeof searchInput) return names[searchInput]; // Everything else (cast to string)
+
+      var search = String(searchInput); // check codes
+
+      var foundNamedKey = codes[search.toLowerCase()];
+      if (foundNamedKey) return foundNamedKey; // check aliases
+
+      var foundNamedKey = aliases[search.toLowerCase()];
+      if (foundNamedKey) return foundNamedKey; // weird character?
+
+      if (search.length === 1) return search.charCodeAt(0);
+      return undefined;
+    }
+    /**
+     * Compares a keyboard event with a given keyCode or keyName.
+     *
+     * @param {Event} event Keyboard event that should be tested
+     * @param {Mixed} keyCode {Number} or keyName {String}
+     * @return {Boolean}
+     * @api public
+     */
+
+
+    keyCode.isEventKey = function isEventKey(event, nameOrCode) {
+      if (event && 'object' === typeof event) {
+        var keyCode = event.which || event.keyCode || event.charCode;
+
+        if (keyCode === null || keyCode === undefined) {
+          return false;
+        }
+
+        if (typeof nameOrCode === 'string') {
+          // check codes
+          var foundNamedKey = codes[nameOrCode.toLowerCase()];
+
+          if (foundNamedKey) {
+            return foundNamedKey === keyCode;
+          } // check aliases
+
+
+          var foundNamedKey = aliases[nameOrCode.toLowerCase()];
+
+          if (foundNamedKey) {
+            return foundNamedKey === keyCode;
+          }
+        } else if (typeof nameOrCode === 'number') {
+          return nameOrCode === keyCode;
+        }
+
+        return false;
+      }
+    };
+
+    exports = module.exports = keyCode;
+    /**
+     * Get by name
+     *
+     *   exports.code['enter'] // => 13
+     */
+
+    var codes = exports.code = exports.codes = {
+      'backspace': 8,
+      'tab': 9,
+      'enter': 13,
+      'shift': 16,
+      'ctrl': 17,
+      'alt': 18,
+      'pause/break': 19,
+      'caps lock': 20,
+      'esc': 27,
+      'space': 32,
+      'page up': 33,
+      'page down': 34,
+      'end': 35,
+      'home': 36,
+      'left': 37,
+      'up': 38,
+      'right': 39,
+      'down': 40,
+      'insert': 45,
+      'delete': 46,
+      'command': 91,
+      'left command': 91,
+      'right command': 93,
+      'numpad *': 106,
+      'numpad +': 107,
+      'numpad -': 109,
+      'numpad .': 110,
+      'numpad /': 111,
+      'num lock': 144,
+      'scroll lock': 145,
+      'my computer': 182,
+      'my calculator': 183,
+      ';': 186,
+      '=': 187,
+      ',': 188,
+      '-': 189,
+      '.': 190,
+      '/': 191,
+      '`': 192,
+      '[': 219,
+      '\\': 220,
+      ']': 221,
+      "'": 222
+    }; // Helper aliases
+
+    var aliases = exports.aliases = {
+      'windows': 91,
+      '⇧': 16,
+      '⌥': 18,
+      '⌃': 17,
+      '⌘': 91,
+      'ctl': 17,
+      'control': 17,
+      'option': 18,
+      'pause': 19,
+      'break': 19,
+      'caps': 20,
+      'return': 13,
+      'escape': 27,
+      'spc': 32,
+      'spacebar': 32,
+      'pgup': 33,
+      'pgdn': 34,
+      'ins': 45,
+      'del': 46,
+      'cmd': 91
+    };
+    /*!
+     * Programatically add the following
+     */
+    // lower case chars
+
+    for (i = 97; i < 123; i++) {
+      codes[String.fromCharCode(i)] = i - 32;
+    } // numbers
+
+
+    for (var i = 48; i < 58; i++) {
+      codes[i - 48] = i;
+    } // function keys
+
+
+    for (i = 1; i < 13; i++) {
+      codes['f' + i] = i + 111;
+    } // numpad keys
+
+
+    for (i = 0; i < 10; i++) {
+      codes['numpad ' + i] = i + 96;
+    }
+    /**
+     * Get by code
+     *
+     *   exports.name[13] // => 'Enter'
+     */
+
+
+    var names = exports.names = exports.title = {}; // title for backward compat
+    // Create reverse mapping
+
+    for (i in codes) {
+      names[codes[i]] = i;
+    } // Add aliases
+
+
+    for (var alias in aliases) {
+      codes[alias] = aliases[alias];
+    }
+  });
+  keycode.code;
+  keycode.codes;
+  keycode.aliases;
+  keycode.names;
+  keycode.title;
+
+  var MODAL_CLASS_NAME = 'vjs-modal-dialog';
+  /**
+   * The `ModalDialog` displays over the video and its controls, which blocks
+   * interaction with the player until it is closed.
+   *
+   * Modal dialogs include a "Close" button and will close when that button
+   * is activated - or when ESC is pressed anywhere.
+   *
+   * @extends Component
+   */
+
+  var ModalDialog = /*#__PURE__*/function (_Component) {
+    inheritsLoose(ModalDialog, _Component);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {Mixed} [options.content=undefined]
+     *        Provide customized content for this modal.
+     *
+     * @param {string} [options.description]
+     *        A text description for the modal, primarily for accessibility.
+     *
+     * @param {boolean} [options.fillAlways=false]
+     *        Normally, modals are automatically filled only the first time
+     *        they open. This tells the modal to refresh its content
+     *        every time it opens.
+     *
+     * @param {string} [options.label]
+     *        A text label for the modal, primarily for accessibility.
+     *
+     * @param {boolean} [options.pauseOnOpen=true]
+     *        If `true`, playback will will be paused if playing when
+     *        the modal opens, and resumed when it closes.
+     *
+     * @param {boolean} [options.temporary=true]
+     *        If `true`, the modal can only be opened once; it will be
+     *        disposed as soon as it's closed.
+     *
+     * @param {boolean} [options.uncloseable=false]
+     *        If `true`, the user will not be able to close the modal
+     *        through the UI in the normal ways. Programmatic closing is
+     *        still possible.
+     */
+    function ModalDialog(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+
+      _this.handleKeyDown_ = function (e) {
+        return _this.handleKeyDown(e);
+      };
+
+      _this.close_ = function (e) {
+        return _this.close(e);
+      };
+
+      _this.opened_ = _this.hasBeenOpened_ = _this.hasBeenFilled_ = false;
+
+      _this.closeable(!_this.options_.uncloseable);
+
+      _this.content(_this.options_.content); // Make sure the contentEl is defined AFTER any children are initialized
+      // because we only want the contents of the modal in the contentEl
+      // (not the UI elements like the close button).
+
+
+      _this.contentEl_ = createEl('div', {
+        className: MODAL_CLASS_NAME + "-content"
+      }, {
+        role: 'document'
+      });
+      _this.descEl_ = createEl('p', {
+        className: MODAL_CLASS_NAME + "-description vjs-control-text",
+        id: _this.el().getAttribute('aria-describedby')
+      });
+      textContent(_this.descEl_, _this.description());
+
+      _this.el_.appendChild(_this.descEl_);
+
+      _this.el_.appendChild(_this.contentEl_);
+
+      return _this;
+    }
+    /**
+     * Create the `ModalDialog`'s DOM element
+     *
+     * @return {Element}
+     *         The DOM element that gets created.
+     */
+
+
+    var _proto = ModalDialog.prototype;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: this.buildCSSClass(),
+        tabIndex: -1
+      }, {
+        'aria-describedby': this.id() + "_description",
+        'aria-hidden': 'true',
+        'aria-label': this.label(),
+        'role': 'dialog'
+      });
+    };
+
+    _proto.dispose = function dispose() {
+      this.contentEl_ = null;
+      this.descEl_ = null;
+      this.previouslyActiveEl_ = null;
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+    ;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return MODAL_CLASS_NAME + " vjs-hidden " + _Component.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * Returns the label string for this modal. Primarily used for accessibility.
+     *
+     * @return {string}
+     *         the localized or raw label of this modal.
+     */
+    ;
+
+    _proto.label = function label() {
+      return this.localize(this.options_.label || 'Modal Window');
+    }
+    /**
+     * Returns the description string for this modal. Primarily used for
+     * accessibility.
+     *
+     * @return {string}
+     *         The localized or raw description of this modal.
+     */
+    ;
+
+    _proto.description = function description() {
+      var desc = this.options_.description || this.localize('This is a modal window.'); // Append a universal closeability message if the modal is closeable.
+
+      if (this.closeable()) {
+        desc += ' ' + this.localize('This modal can be closed by pressing the Escape key or activating the close button.');
+      }
+
+      return desc;
+    }
+    /**
+     * Opens the modal.
+     *
+     * @fires ModalDialog#beforemodalopen
+     * @fires ModalDialog#modalopen
+     */
+    ;
+
+    _proto.open = function open() {
+      if (!this.opened_) {
+        var player = this.player();
+        /**
+          * Fired just before a `ModalDialog` is opened.
+          *
+          * @event ModalDialog#beforemodalopen
+          * @type {EventTarget~Event}
+          */
+
+        this.trigger('beforemodalopen');
+        this.opened_ = true; // Fill content if the modal has never opened before and
+        // never been filled.
+
+        if (this.options_.fillAlways || !this.hasBeenOpened_ && !this.hasBeenFilled_) {
+          this.fill();
+        } // If the player was playing, pause it and take note of its previously
+        // playing state.
+
+
+        this.wasPlaying_ = !player.paused();
+
+        if (this.options_.pauseOnOpen && this.wasPlaying_) {
+          player.pause();
+        }
+
+        this.on('keydown', this.handleKeyDown_); // Hide controls and note if they were enabled.
+
+        this.hadControls_ = player.controls();
+        player.controls(false);
+        this.show();
+        this.conditionalFocus_();
+        this.el().setAttribute('aria-hidden', 'false');
+        /**
+          * Fired just after a `ModalDialog` is opened.
+          *
+          * @event ModalDialog#modalopen
+          * @type {EventTarget~Event}
+          */
+
+        this.trigger('modalopen');
+        this.hasBeenOpened_ = true;
+      }
+    }
+    /**
+     * If the `ModalDialog` is currently open or closed.
+     *
+     * @param  {boolean} [value]
+     *         If given, it will open (`true`) or close (`false`) the modal.
+     *
+     * @return {boolean}
+     *         the current open state of the modaldialog
+     */
+    ;
+
+    _proto.opened = function opened(value) {
+      if (typeof value === 'boolean') {
+        this[value ? 'open' : 'close']();
+      }
+
+      return this.opened_;
+    }
+    /**
+     * Closes the modal, does nothing if the `ModalDialog` is
+     * not open.
+     *
+     * @fires ModalDialog#beforemodalclose
+     * @fires ModalDialog#modalclose
+     */
+    ;
+
+    _proto.close = function close() {
+      if (!this.opened_) {
+        return;
+      }
+
+      var player = this.player();
+      /**
+        * Fired just before a `ModalDialog` is closed.
+        *
+        * @event ModalDialog#beforemodalclose
+        * @type {EventTarget~Event}
+        */
+
+      this.trigger('beforemodalclose');
+      this.opened_ = false;
+
+      if (this.wasPlaying_ && this.options_.pauseOnOpen) {
+        player.play();
+      }
+
+      this.off('keydown', this.handleKeyDown_);
+
+      if (this.hadControls_) {
+        player.controls(true);
+      }
+
+      this.hide();
+      this.el().setAttribute('aria-hidden', 'true');
+      /**
+        * Fired just after a `ModalDialog` is closed.
+        *
+        * @event ModalDialog#modalclose
+        * @type {EventTarget~Event}
+        */
+
+      this.trigger('modalclose');
+      this.conditionalBlur_();
+
+      if (this.options_.temporary) {
+        this.dispose();
+      }
+    }
+    /**
+     * Check to see if the `ModalDialog` is closeable via the UI.
+     *
+     * @param  {boolean} [value]
+     *         If given as a boolean, it will set the `closeable` option.
+     *
+     * @return {boolean}
+     *         Returns the final value of the closable option.
+     */
+    ;
+
+    _proto.closeable = function closeable(value) {
+      if (typeof value === 'boolean') {
+        var closeable = this.closeable_ = !!value;
+        var close = this.getChild('closeButton'); // If this is being made closeable and has no close button, add one.
+
+        if (closeable && !close) {
+          // The close button should be a child of the modal - not its
+          // content element, so temporarily change the content element.
+          var temp = this.contentEl_;
+          this.contentEl_ = this.el_;
+          close = this.addChild('closeButton', {
+            controlText: 'Close Modal Dialog'
+          });
+          this.contentEl_ = temp;
+          this.on(close, 'close', this.close_);
+        } // If this is being made uncloseable and has a close button, remove it.
+
+
+        if (!closeable && close) {
+          this.off(close, 'close', this.close_);
+          this.removeChild(close);
+          close.dispose();
+        }
+      }
+
+      return this.closeable_;
+    }
+    /**
+     * Fill the modal's content element with the modal's "content" option.
+     * The content element will be emptied before this change takes place.
+     */
+    ;
+
+    _proto.fill = function fill() {
+      this.fillWith(this.content());
+    }
+    /**
+     * Fill the modal's content element with arbitrary content.
+     * The content element will be emptied before this change takes place.
+     *
+     * @fires ModalDialog#beforemodalfill
+     * @fires ModalDialog#modalfill
+     *
+     * @param {Mixed} [content]
+     *        The same rules apply to this as apply to the `content` option.
+     */
+    ;
+
+    _proto.fillWith = function fillWith(content) {
+      var contentEl = this.contentEl();
+      var parentEl = contentEl.parentNode;
+      var nextSiblingEl = contentEl.nextSibling;
+      /**
+        * Fired just before a `ModalDialog` is filled with content.
+        *
+        * @event ModalDialog#beforemodalfill
+        * @type {EventTarget~Event}
+        */
+
+      this.trigger('beforemodalfill');
+      this.hasBeenFilled_ = true; // Detach the content element from the DOM before performing
+      // manipulation to avoid modifying the live DOM multiple times.
+
+      parentEl.removeChild(contentEl);
+      this.empty();
+      insertContent(contentEl, content);
+      /**
+       * Fired just after a `ModalDialog` is filled with content.
+       *
+       * @event ModalDialog#modalfill
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('modalfill'); // Re-inject the re-filled content element.
+
+      if (nextSiblingEl) {
+        parentEl.insertBefore(contentEl, nextSiblingEl);
+      } else {
+        parentEl.appendChild(contentEl);
+      } // make sure that the close button is last in the dialog DOM
+
+
+      var closeButton = this.getChild('closeButton');
+
+      if (closeButton) {
+        parentEl.appendChild(closeButton.el_);
+      }
+    }
+    /**
+     * Empties the content element. This happens anytime the modal is filled.
+     *
+     * @fires ModalDialog#beforemodalempty
+     * @fires ModalDialog#modalempty
+     */
+    ;
+
+    _proto.empty = function empty() {
+      /**
+      * Fired just before a `ModalDialog` is emptied.
+      *
+      * @event ModalDialog#beforemodalempty
+      * @type {EventTarget~Event}
+      */
+      this.trigger('beforemodalempty');
+      emptyEl(this.contentEl());
+      /**
+      * Fired just after a `ModalDialog` is emptied.
+      *
+      * @event ModalDialog#modalempty
+      * @type {EventTarget~Event}
+      */
+
+      this.trigger('modalempty');
+    }
+    /**
+     * Gets or sets the modal content, which gets normalized before being
+     * rendered into the DOM.
+     *
+     * This does not update the DOM or fill the modal, but it is called during
+     * that process.
+     *
+     * @param  {Mixed} [value]
+     *         If defined, sets the internal content value to be used on the
+     *         next call(s) to `fill`. This value is normalized before being
+     *         inserted. To "clear" the internal content value, pass `null`.
+     *
+     * @return {Mixed}
+     *         The current content of the modal dialog
+     */
+    ;
+
+    _proto.content = function content(value) {
+      if (typeof value !== 'undefined') {
+        this.content_ = value;
+      }
+
+      return this.content_;
+    }
+    /**
+     * conditionally focus the modal dialog if focus was previously on the player.
+     *
+     * @private
+     */
+    ;
+
+    _proto.conditionalFocus_ = function conditionalFocus_() {
+      var activeEl = document_1.activeElement;
+      var playerEl = this.player_.el_;
+      this.previouslyActiveEl_ = null;
+
+      if (playerEl.contains(activeEl) || playerEl === activeEl) {
+        this.previouslyActiveEl_ = activeEl;
+        this.focus();
+      }
+    }
+    /**
+     * conditionally blur the element and refocus the last focused element
+     *
+     * @private
+     */
+    ;
+
+    _proto.conditionalBlur_ = function conditionalBlur_() {
+      if (this.previouslyActiveEl_) {
+        this.previouslyActiveEl_.focus();
+        this.previouslyActiveEl_ = null;
+      }
+    }
+    /**
+     * Keydown handler. Attached when modal is focused.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      // Do not allow keydowns to reach out of the modal dialog.
+      event.stopPropagation();
+
+      if (keycode.isEventKey(event, 'Escape') && this.closeable()) {
+        event.preventDefault();
+        this.close();
+        return;
+      } // exit early if it isn't a tab key
+
+
+      if (!keycode.isEventKey(event, 'Tab')) {
+        return;
+      }
+
+      var focusableEls = this.focusableEls_();
+      var activeEl = this.el_.querySelector(':focus');
+      var focusIndex;
+
+      for (var i = 0; i < focusableEls.length; i++) {
+        if (activeEl === focusableEls[i]) {
+          focusIndex = i;
+          break;
+        }
+      }
+
+      if (document_1.activeElement === this.el_) {
+        focusIndex = 0;
+      }
+
+      if (event.shiftKey && focusIndex === 0) {
+        focusableEls[focusableEls.length - 1].focus();
+        event.preventDefault();
+      } else if (!event.shiftKey && focusIndex === focusableEls.length - 1) {
+        focusableEls[0].focus();
+        event.preventDefault();
+      }
+    }
+    /**
+     * get all focusable elements
+     *
+     * @private
+     */
+    ;
+
+    _proto.focusableEls_ = function focusableEls_() {
+      var allChildren = this.el_.querySelectorAll('*');
+      return Array.prototype.filter.call(allChildren, function (child) {
+        return (child instanceof window_1.HTMLAnchorElement || child instanceof window_1.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window_1.HTMLInputElement || child instanceof window_1.HTMLSelectElement || child instanceof window_1.HTMLTextAreaElement || child instanceof window_1.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window_1.HTMLIFrameElement || child instanceof window_1.HTMLObjectElement || child instanceof window_1.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');
+      });
+    };
+
+    return ModalDialog;
+  }(Component$1);
+  /**
+   * Default options for `ModalDialog` default options.
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  ModalDialog.prototype.options_ = {
+    pauseOnOpen: true,
+    temporary: true
+  };
+  Component$1.registerComponent('ModalDialog', ModalDialog);
+
+  /**
+   * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
+   * {@link VideoTrackList}
+   *
+   * @extends EventTarget
+   */
+
+  var TrackList = /*#__PURE__*/function (_EventTarget) {
+    inheritsLoose(TrackList, _EventTarget);
+
+    /**
+     * Create an instance of this class
+     *
+     * @param {Track[]} tracks
+     *        A list of tracks to initialize the list with.
+     *
+     * @abstract
+     */
+    function TrackList(tracks) {
+      var _this;
+
+      if (tracks === void 0) {
+        tracks = [];
+      }
+
+      _this = _EventTarget.call(this) || this;
+      _this.tracks_ = [];
+      /**
+       * @memberof TrackList
+       * @member {number} length
+       *         The current number of `Track`s in the this Trackist.
+       * @instance
+       */
+
+      Object.defineProperty(assertThisInitialized(_this), 'length', {
+        get: function get() {
+          return this.tracks_.length;
+        }
+      });
+
+      for (var i = 0; i < tracks.length; i++) {
+        _this.addTrack(tracks[i]);
+      }
+
+      return _this;
+    }
+    /**
+     * Add a {@link Track} to the `TrackList`
+     *
+     * @param {Track} track
+     *        The audio, video, or text track to add to the list.
+     *
+     * @fires TrackList#addtrack
+     */
+
+
+    var _proto = TrackList.prototype;
+
+    _proto.addTrack = function addTrack(track) {
+      var _this2 = this;
+
+      var index = this.tracks_.length;
+
+      if (!('' + index in this)) {
+        Object.defineProperty(this, index, {
+          get: function get() {
+            return this.tracks_[index];
+          }
+        });
+      } // Do not add duplicate tracks
+
+
+      if (this.tracks_.indexOf(track) === -1) {
+        this.tracks_.push(track);
+        /**
+         * Triggered when a track is added to a track list.
+         *
+         * @event TrackList#addtrack
+         * @type {EventTarget~Event}
+         * @property {Track} track
+         *           A reference to track that was added.
+         */
+
+        this.trigger({
+          track: track,
+          type: 'addtrack',
+          target: this
+        });
+      }
+      /**
+       * Triggered when a track label is changed.
+       *
+       * @event TrackList#addtrack
+       * @type {EventTarget~Event}
+       * @property {Track} track
+       *           A reference to track that was added.
+       */
+
+
+      track.labelchange_ = function () {
+        _this2.trigger({
+          track: track,
+          type: 'labelchange',
+          target: _this2
+        });
+      };
+
+      if (isEvented(track)) {
+        track.addEventListener('labelchange', track.labelchange_);
+      }
+    }
+    /**
+     * Remove a {@link Track} from the `TrackList`
+     *
+     * @param {Track} rtrack
+     *        The audio, video, or text track to remove from the list.
+     *
+     * @fires TrackList#removetrack
+     */
+    ;
+
+    _proto.removeTrack = function removeTrack(rtrack) {
+      var track;
+
+      for (var i = 0, l = this.length; i < l; i++) {
+        if (this[i] === rtrack) {
+          track = this[i];
+
+          if (track.off) {
+            track.off();
+          }
+
+          this.tracks_.splice(i, 1);
+          break;
+        }
+      }
+
+      if (!track) {
+        return;
+      }
+      /**
+       * Triggered when a track is removed from track list.
+       *
+       * @event TrackList#removetrack
+       * @type {EventTarget~Event}
+       * @property {Track} track
+       *           A reference to track that was removed.
+       */
+
+
+      this.trigger({
+        track: track,
+        type: 'removetrack',
+        target: this
+      });
+    }
+    /**
+     * Get a Track from the TrackList by a tracks id
+     *
+     * @param {string} id - the id of the track to get
+     * @method getTrackById
+     * @return {Track}
+     * @private
+     */
+    ;
+
+    _proto.getTrackById = function getTrackById(id) {
+      var result = null;
+
+      for (var i = 0, l = this.length; i < l; i++) {
+        var track = this[i];
+
+        if (track.id === id) {
+          result = track;
+          break;
+        }
+      }
+
+      return result;
+    };
+
+    return TrackList;
+  }(EventTarget$2);
+  /**
+   * Triggered when a different track is selected/enabled.
+   *
+   * @event TrackList#change
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Events that can be called with on + eventName. See {@link EventHandler}.
+   *
+   * @property {Object} TrackList#allowedEvents_
+   * @private
+   */
+
+
+  TrackList.prototype.allowedEvents_ = {
+    change: 'change',
+    addtrack: 'addtrack',
+    removetrack: 'removetrack',
+    labelchange: 'labelchange'
+  }; // emulate attribute EventHandler support to allow for feature detection
+
+  for (var event in TrackList.prototype.allowedEvents_) {
+    TrackList.prototype['on' + event] = null;
+  }
+
+  /**
+   * Anywhere we call this function we diverge from the spec
+   * as we only support one enabled audiotrack at a time
+   *
+   * @param {AudioTrackList} list
+   *        list to work on
+   *
+   * @param {AudioTrack} track
+   *        The track to skip
+   *
+   * @private
+   */
+
+  var disableOthers$1 = function disableOthers(list, track) {
+    for (var i = 0; i < list.length; i++) {
+      if (!Object.keys(list[i]).length || track.id === list[i].id) {
+        continue;
+      } // another audio track is enabled, disable it
+
+
+      list[i].enabled = false;
+    }
+  };
+  /**
+   * The current list of {@link AudioTrack} for a media file.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist}
+   * @extends TrackList
+   */
+
+
+  var AudioTrackList = /*#__PURE__*/function (_TrackList) {
+    inheritsLoose(AudioTrackList, _TrackList);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {AudioTrack[]} [tracks=[]]
+     *        A list of `AudioTrack` to instantiate the list with.
+     */
+    function AudioTrackList(tracks) {
+      var _this;
+
+      if (tracks === void 0) {
+        tracks = [];
+      }
+
+      // make sure only 1 track is enabled
+      // sorted from last index to first index
+      for (var i = tracks.length - 1; i >= 0; i--) {
+        if (tracks[i].enabled) {
+          disableOthers$1(tracks, tracks[i]);
+          break;
+        }
+      }
+
+      _this = _TrackList.call(this, tracks) || this;
+      _this.changing_ = false;
+      return _this;
+    }
+    /**
+     * Add an {@link AudioTrack} to the `AudioTrackList`.
+     *
+     * @param {AudioTrack} track
+     *        The AudioTrack to add to the list
+     *
+     * @fires TrackList#addtrack
+     */
+
+
+    var _proto = AudioTrackList.prototype;
+
+    _proto.addTrack = function addTrack(track) {
+      var _this2 = this;
+
+      if (track.enabled) {
+        disableOthers$1(this, track);
+      }
+
+      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
+
+
+      if (!track.addEventListener) {
+        return;
+      }
+
+      track.enabledChange_ = function () {
+        // when we are disabling other tracks (since we don't support
+        // more than one track at a time) we will set changing_
+        // to true so that we don't trigger additional change events
+        if (_this2.changing_) {
+          return;
+        }
+
+        _this2.changing_ = true;
+        disableOthers$1(_this2, track);
+        _this2.changing_ = false;
+
+        _this2.trigger('change');
+      };
+      /**
+       * @listens AudioTrack#enabledchange
+       * @fires TrackList#change
+       */
+
+
+      track.addEventListener('enabledchange', track.enabledChange_);
+    };
+
+    _proto.removeTrack = function removeTrack(rtrack) {
+      _TrackList.prototype.removeTrack.call(this, rtrack);
+
+      if (rtrack.removeEventListener && rtrack.enabledChange_) {
+        rtrack.removeEventListener('enabledchange', rtrack.enabledChange_);
+        rtrack.enabledChange_ = null;
+      }
+    };
+
+    return AudioTrackList;
+  }(TrackList);
+
+  /**
+   * Un-select all other {@link VideoTrack}s that are selected.
+   *
+   * @param {VideoTrackList} list
+   *        list to work on
+   *
+   * @param {VideoTrack} track
+   *        The track to skip
+   *
+   * @private
+   */
+
+  var disableOthers = function disableOthers(list, track) {
+    for (var i = 0; i < list.length; i++) {
+      if (!Object.keys(list[i]).length || track.id === list[i].id) {
+        continue;
+      } // another video track is enabled, disable it
+
+
+      list[i].selected = false;
+    }
+  };
+  /**
+   * The current list of {@link VideoTrack} for a video.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist}
+   * @extends TrackList
+   */
+
+
+  var VideoTrackList = /*#__PURE__*/function (_TrackList) {
+    inheritsLoose(VideoTrackList, _TrackList);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {VideoTrack[]} [tracks=[]]
+     *        A list of `VideoTrack` to instantiate the list with.
+     */
+    function VideoTrackList(tracks) {
+      var _this;
+
+      if (tracks === void 0) {
+        tracks = [];
+      }
+
+      // make sure only 1 track is enabled
+      // sorted from last index to first index
+      for (var i = tracks.length - 1; i >= 0; i--) {
+        if (tracks[i].selected) {
+          disableOthers(tracks, tracks[i]);
+          break;
+        }
+      }
+
+      _this = _TrackList.call(this, tracks) || this;
+      _this.changing_ = false;
+      /**
+       * @member {number} VideoTrackList#selectedIndex
+       *         The current index of the selected {@link VideoTrack`}.
+       */
+
+      Object.defineProperty(assertThisInitialized(_this), 'selectedIndex', {
+        get: function get() {
+          for (var _i = 0; _i < this.length; _i++) {
+            if (this[_i].selected) {
+              return _i;
+            }
+          }
+
+          return -1;
+        },
+        set: function set() {}
+      });
+      return _this;
+    }
+    /**
+     * Add a {@link VideoTrack} to the `VideoTrackList`.
+     *
+     * @param {VideoTrack} track
+     *        The VideoTrack to add to the list
+     *
+     * @fires TrackList#addtrack
+     */
+
+
+    var _proto = VideoTrackList.prototype;
+
+    _proto.addTrack = function addTrack(track) {
+      var _this2 = this;
+
+      if (track.selected) {
+        disableOthers(this, track);
+      }
+
+      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
+
+
+      if (!track.addEventListener) {
+        return;
+      }
+
+      track.selectedChange_ = function () {
+        if (_this2.changing_) {
+          return;
+        }
+
+        _this2.changing_ = true;
+        disableOthers(_this2, track);
+        _this2.changing_ = false;
+
+        _this2.trigger('change');
+      };
+      /**
+       * @listens VideoTrack#selectedchange
+       * @fires TrackList#change
+       */
+
+
+      track.addEventListener('selectedchange', track.selectedChange_);
+    };
+
+    _proto.removeTrack = function removeTrack(rtrack) {
+      _TrackList.prototype.removeTrack.call(this, rtrack);
+
+      if (rtrack.removeEventListener && rtrack.selectedChange_) {
+        rtrack.removeEventListener('selectedchange', rtrack.selectedChange_);
+        rtrack.selectedChange_ = null;
+      }
+    };
+
+    return VideoTrackList;
+  }(TrackList);
+
+  /**
+   * The current list of {@link TextTrack} for a media file.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttracklist}
+   * @extends TrackList
+   */
+
+  var TextTrackList = /*#__PURE__*/function (_TrackList) {
+    inheritsLoose(TextTrackList, _TrackList);
+
+    function TextTrackList() {
+      return _TrackList.apply(this, arguments) || this;
+    }
+
+    var _proto = TextTrackList.prototype;
+
+    /**
+     * Add a {@link TextTrack} to the `TextTrackList`
+     *
+     * @param {TextTrack} track
+     *        The text track to add to the list.
+     *
+     * @fires TrackList#addtrack
+     */
+    _proto.addTrack = function addTrack(track) {
+      var _this = this;
+
+      _TrackList.prototype.addTrack.call(this, track);
+
+      if (!this.queueChange_) {
+        this.queueChange_ = function () {
+          return _this.queueTrigger('change');
+        };
+      }
+
+      if (!this.triggerSelectedlanguagechange) {
+        this.triggerSelectedlanguagechange_ = function () {
+          return _this.trigger('selectedlanguagechange');
+        };
+      }
+      /**
+       * @listens TextTrack#modechange
+       * @fires TrackList#change
+       */
+
+
+      track.addEventListener('modechange', this.queueChange_);
+      var nonLanguageTextTrackKind = ['metadata', 'chapters'];
+
+      if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
+        track.addEventListener('modechange', this.triggerSelectedlanguagechange_);
+      }
+    };
+
+    _proto.removeTrack = function removeTrack(rtrack) {
+      _TrackList.prototype.removeTrack.call(this, rtrack); // manually remove the event handlers we added
+
+
+      if (rtrack.removeEventListener) {
+        if (this.queueChange_) {
+          rtrack.removeEventListener('modechange', this.queueChange_);
+        }
+
+        if (this.selectedlanguagechange_) {
+          rtrack.removeEventListener('modechange', this.triggerSelectedlanguagechange_);
+        }
+      }
+    };
+
+    return TextTrackList;
+  }(TrackList);
+
+  /**
+   * @file html-track-element-list.js
+   */
+
+  /**
+   * The current list of {@link HtmlTrackElement}s.
+   */
+  var HtmlTrackElementList = /*#__PURE__*/function () {
+    /**
+     * Create an instance of this class.
+     *
+     * @param {HtmlTrackElement[]} [tracks=[]]
+     *        A list of `HtmlTrackElement` to instantiate the list with.
+     */
+    function HtmlTrackElementList(trackElements) {
+      if (trackElements === void 0) {
+        trackElements = [];
+      }
+
+      this.trackElements_ = [];
+      /**
+       * @memberof HtmlTrackElementList
+       * @member {number} length
+       *         The current number of `Track`s in the this Trackist.
+       * @instance
+       */
+
+      Object.defineProperty(this, 'length', {
+        get: function get() {
+          return this.trackElements_.length;
+        }
+      });
+
+      for (var i = 0, length = trackElements.length; i < length; i++) {
+        this.addTrackElement_(trackElements[i]);
+      }
+    }
+    /**
+     * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
+     *
+     * @param {HtmlTrackElement} trackElement
+     *        The track element to add to the list.
+     *
+     * @private
+     */
+
+
+    var _proto = HtmlTrackElementList.prototype;
+
+    _proto.addTrackElement_ = function addTrackElement_(trackElement) {
+      var index = this.trackElements_.length;
+
+      if (!('' + index in this)) {
+        Object.defineProperty(this, index, {
+          get: function get() {
+            return this.trackElements_[index];
+          }
+        });
+      } // Do not add duplicate elements
+
+
+      if (this.trackElements_.indexOf(trackElement) === -1) {
+        this.trackElements_.push(trackElement);
+      }
+    }
+    /**
+     * Get an {@link HtmlTrackElement} from the `HtmlTrackElementList` given an
+     * {@link TextTrack}.
+     *
+     * @param {TextTrack} track
+     *        The track associated with a track element.
+     *
+     * @return {HtmlTrackElement|undefined}
+     *         The track element that was found or undefined.
+     *
+     * @private
+     */
+    ;
+
+    _proto.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
+      var trackElement_;
+
+      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
+        if (track === this.trackElements_[i].track) {
+          trackElement_ = this.trackElements_[i];
+          break;
+        }
+      }
+
+      return trackElement_;
+    }
+    /**
+     * Remove a {@link HtmlTrackElement} from the `HtmlTrackElementList`
+     *
+     * @param {HtmlTrackElement} trackElement
+     *        The track element to remove from the list.
+     *
+     * @private
+     */
+    ;
+
+    _proto.removeTrackElement_ = function removeTrackElement_(trackElement) {
+      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
+        if (trackElement === this.trackElements_[i]) {
+          if (this.trackElements_[i].track && typeof this.trackElements_[i].track.off === 'function') {
+            this.trackElements_[i].track.off();
+          }
+
+          if (typeof this.trackElements_[i].off === 'function') {
+            this.trackElements_[i].off();
+          }
+
+          this.trackElements_.splice(i, 1);
+          break;
+        }
+      }
+    };
+
+    return HtmlTrackElementList;
+  }();
+
+  /**
+   * @file text-track-cue-list.js
+   */
+
+  /**
+   * @typedef {Object} TextTrackCueList~TextTrackCue
+   *
+   * @property {string} id
+   *           The unique id for this text track cue
+   *
+   * @property {number} startTime
+   *           The start time for this text track cue
+   *
+   * @property {number} endTime
+   *           The end time for this text track cue
+   *
+   * @property {boolean} pauseOnExit
+   *           Pause when the end time is reached if true.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcue}
+   */
+
+  /**
+   * A List of TextTrackCues.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcuelist}
+   */
+  var TextTrackCueList = /*#__PURE__*/function () {
+    /**
+     * Create an instance of this class..
+     *
+     * @param {Array} cues
+     *        A list of cues to be initialized with
+     */
+    function TextTrackCueList(cues) {
+      TextTrackCueList.prototype.setCues_.call(this, cues);
+      /**
+       * @memberof TextTrackCueList
+       * @member {number} length
+       *         The current number of `TextTrackCue`s in the TextTrackCueList.
+       * @instance
+       */
+
+      Object.defineProperty(this, 'length', {
+        get: function get() {
+          return this.length_;
+        }
+      });
+    }
+    /**
+     * A setter for cues in this list. Creates getters
+     * an an index for the cues.
+     *
+     * @param {Array} cues
+     *        An array of cues to set
+     *
+     * @private
+     */
+
+
+    var _proto = TextTrackCueList.prototype;
+
+    _proto.setCues_ = function setCues_(cues) {
+      var oldLength = this.length || 0;
+      var i = 0;
+      var l = cues.length;
+      this.cues_ = cues;
+      this.length_ = cues.length;
+
+      var defineProp = function defineProp(index) {
+        if (!('' + index in this)) {
+          Object.defineProperty(this, '' + index, {
+            get: function get() {
+              return this.cues_[index];
+            }
+          });
+        }
+      };
+
+      if (oldLength < l) {
+        i = oldLength;
+
+        for (; i < l; i++) {
+          defineProp.call(this, i);
+        }
+      }
+    }
+    /**
+     * Get a `TextTrackCue` that is currently in the `TextTrackCueList` by id.
+     *
+     * @param {string} id
+     *        The id of the cue that should be searched for.
+     *
+     * @return {TextTrackCueList~TextTrackCue|null}
+     *         A single cue or null if none was found.
+     */
+    ;
+
+    _proto.getCueById = function getCueById(id) {
+      var result = null;
+
+      for (var i = 0, l = this.length; i < l; i++) {
+        var cue = this[i];
+
+        if (cue.id === id) {
+          result = cue;
+          break;
+        }
+      }
+
+      return result;
+    };
+
+    return TextTrackCueList;
+  }();
+
+  /**
+   * @file track-kinds.js
+   */
+
+  /**
+   * All possible `VideoTrackKind`s
+   *
+   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-videotrack-kind
+   * @typedef VideoTrack~Kind
+   * @enum
+   */
+  var VideoTrackKind = {
+    alternative: 'alternative',
+    captions: 'captions',
+    main: 'main',
+    sign: 'sign',
+    subtitles: 'subtitles',
+    commentary: 'commentary'
+  };
+  /**
+   * All possible `AudioTrackKind`s
+   *
+   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-audiotrack-kind
+   * @typedef AudioTrack~Kind
+   * @enum
+   */
+
+  var AudioTrackKind = {
+    'alternative': 'alternative',
+    'descriptions': 'descriptions',
+    'main': 'main',
+    'main-desc': 'main-desc',
+    'translation': 'translation',
+    'commentary': 'commentary'
+  };
+  /**
+   * All possible `TextTrackKind`s
+   *
+   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-texttrack-kind
+   * @typedef TextTrack~Kind
+   * @enum
+   */
+
+  var TextTrackKind = {
+    subtitles: 'subtitles',
+    captions: 'captions',
+    descriptions: 'descriptions',
+    chapters: 'chapters',
+    metadata: 'metadata'
+  };
+  /**
+   * All possible `TextTrackMode`s
+   *
+   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackmode
+   * @typedef TextTrack~Mode
+   * @enum
+   */
+
+  var TextTrackMode = {
+    disabled: 'disabled',
+    hidden: 'hidden',
+    showing: 'showing'
+  };
+
+  /**
+   * A Track class that contains all of the common functionality for {@link AudioTrack},
+   * {@link VideoTrack}, and {@link TextTrack}.
+   *
+   * > Note: This class should not be used directly
+   *
+   * @see {@link https://html.spec.whatwg.org/multipage/embedded-content.html}
+   * @extends EventTarget
+   * @abstract
+   */
+
+  var Track = /*#__PURE__*/function (_EventTarget) {
+    inheritsLoose(Track, _EventTarget);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Object} [options={}]
+     *        Object of option names and values
+     *
+     * @param {string} [options.kind='']
+     *        A valid kind for the track type you are creating.
+     *
+     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
+     *        A unique id for this AudioTrack.
+     *
+     * @param {string} [options.label='']
+     *        The menu label for this track.
+     *
+     * @param {string} [options.language='']
+     *        A valid two character language code.
+     *
+     * @abstract
+     */
+    function Track(options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      _this = _EventTarget.call(this) || this;
+      var trackProps = {
+        id: options.id || 'vjs_track_' + newGUID(),
+        kind: options.kind || '',
+        language: options.language || ''
+      };
+      var label = options.label || '';
+      /**
+       * @memberof Track
+       * @member {string} id
+       *         The id of this track. Cannot be changed after creation.
+       * @instance
+       *
+       * @readonly
+       */
+
+      /**
+       * @memberof Track
+       * @member {string} kind
+       *         The kind of track that this is. Cannot be changed after creation.
+       * @instance
+       *
+       * @readonly
+       */
+
+      /**
+       * @memberof Track
+       * @member {string} language
+       *         The two letter language code for this track. Cannot be changed after
+       *         creation.
+       * @instance
+       *
+       * @readonly
+       */
+
+      var _loop = function _loop(key) {
+        Object.defineProperty(assertThisInitialized(_this), key, {
+          get: function get() {
+            return trackProps[key];
+          },
+          set: function set() {}
+        });
+      };
+
+      for (var key in trackProps) {
+        _loop(key);
+      }
+      /**
+       * @memberof Track
+       * @member {string} label
+       *         The label of this track. Cannot be changed after creation.
+       * @instance
+       *
+       * @fires Track#labelchange
+       */
+
+
+      Object.defineProperty(assertThisInitialized(_this), 'label', {
+        get: function get() {
+          return label;
+        },
+        set: function set(newLabel) {
+          if (newLabel !== label) {
+            label = newLabel;
+            /**
+             * An event that fires when label changes on this track.
+             *
+             * > Note: This is not part of the spec!
+             *
+             * @event Track#labelchange
+             * @type {EventTarget~Event}
+             */
+
+            this.trigger('labelchange');
+          }
+        }
+      });
+      return _this;
+    }
+
+    return Track;
+  }(EventTarget$2);
+
+  /**
+   * @file url.js
+   * @module url
+   */
+  /**
+   * @typedef {Object} url:URLObject
+   *
+   * @property {string} protocol
+   *           The protocol of the url that was parsed.
+   *
+   * @property {string} hostname
+   *           The hostname of the url that was parsed.
+   *
+   * @property {string} port
+   *           The port of the url that was parsed.
+   *
+   * @property {string} pathname
+   *           The pathname of the url that was parsed.
+   *
+   * @property {string} search
+   *           The search query of the url that was parsed.
+   *
+   * @property {string} hash
+   *           The hash of the url that was parsed.
+   *
+   * @property {string} host
+   *           The host of the url that was parsed.
+   */
+
+  /**
+   * Resolve and parse the elements of a URL.
+   *
+   * @function
+   * @param    {String} url
+   *           The url to parse
+   *
+   * @return   {url:URLObject}
+   *           An object of url details
+   */
+
+  var parseUrl = function parseUrl(url) {
+    // This entire method can be replace with URL once we are able to drop IE11
+    var props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host']; // add the url to an anchor and let the browser parse the URL
+
+    var a = document_1.createElement('a');
+    a.href = url; // Copy the specific URL properties to a new object
+    // This is also needed for IE because the anchor loses its
+    // properties when it's removed from the dom
+
+    var details = {};
+
+    for (var i = 0; i < props.length; i++) {
+      details[props[i]] = a[props[i]];
+    } // IE adds the port to the host property unlike everyone else. If
+    // a port identifier is added for standard ports, strip it.
+
+
+    if (details.protocol === 'http:') {
+      details.host = details.host.replace(/:80$/, '');
+    }
+
+    if (details.protocol === 'https:') {
+      details.host = details.host.replace(/:443$/, '');
+    }
+
+    if (!details.protocol) {
+      details.protocol = window_1.location.protocol;
+    }
+    /* istanbul ignore if */
+
+
+    if (!details.host) {
+      details.host = window_1.location.host;
+    }
+
+    return details;
+  };
+  /**
+   * Get absolute version of relative URL. Used to tell Flash the correct URL.
+   *
+   * @function
+   * @param    {string} url
+   *           URL to make absolute
+   *
+   * @return   {string}
+   *           Absolute URL
+   *
+   * @see      http://stackoverflow.com/questions/470832/getting-an-absolute-url-from-a-relative-one-ie6-issue
+   */
+
+  var getAbsoluteURL = function getAbsoluteURL(url) {
+    // Check if absolute URL
+    if (!url.match(/^https?:\/\//)) {
+      // Convert to absolute URL. Flash hosted off-site needs an absolute URL.
+      // add the url to an anchor and let the browser parse the URL
+      var a = document_1.createElement('a');
+      a.href = url;
+      url = a.href;
+    }
+
+    return url;
+  };
+  /**
+   * Returns the extension of the passed file name. It will return an empty string
+   * if passed an invalid path.
+   *
+   * @function
+   * @param    {string} path
+   *           The fileName path like '/path/to/file.mp4'
+   *
+   * @return  {string}
+   *           The extension in lower case or an empty string if no
+   *           extension could be found.
+   */
+
+  var getFileExtension = function getFileExtension(path) {
+    if (typeof path === 'string') {
+      var splitPathRe = /^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/;
+      var pathParts = splitPathRe.exec(path);
+
+      if (pathParts) {
+        return pathParts.pop().toLowerCase();
+      }
+    }
+
+    return '';
+  };
+  /**
+   * Returns whether the url passed is a cross domain request or not.
+   *
+   * @function
+   * @param    {string} url
+   *           The url to check.
+   *
+   * @param    {Object} [winLoc]
+   *           the domain to check the url against, defaults to window.location
+   *
+   * @param    {string} [winLoc.protocol]
+   *           The window location protocol defaults to window.location.protocol
+   *
+   * @param    {string} [winLoc.host]
+   *           The window location host defaults to window.location.host
+   *
+   * @return   {boolean}
+   *           Whether it is a cross domain request or not.
+   */
+
+  var isCrossOrigin = function isCrossOrigin(url, winLoc) {
+    if (winLoc === void 0) {
+      winLoc = window_1.location;
+    }
+
+    var urlInfo = parseUrl(url); // IE8 protocol relative urls will return ':' for protocol
+
+    var srcProtocol = urlInfo.protocol === ':' ? winLoc.protocol : urlInfo.protocol; // Check if url is for another domain/origin
+    // IE8 doesn't know location.origin, so we won't rely on it here
+
+    var crossOrigin = srcProtocol + urlInfo.host !== winLoc.protocol + winLoc.host;
+    return crossOrigin;
+  };
+
+  var Url = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    parseUrl: parseUrl,
+    getAbsoluteURL: getAbsoluteURL,
+    getFileExtension: getFileExtension,
+    isCrossOrigin: isCrossOrigin
+  });
+
+  var isFunction_1 = isFunction;
+  var toString = Object.prototype.toString;
+
+  function isFunction(fn) {
+    if (!fn) {
+      return false;
+    }
+
+    var string = toString.call(fn);
+    return string === '[object Function]' || typeof fn === 'function' && string !== '[object RegExp]' || typeof window !== 'undefined' && ( // IE8 and below
+    fn === window.setTimeout || fn === window.alert || fn === window.confirm || fn === window.prompt);
+  }
+
+  /**
+   * @license
+   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
+   * Copyright (c) 2014 David Björklund
+   * Available under the MIT license
+   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
+   */
+
+
+  var parseHeaders = function parseHeaders(headers) {
+    var result = {};
+
+    if (!headers) {
+      return result;
+    }
+
+    headers.trim().split('\n').forEach(function (row) {
+      var index = row.indexOf(':');
+      var key = row.slice(0, index).trim().toLowerCase();
+      var value = row.slice(index + 1).trim();
+
+      if (typeof result[key] === 'undefined') {
+        result[key] = value;
+      } else if (Array.isArray(result[key])) {
+        result[key].push(value);
+      } else {
+        result[key] = [result[key], value];
+      }
+    });
+    return result;
+  };
+
+  var xhr = createXHR; // Allow use of default import syntax in TypeScript
+
+  var default_1 = createXHR;
+  createXHR.XMLHttpRequest = window_1.XMLHttpRequest || noop$1;
+  createXHR.XDomainRequest = "withCredentials" in new createXHR.XMLHttpRequest() ? createXHR.XMLHttpRequest : window_1.XDomainRequest;
+  forEachArray(["get", "put", "post", "patch", "head", "delete"], function (method) {
+    createXHR[method === "delete" ? "del" : method] = function (uri, options, callback) {
+      options = initParams(uri, options, callback);
+      options.method = method.toUpperCase();
+      return _createXHR(options);
+    };
+  });
+
+  function forEachArray(array, iterator) {
+    for (var i = 0; i < array.length; i++) {
+      iterator(array[i]);
+    }
+  }
+
+  function isEmpty(obj) {
+    for (var i in obj) {
+      if (obj.hasOwnProperty(i)) return false;
+    }
+
+    return true;
+  }
+
+  function initParams(uri, options, callback) {
+    var params = uri;
+
+    if (isFunction_1(options)) {
+      callback = options;
+
+      if (typeof uri === "string") {
+        params = {
+          uri: uri
+        };
+      }
+    } else {
+      params = _extends_1({}, options, {
+        uri: uri
+      });
+    }
+
+    params.callback = callback;
+    return params;
+  }
+
+  function createXHR(uri, options, callback) {
+    options = initParams(uri, options, callback);
+    return _createXHR(options);
+  }
+
+  function _createXHR(options) {
+    if (typeof options.callback === "undefined") {
+      throw new Error("callback argument missing");
+    }
+
+    var called = false;
+
+    var callback = function cbOnce(err, response, body) {
+      if (!called) {
+        called = true;
+        options.callback(err, response, body);
+      }
+    };
+
+    function readystatechange() {
+      if (xhr.readyState === 4) {
+        setTimeout(loadFunc, 0);
+      }
+    }
+
+    function getBody() {
+      // Chrome with requestType=blob throws errors arround when even testing access to responseText
+      var body = undefined;
+
+      if (xhr.response) {
+        body = xhr.response;
+      } else {
+        body = xhr.responseText || getXml(xhr);
+      }
+
+      if (isJson) {
+        try {
+          body = JSON.parse(body);
+        } catch (e) {}
+      }
+
+      return body;
+    }
+
+    function errorFunc(evt) {
+      clearTimeout(timeoutTimer);
+
+      if (!(evt instanceof Error)) {
+        evt = new Error("" + (evt || "Unknown XMLHttpRequest Error"));
+      }
+
+      evt.statusCode = 0;
+      return callback(evt, failureResponse);
+    } // will load the data & process the response in a special response object
+
+
+    function loadFunc() {
+      if (aborted) return;
+      var status;
+      clearTimeout(timeoutTimer);
+
+      if (options.useXDR && xhr.status === undefined) {
+        //IE8 CORS GET successful response doesn't have a status field, but body is fine
+        status = 200;
+      } else {
+        status = xhr.status === 1223 ? 204 : xhr.status;
+      }
+
+      var response = failureResponse;
+      var err = null;
+
+      if (status !== 0) {
+        response = {
+          body: getBody(),
+          statusCode: status,
+          method: method,
+          headers: {},
+          url: uri,
+          rawRequest: xhr
+        };
+
+        if (xhr.getAllResponseHeaders) {
+          //remember xhr can in fact be XDR for CORS in IE
+          response.headers = parseHeaders(xhr.getAllResponseHeaders());
+        }
+      } else {
+        err = new Error("Internal XMLHttpRequest Error");
+      }
+
+      return callback(err, response, response.body);
+    }
+
+    var xhr = options.xhr || null;
+
+    if (!xhr) {
+      if (options.cors || options.useXDR) {
+        xhr = new createXHR.XDomainRequest();
+      } else {
+        xhr = new createXHR.XMLHttpRequest();
+      }
+    }
+
+    var key;
+    var aborted;
+    var uri = xhr.url = options.uri || options.url;
+    var method = xhr.method = options.method || "GET";
+    var body = options.body || options.data;
+    var headers = xhr.headers = options.headers || {};
+    var sync = !!options.sync;
+    var isJson = false;
+    var timeoutTimer;
+    var failureResponse = {
+      body: undefined,
+      headers: {},
+      statusCode: 0,
+      method: method,
+      url: uri,
+      rawRequest: xhr
+    };
+
+    if ("json" in options && options.json !== false) {
+      isJson = true;
+      headers["accept"] || headers["Accept"] || (headers["Accept"] = "application/json"); //Don't override existing accept header declared by user
+
+      if (method !== "GET" && method !== "HEAD") {
+        headers["content-type"] || headers["Content-Type"] || (headers["Content-Type"] = "application/json"); //Don't override existing accept header declared by user
+
+        body = JSON.stringify(options.json === true ? body : options.json);
+      }
+    }
+
+    xhr.onreadystatechange = readystatechange;
+    xhr.onload = loadFunc;
+    xhr.onerror = errorFunc; // IE9 must have onprogress be set to a unique function.
+
+    xhr.onprogress = function () {// IE must die
+    };
+
+    xhr.onabort = function () {
+      aborted = true;
+    };
+
+    xhr.ontimeout = errorFunc;
+    xhr.open(method, uri, !sync, options.username, options.password); //has to be after open
+
+    if (!sync) {
+      xhr.withCredentials = !!options.withCredentials;
+    } // Cannot set timeout with sync request
+    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly
+    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent
+
+
+    if (!sync && options.timeout > 0) {
+      timeoutTimer = setTimeout(function () {
+        if (aborted) return;
+        aborted = true; //IE9 may still call readystatechange
+
+        xhr.abort("timeout");
+        var e = new Error("XMLHttpRequest timeout");
+        e.code = "ETIMEDOUT";
+        errorFunc(e);
+      }, options.timeout);
+    }
+
+    if (xhr.setRequestHeader) {
+      for (key in headers) {
+        if (headers.hasOwnProperty(key)) {
+          xhr.setRequestHeader(key, headers[key]);
+        }
+      }
+    } else if (options.headers && !isEmpty(options.headers)) {
+      throw new Error("Headers cannot be set on an XDomainRequest object");
+    }
+
+    if ("responseType" in options) {
+      xhr.responseType = options.responseType;
+    }
+
+    if ("beforeSend" in options && typeof options.beforeSend === "function") {
+      options.beforeSend(xhr);
+    } // Microsoft Edge browser sends "undefined" when send is called with undefined value.
+    // XMLHttpRequest spec says to pass null as body to indicate no body
+    // See https://github.com/naugtur/xhr/issues/100.
+
+
+    xhr.send(body || null);
+    return xhr;
+  }
+
+  function getXml(xhr) {
+    // xhr.responseXML will throw Exception "InvalidStateError" or "DOMException"
+    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.
+    try {
+      if (xhr.responseType === "document") {
+        return xhr.responseXML;
+      }
+
+      var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === "parsererror";
+
+      if (xhr.responseType === "" && !firefoxBugTakenEffect) {
+        return xhr.responseXML;
+      }
+    } catch (e) {}
+
+    return null;
+  }
+
+  function noop$1() {}
+  xhr["default"] = default_1;
+
+  /**
+   * Takes a webvtt file contents and parses it into cues
+   *
+   * @param {string} srcContent
+   *        webVTT file contents
+   *
+   * @param {TextTrack} track
+   *        TextTrack to add cues to. Cues come from the srcContent.
+   *
+   * @private
+   */
+
+  var parseCues = function parseCues(srcContent, track) {
+    var parser = new window_1.WebVTT.Parser(window_1, window_1.vttjs, window_1.WebVTT.StringDecoder());
+    var errors = [];
+
+    parser.oncue = function (cue) {
+      track.addCue(cue);
+    };
+
+    parser.onparsingerror = function (error) {
+      errors.push(error);
+    };
+
+    parser.onflush = function () {
+      track.trigger({
+        type: 'loadeddata',
+        target: track
+      });
+    };
+
+    parser.parse(srcContent);
+
+    if (errors.length > 0) {
+      if (window_1.console && window_1.console.groupCollapsed) {
+        window_1.console.groupCollapsed("Text Track parsing errors for " + track.src);
+      }
+
+      errors.forEach(function (error) {
+        return log$1.error(error);
+      });
+
+      if (window_1.console && window_1.console.groupEnd) {
+        window_1.console.groupEnd();
+      }
+    }
+
+    parser.flush();
+  };
+  /**
+   * Load a `TextTrack` from a specified url.
+   *
+   * @param {string} src
+   *        Url to load track from.
+   *
+   * @param {TextTrack} track
+   *        Track to add cues to. Comes from the content at the end of `url`.
+   *
+   * @private
+   */
+
+
+  var loadTrack = function loadTrack(src, track) {
+    var opts = {
+      uri: src
+    };
+    var crossOrigin = isCrossOrigin(src);
+
+    if (crossOrigin) {
+      opts.cors = crossOrigin;
+    }
+
+    var withCredentials = track.tech_.crossOrigin() === 'use-credentials';
+
+    if (withCredentials) {
+      opts.withCredentials = withCredentials;
+    }
+
+    xhr(opts, bind(this, function (err, response, responseBody) {
+      if (err) {
+        return log$1.error(err, response);
+      }
+
+      track.loaded_ = true; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
+      // NOTE: this is only used for the alt/video.novtt.js build
+
+      if (typeof window_1.WebVTT !== 'function') {
+        if (track.tech_) {
+          // to prevent use before define eslint error, we define loadHandler
+          // as a let here
+          track.tech_.any(['vttjsloaded', 'vttjserror'], function (event) {
+            if (event.type === 'vttjserror') {
+              log$1.error("vttjs failed to load, stopping trying to process " + track.src);
+              return;
+            }
+
+            return parseCues(responseBody, track);
+          });
+        }
+      } else {
+        parseCues(responseBody, track);
+      }
+    }));
+  };
+  /**
+   * A representation of a single `TextTrack`.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrack}
+   * @extends Track
+   */
+
+
+  var TextTrack = /*#__PURE__*/function (_Track) {
+    inheritsLoose(TextTrack, _Track);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Object} options={}
+     *        Object of option names and values
+     *
+     * @param {Tech} options.tech
+     *        A reference to the tech that owns this TextTrack.
+     *
+     * @param {TextTrack~Kind} [options.kind='subtitles']
+     *        A valid text track kind.
+     *
+     * @param {TextTrack~Mode} [options.mode='disabled']
+     *        A valid text track mode.
+     *
+     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
+     *        A unique id for this TextTrack.
+     *
+     * @param {string} [options.label='']
+     *        The menu label for this track.
+     *
+     * @param {string} [options.language='']
+     *        A valid two character language code.
+     *
+     * @param {string} [options.srclang='']
+     *        A valid two character language code. An alternative, but deprioritized
+     *        version of `options.language`
+     *
+     * @param {string} [options.src]
+     *        A url to TextTrack cues.
+     *
+     * @param {boolean} [options.default]
+     *        If this track should default to on or off.
+     */
+    function TextTrack(options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      if (!options.tech) {
+        throw new Error('A tech was not provided.');
+      }
+
+      var settings = mergeOptions$3(options, {
+        kind: TextTrackKind[options.kind] || 'subtitles',
+        language: options.language || options.srclang || ''
+      });
+      var mode = TextTrackMode[settings.mode] || 'disabled';
+      var default_ = settings["default"];
+
+      if (settings.kind === 'metadata' || settings.kind === 'chapters') {
+        mode = 'hidden';
+      }
+
+      _this = _Track.call(this, settings) || this;
+      _this.tech_ = settings.tech;
+      _this.cues_ = [];
+      _this.activeCues_ = [];
+      _this.preload_ = _this.tech_.preloadTextTracks !== false;
+      var cues = new TextTrackCueList(_this.cues_);
+      var activeCues = new TextTrackCueList(_this.activeCues_);
+      var changed = false;
+      var timeupdateHandler = bind(assertThisInitialized(_this), function () {
+        if (!this.tech_.isReady_ || this.tech_.isDisposed()) {
+          return;
+        } // Accessing this.activeCues for the side-effects of updating itself
+        // due to its nature as a getter function. Do not remove or cues will
+        // stop updating!
+        // Use the setter to prevent deletion from uglify (pure_getters rule)
+
+
+        this.activeCues = this.activeCues;
+
+        if (changed) {
+          this.trigger('cuechange');
+          changed = false;
+        }
+      });
+
+      var disposeHandler = function disposeHandler() {
+        _this.tech_.off('timeupdate', timeupdateHandler);
+      };
+
+      _this.tech_.one('dispose', disposeHandler);
+
+      if (mode !== 'disabled') {
+        _this.tech_.on('timeupdate', timeupdateHandler);
+      }
+
+      Object.defineProperties(assertThisInitialized(_this), {
+        /**
+         * @memberof TextTrack
+         * @member {boolean} default
+         *         If this track was set to be on or off by default. Cannot be changed after
+         *         creation.
+         * @instance
+         *
+         * @readonly
+         */
+        "default": {
+          get: function get() {
+            return default_;
+          },
+          set: function set() {}
+        },
+
+        /**
+         * @memberof TextTrack
+         * @member {string} mode
+         *         Set the mode of this TextTrack to a valid {@link TextTrack~Mode}. Will
+         *         not be set if setting to an invalid mode.
+         * @instance
+         *
+         * @fires TextTrack#modechange
+         */
+        mode: {
+          get: function get() {
+            return mode;
+          },
+          set: function set(newMode) {
+            if (!TextTrackMode[newMode]) {
+              return;
+            }
+
+            if (mode === newMode) {
+              return;
+            }
+
+            mode = newMode;
+
+            if (!this.preload_ && mode !== 'disabled' && this.cues.length === 0) {
+              // On-demand load.
+              loadTrack(this.src, this);
+            }
+
+            this.tech_.off('timeupdate', timeupdateHandler);
+
+            if (mode !== 'disabled') {
+              this.tech_.on('timeupdate', timeupdateHandler);
+            }
+            /**
+             * An event that fires when mode changes on this track. This allows
+             * the TextTrackList that holds this track to act accordingly.
+             *
+             * > Note: This is not part of the spec!
+             *
+             * @event TextTrack#modechange
+             * @type {EventTarget~Event}
+             */
+
+
+            this.trigger('modechange');
+          }
+        },
+
+        /**
+         * @memberof TextTrack
+         * @member {TextTrackCueList} cues
+         *         The text track cue list for this TextTrack.
+         * @instance
+         */
+        cues: {
+          get: function get() {
+            if (!this.loaded_) {
+              return null;
+            }
+
+            return cues;
+          },
+          set: function set() {}
+        },
+
+        /**
+         * @memberof TextTrack
+         * @member {TextTrackCueList} activeCues
+         *         The list text track cues that are currently active for this TextTrack.
+         * @instance
+         */
+        activeCues: {
+          get: function get() {
+            if (!this.loaded_) {
+              return null;
+            } // nothing to do
+
+
+            if (this.cues.length === 0) {
+              return activeCues;
+            }
+
+            var ct = this.tech_.currentTime();
+            var active = [];
+
+            for (var i = 0, l = this.cues.length; i < l; i++) {
+              var cue = this.cues[i];
+
+              if (cue.startTime <= ct && cue.endTime >= ct) {
+                active.push(cue);
+              } else if (cue.startTime === cue.endTime && cue.startTime <= ct && cue.startTime + 0.5 >= ct) {
+                active.push(cue);
+              }
+            }
+
+            changed = false;
+
+            if (active.length !== this.activeCues_.length) {
+              changed = true;
+            } else {
+              for (var _i = 0; _i < active.length; _i++) {
+                if (this.activeCues_.indexOf(active[_i]) === -1) {
+                  changed = true;
+                }
+              }
+            }
+
+            this.activeCues_ = active;
+            activeCues.setCues_(this.activeCues_);
+            return activeCues;
+          },
+          // /!\ Keep this setter empty (see the timeupdate handler above)
+          set: function set() {}
+        }
+      });
+
+      if (settings.src) {
+        _this.src = settings.src;
+
+        if (!_this.preload_) {
+          // Tracks will load on-demand.
+          // Act like we're loaded for other purposes.
+          _this.loaded_ = true;
+        }
+
+        if (_this.preload_ || settings.kind !== 'subtitles' && settings.kind !== 'captions') {
+          loadTrack(_this.src, assertThisInitialized(_this));
+        }
+      } else {
+        _this.loaded_ = true;
+      }
+
+      return _this;
+    }
+    /**
+     * Add a cue to the internal list of cues.
+     *
+     * @param {TextTrack~Cue} cue
+     *        The cue to add to our internal list
+     */
+
+
+    var _proto = TextTrack.prototype;
+
+    _proto.addCue = function addCue(originalCue) {
+      var cue = originalCue;
+
+      if (window_1.vttjs && !(originalCue instanceof window_1.vttjs.VTTCue)) {
+        cue = new window_1.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);
+
+        for (var prop in originalCue) {
+          if (!(prop in cue)) {
+            cue[prop] = originalCue[prop];
+          }
+        } // make sure that `id` is copied over
+
+
+        cue.id = originalCue.id;
+        cue.originalCue_ = originalCue;
+      }
+
+      var tracks = this.tech_.textTracks();
+
+      for (var i = 0; i < tracks.length; i++) {
+        if (tracks[i] !== this) {
+          tracks[i].removeCue(cue);
+        }
+      }
+
+      this.cues_.push(cue);
+      this.cues.setCues_(this.cues_);
+    }
+    /**
+     * Remove a cue from our internal list
+     *
+     * @param {TextTrack~Cue} removeCue
+     *        The cue to remove from our internal list
+     */
+    ;
+
+    _proto.removeCue = function removeCue(_removeCue) {
+      var i = this.cues_.length;
+
+      while (i--) {
+        var cue = this.cues_[i];
+
+        if (cue === _removeCue || cue.originalCue_ && cue.originalCue_ === _removeCue) {
+          this.cues_.splice(i, 1);
+          this.cues.setCues_(this.cues_);
+          break;
+        }
+      }
+    };
+
+    return TextTrack;
+  }(Track);
+  /**
+   * cuechange - One or more cues in the track have become active or stopped being active.
+   */
+
+
+  TextTrack.prototype.allowedEvents_ = {
+    cuechange: 'cuechange'
+  };
+
+  /**
+   * A representation of a single `AudioTrack`. If it is part of an {@link AudioTrackList}
+   * only one `AudioTrack` in the list will be enabled at a time.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotrack}
+   * @extends Track
+   */
+
+  var AudioTrack = /*#__PURE__*/function (_Track) {
+    inheritsLoose(AudioTrack, _Track);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Object} [options={}]
+     *        Object of option names and values
+     *
+     * @param {AudioTrack~Kind} [options.kind='']
+     *        A valid audio track kind
+     *
+     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
+     *        A unique id for this AudioTrack.
+     *
+     * @param {string} [options.label='']
+     *        The menu label for this track.
+     *
+     * @param {string} [options.language='']
+     *        A valid two character language code.
+     *
+     * @param {boolean} [options.enabled]
+     *        If this track is the one that is currently playing. If this track is part of
+     *        an {@link AudioTrackList}, only one {@link AudioTrack} will be enabled.
+     */
+    function AudioTrack(options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      var settings = mergeOptions$3(options, {
+        kind: AudioTrackKind[options.kind] || ''
+      });
+      _this = _Track.call(this, settings) || this;
+      var enabled = false;
+      /**
+       * @memberof AudioTrack
+       * @member {boolean} enabled
+       *         If this `AudioTrack` is enabled or not. When setting this will
+       *         fire {@link AudioTrack#enabledchange} if the state of enabled is changed.
+       * @instance
+       *
+       * @fires VideoTrack#selectedchange
+       */
+
+      Object.defineProperty(assertThisInitialized(_this), 'enabled', {
+        get: function get() {
+          return enabled;
+        },
+        set: function set(newEnabled) {
+          // an invalid or unchanged value
+          if (typeof newEnabled !== 'boolean' || newEnabled === enabled) {
+            return;
+          }
+
+          enabled = newEnabled;
+          /**
+           * An event that fires when enabled changes on this track. This allows
+           * the AudioTrackList that holds this track to act accordingly.
+           *
+           * > Note: This is not part of the spec! Native tracks will do
+           *         this internally without an event.
+           *
+           * @event AudioTrack#enabledchange
+           * @type {EventTarget~Event}
+           */
+
+          this.trigger('enabledchange');
+        }
+      }); // if the user sets this track to selected then
+      // set selected to that true value otherwise
+      // we keep it false
+
+      if (settings.enabled) {
+        _this.enabled = settings.enabled;
+      }
+
+      _this.loaded_ = true;
+      return _this;
+    }
+
+    return AudioTrack;
+  }(Track);
+
+  /**
+   * A representation of a single `VideoTrack`.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotrack}
+   * @extends Track
+   */
+
+  var VideoTrack = /*#__PURE__*/function (_Track) {
+    inheritsLoose(VideoTrack, _Track);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Object} [options={}]
+     *        Object of option names and values
+     *
+     * @param {string} [options.kind='']
+     *        A valid {@link VideoTrack~Kind}
+     *
+     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
+     *        A unique id for this AudioTrack.
+     *
+     * @param {string} [options.label='']
+     *        The menu label for this track.
+     *
+     * @param {string} [options.language='']
+     *        A valid two character language code.
+     *
+     * @param {boolean} [options.selected]
+     *        If this track is the one that is currently playing.
+     */
+    function VideoTrack(options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      var settings = mergeOptions$3(options, {
+        kind: VideoTrackKind[options.kind] || ''
+      });
+      _this = _Track.call(this, settings) || this;
+      var selected = false;
+      /**
+       * @memberof VideoTrack
+       * @member {boolean} selected
+       *         If this `VideoTrack` is selected or not. When setting this will
+       *         fire {@link VideoTrack#selectedchange} if the state of selected changed.
+       * @instance
+       *
+       * @fires VideoTrack#selectedchange
+       */
+
+      Object.defineProperty(assertThisInitialized(_this), 'selected', {
+        get: function get() {
+          return selected;
+        },
+        set: function set(newSelected) {
+          // an invalid or unchanged value
+          if (typeof newSelected !== 'boolean' || newSelected === selected) {
+            return;
+          }
+
+          selected = newSelected;
+          /**
+           * An event that fires when selected changes on this track. This allows
+           * the VideoTrackList that holds this track to act accordingly.
+           *
+           * > Note: This is not part of the spec! Native tracks will do
+           *         this internally without an event.
+           *
+           * @event VideoTrack#selectedchange
+           * @type {EventTarget~Event}
+           */
+
+          this.trigger('selectedchange');
+        }
+      }); // if the user sets this track to selected then
+      // set selected to that true value otherwise
+      // we keep it false
+
+      if (settings.selected) {
+        _this.selected = settings.selected;
+      }
+
+      return _this;
+    }
+
+    return VideoTrack;
+  }(Track);
+
+  /**
+   * @memberof HTMLTrackElement
+   * @typedef {HTMLTrackElement~ReadyState}
+   * @enum {number}
+   */
+
+  var NONE = 0;
+  var LOADING = 1;
+  var LOADED = 2;
+  var ERROR = 3;
+  /**
+   * A single track represented in the DOM.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#htmltrackelement}
+   * @extends EventTarget
+   */
+
+  var HTMLTrackElement = /*#__PURE__*/function (_EventTarget) {
+    inheritsLoose(HTMLTrackElement, _EventTarget);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Object} options={}
+     *        Object of option names and values
+     *
+     * @param {Tech} options.tech
+     *        A reference to the tech that owns this HTMLTrackElement.
+     *
+     * @param {TextTrack~Kind} [options.kind='subtitles']
+     *        A valid text track kind.
+     *
+     * @param {TextTrack~Mode} [options.mode='disabled']
+     *        A valid text track mode.
+     *
+     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
+     *        A unique id for this TextTrack.
+     *
+     * @param {string} [options.label='']
+     *        The menu label for this track.
+     *
+     * @param {string} [options.language='']
+     *        A valid two character language code.
+     *
+     * @param {string} [options.srclang='']
+     *        A valid two character language code. An alternative, but deprioritized
+     *        vesion of `options.language`
+     *
+     * @param {string} [options.src]
+     *        A url to TextTrack cues.
+     *
+     * @param {boolean} [options.default]
+     *        If this track should default to on or off.
+     */
+    function HTMLTrackElement(options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      _this = _EventTarget.call(this) || this;
+      var readyState;
+      var track = new TextTrack(options);
+      _this.kind = track.kind;
+      _this.src = track.src;
+      _this.srclang = track.language;
+      _this.label = track.label;
+      _this["default"] = track["default"];
+      Object.defineProperties(assertThisInitialized(_this), {
+        /**
+         * @memberof HTMLTrackElement
+         * @member {HTMLTrackElement~ReadyState} readyState
+         *         The current ready state of the track element.
+         * @instance
+         */
+        readyState: {
+          get: function get() {
+            return readyState;
+          }
+        },
+
+        /**
+         * @memberof HTMLTrackElement
+         * @member {TextTrack} track
+         *         The underlying TextTrack object.
+         * @instance
+         *
+         */
+        track: {
+          get: function get() {
+            return track;
+          }
+        }
+      });
+      readyState = NONE;
+      /**
+       * @listens TextTrack#loadeddata
+       * @fires HTMLTrackElement#load
+       */
+
+      track.addEventListener('loadeddata', function () {
+        readyState = LOADED;
+
+        _this.trigger({
+          type: 'load',
+          target: assertThisInitialized(_this)
+        });
+      });
+      return _this;
+    }
+
+    return HTMLTrackElement;
+  }(EventTarget$2);
+
+  HTMLTrackElement.prototype.allowedEvents_ = {
+    load: 'load'
+  };
+  HTMLTrackElement.NONE = NONE;
+  HTMLTrackElement.LOADING = LOADING;
+  HTMLTrackElement.LOADED = LOADED;
+  HTMLTrackElement.ERROR = ERROR;
+
+  /*
+   * This file contains all track properties that are used in
+   * player.js, tech.js, html5.js and possibly other techs in the future.
+   */
+
+  var NORMAL = {
+    audio: {
+      ListClass: AudioTrackList,
+      TrackClass: AudioTrack,
+      capitalName: 'Audio'
+    },
+    video: {
+      ListClass: VideoTrackList,
+      TrackClass: VideoTrack,
+      capitalName: 'Video'
+    },
+    text: {
+      ListClass: TextTrackList,
+      TrackClass: TextTrack,
+      capitalName: 'Text'
+    }
+  };
+  Object.keys(NORMAL).forEach(function (type) {
+    NORMAL[type].getterName = type + "Tracks";
+    NORMAL[type].privateName = type + "Tracks_";
+  });
+  var REMOTE = {
+    remoteText: {
+      ListClass: TextTrackList,
+      TrackClass: TextTrack,
+      capitalName: 'RemoteText',
+      getterName: 'remoteTextTracks',
+      privateName: 'remoteTextTracks_'
+    },
+    remoteTextEl: {
+      ListClass: HtmlTrackElementList,
+      TrackClass: HTMLTrackElement,
+      capitalName: 'RemoteTextTrackEls',
+      getterName: 'remoteTextTrackEls',
+      privateName: 'remoteTextTrackEls_'
+    }
+  };
+
+  var ALL = _extends_1({}, NORMAL, REMOTE);
+
+  REMOTE.names = Object.keys(REMOTE);
+  NORMAL.names = Object.keys(NORMAL);
+  ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
+
+  /**
+   * Copyright 2013 vtt.js Contributors
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *   http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+
+  /* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
+
+  /* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */
+
+  var _objCreate = Object.create || function () {
+    function F() {}
+
+    return function (o) {
+      if (arguments.length !== 1) {
+        throw new Error('Object.create shim only accepts one parameter.');
+      }
+
+      F.prototype = o;
+      return new F();
+    };
+  }(); // Creates a new ParserError object from an errorData object. The errorData
+  // object should have default code and message properties. The default message
+  // property can be overriden by passing in a message parameter.
+  // See ParsingError.Errors below for acceptable errors.
+
+
+  function ParsingError(errorData, message) {
+    this.name = "ParsingError";
+    this.code = errorData.code;
+    this.message = message || errorData.message;
+  }
+
+  ParsingError.prototype = _objCreate(Error.prototype);
+  ParsingError.prototype.constructor = ParsingError; // ParsingError metadata for acceptable ParsingErrors.
+
+  ParsingError.Errors = {
+    BadSignature: {
+      code: 0,
+      message: "Malformed WebVTT signature."
+    },
+    BadTimeStamp: {
+      code: 1,
+      message: "Malformed time stamp."
+    }
+  }; // Try to parse input as a time stamp.
+
+  function parseTimeStamp(input) {
+    function computeSeconds(h, m, s, f) {
+      return (h | 0) * 3600 + (m | 0) * 60 + (s | 0) + (f | 0) / 1000;
+    }
+
+    var m = input.match(/^(\d+):(\d{1,2})(:\d{1,2})?\.(\d{3})/);
+
+    if (!m) {
+      return null;
+    }
+
+    if (m[3]) {
+      // Timestamp takes the form of [hours]:[minutes]:[seconds].[milliseconds]
+      return computeSeconds(m[1], m[2], m[3].replace(":", ""), m[4]);
+    } else if (m[1] > 59) {
+      // Timestamp takes the form of [hours]:[minutes].[milliseconds]
+      // First position is hours as it's over 59.
+      return computeSeconds(m[1], m[2], 0, m[4]);
+    } else {
+      // Timestamp takes the form of [minutes]:[seconds].[milliseconds]
+      return computeSeconds(0, m[1], m[2], m[4]);
+    }
+  } // A settings object holds key/value pairs and will ignore anything but the first
+  // assignment to a specific key.
+
+
+  function Settings() {
+    this.values = _objCreate(null);
+  }
+
+  Settings.prototype = {
+    // Only accept the first assignment to any key.
+    set: function set(k, v) {
+      if (!this.get(k) && v !== "") {
+        this.values[k] = v;
+      }
+    },
+    // Return the value for a key, or a default value.
+    // If 'defaultKey' is passed then 'dflt' is assumed to be an object with
+    // a number of possible default values as properties where 'defaultKey' is
+    // the key of the property that will be chosen; otherwise it's assumed to be
+    // a single value.
+    get: function get(k, dflt, defaultKey) {
+      if (defaultKey) {
+        return this.has(k) ? this.values[k] : dflt[defaultKey];
+      }
+
+      return this.has(k) ? this.values[k] : dflt;
+    },
+    // Check whether we have a value for a key.
+    has: function has(k) {
+      return k in this.values;
+    },
+    // Accept a setting if its one of the given alternatives.
+    alt: function alt(k, v, a) {
+      for (var n = 0; n < a.length; ++n) {
+        if (v === a[n]) {
+          this.set(k, v);
+          break;
+        }
+      }
+    },
+    // Accept a setting if its a valid (signed) integer.
+    integer: function integer(k, v) {
+      if (/^-?\d+$/.test(v)) {
+        // integer
+        this.set(k, parseInt(v, 10));
+      }
+    },
+    // Accept a setting if its a valid percentage.
+    percent: function percent(k, v) {
+
+      if (v.match(/^([\d]{1,3})(\.[\d]*)?%$/)) {
+        v = parseFloat(v);
+
+        if (v >= 0 && v <= 100) {
+          this.set(k, v);
+          return true;
+        }
+      }
+
+      return false;
+    }
+  }; // Helper function to parse input into groups separated by 'groupDelim', and
+  // interprete each group as a key/value pair separated by 'keyValueDelim'.
+
+  function parseOptions(input, callback, keyValueDelim, groupDelim) {
+    var groups = groupDelim ? input.split(groupDelim) : [input];
+
+    for (var i in groups) {
+      if (typeof groups[i] !== "string") {
+        continue;
+      }
+
+      var kv = groups[i].split(keyValueDelim);
+
+      if (kv.length !== 2) {
+        continue;
+      }
+
+      var k = kv[0];
+      var v = kv[1];
+      callback(k, v);
+    }
+  }
+
+  function parseCue(input, cue, regionList) {
+    // Remember the original input if we need to throw an error.
+    var oInput = input; // 4.1 WebVTT timestamp
+
+    function consumeTimeStamp() {
+      var ts = parseTimeStamp(input);
+
+      if (ts === null) {
+        throw new ParsingError(ParsingError.Errors.BadTimeStamp, "Malformed timestamp: " + oInput);
+      } // Remove time stamp from input.
+
+
+      input = input.replace(/^[^\sa-zA-Z-]+/, "");
+      return ts;
+    } // 4.4.2 WebVTT cue settings
+
+
+    function consumeCueSettings(input, cue) {
+      var settings = new Settings();
+      parseOptions(input, function (k, v) {
+        switch (k) {
+          case "region":
+            // Find the last region we parsed with the same region id.
+            for (var i = regionList.length - 1; i >= 0; i--) {
+              if (regionList[i].id === v) {
+                settings.set(k, regionList[i].region);
+                break;
+              }
+            }
+
+            break;
+
+          case "vertical":
+            settings.alt(k, v, ["rl", "lr"]);
+            break;
+
+          case "line":
+            var vals = v.split(","),
+                vals0 = vals[0];
+            settings.integer(k, vals0);
+            settings.percent(k, vals0) ? settings.set("snapToLines", false) : null;
+            settings.alt(k, vals0, ["auto"]);
+
+            if (vals.length === 2) {
+              settings.alt("lineAlign", vals[1], ["start", "center", "end"]);
+            }
+
+            break;
+
+          case "position":
+            vals = v.split(",");
+            settings.percent(k, vals[0]);
+
+            if (vals.length === 2) {
+              settings.alt("positionAlign", vals[1], ["start", "center", "end"]);
+            }
+
+            break;
+
+          case "size":
+            settings.percent(k, v);
+            break;
+
+          case "align":
+            settings.alt(k, v, ["start", "center", "end", "left", "right"]);
+            break;
+        }
+      }, /:/, /\s/); // Apply default values for any missing fields.
+
+      cue.region = settings.get("region", null);
+      cue.vertical = settings.get("vertical", "");
+
+      try {
+        cue.line = settings.get("line", "auto");
+      } catch (e) {}
+
+      cue.lineAlign = settings.get("lineAlign", "start");
+      cue.snapToLines = settings.get("snapToLines", true);
+      cue.size = settings.get("size", 100); // Safari still uses the old middle value and won't accept center
+
+      try {
+        cue.align = settings.get("align", "center");
+      } catch (e) {
+        cue.align = settings.get("align", "middle");
+      }
+
+      try {
+        cue.position = settings.get("position", "auto");
+      } catch (e) {
+        cue.position = settings.get("position", {
+          start: 0,
+          left: 0,
+          center: 50,
+          middle: 50,
+          end: 100,
+          right: 100
+        }, cue.align);
+      }
+
+      cue.positionAlign = settings.get("positionAlign", {
+        start: "start",
+        left: "start",
+        center: "center",
+        middle: "center",
+        end: "end",
+        right: "end"
+      }, cue.align);
+    }
+
+    function skipWhitespace() {
+      input = input.replace(/^\s+/, "");
+    } // 4.1 WebVTT cue timings.
+
+
+    skipWhitespace();
+    cue.startTime = consumeTimeStamp(); // (1) collect cue start time
+
+    skipWhitespace();
+
+    if (input.substr(0, 3) !== "-->") {
+      // (3) next characters must match "-->"
+      throw new ParsingError(ParsingError.Errors.BadTimeStamp, "Malformed time stamp (time stamps must be separated by '-->'): " + oInput);
+    }
+
+    input = input.substr(3);
+    skipWhitespace();
+    cue.endTime = consumeTimeStamp(); // (5) collect cue end time
+    // 4.1 WebVTT cue settings list.
+
+    skipWhitespace();
+    consumeCueSettings(input, cue);
+  } // When evaluating this file as part of a Webpack bundle for server
+  // side rendering, `document` is an empty object.
+
+
+  var TEXTAREA_ELEMENT = document_1.createElement && document_1.createElement("textarea");
+  var TAG_NAME = {
+    c: "span",
+    i: "i",
+    b: "b",
+    u: "u",
+    ruby: "ruby",
+    rt: "rt",
+    v: "span",
+    lang: "span"
+  }; // 5.1 default text color
+  // 5.2 default text background color is equivalent to text color with bg_ prefix
+
+  var DEFAULT_COLOR_CLASS = {
+    white: 'rgba(255,255,255,1)',
+    lime: 'rgba(0,255,0,1)',
+    cyan: 'rgba(0,255,255,1)',
+    red: 'rgba(255,0,0,1)',
+    yellow: 'rgba(255,255,0,1)',
+    magenta: 'rgba(255,0,255,1)',
+    blue: 'rgba(0,0,255,1)',
+    black: 'rgba(0,0,0,1)'
+  };
+  var TAG_ANNOTATION = {
+    v: "title",
+    lang: "lang"
+  };
+  var NEEDS_PARENT = {
+    rt: "ruby"
+  }; // Parse content into a document fragment.
+
+  function parseContent(window, input) {
+    function nextToken() {
+      // Check for end-of-string.
+      if (!input) {
+        return null;
+      } // Consume 'n' characters from the input.
+
+
+      function consume(result) {
+        input = input.substr(result.length);
+        return result;
+      }
+
+      var m = input.match(/^([^<]*)(<[^>]*>?)?/); // If there is some text before the next tag, return it, otherwise return
+      // the tag.
+
+      return consume(m[1] ? m[1] : m[2]);
+    }
+
+    function unescape(s) {
+      TEXTAREA_ELEMENT.innerHTML = s;
+      s = TEXTAREA_ELEMENT.textContent;
+      TEXTAREA_ELEMENT.textContent = "";
+      return s;
+    }
+
+    function shouldAdd(current, element) {
+      return !NEEDS_PARENT[element.localName] || NEEDS_PARENT[element.localName] === current.localName;
+    } // Create an element for this tag.
+
+
+    function createElement(type, annotation) {
+      var tagName = TAG_NAME[type];
+
+      if (!tagName) {
+        return null;
+      }
+
+      var element = window.document.createElement(tagName);
+      var name = TAG_ANNOTATION[type];
+
+      if (name && annotation) {
+        element[name] = annotation.trim();
+      }
+
+      return element;
+    }
+
+    var rootDiv = window.document.createElement("div"),
+        current = rootDiv,
+        t,
+        tagStack = [];
+
+    while ((t = nextToken()) !== null) {
+      if (t[0] === '<') {
+        if (t[1] === "/") {
+          // If the closing tag matches, move back up to the parent node.
+          if (tagStack.length && tagStack[tagStack.length - 1] === t.substr(2).replace(">", "")) {
+            tagStack.pop();
+            current = current.parentNode;
+          } // Otherwise just ignore the end tag.
+
+
+          continue;
+        }
+
+        var ts = parseTimeStamp(t.substr(1, t.length - 2));
+        var node;
+
+        if (ts) {
+          // Timestamps are lead nodes as well.
+          node = window.document.createProcessingInstruction("timestamp", ts);
+          current.appendChild(node);
+          continue;
+        }
+
+        var m = t.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/); // If we can't parse the tag, skip to the next tag.
+
+        if (!m) {
+          continue;
+        } // Try to construct an element, and ignore the tag if we couldn't.
+
+
+        node = createElement(m[1], m[3]);
+
+        if (!node) {
+          continue;
+        } // Determine if the tag should be added based on the context of where it
+        // is placed in the cuetext.
+
+
+        if (!shouldAdd(current, node)) {
+          continue;
+        } // Set the class list (as a list of classes, separated by space).
+
+
+        if (m[2]) {
+          var classes = m[2].split('.');
+          classes.forEach(function (cl) {
+            var bgColor = /^bg_/.test(cl); // slice out `bg_` if it's a background color
+
+            var colorName = bgColor ? cl.slice(3) : cl;
+
+            if (DEFAULT_COLOR_CLASS.hasOwnProperty(colorName)) {
+              var propName = bgColor ? 'background-color' : 'color';
+              var propValue = DEFAULT_COLOR_CLASS[colorName];
+              node.style[propName] = propValue;
+            }
+          });
+          node.className = classes.join(' ');
+        } // Append the node to the current node, and enter the scope of the new
+        // node.
+
+
+        tagStack.push(m[1]);
+        current.appendChild(node);
+        current = node;
+        continue;
+      } // Text nodes are leaf nodes.
+
+
+      current.appendChild(window.document.createTextNode(unescape(t)));
+    }
+
+    return rootDiv;
+  } // This is a list of all the Unicode characters that have a strong
+  // right-to-left category. What this means is that these characters are
+  // written right-to-left for sure. It was generated by pulling all the strong
+  // right-to-left characters out of the Unicode data table. That table can
+  // found at: http://www.unicode.org/Public/UNIDATA/UnicodeData.txt
+
+
+  var strongRTLRanges = [[0x5be, 0x5be], [0x5c0, 0x5c0], [0x5c3, 0x5c3], [0x5c6, 0x5c6], [0x5d0, 0x5ea], [0x5f0, 0x5f4], [0x608, 0x608], [0x60b, 0x60b], [0x60d, 0x60d], [0x61b, 0x61b], [0x61e, 0x64a], [0x66d, 0x66f], [0x671, 0x6d5], [0x6e5, 0x6e6], [0x6ee, 0x6ef], [0x6fa, 0x70d], [0x70f, 0x710], [0x712, 0x72f], [0x74d, 0x7a5], [0x7b1, 0x7b1], [0x7c0, 0x7ea], [0x7f4, 0x7f5], [0x7fa, 0x7fa], [0x800, 0x815], [0x81a, 0x81a], [0x824, 0x824], [0x828, 0x828], [0x830, 0x83e], [0x840, 0x858], [0x85e, 0x85e], [0x8a0, 0x8a0], [0x8a2, 0x8ac], [0x200f, 0x200f], [0xfb1d, 0xfb1d], [0xfb1f, 0xfb28], [0xfb2a, 0xfb36], [0xfb38, 0xfb3c], [0xfb3e, 0xfb3e], [0xfb40, 0xfb41], [0xfb43, 0xfb44], [0xfb46, 0xfbc1], [0xfbd3, 0xfd3d], [0xfd50, 0xfd8f], [0xfd92, 0xfdc7], [0xfdf0, 0xfdfc], [0xfe70, 0xfe74], [0xfe76, 0xfefc], [0x10800, 0x10805], [0x10808, 0x10808], [0x1080a, 0x10835], [0x10837, 0x10838], [0x1083c, 0x1083c], [0x1083f, 0x10855], [0x10857, 0x1085f], [0x10900, 0x1091b], [0x10920, 0x10939], [0x1093f, 0x1093f], [0x10980, 0x109b7], [0x109be, 0x109bf], [0x10a00, 0x10a00], [0x10a10, 0x10a13], [0x10a15, 0x10a17], [0x10a19, 0x10a33], [0x10a40, 0x10a47], [0x10a50, 0x10a58], [0x10a60, 0x10a7f], [0x10b00, 0x10b35], [0x10b40, 0x10b55], [0x10b58, 0x10b72], [0x10b78, 0x10b7f], [0x10c00, 0x10c48], [0x1ee00, 0x1ee03], [0x1ee05, 0x1ee1f], [0x1ee21, 0x1ee22], [0x1ee24, 0x1ee24], [0x1ee27, 0x1ee27], [0x1ee29, 0x1ee32], [0x1ee34, 0x1ee37], [0x1ee39, 0x1ee39], [0x1ee3b, 0x1ee3b], [0x1ee42, 0x1ee42], [0x1ee47, 0x1ee47], [0x1ee49, 0x1ee49], [0x1ee4b, 0x1ee4b], [0x1ee4d, 0x1ee4f], [0x1ee51, 0x1ee52], [0x1ee54, 0x1ee54], [0x1ee57, 0x1ee57], [0x1ee59, 0x1ee59], [0x1ee5b, 0x1ee5b], [0x1ee5d, 0x1ee5d], [0x1ee5f, 0x1ee5f], [0x1ee61, 0x1ee62], [0x1ee64, 0x1ee64], [0x1ee67, 0x1ee6a], [0x1ee6c, 0x1ee72], [0x1ee74, 0x1ee77], [0x1ee79, 0x1ee7c], [0x1ee7e, 0x1ee7e], [0x1ee80, 0x1ee89], [0x1ee8b, 0x1ee9b], [0x1eea1, 0x1eea3], [0x1eea5, 0x1eea9], [0x1eeab, 0x1eebb], [0x10fffd, 0x10fffd]];
+
+  function isStrongRTLChar(charCode) {
+    for (var i = 0; i < strongRTLRanges.length; i++) {
+      var currentRange = strongRTLRanges[i];
+
+      if (charCode >= currentRange[0] && charCode <= currentRange[1]) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  function determineBidi(cueDiv) {
+    var nodeStack = [],
+        text = "",
+        charCode;
+
+    if (!cueDiv || !cueDiv.childNodes) {
+      return "ltr";
+    }
+
+    function pushNodes(nodeStack, node) {
+      for (var i = node.childNodes.length - 1; i >= 0; i--) {
+        nodeStack.push(node.childNodes[i]);
+      }
+    }
+
+    function nextTextNode(nodeStack) {
+      if (!nodeStack || !nodeStack.length) {
+        return null;
+      }
+
+      var node = nodeStack.pop(),
+          text = node.textContent || node.innerText;
+
+      if (text) {
+        // TODO: This should match all unicode type B characters (paragraph
+        // separator characters). See issue #115.
+        var m = text.match(/^.*(\n|\r)/);
+
+        if (m) {
+          nodeStack.length = 0;
+          return m[0];
+        }
+
+        return text;
+      }
+
+      if (node.tagName === "ruby") {
+        return nextTextNode(nodeStack);
+      }
+
+      if (node.childNodes) {
+        pushNodes(nodeStack, node);
+        return nextTextNode(nodeStack);
+      }
+    }
+
+    pushNodes(nodeStack, cueDiv);
+
+    while (text = nextTextNode(nodeStack)) {
+      for (var i = 0; i < text.length; i++) {
+        charCode = text.charCodeAt(i);
+
+        if (isStrongRTLChar(charCode)) {
+          return "rtl";
+        }
+      }
+    }
+
+    return "ltr";
+  }
+
+  function computeLinePos(cue) {
+    if (typeof cue.line === "number" && (cue.snapToLines || cue.line >= 0 && cue.line <= 100)) {
+      return cue.line;
+    }
+
+    if (!cue.track || !cue.track.textTrackList || !cue.track.textTrackList.mediaElement) {
+      return -1;
+    }
+
+    var track = cue.track,
+        trackList = track.textTrackList,
+        count = 0;
+
+    for (var i = 0; i < trackList.length && trackList[i] !== track; i++) {
+      if (trackList[i].mode === "showing") {
+        count++;
+      }
+    }
+
+    return ++count * -1;
+  }
+
+  function StyleBox() {} // Apply styles to a div. If there is no div passed then it defaults to the
+  // div on 'this'.
+
+
+  StyleBox.prototype.applyStyles = function (styles, div) {
+    div = div || this.div;
+
+    for (var prop in styles) {
+      if (styles.hasOwnProperty(prop)) {
+        div.style[prop] = styles[prop];
+      }
+    }
+  };
+
+  StyleBox.prototype.formatStyle = function (val, unit) {
+    return val === 0 ? 0 : val + unit;
+  }; // Constructs the computed display state of the cue (a div). Places the div
+  // into the overlay which should be a block level element (usually a div).
+
+
+  function CueStyleBox(window, cue, styleOptions) {
+    StyleBox.call(this);
+    this.cue = cue; // Parse our cue's text into a DOM tree rooted at 'cueDiv'. This div will
+    // have inline positioning and will function as the cue background box.
+
+    this.cueDiv = parseContent(window, cue.text);
+    var styles = {
+      color: "rgba(255, 255, 255, 1)",
+      backgroundColor: "rgba(0, 0, 0, 0.8)",
+      position: "relative",
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0,
+      display: "inline",
+      writingMode: cue.vertical === "" ? "horizontal-tb" : cue.vertical === "lr" ? "vertical-lr" : "vertical-rl",
+      unicodeBidi: "plaintext"
+    };
+    this.applyStyles(styles, this.cueDiv); // Create an absolutely positioned div that will be used to position the cue
+    // div. Note, all WebVTT cue-setting alignments are equivalent to the CSS
+    // mirrors of them except middle instead of center on Safari.
+
+    this.div = window.document.createElement("div");
+    styles = {
+      direction: determineBidi(this.cueDiv),
+      writingMode: cue.vertical === "" ? "horizontal-tb" : cue.vertical === "lr" ? "vertical-lr" : "vertical-rl",
+      unicodeBidi: "plaintext",
+      textAlign: cue.align === "middle" ? "center" : cue.align,
+      font: styleOptions.font,
+      whiteSpace: "pre-line",
+      position: "absolute"
+    };
+    this.applyStyles(styles);
+    this.div.appendChild(this.cueDiv); // Calculate the distance from the reference edge of the viewport to the text
+    // position of the cue box. The reference edge will be resolved later when
+    // the box orientation styles are applied.
+
+    var textPos = 0;
+
+    switch (cue.positionAlign) {
+      case "start":
+        textPos = cue.position;
+        break;
+
+      case "center":
+        textPos = cue.position - cue.size / 2;
+        break;
+
+      case "end":
+        textPos = cue.position - cue.size;
+        break;
+    } // Horizontal box orientation; textPos is the distance from the left edge of the
+    // area to the left edge of the box and cue.size is the distance extending to
+    // the right from there.
+
+
+    if (cue.vertical === "") {
+      this.applyStyles({
+        left: this.formatStyle(textPos, "%"),
+        width: this.formatStyle(cue.size, "%")
+      }); // Vertical box orientation; textPos is the distance from the top edge of the
+      // area to the top edge of the box and cue.size is the height extending
+      // downwards from there.
+    } else {
+      this.applyStyles({
+        top: this.formatStyle(textPos, "%"),
+        height: this.formatStyle(cue.size, "%")
+      });
+    }
+
+    this.move = function (box) {
+      this.applyStyles({
+        top: this.formatStyle(box.top, "px"),
+        bottom: this.formatStyle(box.bottom, "px"),
+        left: this.formatStyle(box.left, "px"),
+        right: this.formatStyle(box.right, "px"),
+        height: this.formatStyle(box.height, "px"),
+        width: this.formatStyle(box.width, "px")
+      });
+    };
+  }
+
+  CueStyleBox.prototype = _objCreate(StyleBox.prototype);
+  CueStyleBox.prototype.constructor = CueStyleBox; // Represents the co-ordinates of an Element in a way that we can easily
+  // compute things with such as if it overlaps or intersects with another Element.
+  // Can initialize it with either a StyleBox or another BoxPosition.
+
+  function BoxPosition(obj) {
+    // Either a BoxPosition was passed in and we need to copy it, or a StyleBox
+    // was passed in and we need to copy the results of 'getBoundingClientRect'
+    // as the object returned is readonly. All co-ordinate values are in reference
+    // to the viewport origin (top left).
+    var lh, height, width, top;
+
+    if (obj.div) {
+      height = obj.div.offsetHeight;
+      width = obj.div.offsetWidth;
+      top = obj.div.offsetTop;
+      var rects = (rects = obj.div.childNodes) && (rects = rects[0]) && rects.getClientRects && rects.getClientRects();
+      obj = obj.div.getBoundingClientRect(); // In certain cases the outter div will be slightly larger then the sum of
+      // the inner div's lines. This could be due to bold text, etc, on some platforms.
+      // In this case we should get the average line height and use that. This will
+      // result in the desired behaviour.
+
+      lh = rects ? Math.max(rects[0] && rects[0].height || 0, obj.height / rects.length) : 0;
+    }
+
+    this.left = obj.left;
+    this.right = obj.right;
+    this.top = obj.top || top;
+    this.height = obj.height || height;
+    this.bottom = obj.bottom || top + (obj.height || height);
+    this.width = obj.width || width;
+    this.lineHeight = lh !== undefined ? lh : obj.lineHeight;
+  } // Move the box along a particular axis. Optionally pass in an amount to move
+  // the box. If no amount is passed then the default is the line height of the
+  // box.
+
+
+  BoxPosition.prototype.move = function (axis, toMove) {
+    toMove = toMove !== undefined ? toMove : this.lineHeight;
+
+    switch (axis) {
+      case "+x":
+        this.left += toMove;
+        this.right += toMove;
+        break;
+
+      case "-x":
+        this.left -= toMove;
+        this.right -= toMove;
+        break;
+
+      case "+y":
+        this.top += toMove;
+        this.bottom += toMove;
+        break;
+
+      case "-y":
+        this.top -= toMove;
+        this.bottom -= toMove;
+        break;
+    }
+  }; // Check if this box overlaps another box, b2.
+
+
+  BoxPosition.prototype.overlaps = function (b2) {
+    return this.left < b2.right && this.right > b2.left && this.top < b2.bottom && this.bottom > b2.top;
+  }; // Check if this box overlaps any other boxes in boxes.
+
+
+  BoxPosition.prototype.overlapsAny = function (boxes) {
+    for (var i = 0; i < boxes.length; i++) {
+      if (this.overlaps(boxes[i])) {
+        return true;
+      }
+    }
+
+    return false;
+  }; // Check if this box is within another box.
+
+
+  BoxPosition.prototype.within = function (container) {
+    return this.top >= container.top && this.bottom <= container.bottom && this.left >= container.left && this.right <= container.right;
+  }; // Check if this box is entirely within the container or it is overlapping
+  // on the edge opposite of the axis direction passed. For example, if "+x" is
+  // passed and the box is overlapping on the left edge of the container, then
+  // return true.
+
+
+  BoxPosition.prototype.overlapsOppositeAxis = function (container, axis) {
+    switch (axis) {
+      case "+x":
+        return this.left < container.left;
+
+      case "-x":
+        return this.right > container.right;
+
+      case "+y":
+        return this.top < container.top;
+
+      case "-y":
+        return this.bottom > container.bottom;
+    }
+  }; // Find the percentage of the area that this box is overlapping with another
+  // box.
+
+
+  BoxPosition.prototype.intersectPercentage = function (b2) {
+    var x = Math.max(0, Math.min(this.right, b2.right) - Math.max(this.left, b2.left)),
+        y = Math.max(0, Math.min(this.bottom, b2.bottom) - Math.max(this.top, b2.top)),
+        intersectArea = x * y;
+    return intersectArea / (this.height * this.width);
+  }; // Convert the positions from this box to CSS compatible positions using
+  // the reference container's positions. This has to be done because this
+  // box's positions are in reference to the viewport origin, whereas, CSS
+  // values are in referecne to their respective edges.
+
+
+  BoxPosition.prototype.toCSSCompatValues = function (reference) {
+    return {
+      top: this.top - reference.top,
+      bottom: reference.bottom - this.bottom,
+      left: this.left - reference.left,
+      right: reference.right - this.right,
+      height: this.height,
+      width: this.width
+    };
+  }; // Get an object that represents the box's position without anything extra.
+  // Can pass a StyleBox, HTMLElement, or another BoxPositon.
+
+
+  BoxPosition.getSimpleBoxPosition = function (obj) {
+    var height = obj.div ? obj.div.offsetHeight : obj.tagName ? obj.offsetHeight : 0;
+    var width = obj.div ? obj.div.offsetWidth : obj.tagName ? obj.offsetWidth : 0;
+    var top = obj.div ? obj.div.offsetTop : obj.tagName ? obj.offsetTop : 0;
+    obj = obj.div ? obj.div.getBoundingClientRect() : obj.tagName ? obj.getBoundingClientRect() : obj;
+    var ret = {
+      left: obj.left,
+      right: obj.right,
+      top: obj.top || top,
+      height: obj.height || height,
+      bottom: obj.bottom || top + (obj.height || height),
+      width: obj.width || width
+    };
+    return ret;
+  }; // Move a StyleBox to its specified, or next best, position. The containerBox
+  // is the box that contains the StyleBox, such as a div. boxPositions are
+  // a list of other boxes that the styleBox can't overlap with.
+
+
+  function moveBoxToLinePosition(window, styleBox, containerBox, boxPositions) {
+    // Find the best position for a cue box, b, on the video. The axis parameter
+    // is a list of axis, the order of which, it will move the box along. For example:
+    // Passing ["+x", "-x"] will move the box first along the x axis in the positive
+    // direction. If it doesn't find a good position for it there it will then move
+    // it along the x axis in the negative direction.
+    function findBestPosition(b, axis) {
+      var bestPosition,
+          specifiedPosition = new BoxPosition(b),
+          percentage = 1; // Highest possible so the first thing we get is better.
+
+      for (var i = 0; i < axis.length; i++) {
+        while (b.overlapsOppositeAxis(containerBox, axis[i]) || b.within(containerBox) && b.overlapsAny(boxPositions)) {
+          b.move(axis[i]);
+        } // We found a spot where we aren't overlapping anything. This is our
+        // best position.
+
+
+        if (b.within(containerBox)) {
+          return b;
+        }
+
+        var p = b.intersectPercentage(containerBox); // If we're outside the container box less then we were on our last try
+        // then remember this position as the best position.
+
+        if (percentage > p) {
+          bestPosition = new BoxPosition(b);
+          percentage = p;
+        } // Reset the box position to the specified position.
+
+
+        b = new BoxPosition(specifiedPosition);
+      }
+
+      return bestPosition || specifiedPosition;
+    }
+
+    var boxPosition = new BoxPosition(styleBox),
+        cue = styleBox.cue,
+        linePos = computeLinePos(cue),
+        axis = []; // If we have a line number to align the cue to.
+
+    if (cue.snapToLines) {
+      var size;
+
+      switch (cue.vertical) {
+        case "":
+          axis = ["+y", "-y"];
+          size = "height";
+          break;
+
+        case "rl":
+          axis = ["+x", "-x"];
+          size = "width";
+          break;
+
+        case "lr":
+          axis = ["-x", "+x"];
+          size = "width";
+          break;
+      }
+
+      var step = boxPosition.lineHeight,
+          position = step * Math.round(linePos),
+          maxPosition = containerBox[size] + step,
+          initialAxis = axis[0]; // If the specified intial position is greater then the max position then
+      // clamp the box to the amount of steps it would take for the box to
+      // reach the max position.
+
+      if (Math.abs(position) > maxPosition) {
+        position = position < 0 ? -1 : 1;
+        position *= Math.ceil(maxPosition / step) * step;
+      } // If computed line position returns negative then line numbers are
+      // relative to the bottom of the video instead of the top. Therefore, we
+      // need to increase our initial position by the length or width of the
+      // video, depending on the writing direction, and reverse our axis directions.
+
+
+      if (linePos < 0) {
+        position += cue.vertical === "" ? containerBox.height : containerBox.width;
+        axis = axis.reverse();
+      } // Move the box to the specified position. This may not be its best
+      // position.
+
+
+      boxPosition.move(initialAxis, position);
+    } else {
+      // If we have a percentage line value for the cue.
+      var calculatedPercentage = boxPosition.lineHeight / containerBox.height * 100;
+
+      switch (cue.lineAlign) {
+        case "center":
+          linePos -= calculatedPercentage / 2;
+          break;
+
+        case "end":
+          linePos -= calculatedPercentage;
+          break;
+      } // Apply initial line position to the cue box.
+
+
+      switch (cue.vertical) {
+        case "":
+          styleBox.applyStyles({
+            top: styleBox.formatStyle(linePos, "%")
+          });
+          break;
+
+        case "rl":
+          styleBox.applyStyles({
+            left: styleBox.formatStyle(linePos, "%")
+          });
+          break;
+
+        case "lr":
+          styleBox.applyStyles({
+            right: styleBox.formatStyle(linePos, "%")
+          });
+          break;
+      }
+
+      axis = ["+y", "-x", "+x", "-y"]; // Get the box position again after we've applied the specified positioning
+      // to it.
+
+      boxPosition = new BoxPosition(styleBox);
+    }
+
+    var bestPosition = findBestPosition(boxPosition, axis);
+    styleBox.move(bestPosition.toCSSCompatValues(containerBox));
+  }
+
+  function WebVTT$1() {// Nothing
+  } // Helper to allow strings to be decoded instead of the default binary utf8 data.
+
+
+  WebVTT$1.StringDecoder = function () {
+    return {
+      decode: function decode(data) {
+        if (!data) {
+          return "";
+        }
+
+        if (typeof data !== "string") {
+          throw new Error("Error - expected string data.");
+        }
+
+        return decodeURIComponent(encodeURIComponent(data));
+      }
+    };
+  };
+
+  WebVTT$1.convertCueToDOMTree = function (window, cuetext) {
+    if (!window || !cuetext) {
+      return null;
+    }
+
+    return parseContent(window, cuetext);
+  };
+
+  var FONT_SIZE_PERCENT = 0.05;
+  var FONT_STYLE = "sans-serif";
+  var CUE_BACKGROUND_PADDING = "1.5%"; // Runs the processing model over the cues and regions passed to it.
+  // @param overlay A block level element (usually a div) that the computed cues
+  //                and regions will be placed into.
+
+  WebVTT$1.processCues = function (window, cues, overlay) {
+    if (!window || !cues || !overlay) {
+      return null;
+    } // Remove all previous children.
+
+
+    while (overlay.firstChild) {
+      overlay.removeChild(overlay.firstChild);
+    }
+
+    var paddedOverlay = window.document.createElement("div");
+    paddedOverlay.style.position = "absolute";
+    paddedOverlay.style.left = "0";
+    paddedOverlay.style.right = "0";
+    paddedOverlay.style.top = "0";
+    paddedOverlay.style.bottom = "0";
+    paddedOverlay.style.margin = CUE_BACKGROUND_PADDING;
+    overlay.appendChild(paddedOverlay); // Determine if we need to compute the display states of the cues. This could
+    // be the case if a cue's state has been changed since the last computation or
+    // if it has not been computed yet.
+
+    function shouldCompute(cues) {
+      for (var i = 0; i < cues.length; i++) {
+        if (cues[i].hasBeenReset || !cues[i].displayState) {
+          return true;
+        }
+      }
+
+      return false;
+    } // We don't need to recompute the cues' display states. Just reuse them.
+
+
+    if (!shouldCompute(cues)) {
+      for (var i = 0; i < cues.length; i++) {
+        paddedOverlay.appendChild(cues[i].displayState);
+      }
+
+      return;
+    }
+
+    var boxPositions = [],
+        containerBox = BoxPosition.getSimpleBoxPosition(paddedOverlay),
+        fontSize = Math.round(containerBox.height * FONT_SIZE_PERCENT * 100) / 100;
+    var styleOptions = {
+      font: fontSize + "px " + FONT_STYLE
+    };
+
+    (function () {
+      var styleBox, cue;
+
+      for (var i = 0; i < cues.length; i++) {
+        cue = cues[i]; // Compute the intial position and styles of the cue div.
+
+        styleBox = new CueStyleBox(window, cue, styleOptions);
+        paddedOverlay.appendChild(styleBox.div); // Move the cue div to it's correct line position.
+
+        moveBoxToLinePosition(window, styleBox, containerBox, boxPositions); // Remember the computed div so that we don't have to recompute it later
+        // if we don't have too.
+
+        cue.displayState = styleBox.div;
+        boxPositions.push(BoxPosition.getSimpleBoxPosition(styleBox));
+      }
+    })();
+  };
+
+  WebVTT$1.Parser = function (window, vttjs, decoder) {
+    if (!decoder) {
+      decoder = vttjs;
+      vttjs = {};
+    }
+
+    if (!vttjs) {
+      vttjs = {};
+    }
+
+    this.window = window;
+    this.vttjs = vttjs;
+    this.state = "INITIAL";
+    this.buffer = "";
+    this.decoder = decoder || new TextDecoder("utf8");
+    this.regionList = [];
+  };
+
+  WebVTT$1.Parser.prototype = {
+    // If the error is a ParsingError then report it to the consumer if
+    // possible. If it's not a ParsingError then throw it like normal.
+    reportOrThrowError: function reportOrThrowError(e) {
+      if (e instanceof ParsingError) {
+        this.onparsingerror && this.onparsingerror(e);
+      } else {
+        throw e;
+      }
+    },
+    parse: function parse(data) {
+      var self = this; // If there is no data then we won't decode it, but will just try to parse
+      // whatever is in buffer already. This may occur in circumstances, for
+      // example when flush() is called.
+
+      if (data) {
+        // Try to decode the data that we received.
+        self.buffer += self.decoder.decode(data, {
+          stream: true
+        });
+      }
+
+      function collectNextLine() {
+        var buffer = self.buffer;
+        var pos = 0;
+
+        while (pos < buffer.length && buffer[pos] !== '\r' && buffer[pos] !== '\n') {
+          ++pos;
+        }
+
+        var line = buffer.substr(0, pos); // Advance the buffer early in case we fail below.
+
+        if (buffer[pos] === '\r') {
+          ++pos;
+        }
+
+        if (buffer[pos] === '\n') {
+          ++pos;
+        }
+
+        self.buffer = buffer.substr(pos);
+        return line;
+      } // 3.4 WebVTT region and WebVTT region settings syntax
+
+
+      function parseRegion(input) {
+        var settings = new Settings();
+        parseOptions(input, function (k, v) {
+          switch (k) {
+            case "id":
+              settings.set(k, v);
+              break;
+
+            case "width":
+              settings.percent(k, v);
+              break;
+
+            case "lines":
+              settings.integer(k, v);
+              break;
+
+            case "regionanchor":
+            case "viewportanchor":
+              var xy = v.split(',');
+
+              if (xy.length !== 2) {
+                break;
+              } // We have to make sure both x and y parse, so use a temporary
+              // settings object here.
+
+
+              var anchor = new Settings();
+              anchor.percent("x", xy[0]);
+              anchor.percent("y", xy[1]);
+
+              if (!anchor.has("x") || !anchor.has("y")) {
+                break;
+              }
+
+              settings.set(k + "X", anchor.get("x"));
+              settings.set(k + "Y", anchor.get("y"));
+              break;
+
+            case "scroll":
+              settings.alt(k, v, ["up"]);
+              break;
+          }
+        }, /=/, /\s/); // Create the region, using default values for any values that were not
+        // specified.
+
+        if (settings.has("id")) {
+          var region = new (self.vttjs.VTTRegion || self.window.VTTRegion)();
+          region.width = settings.get("width", 100);
+          region.lines = settings.get("lines", 3);
+          region.regionAnchorX = settings.get("regionanchorX", 0);
+          region.regionAnchorY = settings.get("regionanchorY", 100);
+          region.viewportAnchorX = settings.get("viewportanchorX", 0);
+          region.viewportAnchorY = settings.get("viewportanchorY", 100);
+          region.scroll = settings.get("scroll", ""); // Register the region.
+
+          self.onregion && self.onregion(region); // Remember the VTTRegion for later in case we parse any VTTCues that
+          // reference it.
+
+          self.regionList.push({
+            id: settings.get("id"),
+            region: region
+          });
+        }
+      } // draft-pantos-http-live-streaming-20
+      // https://tools.ietf.org/html/draft-pantos-http-live-streaming-20#section-3.5
+      // 3.5 WebVTT
+
+
+      function parseTimestampMap(input) {
+        var settings = new Settings();
+        parseOptions(input, function (k, v) {
+          switch (k) {
+            case "MPEGT":
+              settings.integer(k + 'S', v);
+              break;
+
+            case "LOCA":
+              settings.set(k + 'L', parseTimeStamp(v));
+              break;
+          }
+        }, /[^\d]:/, /,/);
+        self.ontimestampmap && self.ontimestampmap({
+          "MPEGTS": settings.get("MPEGTS"),
+          "LOCAL": settings.get("LOCAL")
+        });
+      } // 3.2 WebVTT metadata header syntax
+
+
+      function parseHeader(input) {
+        if (input.match(/X-TIMESTAMP-MAP/)) {
+          // This line contains HLS X-TIMESTAMP-MAP metadata
+          parseOptions(input, function (k, v) {
+            switch (k) {
+              case "X-TIMESTAMP-MAP":
+                parseTimestampMap(v);
+                break;
+            }
+          }, /=/);
+        } else {
+          parseOptions(input, function (k, v) {
+            switch (k) {
+              case "Region":
+                // 3.3 WebVTT region metadata header syntax
+                parseRegion(v);
+                break;
+            }
+          }, /:/);
+        }
+      } // 5.1 WebVTT file parsing.
+
+
+      try {
+        var line;
+
+        if (self.state === "INITIAL") {
+          // We can't start parsing until we have the first line.
+          if (!/\r\n|\n/.test(self.buffer)) {
+            return this;
+          }
+
+          line = collectNextLine();
+          var m = line.match(/^WEBVTT([ \t].*)?$/);
+
+          if (!m || !m[0]) {
+            throw new ParsingError(ParsingError.Errors.BadSignature);
+          }
+
+          self.state = "HEADER";
+        }
+
+        var alreadyCollectedLine = false;
+
+        while (self.buffer) {
+          // We can't parse a line until we have the full line.
+          if (!/\r\n|\n/.test(self.buffer)) {
+            return this;
+          }
+
+          if (!alreadyCollectedLine) {
+            line = collectNextLine();
+          } else {
+            alreadyCollectedLine = false;
+          }
+
+          switch (self.state) {
+            case "HEADER":
+              // 13-18 - Allow a header (metadata) under the WEBVTT line.
+              if (/:/.test(line)) {
+                parseHeader(line);
+              } else if (!line) {
+                // An empty line terminates the header and starts the body (cues).
+                self.state = "ID";
+              }
+
+              continue;
+
+            case "NOTE":
+              // Ignore NOTE blocks.
+              if (!line) {
+                self.state = "ID";
+              }
+
+              continue;
+
+            case "ID":
+              // Check for the start of NOTE blocks.
+              if (/^NOTE($|[ \t])/.test(line)) {
+                self.state = "NOTE";
+                break;
+              } // 19-29 - Allow any number of line terminators, then initialize new cue values.
+
+
+              if (!line) {
+                continue;
+              }
+
+              self.cue = new (self.vttjs.VTTCue || self.window.VTTCue)(0, 0, ""); // Safari still uses the old middle value and won't accept center
+
+              try {
+                self.cue.align = "center";
+              } catch (e) {
+                self.cue.align = "middle";
+              }
+
+              self.state = "CUE"; // 30-39 - Check if self line contains an optional identifier or timing data.
+
+              if (line.indexOf("-->") === -1) {
+                self.cue.id = line;
+                continue;
+              }
+
+            // Process line as start of a cue.
+
+            /*falls through*/
+
+            case "CUE":
+              // 40 - Collect cue timings and settings.
+              try {
+                parseCue(line, self.cue, self.regionList);
+              } catch (e) {
+                self.reportOrThrowError(e); // In case of an error ignore rest of the cue.
+
+                self.cue = null;
+                self.state = "BADCUE";
+                continue;
+              }
+
+              self.state = "CUETEXT";
+              continue;
+
+            case "CUETEXT":
+              var hasSubstring = line.indexOf("-->") !== -1; // 34 - If we have an empty line then report the cue.
+              // 35 - If we have the special substring '-->' then report the cue,
+              // but do not collect the line as we need to process the current
+              // one as a new cue.
+
+              if (!line || hasSubstring && (alreadyCollectedLine = true)) {
+                // We are done parsing self cue.
+                self.oncue && self.oncue(self.cue);
+                self.cue = null;
+                self.state = "ID";
+                continue;
+              }
+
+              if (self.cue.text) {
+                self.cue.text += "\n";
+              }
+
+              self.cue.text += line.replace(/\u2028/g, '\n').replace(/u2029/g, '\n');
+              continue;
+
+            case "BADCUE":
+              // BADCUE
+              // 54-62 - Collect and discard the remaining cue.
+              if (!line) {
+                self.state = "ID";
+              }
+
+              continue;
+          }
+        }
+      } catch (e) {
+        self.reportOrThrowError(e); // If we are currently parsing a cue, report what we have.
+
+        if (self.state === "CUETEXT" && self.cue && self.oncue) {
+          self.oncue(self.cue);
+        }
+
+        self.cue = null; // Enter BADWEBVTT state if header was not parsed correctly otherwise
+        // another exception occurred so enter BADCUE state.
+
+        self.state = self.state === "INITIAL" ? "BADWEBVTT" : "BADCUE";
+      }
+
+      return this;
+    },
+    flush: function flush() {
+      var self = this;
+
+      try {
+        // Finish decoding the stream.
+        self.buffer += self.decoder.decode(); // Synthesize the end of the current cue or region.
+
+        if (self.cue || self.state === "HEADER") {
+          self.buffer += "\n\n";
+          self.parse();
+        } // If we've flushed, parsed, and we're still on the INITIAL state then
+        // that means we don't have enough of the stream to parse the first
+        // line.
+
+
+        if (self.state === "INITIAL") {
+          throw new ParsingError(ParsingError.Errors.BadSignature);
+        }
+      } catch (e) {
+        self.reportOrThrowError(e);
+      }
+
+      self.onflush && self.onflush();
+      return this;
+    }
+  };
+  var vtt = WebVTT$1;
+
+  /**
+   * Copyright 2013 vtt.js Contributors
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *   http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var autoKeyword = "auto";
+  var directionSetting = {
+    "": 1,
+    "lr": 1,
+    "rl": 1
+  };
+  var alignSetting = {
+    "start": 1,
+    "center": 1,
+    "end": 1,
+    "left": 1,
+    "right": 1,
+    "auto": 1,
+    "line-left": 1,
+    "line-right": 1
+  };
+
+  function findDirectionSetting(value) {
+    if (typeof value !== "string") {
+      return false;
+    }
+
+    var dir = directionSetting[value.toLowerCase()];
+    return dir ? value.toLowerCase() : false;
+  }
+
+  function findAlignSetting(value) {
+    if (typeof value !== "string") {
+      return false;
+    }
+
+    var align = alignSetting[value.toLowerCase()];
+    return align ? value.toLowerCase() : false;
+  }
+
+  function VTTCue(startTime, endTime, text) {
+    /**
+     * Shim implementation specific properties. These properties are not in
+     * the spec.
+     */
+    // Lets us know when the VTTCue's data has changed in such a way that we need
+    // to recompute its display state. This lets us compute its display state
+    // lazily.
+    this.hasBeenReset = false;
+    /**
+     * VTTCue and TextTrackCue properties
+     * http://dev.w3.org/html5/webvtt/#vttcue-interface
+     */
+
+    var _id = "";
+    var _pauseOnExit = false;
+    var _startTime = startTime;
+    var _endTime = endTime;
+    var _text = text;
+    var _region = null;
+    var _vertical = "";
+    var _snapToLines = true;
+    var _line = "auto";
+    var _lineAlign = "start";
+    var _position = "auto";
+    var _positionAlign = "auto";
+    var _size = 100;
+    var _align = "center";
+    Object.defineProperties(this, {
+      "id": {
+        enumerable: true,
+        get: function get() {
+          return _id;
+        },
+        set: function set(value) {
+          _id = "" + value;
+        }
+      },
+      "pauseOnExit": {
+        enumerable: true,
+        get: function get() {
+          return _pauseOnExit;
+        },
+        set: function set(value) {
+          _pauseOnExit = !!value;
+        }
+      },
+      "startTime": {
+        enumerable: true,
+        get: function get() {
+          return _startTime;
+        },
+        set: function set(value) {
+          if (typeof value !== "number") {
+            throw new TypeError("Start time must be set to a number.");
+          }
+
+          _startTime = value;
+          this.hasBeenReset = true;
+        }
+      },
+      "endTime": {
+        enumerable: true,
+        get: function get() {
+          return _endTime;
+        },
+        set: function set(value) {
+          if (typeof value !== "number") {
+            throw new TypeError("End time must be set to a number.");
+          }
+
+          _endTime = value;
+          this.hasBeenReset = true;
+        }
+      },
+      "text": {
+        enumerable: true,
+        get: function get() {
+          return _text;
+        },
+        set: function set(value) {
+          _text = "" + value;
+          this.hasBeenReset = true;
+        }
+      },
+      "region": {
+        enumerable: true,
+        get: function get() {
+          return _region;
+        },
+        set: function set(value) {
+          _region = value;
+          this.hasBeenReset = true;
+        }
+      },
+      "vertical": {
+        enumerable: true,
+        get: function get() {
+          return _vertical;
+        },
+        set: function set(value) {
+          var setting = findDirectionSetting(value); // Have to check for false because the setting an be an empty string.
+
+          if (setting === false) {
+            throw new SyntaxError("Vertical: an invalid or illegal direction string was specified.");
+          }
+
+          _vertical = setting;
+          this.hasBeenReset = true;
+        }
+      },
+      "snapToLines": {
+        enumerable: true,
+        get: function get() {
+          return _snapToLines;
+        },
+        set: function set(value) {
+          _snapToLines = !!value;
+          this.hasBeenReset = true;
+        }
+      },
+      "line": {
+        enumerable: true,
+        get: function get() {
+          return _line;
+        },
+        set: function set(value) {
+          if (typeof value !== "number" && value !== autoKeyword) {
+            throw new SyntaxError("Line: an invalid number or illegal string was specified.");
+          }
+
+          _line = value;
+          this.hasBeenReset = true;
+        }
+      },
+      "lineAlign": {
+        enumerable: true,
+        get: function get() {
+          return _lineAlign;
+        },
+        set: function set(value) {
+          var setting = findAlignSetting(value);
+
+          if (!setting) {
+            console.warn("lineAlign: an invalid or illegal string was specified.");
+          } else {
+            _lineAlign = setting;
+            this.hasBeenReset = true;
+          }
+        }
+      },
+      "position": {
+        enumerable: true,
+        get: function get() {
+          return _position;
+        },
+        set: function set(value) {
+          if (value < 0 || value > 100) {
+            throw new Error("Position must be between 0 and 100.");
+          }
+
+          _position = value;
+          this.hasBeenReset = true;
+        }
+      },
+      "positionAlign": {
+        enumerable: true,
+        get: function get() {
+          return _positionAlign;
+        },
+        set: function set(value) {
+          var setting = findAlignSetting(value);
+
+          if (!setting) {
+            console.warn("positionAlign: an invalid or illegal string was specified.");
+          } else {
+            _positionAlign = setting;
+            this.hasBeenReset = true;
+          }
+        }
+      },
+      "size": {
+        enumerable: true,
+        get: function get() {
+          return _size;
+        },
+        set: function set(value) {
+          if (value < 0 || value > 100) {
+            throw new Error("Size must be between 0 and 100.");
+          }
+
+          _size = value;
+          this.hasBeenReset = true;
+        }
+      },
+      "align": {
+        enumerable: true,
+        get: function get() {
+          return _align;
+        },
+        set: function set(value) {
+          var setting = findAlignSetting(value);
+
+          if (!setting) {
+            throw new SyntaxError("align: an invalid or illegal alignment string was specified.");
+          }
+
+          _align = setting;
+          this.hasBeenReset = true;
+        }
+      }
+    });
+    /**
+     * Other <track> spec defined properties
+     */
+    // http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#text-track-cue-display-state
+
+    this.displayState = undefined;
+  }
+  /**
+   * VTTCue methods
+   */
+
+
+  VTTCue.prototype.getCueAsHTML = function () {
+    // Assume WebVTT.convertCueToDOMTree is on the global.
+    return WebVTT.convertCueToDOMTree(window, this.text);
+  };
+
+  var vttcue = VTTCue;
+
+  /**
+   * Copyright 2013 vtt.js Contributors
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *   http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var scrollSetting = {
+    "": true,
+    "up": true
+  };
+
+  function findScrollSetting(value) {
+    if (typeof value !== "string") {
+      return false;
+    }
+
+    var scroll = scrollSetting[value.toLowerCase()];
+    return scroll ? value.toLowerCase() : false;
+  }
+
+  function isValidPercentValue(value) {
+    return typeof value === "number" && value >= 0 && value <= 100;
+  } // VTTRegion shim http://dev.w3.org/html5/webvtt/#vttregion-interface
+
+
+  function VTTRegion() {
+    var _width = 100;
+    var _lines = 3;
+    var _regionAnchorX = 0;
+    var _regionAnchorY = 100;
+    var _viewportAnchorX = 0;
+    var _viewportAnchorY = 100;
+    var _scroll = "";
+    Object.defineProperties(this, {
+      "width": {
+        enumerable: true,
+        get: function get() {
+          return _width;
+        },
+        set: function set(value) {
+          if (!isValidPercentValue(value)) {
+            throw new Error("Width must be between 0 and 100.");
+          }
+
+          _width = value;
+        }
+      },
+      "lines": {
+        enumerable: true,
+        get: function get() {
+          return _lines;
+        },
+        set: function set(value) {
+          if (typeof value !== "number") {
+            throw new TypeError("Lines must be set to a number.");
+          }
+
+          _lines = value;
+        }
+      },
+      "regionAnchorY": {
+        enumerable: true,
+        get: function get() {
+          return _regionAnchorY;
+        },
+        set: function set(value) {
+          if (!isValidPercentValue(value)) {
+            throw new Error("RegionAnchorX must be between 0 and 100.");
+          }
+
+          _regionAnchorY = value;
+        }
+      },
+      "regionAnchorX": {
+        enumerable: true,
+        get: function get() {
+          return _regionAnchorX;
+        },
+        set: function set(value) {
+          if (!isValidPercentValue(value)) {
+            throw new Error("RegionAnchorY must be between 0 and 100.");
+          }
+
+          _regionAnchorX = value;
+        }
+      },
+      "viewportAnchorY": {
+        enumerable: true,
+        get: function get() {
+          return _viewportAnchorY;
+        },
+        set: function set(value) {
+          if (!isValidPercentValue(value)) {
+            throw new Error("ViewportAnchorY must be between 0 and 100.");
+          }
+
+          _viewportAnchorY = value;
+        }
+      },
+      "viewportAnchorX": {
+        enumerable: true,
+        get: function get() {
+          return _viewportAnchorX;
+        },
+        set: function set(value) {
+          if (!isValidPercentValue(value)) {
+            throw new Error("ViewportAnchorX must be between 0 and 100.");
+          }
+
+          _viewportAnchorX = value;
+        }
+      },
+      "scroll": {
+        enumerable: true,
+        get: function get() {
+          return _scroll;
+        },
+        set: function set(value) {
+          var setting = findScrollSetting(value); // Have to check for false as an empty string is a legal value.
+
+          if (setting === false) {
+            console.warn("Scroll: an invalid or illegal string was specified.");
+          } else {
+            _scroll = setting;
+          }
+        }
+      }
+    });
+  }
+
+  var vttregion = VTTRegion;
+
+  var browserIndex = createCommonjsModule(function (module) {
+    /**
+     * Copyright 2013 vtt.js Contributors
+     *
+     * Licensed under the Apache License, Version 2.0 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     *   http://www.apache.org/licenses/LICENSE-2.0
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" BASIS,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    // Default exports for Node. Export the extended versions of VTTCue and
+    // VTTRegion in Node since we likely want the capability to convert back and
+    // forth between JSON. If we don't then it's not that big of a deal since we're
+    // off browser.
+    var vttjs = module.exports = {
+      WebVTT: vtt,
+      VTTCue: vttcue,
+      VTTRegion: vttregion
+    };
+    window_1.vttjs = vttjs;
+    window_1.WebVTT = vttjs.WebVTT;
+    var cueShim = vttjs.VTTCue;
+    var regionShim = vttjs.VTTRegion;
+    var nativeVTTCue = window_1.VTTCue;
+    var nativeVTTRegion = window_1.VTTRegion;
+
+    vttjs.shim = function () {
+      window_1.VTTCue = cueShim;
+      window_1.VTTRegion = regionShim;
+    };
+
+    vttjs.restore = function () {
+      window_1.VTTCue = nativeVTTCue;
+      window_1.VTTRegion = nativeVTTRegion;
+    };
+
+    if (!window_1.VTTCue) {
+      vttjs.shim();
+    }
+  });
+  browserIndex.WebVTT;
+  browserIndex.VTTCue;
+  browserIndex.VTTRegion;
+
+  /**
+   * An Object containing a structure like: `{src: 'url', type: 'mimetype'}` or string
+   * that just contains the src url alone.
+   * * `var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'};`
+     * `var SourceString = 'http://example.com/some-video.mp4';`
+   *
+   * @typedef {Object|string} Tech~SourceObject
+   *
+   * @property {string} src
+   *           The url to the source
+   *
+   * @property {string} type
+   *           The mime type of the source
+   */
+
+  /**
+   * A function used by {@link Tech} to create a new {@link TextTrack}.
+   *
+   * @private
+   *
+   * @param {Tech} self
+   *        An instance of the Tech class.
+   *
+   * @param {string} kind
+   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
+   *
+   * @param {string} [label]
+   *        Label to identify the text track
+   *
+   * @param {string} [language]
+   *        Two letter language abbreviation
+   *
+   * @param {Object} [options={}]
+   *        An object with additional text track options
+   *
+   * @return {TextTrack}
+   *          The text track that was created.
+   */
+
+  function createTrackHelper(self, kind, label, language, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var tracks = self.textTracks();
+    options.kind = kind;
+
+    if (label) {
+      options.label = label;
+    }
+
+    if (language) {
+      options.language = language;
+    }
+
+    options.tech = self;
+    var track = new ALL.text.TrackClass(options);
+    tracks.addTrack(track);
+    return track;
+  }
+  /**
+   * This is the base class for media playback technology controllers, such as
+   * {@link HTML5}
+   *
+   * @extends Component
+   */
+
+
+  var Tech = /*#__PURE__*/function (_Component) {
+    inheritsLoose(Tech, _Component);
+
+    /**
+    * Create an instance of this Tech.
+    *
+    * @param {Object} [options]
+    *        The key/value store of player options.
+    *
+    * @param {Component~ReadyCallback} ready
+    *        Callback function to call when the `HTML5` Tech is ready.
+    */
+    function Tech(options, ready) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      if (ready === void 0) {
+        ready = function ready() {};
+      }
+
+      // we don't want the tech to report user activity automatically.
+      // This is done manually in addControlsListeners
+      options.reportTouchActivity = false;
+      _this = _Component.call(this, null, options, ready) || this;
+
+      _this.onDurationChange_ = function (e) {
+        return _this.onDurationChange(e);
+      };
+
+      _this.trackProgress_ = function (e) {
+        return _this.trackProgress(e);
+      };
+
+      _this.trackCurrentTime_ = function (e) {
+        return _this.trackCurrentTime(e);
+      };
+
+      _this.stopTrackingCurrentTime_ = function (e) {
+        return _this.stopTrackingCurrentTime(e);
+      };
+
+      _this.disposeSourceHandler_ = function (e) {
+        return _this.disposeSourceHandler(e);
+      }; // keep track of whether the current source has played at all to
+      // implement a very limited played()
+
+
+      _this.hasStarted_ = false;
+
+      _this.on('playing', function () {
+        this.hasStarted_ = true;
+      });
+
+      _this.on('loadstart', function () {
+        this.hasStarted_ = false;
+      });
+
+      ALL.names.forEach(function (name) {
+        var props = ALL[name];
+
+        if (options && options[props.getterName]) {
+          _this[props.privateName] = options[props.getterName];
+        }
+      }); // Manually track progress in cases where the browser/tech doesn't report it.
+
+      if (!_this.featuresProgressEvents) {
+        _this.manualProgressOn();
+      } // Manually track timeupdates in cases where the browser/tech doesn't report it.
+
+
+      if (!_this.featuresTimeupdateEvents) {
+        _this.manualTimeUpdatesOn();
+      }
+
+      ['Text', 'Audio', 'Video'].forEach(function (track) {
+        if (options["native" + track + "Tracks"] === false) {
+          _this["featuresNative" + track + "Tracks"] = false;
+        }
+      });
+
+      if (options.nativeCaptions === false || options.nativeTextTracks === false) {
+        _this.featuresNativeTextTracks = false;
+      } else if (options.nativeCaptions === true || options.nativeTextTracks === true) {
+        _this.featuresNativeTextTracks = true;
+      }
+
+      if (!_this.featuresNativeTextTracks) {
+        _this.emulateTextTracks();
+      }
+
+      _this.preloadTextTracks = options.preloadTextTracks !== false;
+      _this.autoRemoteTextTracks_ = new ALL.text.ListClass();
+
+      _this.initTrackListeners(); // Turn on component tap events only if not using native controls
+
+
+      if (!options.nativeControlsForTouch) {
+        _this.emitTapEvents();
+      }
+
+      if (_this.constructor) {
+        _this.name_ = _this.constructor.name || 'Unknown Tech';
+      }
+
+      return _this;
+    }
+    /**
+     * A special function to trigger source set in a way that will allow player
+     * to re-trigger if the player or tech are not ready yet.
+     *
+     * @fires Tech#sourceset
+     * @param {string} src The source string at the time of the source changing.
+     */
+
+
+    var _proto = Tech.prototype;
+
+    _proto.triggerSourceset = function triggerSourceset(src) {
+      var _this2 = this;
+
+      if (!this.isReady_) {
+        // on initial ready we have to trigger source set
+        // 1ms after ready so that player can watch for it.
+        this.one('ready', function () {
+          return _this2.setTimeout(function () {
+            return _this2.triggerSourceset(src);
+          }, 1);
+        });
+      }
+      /**
+       * Fired when the source is set on the tech causing the media element
+       * to reload.
+       *
+       * @see {@link Player#event:sourceset}
+       * @event Tech#sourceset
+       * @type {EventTarget~Event}
+       */
+
+
+      this.trigger({
+        src: src,
+        type: 'sourceset'
+      });
+    }
+    /* Fallbacks for unsupported event types
+    ================================================================================ */
+
+    /**
+     * Polyfill the `progress` event for browsers that don't support it natively.
+     *
+     * @see {@link Tech#trackProgress}
+     */
+    ;
+
+    _proto.manualProgressOn = function manualProgressOn() {
+      this.on('durationchange', this.onDurationChange_);
+      this.manualProgress = true; // Trigger progress watching when a source begins loading
+
+      this.one('ready', this.trackProgress_);
+    }
+    /**
+     * Turn off the polyfill for `progress` events that was created in
+     * {@link Tech#manualProgressOn}
+     */
+    ;
+
+    _proto.manualProgressOff = function manualProgressOff() {
+      this.manualProgress = false;
+      this.stopTrackingProgress();
+      this.off('durationchange', this.onDurationChange_);
+    }
+    /**
+     * This is used to trigger a `progress` event when the buffered percent changes. It
+     * sets an interval function that will be called every 500 milliseconds to check if the
+     * buffer end percent has changed.
+     *
+     * > This function is called by {@link Tech#manualProgressOn}
+     *
+     * @param {EventTarget~Event} event
+     *        The `ready` event that caused this to run.
+     *
+     * @listens Tech#ready
+     * @fires Tech#progress
+     */
+    ;
+
+    _proto.trackProgress = function trackProgress(event) {
+      this.stopTrackingProgress();
+      this.progressInterval = this.setInterval(bind(this, function () {
+        // Don't trigger unless buffered amount is greater than last time
+        var numBufferedPercent = this.bufferedPercent();
+
+        if (this.bufferedPercent_ !== numBufferedPercent) {
+          /**
+           * See {@link Player#progress}
+           *
+           * @event Tech#progress
+           * @type {EventTarget~Event}
+           */
+          this.trigger('progress');
+        }
+
+        this.bufferedPercent_ = numBufferedPercent;
+
+        if (numBufferedPercent === 1) {
+          this.stopTrackingProgress();
+        }
+      }), 500);
+    }
+    /**
+     * Update our internal duration on a `durationchange` event by calling
+     * {@link Tech#duration}.
+     *
+     * @param {EventTarget~Event} event
+     *        The `durationchange` event that caused this to run.
+     *
+     * @listens Tech#durationchange
+     */
+    ;
+
+    _proto.onDurationChange = function onDurationChange(event) {
+      this.duration_ = this.duration();
+    }
+    /**
+     * Get and create a `TimeRange` object for buffering.
+     *
+     * @return {TimeRange}
+     *         The time range object that was created.
+     */
+    ;
+
+    _proto.buffered = function buffered() {
+      return createTimeRanges(0, 0);
+    }
+    /**
+     * Get the percentage of the current video that is currently buffered.
+     *
+     * @return {number}
+     *         A number from 0 to 1 that represents the decimal percentage of the
+     *         video that is buffered.
+     *
+     */
+    ;
+
+    _proto.bufferedPercent = function bufferedPercent$1() {
+      return bufferedPercent(this.buffered(), this.duration_);
+    }
+    /**
+     * Turn off the polyfill for `progress` events that was created in
+     * {@link Tech#manualProgressOn}
+     * Stop manually tracking progress events by clearing the interval that was set in
+     * {@link Tech#trackProgress}.
+     */
+    ;
+
+    _proto.stopTrackingProgress = function stopTrackingProgress() {
+      this.clearInterval(this.progressInterval);
+    }
+    /**
+     * Polyfill the `timeupdate` event for browsers that don't support it.
+     *
+     * @see {@link Tech#trackCurrentTime}
+     */
+    ;
+
+    _proto.manualTimeUpdatesOn = function manualTimeUpdatesOn() {
+      this.manualTimeUpdates = true;
+      this.on('play', this.trackCurrentTime_);
+      this.on('pause', this.stopTrackingCurrentTime_);
+    }
+    /**
+     * Turn off the polyfill for `timeupdate` events that was created in
+     * {@link Tech#manualTimeUpdatesOn}
+     */
+    ;
+
+    _proto.manualTimeUpdatesOff = function manualTimeUpdatesOff() {
+      this.manualTimeUpdates = false;
+      this.stopTrackingCurrentTime();
+      this.off('play', this.trackCurrentTime_);
+      this.off('pause', this.stopTrackingCurrentTime_);
+    }
+    /**
+     * Sets up an interval function to track current time and trigger `timeupdate` every
+     * 250 milliseconds.
+     *
+     * @listens Tech#play
+     * @triggers Tech#timeupdate
+     */
+    ;
+
+    _proto.trackCurrentTime = function trackCurrentTime() {
+      if (this.currentTimeInterval) {
+        this.stopTrackingCurrentTime();
+      }
+
+      this.currentTimeInterval = this.setInterval(function () {
+        /**
+         * Triggered at an interval of 250ms to indicated that time is passing in the video.
+         *
+         * @event Tech#timeupdate
+         * @type {EventTarget~Event}
+         */
+        this.trigger({
+          type: 'timeupdate',
+          target: this,
+          manuallyTriggered: true
+        }); // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
+      }, 250);
+    }
+    /**
+     * Stop the interval function created in {@link Tech#trackCurrentTime} so that the
+     * `timeupdate` event is no longer triggered.
+     *
+     * @listens {Tech#pause}
+     */
+    ;
+
+    _proto.stopTrackingCurrentTime = function stopTrackingCurrentTime() {
+      this.clearInterval(this.currentTimeInterval); // #1002 - if the video ends right before the next timeupdate would happen,
+      // the progress bar won't make it all the way to the end
+
+      this.trigger({
+        type: 'timeupdate',
+        target: this,
+        manuallyTriggered: true
+      });
+    }
+    /**
+     * Turn off all event polyfills, clear the `Tech`s {@link AudioTrackList},
+     * {@link VideoTrackList}, and {@link TextTrackList}, and dispose of this Tech.
+     *
+     * @fires Component#dispose
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      // clear out all tracks because we can't reuse them between techs
+      this.clearTracks(NORMAL.names); // Turn off any manual progress or timeupdate tracking
+
+      if (this.manualProgress) {
+        this.manualProgressOff();
+      }
+
+      if (this.manualTimeUpdates) {
+        this.manualTimeUpdatesOff();
+      }
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Clear out a single `TrackList` or an array of `TrackLists` given their names.
+     *
+     * > Note: Techs without source handlers should call this between sources for `video`
+     *         & `audio` tracks. You don't want to use them between tracks!
+     *
+     * @param {string[]|string} types
+     *        TrackList names to clear, valid names are `video`, `audio`, and
+     *        `text`.
+     */
+    ;
+
+    _proto.clearTracks = function clearTracks(types) {
+      var _this3 = this;
+
+      types = [].concat(types); // clear out all tracks because we can't reuse them between techs
+
+      types.forEach(function (type) {
+        var list = _this3[type + "Tracks"]() || [];
+        var i = list.length;
+
+        while (i--) {
+          var track = list[i];
+
+          if (type === 'text') {
+            _this3.removeRemoteTextTrack(track);
+          }
+
+          list.removeTrack(track);
+        }
+      });
+    }
+    /**
+     * Remove any TextTracks added via addRemoteTextTrack that are
+     * flagged for automatic garbage collection
+     */
+    ;
+
+    _proto.cleanupAutoTextTracks = function cleanupAutoTextTracks() {
+      var list = this.autoRemoteTextTracks_ || [];
+      var i = list.length;
+
+      while (i--) {
+        var track = list[i];
+        this.removeRemoteTextTrack(track);
+      }
+    }
+    /**
+     * Reset the tech, which will removes all sources and reset the internal readyState.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.reset = function reset() {}
+    /**
+     * Get the value of `crossOrigin` from the tech.
+     *
+     * @abstract
+     *
+     * @see {Html5#crossOrigin}
+     */
+    ;
+
+    _proto.crossOrigin = function crossOrigin() {}
+    /**
+     * Set the value of `crossOrigin` on the tech.
+     *
+     * @abstract
+     *
+     * @param {string} crossOrigin the crossOrigin value
+     * @see {Html5#setCrossOrigin}
+     */
+    ;
+
+    _proto.setCrossOrigin = function setCrossOrigin() {}
+    /**
+     * Get or set an error on the Tech.
+     *
+     * @param {MediaError} [err]
+     *        Error to set on the Tech
+     *
+     * @return {MediaError|null}
+     *         The current error object on the tech, or null if there isn't one.
+     */
+    ;
+
+    _proto.error = function error(err) {
+      if (err !== undefined) {
+        this.error_ = new MediaError(err);
+        this.trigger('error');
+      }
+
+      return this.error_;
+    }
+    /**
+     * Returns the `TimeRange`s that have been played through for the current source.
+     *
+     * > NOTE: This implementation is incomplete. It does not track the played `TimeRange`.
+     *         It only checks whether the source has played at all or not.
+     *
+     * @return {TimeRange}
+     *         - A single time range if this video has played
+     *         - An empty set of ranges if not.
+     */
+    ;
+
+    _proto.played = function played() {
+      if (this.hasStarted_) {
+        return createTimeRanges(0, 0);
+      }
+
+      return createTimeRanges();
+    }
+    /**
+     * Start playback
+     *
+     * @abstract
+     *
+     * @see {Html5#play}
+     */
+    ;
+
+    _proto.play = function play() {}
+    /**
+     * Set whether we are scrubbing or not
+     *
+     * @abstract
+     *
+     * @see {Html5#setScrubbing}
+     */
+    ;
+
+    _proto.setScrubbing = function setScrubbing() {}
+    /**
+     * Get whether we are scrubbing or not
+     *
+     * @abstract
+     *
+     * @see {Html5#scrubbing}
+     */
+    ;
+
+    _proto.scrubbing = function scrubbing() {}
+    /**
+     * Causes a manual time update to occur if {@link Tech#manualTimeUpdatesOn} was
+     * previously called.
+     *
+     * @fires Tech#timeupdate
+     */
+    ;
+
+    _proto.setCurrentTime = function setCurrentTime() {
+      // improve the accuracy of manual timeupdates
+      if (this.manualTimeUpdates) {
+        /**
+         * A manual `timeupdate` event.
+         *
+         * @event Tech#timeupdate
+         * @type {EventTarget~Event}
+         */
+        this.trigger({
+          type: 'timeupdate',
+          target: this,
+          manuallyTriggered: true
+        });
+      }
+    }
+    /**
+     * Turn on listeners for {@link VideoTrackList}, {@link {AudioTrackList}, and
+     * {@link TextTrackList} events.
+     *
+     * This adds {@link EventTarget~EventListeners} for `addtrack`, and  `removetrack`.
+     *
+     * @fires Tech#audiotrackchange
+     * @fires Tech#videotrackchange
+     * @fires Tech#texttrackchange
+     */
+    ;
+
+    _proto.initTrackListeners = function initTrackListeners() {
+      var _this4 = this;
+
+      /**
+        * Triggered when tracks are added or removed on the Tech {@link AudioTrackList}
+        *
+        * @event Tech#audiotrackchange
+        * @type {EventTarget~Event}
+        */
+
+      /**
+        * Triggered when tracks are added or removed on the Tech {@link VideoTrackList}
+        *
+        * @event Tech#videotrackchange
+        * @type {EventTarget~Event}
+        */
+
+      /**
+        * Triggered when tracks are added or removed on the Tech {@link TextTrackList}
+        *
+        * @event Tech#texttrackchange
+        * @type {EventTarget~Event}
+        */
+      NORMAL.names.forEach(function (name) {
+        var props = NORMAL[name];
+
+        var trackListChanges = function trackListChanges() {
+          _this4.trigger(name + "trackchange");
+        };
+
+        var tracks = _this4[props.getterName]();
+
+        tracks.addEventListener('removetrack', trackListChanges);
+        tracks.addEventListener('addtrack', trackListChanges);
+
+        _this4.on('dispose', function () {
+          tracks.removeEventListener('removetrack', trackListChanges);
+          tracks.removeEventListener('addtrack', trackListChanges);
+        });
+      });
+    }
+    /**
+     * Emulate TextTracks using vtt.js if necessary
+     *
+     * @fires Tech#vttjsloaded
+     * @fires Tech#vttjserror
+     */
+    ;
+
+    _proto.addWebVttScript_ = function addWebVttScript_() {
+      var _this5 = this;
+
+      if (window_1.WebVTT) {
+        return;
+      } // Initially, Tech.el_ is a child of a dummy-div wait until the Component system
+      // signals that the Tech is ready at which point Tech.el_ is part of the DOM
+      // before inserting the WebVTT script
+
+
+      if (document_1.body.contains(this.el())) {
+        // load via require if available and vtt.js script location was not passed in
+        // as an option. novtt builds will turn the above require call into an empty object
+        // which will cause this if check to always fail.
+        if (!this.options_['vtt.js'] && isPlain(browserIndex) && Object.keys(browserIndex).length > 0) {
+          this.trigger('vttjsloaded');
+          return;
+        } // load vtt.js via the script location option or the cdn of no location was
+        // passed in
+
+
+        var script = document_1.createElement('script');
+        script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js';
+
+        script.onload = function () {
+          /**
+           * Fired when vtt.js is loaded.
+           *
+           * @event Tech#vttjsloaded
+           * @type {EventTarget~Event}
+           */
+          _this5.trigger('vttjsloaded');
+        };
+
+        script.onerror = function () {
+          /**
+           * Fired when vtt.js was not loaded due to an error
+           *
+           * @event Tech#vttjsloaded
+           * @type {EventTarget~Event}
+           */
+          _this5.trigger('vttjserror');
+        };
+
+        this.on('dispose', function () {
+          script.onload = null;
+          script.onerror = null;
+        }); // but have not loaded yet and we set it to true before the inject so that
+        // we don't overwrite the injected window.WebVTT if it loads right away
+
+        window_1.WebVTT = true;
+        this.el().parentNode.appendChild(script);
+      } else {
+        this.ready(this.addWebVttScript_);
+      }
+    }
+    /**
+     * Emulate texttracks
+     *
+     */
+    ;
+
+    _proto.emulateTextTracks = function emulateTextTracks() {
+      var _this6 = this;
+
+      var tracks = this.textTracks();
+      var remoteTracks = this.remoteTextTracks();
+
+      var handleAddTrack = function handleAddTrack(e) {
+        return tracks.addTrack(e.track);
+      };
+
+      var handleRemoveTrack = function handleRemoveTrack(e) {
+        return tracks.removeTrack(e.track);
+      };
+
+      remoteTracks.on('addtrack', handleAddTrack);
+      remoteTracks.on('removetrack', handleRemoveTrack);
+      this.addWebVttScript_();
+
+      var updateDisplay = function updateDisplay() {
+        return _this6.trigger('texttrackchange');
+      };
+
+      var textTracksChanges = function textTracksChanges() {
+        updateDisplay();
+
+        for (var i = 0; i < tracks.length; i++) {
+          var track = tracks[i];
+          track.removeEventListener('cuechange', updateDisplay);
+
+          if (track.mode === 'showing') {
+            track.addEventListener('cuechange', updateDisplay);
+          }
+        }
+      };
+
+      textTracksChanges();
+      tracks.addEventListener('change', textTracksChanges);
+      tracks.addEventListener('addtrack', textTracksChanges);
+      tracks.addEventListener('removetrack', textTracksChanges);
+      this.on('dispose', function () {
+        remoteTracks.off('addtrack', handleAddTrack);
+        remoteTracks.off('removetrack', handleRemoveTrack);
+        tracks.removeEventListener('change', textTracksChanges);
+        tracks.removeEventListener('addtrack', textTracksChanges);
+        tracks.removeEventListener('removetrack', textTracksChanges);
+
+        for (var i = 0; i < tracks.length; i++) {
+          var track = tracks[i];
+          track.removeEventListener('cuechange', updateDisplay);
+        }
+      });
+    }
+    /**
+     * Create and returns a remote {@link TextTrack} object.
+     *
+     * @param {string} kind
+     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
+     *
+     * @param {string} [label]
+     *        Label to identify the text track
+     *
+     * @param {string} [language]
+     *        Two letter language abbreviation
+     *
+     * @return {TextTrack}
+     *         The TextTrack that gets created.
+     */
+    ;
+
+    _proto.addTextTrack = function addTextTrack(kind, label, language) {
+      if (!kind) {
+        throw new Error('TextTrack kind is required but was not provided');
+      }
+
+      return createTrackHelper(this, kind, label, language);
+    }
+    /**
+     * Create an emulated TextTrack for use by addRemoteTextTrack
+     *
+     * This is intended to be overridden by classes that inherit from
+     * Tech in order to create native or custom TextTracks.
+     *
+     * @param {Object} options
+     *        The object should contain the options to initialize the TextTrack with.
+     *
+     * @param {string} [options.kind]
+     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
+     *
+     * @param {string} [options.label].
+     *        Label to identify the text track
+     *
+     * @param {string} [options.language]
+     *        Two letter language abbreviation.
+     *
+     * @return {HTMLTrackElement}
+     *         The track element that gets created.
+     */
+    ;
+
+    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
+      var track = mergeOptions$3(options, {
+        tech: this
+      });
+      return new REMOTE.remoteTextEl.TrackClass(track);
+    }
+    /**
+     * Creates a remote text track object and returns an html track element.
+     *
+     * > Note: This can be an emulated {@link HTMLTrackElement} or a native one.
+     *
+     * @param {Object} options
+     *        See {@link Tech#createRemoteTextTrack} for more detailed properties.
+     *
+     * @param {boolean} [manualCleanup=true]
+     *        - When false: the TextTrack will be automatically removed from the video
+     *          element whenever the source changes
+     *        - When True: The TextTrack will have to be cleaned up manually
+     *
+     * @return {HTMLTrackElement}
+     *         An Html Track Element.
+     *
+     * @deprecated The default functionality for this function will be equivalent
+     *             to "manualCleanup=false" in the future. The manualCleanup parameter will
+     *             also be removed.
+     */
+    ;
+
+    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
+      var _this7 = this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      var htmlTrackElement = this.createRemoteTextTrack(options);
+
+      if (manualCleanup !== true && manualCleanup !== false) {
+        // deprecation warning
+        log$1.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js');
+        manualCleanup = true;
+      } // store HTMLTrackElement and TextTrack to remote list
+
+
+      this.remoteTextTrackEls().addTrackElement_(htmlTrackElement);
+      this.remoteTextTracks().addTrack(htmlTrackElement.track);
+
+      if (manualCleanup !== true) {
+        // create the TextTrackList if it doesn't exist
+        this.ready(function () {
+          return _this7.autoRemoteTextTracks_.addTrack(htmlTrackElement.track);
+        });
+      }
+
+      return htmlTrackElement;
+    }
+    /**
+     * Remove a remote text track from the remote `TextTrackList`.
+     *
+     * @param {TextTrack} track
+     *        `TextTrack` to remove from the `TextTrackList`
+     */
+    ;
+
+    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
+      var trackElement = this.remoteTextTrackEls().getTrackElementByTrack_(track); // remove HTMLTrackElement and TextTrack from remote list
+
+      this.remoteTextTrackEls().removeTrackElement_(trackElement);
+      this.remoteTextTracks().removeTrack(track);
+      this.autoRemoteTextTracks_.removeTrack(track);
+    }
+    /**
+     * Gets available media playback quality metrics as specified by the W3C's Media
+     * Playback Quality API.
+     *
+     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
+     *
+     * @return {Object}
+     *         An object with supported media playback quality metrics
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
+      return {};
+    }
+    /**
+     * Attempt to create a floating video window always on top of other windows
+     * so that users may continue consuming media while they interact with other
+     * content sites, or applications on their device.
+     *
+     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
+     *
+     * @return {Promise|undefined}
+     *         A promise with a Picture-in-Picture window if the browser supports
+     *         Promises (or one was passed in as an option). It returns undefined
+     *         otherwise.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.requestPictureInPicture = function requestPictureInPicture() {
+      var PromiseClass = this.options_.Promise || window_1.Promise;
+
+      if (PromiseClass) {
+        return PromiseClass.reject();
+      }
+    }
+    /**
+     * A method to check for the value of the 'disablePictureInPicture' <video> property.
+     * Defaults to true, as it should be considered disabled if the tech does not support pip
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.disablePictureInPicture = function disablePictureInPicture() {
+      return true;
+    }
+    /**
+     * A method to set or unset the 'disablePictureInPicture' <video> property.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.setDisablePictureInPicture = function setDisablePictureInPicture() {}
+    /**
+     * A method to set a poster from a `Tech`.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.setPoster = function setPoster() {}
+    /**
+     * A method to check for the presence of the 'playsinline' <video> attribute.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.playsinline = function playsinline() {}
+    /**
+     * A method to set or unset the 'playsinline' <video> attribute.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.setPlaysinline = function setPlaysinline() {}
+    /**
+     * Attempt to force override of native audio tracks.
+     *
+     * @param {boolean} override - If set to true native audio will be overridden,
+     * otherwise native audio will potentially be used.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks() {}
+    /**
+     * Attempt to force override of native video tracks.
+     *
+     * @param {boolean} override - If set to true native video will be overridden,
+     * otherwise native video will potentially be used.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks() {}
+    /*
+     * Check if the tech can support the given mime-type.
+     *
+     * The base tech does not support any type, but source handlers might
+     * overwrite this.
+     *
+     * @param  {string} type
+     *         The mimetype to check for support
+     *
+     * @return {string}
+     *         'probably', 'maybe', or empty string
+     *
+     * @see [Spec]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType}
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.canPlayType = function canPlayType() {
+      return '';
+    }
+    /**
+     * Check if the type is supported by this tech.
+     *
+     * The base tech does not support any type, but source handlers might
+     * overwrite this.
+     *
+     * @param {string} type
+     *        The media type to check
+     * @return {string} Returns the native video element's response
+     */
+    ;
+
+    Tech.canPlayType = function canPlayType() {
+      return '';
+    }
+    /**
+     * Check if the tech can support the given source
+     *
+     * @param {Object} srcObj
+     *        The source object
+     * @param {Object} options
+     *        The options passed to the tech
+     * @return {string} 'probably', 'maybe', or '' (empty string)
+     */
+    ;
+
+    Tech.canPlaySource = function canPlaySource(srcObj, options) {
+      return Tech.canPlayType(srcObj.type);
+    }
+    /*
+     * Return whether the argument is a Tech or not.
+     * Can be passed either a Class like `Html5` or a instance like `player.tech_`
+     *
+     * @param {Object} component
+     *        The item to check
+     *
+     * @return {boolean}
+     *         Whether it is a tech or not
+     *         - True if it is a tech
+     *         - False if it is not
+     */
+    ;
+
+    Tech.isTech = function isTech(component) {
+      return component.prototype instanceof Tech || component instanceof Tech || component === Tech;
+    }
+    /**
+     * Registers a `Tech` into a shared list for videojs.
+     *
+     * @param {string} name
+     *        Name of the `Tech` to register.
+     *
+     * @param {Object} tech
+     *        The `Tech` class to register.
+     */
+    ;
+
+    Tech.registerTech = function registerTech(name, tech) {
+      if (!Tech.techs_) {
+        Tech.techs_ = {};
+      }
+
+      if (!Tech.isTech(tech)) {
+        throw new Error("Tech " + name + " must be a Tech");
+      }
+
+      if (!Tech.canPlayType) {
+        throw new Error('Techs must have a static canPlayType method on them');
+      }
+
+      if (!Tech.canPlaySource) {
+        throw new Error('Techs must have a static canPlaySource method on them');
+      }
+
+      name = toTitleCase$1(name);
+      Tech.techs_[name] = tech;
+      Tech.techs_[toLowerCase(name)] = tech;
+
+      if (name !== 'Tech') {
+        // camel case the techName for use in techOrder
+        Tech.defaultTechOrder_.push(name);
+      }
+
+      return tech;
+    }
+    /**
+     * Get a `Tech` from the shared list by name.
+     *
+     * @param {string} name
+     *        `camelCase` or `TitleCase` name of the Tech to get
+     *
+     * @return {Tech|undefined}
+     *         The `Tech` or undefined if there was no tech with the name requested.
+     */
+    ;
+
+    Tech.getTech = function getTech(name) {
+      if (!name) {
+        return;
+      }
+
+      if (Tech.techs_ && Tech.techs_[name]) {
+        return Tech.techs_[name];
+      }
+
+      name = toTitleCase$1(name);
+
+      if (window_1 && window_1.videojs && window_1.videojs[name]) {
+        log$1.warn("The " + name + " tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)");
+        return window_1.videojs[name];
+      }
+    };
+
+    return Tech;
+  }(Component$1);
+  /**
+   * Get the {@link VideoTrackList}
+   *
+   * @returns {VideoTrackList}
+   * @method Tech.prototype.videoTracks
+   */
+
+  /**
+   * Get the {@link AudioTrackList}
+   *
+   * @returns {AudioTrackList}
+   * @method Tech.prototype.audioTracks
+   */
+
+  /**
+   * Get the {@link TextTrackList}
+   *
+   * @returns {TextTrackList}
+   * @method Tech.prototype.textTracks
+   */
+
+  /**
+   * Get the remote element {@link TextTrackList}
+   *
+   * @returns {TextTrackList}
+   * @method Tech.prototype.remoteTextTracks
+   */
+
+  /**
+   * Get the remote element {@link HtmlTrackElementList}
+   *
+   * @returns {HtmlTrackElementList}
+   * @method Tech.prototype.remoteTextTrackEls
+   */
+
+
+  ALL.names.forEach(function (name) {
+    var props = ALL[name];
+
+    Tech.prototype[props.getterName] = function () {
+      this[props.privateName] = this[props.privateName] || new props.ListClass();
+      return this[props.privateName];
+    };
+  });
+  /**
+   * List of associated text tracks
+   *
+   * @type {TextTrackList}
+   * @private
+   * @property Tech#textTracks_
+   */
+
+  /**
+   * List of associated audio tracks.
+   *
+   * @type {AudioTrackList}
+   * @private
+   * @property Tech#audioTracks_
+   */
+
+  /**
+   * List of associated video tracks.
+   *
+   * @type {VideoTrackList}
+   * @private
+   * @property Tech#videoTracks_
+   */
+
+  /**
+   * Boolean indicating whether the `Tech` supports volume control.
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Tech.prototype.featuresVolumeControl = true;
+  /**
+   * Boolean indicating whether the `Tech` supports muting volume.
+   *
+   * @type {bolean}
+   * @default
+   */
+
+  Tech.prototype.featuresMuteControl = true;
+  /**
+   * Boolean indicating whether the `Tech` supports fullscreen resize control.
+   * Resizing plugins using request fullscreen reloads the plugin
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Tech.prototype.featuresFullscreenResize = false;
+  /**
+   * Boolean indicating whether the `Tech` supports changing the speed at which the video
+   * plays. Examples:
+   *   - Set player to play 2x (twice) as fast
+   *   - Set player to play 0.5x (half) as fast
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Tech.prototype.featuresPlaybackRate = false;
+  /**
+   * Boolean indicating whether the `Tech` supports the `progress` event. This is currently
+   * not triggered by video-js-swf. This will be used to determine if
+   * {@link Tech#manualProgressOn} should be called.
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Tech.prototype.featuresProgressEvents = false;
+  /**
+   * Boolean indicating whether the `Tech` supports the `sourceset` event.
+   *
+   * A tech should set this to `true` and then use {@link Tech#triggerSourceset}
+   * to trigger a {@link Tech#event:sourceset} at the earliest time after getting
+   * a new source.
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Tech.prototype.featuresSourceset = false;
+  /**
+   * Boolean indicating whether the `Tech` supports the `timeupdate` event. This is currently
+   * not triggered by video-js-swf. This will be used to determine if
+   * {@link Tech#manualTimeUpdates} should be called.
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Tech.prototype.featuresTimeupdateEvents = false;
+  /**
+   * Boolean indicating whether the `Tech` supports the native `TextTrack`s.
+   * This will help us integrate with native `TextTrack`s if the browser supports them.
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Tech.prototype.featuresNativeTextTracks = false;
+  /**
+   * A functional mixin for techs that want to use the Source Handler pattern.
+   * Source handlers are scripts for handling specific formats.
+   * The source handler pattern is used for adaptive formats (HLS, DASH) that
+   * manually load video data and feed it into a Source Buffer (Media Source Extensions)
+   * Example: `Tech.withSourceHandlers.call(MyTech);`
+   *
+   * @param {Tech} _Tech
+   *        The tech to add source handler functions to.
+   *
+   * @mixes Tech~SourceHandlerAdditions
+   */
+
+  Tech.withSourceHandlers = function (_Tech) {
+    /**
+     * Register a source handler
+     *
+     * @param {Function} handler
+     *        The source handler class
+     *
+     * @param {number} [index]
+     *        Register it at the following index
+     */
+    _Tech.registerSourceHandler = function (handler, index) {
+      var handlers = _Tech.sourceHandlers;
+
+      if (!handlers) {
+        handlers = _Tech.sourceHandlers = [];
+      }
+
+      if (index === undefined) {
+        // add to the end of the list
+        index = handlers.length;
+      }
+
+      handlers.splice(index, 0, handler);
+    };
+    /**
+     * Check if the tech can support the given type. Also checks the
+     * Techs sourceHandlers.
+     *
+     * @param {string} type
+     *         The mimetype to check.
+     *
+     * @return {string}
+     *         'probably', 'maybe', or '' (empty string)
+     */
+
+
+    _Tech.canPlayType = function (type) {
+      var handlers = _Tech.sourceHandlers || [];
+      var can;
+
+      for (var i = 0; i < handlers.length; i++) {
+        can = handlers[i].canPlayType(type);
+
+        if (can) {
+          return can;
+        }
+      }
+
+      return '';
+    };
+    /**
+     * Returns the first source handler that supports the source.
+     *
+     * TODO: Answer question: should 'probably' be prioritized over 'maybe'
+     *
+     * @param {Tech~SourceObject} source
+     *        The source object
+     *
+     * @param {Object} options
+     *        The options passed to the tech
+     *
+     * @return {SourceHandler|null}
+     *          The first source handler that supports the source or null if
+     *          no SourceHandler supports the source
+     */
+
+
+    _Tech.selectSourceHandler = function (source, options) {
+      var handlers = _Tech.sourceHandlers || [];
+      var can;
+
+      for (var i = 0; i < handlers.length; i++) {
+        can = handlers[i].canHandleSource(source, options);
+
+        if (can) {
+          return handlers[i];
+        }
+      }
+
+      return null;
+    };
+    /**
+     * Check if the tech can support the given source.
+     *
+     * @param {Tech~SourceObject} srcObj
+     *        The source object
+     *
+     * @param {Object} options
+     *        The options passed to the tech
+     *
+     * @return {string}
+     *         'probably', 'maybe', or '' (empty string)
+     */
+
+
+    _Tech.canPlaySource = function (srcObj, options) {
+      var sh = _Tech.selectSourceHandler(srcObj, options);
+
+      if (sh) {
+        return sh.canHandleSource(srcObj, options);
+      }
+
+      return '';
+    };
+    /**
+     * When using a source handler, prefer its implementation of
+     * any function normally provided by the tech.
+     */
+
+
+    var deferrable = ['seekable', 'seeking', 'duration'];
+    /**
+     * A wrapper around {@link Tech#seekable} that will call a `SourceHandler`s seekable
+     * function if it exists, with a fallback to the Techs seekable function.
+     *
+     * @method _Tech.seekable
+     */
+
+    /**
+     * A wrapper around {@link Tech#duration} that will call a `SourceHandler`s duration
+     * function if it exists, otherwise it will fallback to the techs duration function.
+     *
+     * @method _Tech.duration
+     */
+
+    deferrable.forEach(function (fnName) {
+      var originalFn = this[fnName];
+
+      if (typeof originalFn !== 'function') {
+        return;
+      }
+
+      this[fnName] = function () {
+        if (this.sourceHandler_ && this.sourceHandler_[fnName]) {
+          return this.sourceHandler_[fnName].apply(this.sourceHandler_, arguments);
+        }
+
+        return originalFn.apply(this, arguments);
+      };
+    }, _Tech.prototype);
+    /**
+     * Create a function for setting the source using a source object
+     * and source handlers.
+     * Should never be called unless a source handler was found.
+     *
+     * @param {Tech~SourceObject} source
+     *        A source object with src and type keys
+     */
+
+    _Tech.prototype.setSource = function (source) {
+      var sh = _Tech.selectSourceHandler(source, this.options_);
+
+      if (!sh) {
+        // Fall back to a native source hander when unsupported sources are
+        // deliberately set
+        if (_Tech.nativeSourceHandler) {
+          sh = _Tech.nativeSourceHandler;
+        } else {
+          log$1.error('No source handler found for the current source.');
+        }
+      } // Dispose any existing source handler
+
+
+      this.disposeSourceHandler();
+      this.off('dispose', this.disposeSourceHandler_);
+
+      if (sh !== _Tech.nativeSourceHandler) {
+        this.currentSource_ = source;
+      }
+
+      this.sourceHandler_ = sh.handleSource(source, this, this.options_);
+      this.one('dispose', this.disposeSourceHandler_);
+    };
+    /**
+     * Clean up any existing SourceHandlers and listeners when the Tech is disposed.
+     *
+     * @listens Tech#dispose
+     */
+
+
+    _Tech.prototype.disposeSourceHandler = function () {
+      // if we have a source and get another one
+      // then we are loading something new
+      // than clear all of our current tracks
+      if (this.currentSource_) {
+        this.clearTracks(['audio', 'video']);
+        this.currentSource_ = null;
+      } // always clean up auto-text tracks
+
+
+      this.cleanupAutoTextTracks();
+
+      if (this.sourceHandler_) {
+        if (this.sourceHandler_.dispose) {
+          this.sourceHandler_.dispose();
+        }
+
+        this.sourceHandler_ = null;
+      }
+    };
+  }; // The base Tech class needs to be registered as a Component. It is the only
+  // Tech that can be registered as a Component.
+
+
+  Component$1.registerComponent('Tech', Tech);
+  Tech.registerTech('Tech', Tech);
+  /**
+   * A list of techs that should be added to techOrder on Players
+   *
+   * @private
+   */
+
+  Tech.defaultTechOrder_ = [];
+
+  /**
+   * @file middleware.js
+   * @module middleware
+   */
+  var middlewares = {};
+  var middlewareInstances = {};
+  var TERMINATOR = {};
+  /**
+   * A middleware object is a plain JavaScript object that has methods that
+   * match the {@link Tech} methods found in the lists of allowed
+   * {@link module:middleware.allowedGetters|getters},
+   * {@link module:middleware.allowedSetters|setters}, and
+   * {@link module:middleware.allowedMediators|mediators}.
+   *
+   * @typedef {Object} MiddlewareObject
+   */
+
+  /**
+   * A middleware factory function that should return a
+   * {@link module:middleware~MiddlewareObject|MiddlewareObject}.
+   *
+   * This factory will be called for each player when needed, with the player
+   * passed in as an argument.
+   *
+   * @callback MiddlewareFactory
+   * @param {Player} player
+   *        A Video.js player.
+   */
+
+  /**
+   * Define a middleware that the player should use by way of a factory function
+   * that returns a middleware object.
+   *
+   * @param  {string} type
+   *         The MIME type to match or `"*"` for all MIME types.
+   *
+   * @param  {MiddlewareFactory} middleware
+   *         A middleware factory function that will be executed for
+   *         matching types.
+   */
+
+  function use(type, middleware) {
+    middlewares[type] = middlewares[type] || [];
+    middlewares[type].push(middleware);
+  }
+  /**
+   * Asynchronously sets a source using middleware by recursing through any
+   * matching middlewares and calling `setSource` on each, passing along the
+   * previous returned value each time.
+   *
+   * @param  {Player} player
+   *         A {@link Player} instance.
+   *
+   * @param  {Tech~SourceObject} src
+   *         A source object.
+   *
+   * @param  {Function}
+   *         The next middleware to run.
+   */
+
+  function setSource(player, src, next) {
+    player.setTimeout(function () {
+      return setSourceHelper(src, middlewares[src.type], next, player);
+    }, 1);
+  }
+  /**
+   * When the tech is set, passes the tech to each middleware's `setTech` method.
+   *
+   * @param {Object[]} middleware
+   *        An array of middleware instances.
+   *
+   * @param {Tech} tech
+   *        A Video.js tech.
+   */
+
+  function setTech(middleware, tech) {
+    middleware.forEach(function (mw) {
+      return mw.setTech && mw.setTech(tech);
+    });
+  }
+  /**
+   * Calls a getter on the tech first, through each middleware
+   * from right to left to the player.
+   *
+   * @param  {Object[]} middleware
+   *         An array of middleware instances.
+   *
+   * @param  {Tech} tech
+   *         The current tech.
+   *
+   * @param  {string} method
+   *         A method name.
+   *
+   * @return {Mixed}
+   *         The final value from the tech after middleware has intercepted it.
+   */
+
+  function get(middleware, tech, method) {
+    return middleware.reduceRight(middlewareIterator(method), tech[method]());
+  }
+  /**
+   * Takes the argument given to the player and calls the setter method on each
+   * middleware from left to right to the tech.
+   *
+   * @param  {Object[]} middleware
+   *         An array of middleware instances.
+   *
+   * @param  {Tech} tech
+   *         The current tech.
+   *
+   * @param  {string} method
+   *         A method name.
+   *
+   * @param  {Mixed} arg
+   *         The value to set on the tech.
+   *
+   * @return {Mixed}
+   *         The return value of the `method` of the `tech`.
+   */
+
+  function set(middleware, tech, method, arg) {
+    return tech[method](middleware.reduce(middlewareIterator(method), arg));
+  }
+  /**
+   * Takes the argument given to the player and calls the `call` version of the
+   * method on each middleware from left to right.
+   *
+   * Then, call the passed in method on the tech and return the result unchanged
+   * back to the player, through middleware, this time from right to left.
+   *
+   * @param  {Object[]} middleware
+   *         An array of middleware instances.
+   *
+   * @param  {Tech} tech
+   *         The current tech.
+   *
+   * @param  {string} method
+   *         A method name.
+   *
+   * @param  {Mixed} arg
+   *         The value to set on the tech.
+   *
+   * @return {Mixed}
+   *         The return value of the `method` of the `tech`, regardless of the
+   *         return values of middlewares.
+   */
+
+  function mediate(middleware, tech, method, arg) {
+    if (arg === void 0) {
+      arg = null;
+    }
+
+    var callMethod = 'call' + toTitleCase$1(method);
+    var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
+    var terminated = middlewareValue === TERMINATOR; // deprecated. The `null` return value should instead return TERMINATOR to
+    // prevent confusion if a techs method actually returns null.
+
+    var returnValue = terminated ? null : tech[method](middlewareValue);
+    executeRight(middleware, method, returnValue, terminated);
+    return returnValue;
+  }
+  /**
+   * Enumeration of allowed getters where the keys are method names.
+   *
+   * @type {Object}
+   */
+
+  var allowedGetters = {
+    buffered: 1,
+    currentTime: 1,
+    duration: 1,
+    muted: 1,
+    played: 1,
+    paused: 1,
+    seekable: 1,
+    volume: 1,
+    ended: 1
+  };
+  /**
+   * Enumeration of allowed setters where the keys are method names.
+   *
+   * @type {Object}
+   */
+
+  var allowedSetters = {
+    setCurrentTime: 1,
+    setMuted: 1,
+    setVolume: 1
+  };
+  /**
+   * Enumeration of allowed mediators where the keys are method names.
+   *
+   * @type {Object}
+   */
+
+  var allowedMediators = {
+    play: 1,
+    pause: 1
+  };
+
+  function middlewareIterator(method) {
+    return function (value, mw) {
+      // if the previous middleware terminated, pass along the termination
+      if (value === TERMINATOR) {
+        return TERMINATOR;
+      }
+
+      if (mw[method]) {
+        return mw[method](value);
+      }
+
+      return value;
+    };
+  }
+
+  function executeRight(mws, method, value, terminated) {
+    for (var i = mws.length - 1; i >= 0; i--) {
+      var mw = mws[i];
+
+      if (mw[method]) {
+        mw[method](terminated, value);
+      }
+    }
+  }
+  /**
+   * Clear the middleware cache for a player.
+   *
+   * @param  {Player} player
+   *         A {@link Player} instance.
+   */
+
+
+  function clearCacheForPlayer(player) {
+    middlewareInstances[player.id()] = null;
+  }
+  /**
+   * {
+   *  [playerId]: [[mwFactory, mwInstance], ...]
+   * }
+   *
+   * @private
+   */
+
+  function getOrCreateFactory(player, mwFactory) {
+    var mws = middlewareInstances[player.id()];
+    var mw = null;
+
+    if (mws === undefined || mws === null) {
+      mw = mwFactory(player);
+      middlewareInstances[player.id()] = [[mwFactory, mw]];
+      return mw;
+    }
+
+    for (var i = 0; i < mws.length; i++) {
+      var _mws$i = mws[i],
+          mwf = _mws$i[0],
+          mwi = _mws$i[1];
+
+      if (mwf !== mwFactory) {
+        continue;
+      }
+
+      mw = mwi;
+    }
+
+    if (mw === null) {
+      mw = mwFactory(player);
+      mws.push([mwFactory, mw]);
+    }
+
+    return mw;
+  }
+
+  function setSourceHelper(src, middleware, next, player, acc, lastRun) {
+    if (src === void 0) {
+      src = {};
+    }
+
+    if (middleware === void 0) {
+      middleware = [];
+    }
+
+    if (acc === void 0) {
+      acc = [];
+    }
+
+    if (lastRun === void 0) {
+      lastRun = false;
+    }
+
+    var _middleware = middleware,
+        mwFactory = _middleware[0],
+        mwrest = _middleware.slice(1); // if mwFactory is a string, then we're at a fork in the road
+
+
+    if (typeof mwFactory === 'string') {
+      setSourceHelper(src, middlewares[mwFactory], next, player, acc, lastRun); // if we have an mwFactory, call it with the player to get the mw,
+      // then call the mw's setSource method
+    } else if (mwFactory) {
+      var mw = getOrCreateFactory(player, mwFactory); // if setSource isn't present, implicitly select this middleware
+
+      if (!mw.setSource) {
+        acc.push(mw);
+        return setSourceHelper(src, mwrest, next, player, acc, lastRun);
+      }
+
+      mw.setSource(assign({}, src), function (err, _src) {
+        // something happened, try the next middleware on the current level
+        // make sure to use the old src
+        if (err) {
+          return setSourceHelper(src, mwrest, next, player, acc, lastRun);
+        } // we've succeeded, now we need to go deeper
+
+
+        acc.push(mw); // if it's the same type, continue down the current chain
+        // otherwise, we want to go down the new chain
+
+        setSourceHelper(_src, src.type === _src.type ? mwrest : middlewares[_src.type], next, player, acc, lastRun);
+      });
+    } else if (mwrest.length) {
+      setSourceHelper(src, mwrest, next, player, acc, lastRun);
+    } else if (lastRun) {
+      next(src, acc);
+    } else {
+      setSourceHelper(src, middlewares['*'], next, player, acc, true);
+    }
+  }
+
+  /**
+   * Mimetypes
+   *
+   * @see http://hul.harvard.edu/ois/////systems/wax/wax-public-help/mimetypes.htm
+   * @typedef Mimetypes~Kind
+   * @enum
+   */
+
+  var MimetypesKind = {
+    opus: 'video/ogg',
+    ogv: 'video/ogg',
+    mp4: 'video/mp4',
+    mov: 'video/mp4',
+    m4v: 'video/mp4',
+    mkv: 'video/x-matroska',
+    m4a: 'audio/mp4',
+    mp3: 'audio/mpeg',
+    aac: 'audio/aac',
+    caf: 'audio/x-caf',
+    flac: 'audio/flac',
+    oga: 'audio/ogg',
+    wav: 'audio/wav',
+    m3u8: 'application/x-mpegURL',
+    jpg: 'image/jpeg',
+    jpeg: 'image/jpeg',
+    gif: 'image/gif',
+    png: 'image/png',
+    svg: 'image/svg+xml',
+    webp: 'image/webp'
+  };
+  /**
+   * Get the mimetype of a given src url if possible
+   *
+   * @param {string} src
+   *        The url to the src
+   *
+   * @return {string}
+   *         return the mimetype if it was known or empty string otherwise
+   */
+
+  var getMimetype = function getMimetype(src) {
+    if (src === void 0) {
+      src = '';
+    }
+
+    var ext = getFileExtension(src);
+    var mimetype = MimetypesKind[ext.toLowerCase()];
+    return mimetype || '';
+  };
+  /**
+   * Find the mime type of a given source string if possible. Uses the player
+   * source cache.
+   *
+   * @param {Player} player
+   *        The player object
+   *
+   * @param {string} src
+   *        The source string
+   *
+   * @return {string}
+   *         The type that was found
+   */
+
+  var findMimetype = function findMimetype(player, src) {
+    if (!src) {
+      return '';
+    } // 1. check for the type in the `source` cache
+
+
+    if (player.cache_.source.src === src && player.cache_.source.type) {
+      return player.cache_.source.type;
+    } // 2. see if we have this source in our `currentSources` cache
+
+
+    var matchingSources = player.cache_.sources.filter(function (s) {
+      return s.src === src;
+    });
+
+    if (matchingSources.length) {
+      return matchingSources[0].type;
+    } // 3. look for the src url in source elements and use the type there
+
+
+    var sources = player.$$('source');
+
+    for (var i = 0; i < sources.length; i++) {
+      var s = sources[i];
+
+      if (s.type && s.src && s.src === src) {
+        return s.type;
+      }
+    } // 4. finally fallback to our list of mime types based on src url extension
+
+
+    return getMimetype(src);
+  };
+
+  /**
+   * @module filter-source
+   */
+  /**
+   * Filter out single bad source objects or multiple source objects in an
+   * array. Also flattens nested source object arrays into a 1 dimensional
+   * array of source objects.
+   *
+   * @param {Tech~SourceObject|Tech~SourceObject[]} src
+   *        The src object to filter
+   *
+   * @return {Tech~SourceObject[]}
+   *         An array of sourceobjects containing only valid sources
+   *
+   * @private
+   */
+
+  var filterSource = function filterSource(src) {
+    // traverse array
+    if (Array.isArray(src)) {
+      var newsrc = [];
+      src.forEach(function (srcobj) {
+        srcobj = filterSource(srcobj);
+
+        if (Array.isArray(srcobj)) {
+          newsrc = newsrc.concat(srcobj);
+        } else if (isObject$1(srcobj)) {
+          newsrc.push(srcobj);
+        }
+      });
+      src = newsrc;
+    } else if (typeof src === 'string' && src.trim()) {
+      // convert string into object
+      src = [fixSource({
+        src: src
+      })];
+    } else if (isObject$1(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
+      // src is already valid
+      src = [fixSource(src)];
+    } else {
+      // invalid source, turn it into an empty array
+      src = [];
+    }
+
+    return src;
+  };
+  /**
+   * Checks src mimetype, adding it when possible
+   *
+   * @param {Tech~SourceObject} src
+   *        The src object to check
+   * @return {Tech~SourceObject}
+   *        src Object with known type
+   */
+
+
+  function fixSource(src) {
+    if (!src.type) {
+      var mimetype = getMimetype(src.src);
+
+      if (mimetype) {
+        src.type = mimetype;
+      }
+    }
+
+    return src;
+  }
+
+  /**
+   * The `MediaLoader` is the `Component` that decides which playback technology to load
+   * when a player is initialized.
+   *
+   * @extends Component
+   */
+
+  var MediaLoader = /*#__PURE__*/function (_Component) {
+    inheritsLoose(MediaLoader, _Component);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should attach to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {Component~ReadyCallback} [ready]
+     *        The function that is run when this component is ready.
+     */
+    function MediaLoader(player, options, ready) {
+      var _this;
+
+      // MediaLoader has no element
+      var options_ = mergeOptions$3({
+        createEl: false
+      }, options);
+      _this = _Component.call(this, player, options_, ready) || this; // If there are no sources when the player is initialized,
+      // load the first supported playback technology.
+
+      if (!options.playerOptions.sources || options.playerOptions.sources.length === 0) {
+        for (var i = 0, j = options.playerOptions.techOrder; i < j.length; i++) {
+          var techName = toTitleCase$1(j[i]);
+          var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
+          // Remove once that deprecated behavior is removed.
+
+          if (!techName) {
+            tech = Component$1.getComponent(techName);
+          } // Check if the browser supports this technology
+
+
+          if (tech && tech.isSupported()) {
+            player.loadTech_(techName);
+            break;
+          }
+        }
+      } else {
+        // Loop through playback technologies (e.g. HTML5) and check for support.
+        // Then load the best source.
+        // A few assumptions here:
+        //   All playback technologies respect preload false.
+        player.src(options.playerOptions.sources);
+      }
+
+      return _this;
+    }
+
+    return MediaLoader;
+  }(Component$1);
+
+  Component$1.registerComponent('MediaLoader', MediaLoader);
+
+  /**
+   * Component which is clickable or keyboard actionable, but is not a
+   * native HTML button.
+   *
+   * @extends Component
+   */
+
+  var ClickableComponent = /*#__PURE__*/function (_Component) {
+    inheritsLoose(ClickableComponent, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param  {Player} player
+     *         The `Player` that this class should be attached to.
+     *
+     * @param  {Object} [options]
+     *         The key/value store of player options.
+     *
+     * @param  {function} [options.clickHandler]
+     *         The function to call when the button is clicked / activated
+     */
+    function ClickableComponent(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+
+      _this.handleMouseOver_ = function (e) {
+        return _this.handleMouseOver(e);
+      };
+
+      _this.handleMouseOut_ = function (e) {
+        return _this.handleMouseOut(e);
+      };
+
+      _this.handleClick_ = function (e) {
+        return _this.handleClick(e);
+      };
+
+      _this.handleKeyDown_ = function (e) {
+        return _this.handleKeyDown(e);
+      };
+
+      _this.emitTapEvents();
+
+      _this.enable();
+
+      return _this;
+    }
+    /**
+     * Create the `ClickableComponent`s DOM element.
+     *
+     * @param {string} [tag=div]
+     *        The element's node type.
+     *
+     * @param {Object} [props={}]
+     *        An object of properties that should be set on the element.
+     *
+     * @param {Object} [attributes={}]
+     *        An object of attributes that should be set on the element.
+     *
+     * @return {Element}
+     *         The element that gets created.
+     */
+
+
+    var _proto = ClickableComponent.prototype;
+
+    _proto.createEl = function createEl(tag, props, attributes) {
+      if (tag === void 0) {
+        tag = 'div';
+      }
+
+      if (props === void 0) {
+        props = {};
+      }
+
+      if (attributes === void 0) {
+        attributes = {};
+      }
+
+      props = assign({
+        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
+        className: this.buildCSSClass(),
+        tabIndex: 0
+      }, props);
+
+      if (tag === 'button') {
+        log$1.error("Creating a ClickableComponent with an HTML element of " + tag + " is not supported; use a Button instead.");
+      } // Add ARIA attributes for clickable element which is not a native HTML button
+
+
+      attributes = assign({
+        role: 'button'
+      }, attributes);
+      this.tabIndex_ = props.tabIndex;
+
+      var el = _Component.prototype.createEl.call(this, tag, props, attributes);
+
+      this.createControlTextEl(el);
+      return el;
+    };
+
+    _proto.dispose = function dispose() {
+      // remove controlTextEl_ on dispose
+      this.controlTextEl_ = null;
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Create a control text element on this `ClickableComponent`
+     *
+     * @param {Element} [el]
+     *        Parent element for the control text.
+     *
+     * @return {Element}
+     *         The control text element that gets created.
+     */
+    ;
+
+    _proto.createControlTextEl = function createControlTextEl(el) {
+      this.controlTextEl_ = createEl('span', {
+        className: 'vjs-control-text'
+      }, {
+        // let the screen reader user know that the text of the element may change
+        'aria-live': 'polite'
+      });
+
+      if (el) {
+        el.appendChild(this.controlTextEl_);
+      }
+
+      this.controlText(this.controlText_, el);
+      return this.controlTextEl_;
+    }
+    /**
+     * Get or set the localize text to use for the controls on the `ClickableComponent`.
+     *
+     * @param {string} [text]
+     *        Control text for element.
+     *
+     * @param {Element} [el=this.el()]
+     *        Element to set the title on.
+     *
+     * @return {string}
+     *         - The control text when getting
+     */
+    ;
+
+    _proto.controlText = function controlText(text, el) {
+      if (el === void 0) {
+        el = this.el();
+      }
+
+      if (text === undefined) {
+        return this.controlText_ || 'Need Text';
+      }
+
+      var localizedText = this.localize(text);
+      this.controlText_ = text;
+      textContent(this.controlTextEl_, localizedText);
+
+      if (!this.nonIconControl && !this.player_.options_.noUITitleAttributes) {
+        // Set title attribute if only an icon is shown
+        el.setAttribute('title', localizedText);
+      }
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+    ;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-control vjs-button " + _Component.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * Enable this `ClickableComponent`
+     */
+    ;
+
+    _proto.enable = function enable() {
+      if (!this.enabled_) {
+        this.enabled_ = true;
+        this.removeClass('vjs-disabled');
+        this.el_.setAttribute('aria-disabled', 'false');
+
+        if (typeof this.tabIndex_ !== 'undefined') {
+          this.el_.setAttribute('tabIndex', this.tabIndex_);
+        }
+
+        this.on(['tap', 'click'], this.handleClick_);
+        this.on('keydown', this.handleKeyDown_);
+      }
+    }
+    /**
+     * Disable this `ClickableComponent`
+     */
+    ;
+
+    _proto.disable = function disable() {
+      this.enabled_ = false;
+      this.addClass('vjs-disabled');
+      this.el_.setAttribute('aria-disabled', 'true');
+
+      if (typeof this.tabIndex_ !== 'undefined') {
+        this.el_.removeAttribute('tabIndex');
+      }
+
+      this.off('mouseover', this.handleMouseOver_);
+      this.off('mouseout', this.handleMouseOut_);
+      this.off(['tap', 'click'], this.handleClick_);
+      this.off('keydown', this.handleKeyDown_);
+    }
+    /**
+     * Handles language change in ClickableComponent for the player in components
+     *
+     *
+     */
+    ;
+
+    _proto.handleLanguagechange = function handleLanguagechange() {
+      this.controlText(this.controlText_);
+    }
+    /**
+     * Event handler that is called when a `ClickableComponent` receives a
+     * `click` or `tap` event.
+     *
+     * @param {EventTarget~Event} event
+     *        The `tap` or `click` event that caused this function to be called.
+     *
+     * @listens tap
+     * @listens click
+     * @abstract
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      if (this.options_.clickHandler) {
+        this.options_.clickHandler.call(this, arguments);
+      }
+    }
+    /**
+     * Event handler that is called when a `ClickableComponent` receives a
+     * `keydown` event.
+     *
+     * By default, if the key is Space or Enter, it will trigger a `click` event.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      // Support Space or Enter key operation to fire a click event. Also,
+      // prevent the event from propagating through the DOM and triggering
+      // Player hotkeys.
+      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.trigger('click');
+      } else {
+        // Pass keypress handling up for unsupported keys
+        _Component.prototype.handleKeyDown.call(this, event);
+      }
+    };
+
+    return ClickableComponent;
+  }(Component$1);
+
+  Component$1.registerComponent('ClickableComponent', ClickableComponent);
+
+  /**
+   * A `ClickableComponent` that handles showing the poster image for the player.
+   *
+   * @extends ClickableComponent
+   */
+
+  var PosterImage = /*#__PURE__*/function (_ClickableComponent) {
+    inheritsLoose(PosterImage, _ClickableComponent);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should attach to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function PosterImage(player, options) {
+      var _this;
+
+      _this = _ClickableComponent.call(this, player, options) || this;
+
+      _this.update();
+
+      _this.update_ = function (e) {
+        return _this.update(e);
+      };
+
+      player.on('posterchange', _this.update_);
+      return _this;
+    }
+    /**
+     * Clean up and dispose of the `PosterImage`.
+     */
+
+
+    var _proto = PosterImage.prototype;
+
+    _proto.dispose = function dispose() {
+      this.player().off('posterchange', this.update_);
+
+      _ClickableComponent.prototype.dispose.call(this);
+    }
+    /**
+     * Create the `PosterImage`s DOM element.
+     *
+     * @return {Element}
+     *         The element that gets created.
+     */
+    ;
+
+    _proto.createEl = function createEl$1() {
+      var el = createEl('div', {
+        className: 'vjs-poster',
+        // Don't want poster to be tabbable.
+        tabIndex: -1
+      });
+      return el;
+    }
+    /**
+     * An {@link EventTarget~EventListener} for {@link Player#posterchange} events.
+     *
+     * @listens Player#posterchange
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `Player#posterchange` event that triggered this function.
+     */
+    ;
+
+    _proto.update = function update(event) {
+      var url = this.player().poster();
+      this.setSrc(url); // If there's no poster source we should display:none on this component
+      // so it's not still clickable or right-clickable
+
+      if (url) {
+        this.show();
+      } else {
+        this.hide();
+      }
+    }
+    /**
+     * Set the source of the `PosterImage` depending on the display method.
+     *
+     * @param {string} url
+     *        The URL to the source for the `PosterImage`.
+     */
+    ;
+
+    _proto.setSrc = function setSrc(url) {
+      var backgroundImage = ''; // Any falsy value should stay as an empty string, otherwise
+      // this will throw an extra error
+
+      if (url) {
+        backgroundImage = "url(\"" + url + "\")";
+      }
+
+      this.el_.style.backgroundImage = backgroundImage;
+    }
+    /**
+     * An {@link EventTarget~EventListener} for clicks on the `PosterImage`. See
+     * {@link ClickableComponent#handleClick} for instances where this will be triggered.
+     *
+     * @listens tap
+     * @listens click
+     * @listens keydown
+     *
+     * @param {EventTarget~Event} event
+     +        The `click`, `tap` or `keydown` event that caused this function to be called.
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      // We don't want a click to trigger playback when controls are disabled
+      if (!this.player_.controls()) {
+        return;
+      }
+
+      var sourceIsEncrypted = this.player_.usingPlugin('eme') && this.player_.eme.sessions && this.player_.eme.sessions.length > 0;
+
+      if (this.player_.tech(true) && // We've observed a bug in IE and Edge when playing back DRM content where
+      // calling .focus() on the video element causes the video to go black,
+      // so we avoid it in that specific case
+      !((IE_VERSION || IS_EDGE) && sourceIsEncrypted)) {
+        this.player_.tech(true).focus();
+      }
+
+      if (this.player_.paused()) {
+        silencePromise(this.player_.play());
+      } else {
+        this.player_.pause();
+      }
+    };
+
+    return PosterImage;
+  }(ClickableComponent);
+
+  Component$1.registerComponent('PosterImage', PosterImage);
+
+  var darkGray = '#222';
+  var lightGray = '#ccc';
+  var fontMap = {
+    monospace: 'monospace',
+    sansSerif: 'sans-serif',
+    serif: 'serif',
+    monospaceSansSerif: '"Andale Mono", "Lucida Console", monospace',
+    monospaceSerif: '"Courier New", monospace',
+    proportionalSansSerif: 'sans-serif',
+    proportionalSerif: 'serif',
+    casual: '"Comic Sans MS", Impact, fantasy',
+    script: '"Monotype Corsiva", cursive',
+    smallcaps: '"Andale Mono", "Lucida Console", monospace, sans-serif'
+  };
+  /**
+   * Construct an rgba color from a given hex color code.
+   *
+   * @param {number} color
+   *        Hex number for color, like #f0e or #f604e2.
+   *
+   * @param {number} opacity
+   *        Value for opacity, 0.0 - 1.0.
+   *
+   * @return {string}
+   *         The rgba color that was created, like 'rgba(255, 0, 0, 0.3)'.
+   */
+
+  function constructColor(color, opacity) {
+    var hex;
+
+    if (color.length === 4) {
+      // color looks like "#f0e"
+      hex = color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
+    } else if (color.length === 7) {
+      // color looks like "#f604e2"
+      hex = color.slice(1);
+    } else {
+      throw new Error('Invalid color code provided, ' + color + '; must be formatted as e.g. #f0e or #f604e2.');
+    }
+
+    return 'rgba(' + parseInt(hex.slice(0, 2), 16) + ',' + parseInt(hex.slice(2, 4), 16) + ',' + parseInt(hex.slice(4, 6), 16) + ',' + opacity + ')';
+  }
+  /**
+   * Try to update the style of a DOM element. Some style changes will throw an error,
+   * particularly in IE8. Those should be noops.
+   *
+   * @param {Element} el
+   *        The DOM element to be styled.
+   *
+   * @param {string} style
+   *        The CSS property on the element that should be styled.
+   *
+   * @param {string} rule
+   *        The style rule that should be applied to the property.
+   *
+   * @private
+   */
+
+  function tryUpdateStyle(el, style, rule) {
+    try {
+      el.style[style] = rule;
+    } catch (e) {
+      // Satisfies linter.
+      return;
+    }
+  }
+  /**
+   * The component for displaying text track cues.
+   *
+   * @extends Component
+   */
+
+
+  var TextTrackDisplay = /*#__PURE__*/function (_Component) {
+    inheritsLoose(TextTrackDisplay, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {Component~ReadyCallback} [ready]
+     *        The function to call when `TextTrackDisplay` is ready.
+     */
+    function TextTrackDisplay(player, options, ready) {
+      var _this;
+
+      _this = _Component.call(this, player, options, ready) || this;
+
+      var updateDisplayHandler = function updateDisplayHandler(e) {
+        return _this.updateDisplay(e);
+      };
+
+      player.on('loadstart', function (e) {
+        return _this.toggleDisplay(e);
+      });
+      player.on('texttrackchange', updateDisplayHandler);
+      player.on('loadedmetadata', function (e) {
+        return _this.preselectTrack(e);
+      }); // This used to be called during player init, but was causing an error
+      // if a track should show by default and the display hadn't loaded yet.
+      // Should probably be moved to an external track loader when we support
+      // tracks that don't need a display.
+
+      player.ready(bind(assertThisInitialized(_this), function () {
+        if (player.tech_ && player.tech_.featuresNativeTextTracks) {
+          this.hide();
+          return;
+        }
+
+        player.on('fullscreenchange', updateDisplayHandler);
+        player.on('playerresize', updateDisplayHandler);
+        window_1.addEventListener('orientationchange', updateDisplayHandler);
+        player.on('dispose', function () {
+          return window_1.removeEventListener('orientationchange', updateDisplayHandler);
+        });
+        var tracks = this.options_.playerOptions.tracks || [];
+
+        for (var i = 0; i < tracks.length; i++) {
+          this.player_.addRemoteTextTrack(tracks[i], true);
+        }
+
+        this.preselectTrack();
+      }));
+      return _this;
+    }
+    /**
+    * Preselect a track following this precedence:
+    * - matches the previously selected {@link TextTrack}'s language and kind
+    * - matches the previously selected {@link TextTrack}'s language only
+    * - is the first default captions track
+    * - is the first default descriptions track
+    *
+    * @listens Player#loadstart
+    */
+
+
+    var _proto = TextTrackDisplay.prototype;
+
+    _proto.preselectTrack = function preselectTrack() {
+      var modes = {
+        captions: 1,
+        subtitles: 1
+      };
+      var trackList = this.player_.textTracks();
+      var userPref = this.player_.cache_.selectedLanguage;
+      var firstDesc;
+      var firstCaptions;
+      var preferredTrack;
+
+      for (var i = 0; i < trackList.length; i++) {
+        var track = trackList[i];
+
+        if (userPref && userPref.enabled && userPref.language && userPref.language === track.language && track.kind in modes) {
+          // Always choose the track that matches both language and kind
+          if (track.kind === userPref.kind) {
+            preferredTrack = track; // or choose the first track that matches language
+          } else if (!preferredTrack) {
+            preferredTrack = track;
+          } // clear everything if offTextTrackMenuItem was clicked
+
+        } else if (userPref && !userPref.enabled) {
+          preferredTrack = null;
+          firstDesc = null;
+          firstCaptions = null;
+        } else if (track["default"]) {
+          if (track.kind === 'descriptions' && !firstDesc) {
+            firstDesc = track;
+          } else if (track.kind in modes && !firstCaptions) {
+            firstCaptions = track;
+          }
+        }
+      } // The preferredTrack matches the user preference and takes
+      // precedence over all the other tracks.
+      // So, display the preferredTrack before the first default track
+      // and the subtitles/captions track before the descriptions track
+
+
+      if (preferredTrack) {
+        preferredTrack.mode = 'showing';
+      } else if (firstCaptions) {
+        firstCaptions.mode = 'showing';
+      } else if (firstDesc) {
+        firstDesc.mode = 'showing';
+      }
+    }
+    /**
+     * Turn display of {@link TextTrack}'s from the current state into the other state.
+     * There are only two states:
+     * - 'shown'
+     * - 'hidden'
+     *
+     * @listens Player#loadstart
+     */
+    ;
+
+    _proto.toggleDisplay = function toggleDisplay() {
+      if (this.player_.tech_ && this.player_.tech_.featuresNativeTextTracks) {
+        this.hide();
+      } else {
+        this.show();
+      }
+    }
+    /**
+     * Create the {@link Component}'s DOM element.
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+    ;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-text-track-display'
+      }, {
+        'aria-live': 'off',
+        'aria-atomic': 'true'
+      });
+    }
+    /**
+     * Clear all displayed {@link TextTrack}s.
+     */
+    ;
+
+    _proto.clearDisplay = function clearDisplay() {
+      if (typeof window_1.WebVTT === 'function') {
+        window_1.WebVTT.processCues(window_1, [], this.el_);
+      }
+    }
+    /**
+     * Update the displayed TextTrack when a either a {@link Player#texttrackchange} or
+     * a {@link Player#fullscreenchange} is fired.
+     *
+     * @listens Player#texttrackchange
+     * @listens Player#fullscreenchange
+     */
+    ;
+
+    _proto.updateDisplay = function updateDisplay() {
+      var tracks = this.player_.textTracks();
+      var allowMultipleShowingTracks = this.options_.allowMultipleShowingTracks;
+      this.clearDisplay();
+
+      if (allowMultipleShowingTracks) {
+        var showingTracks = [];
+
+        for (var _i = 0; _i < tracks.length; ++_i) {
+          var track = tracks[_i];
+
+          if (track.mode !== 'showing') {
+            continue;
+          }
+
+          showingTracks.push(track);
+        }
+
+        this.updateForTrack(showingTracks);
+        return;
+      } //  Track display prioritization model: if multiple tracks are 'showing',
+      //  display the first 'subtitles' or 'captions' track which is 'showing',
+      //  otherwise display the first 'descriptions' track which is 'showing'
+
+
+      var descriptionsTrack = null;
+      var captionsSubtitlesTrack = null;
+      var i = tracks.length;
+
+      while (i--) {
+        var _track = tracks[i];
+
+        if (_track.mode === 'showing') {
+          if (_track.kind === 'descriptions') {
+            descriptionsTrack = _track;
+          } else {
+            captionsSubtitlesTrack = _track;
+          }
+        }
+      }
+
+      if (captionsSubtitlesTrack) {
+        if (this.getAttribute('aria-live') !== 'off') {
+          this.setAttribute('aria-live', 'off');
+        }
+
+        this.updateForTrack(captionsSubtitlesTrack);
+      } else if (descriptionsTrack) {
+        if (this.getAttribute('aria-live') !== 'assertive') {
+          this.setAttribute('aria-live', 'assertive');
+        }
+
+        this.updateForTrack(descriptionsTrack);
+      }
+    }
+    /**
+     * Style {@Link TextTrack} activeCues according to {@Link TextTrackSettings}.
+     *
+     * @param {TextTrack} track
+     *        Text track object containing active cues to style.
+     */
+    ;
+
+    _proto.updateDisplayState = function updateDisplayState(track) {
+      var overrides = this.player_.textTrackSettings.getValues();
+      var cues = track.activeCues;
+      var i = cues.length;
+
+      while (i--) {
+        var cue = cues[i];
+
+        if (!cue) {
+          continue;
+        }
+
+        var cueDiv = cue.displayState;
+
+        if (overrides.color) {
+          cueDiv.firstChild.style.color = overrides.color;
+        }
+
+        if (overrides.textOpacity) {
+          tryUpdateStyle(cueDiv.firstChild, 'color', constructColor(overrides.color || '#fff', overrides.textOpacity));
+        }
+
+        if (overrides.backgroundColor) {
+          cueDiv.firstChild.style.backgroundColor = overrides.backgroundColor;
+        }
+
+        if (overrides.backgroundOpacity) {
+          tryUpdateStyle(cueDiv.firstChild, 'backgroundColor', constructColor(overrides.backgroundColor || '#000', overrides.backgroundOpacity));
+        }
+
+        if (overrides.windowColor) {
+          if (overrides.windowOpacity) {
+            tryUpdateStyle(cueDiv, 'backgroundColor', constructColor(overrides.windowColor, overrides.windowOpacity));
+          } else {
+            cueDiv.style.backgroundColor = overrides.windowColor;
+          }
+        }
+
+        if (overrides.edgeStyle) {
+          if (overrides.edgeStyle === 'dropshadow') {
+            cueDiv.firstChild.style.textShadow = "2px 2px 3px " + darkGray + ", 2px 2px 4px " + darkGray + ", 2px 2px 5px " + darkGray;
+          } else if (overrides.edgeStyle === 'raised') {
+            cueDiv.firstChild.style.textShadow = "1px 1px " + darkGray + ", 2px 2px " + darkGray + ", 3px 3px " + darkGray;
+          } else if (overrides.edgeStyle === 'depressed') {
+            cueDiv.firstChild.style.textShadow = "1px 1px " + lightGray + ", 0 1px " + lightGray + ", -1px -1px " + darkGray + ", 0 -1px " + darkGray;
+          } else if (overrides.edgeStyle === 'uniform') {
+            cueDiv.firstChild.style.textShadow = "0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray;
+          }
+        }
+
+        if (overrides.fontPercent && overrides.fontPercent !== 1) {
+          var fontSize = window_1.parseFloat(cueDiv.style.fontSize);
+          cueDiv.style.fontSize = fontSize * overrides.fontPercent + 'px';
+          cueDiv.style.height = 'auto';
+          cueDiv.style.top = 'auto';
+        }
+
+        if (overrides.fontFamily && overrides.fontFamily !== 'default') {
+          if (overrides.fontFamily === 'small-caps') {
+            cueDiv.firstChild.style.fontVariant = 'small-caps';
+          } else {
+            cueDiv.firstChild.style.fontFamily = fontMap[overrides.fontFamily];
+          }
+        }
+      }
+    }
+    /**
+     * Add an {@link TextTrack} to to the {@link Tech}s {@link TextTrackList}.
+     *
+     * @param {TextTrack|TextTrack[]} tracks
+     *        Text track object or text track array to be added to the list.
+     */
+    ;
+
+    _proto.updateForTrack = function updateForTrack(tracks) {
+      if (!Array.isArray(tracks)) {
+        tracks = [tracks];
+      }
+
+      if (typeof window_1.WebVTT !== 'function' || tracks.every(function (track) {
+        return !track.activeCues;
+      })) {
+        return;
+      }
+
+      var cues = []; // push all active track cues
+
+      for (var i = 0; i < tracks.length; ++i) {
+        var track = tracks[i];
+
+        for (var j = 0; j < track.activeCues.length; ++j) {
+          cues.push(track.activeCues[j]);
+        }
+      } // removes all cues before it processes new ones
+
+
+      window_1.WebVTT.processCues(window_1, cues, this.el_); // add unique class to each language text track & add settings styling if necessary
+
+      for (var _i2 = 0; _i2 < tracks.length; ++_i2) {
+        var _track2 = tracks[_i2];
+
+        for (var _j = 0; _j < _track2.activeCues.length; ++_j) {
+          var cueEl = _track2.activeCues[_j].displayState;
+          addClass(cueEl, 'vjs-text-track-cue');
+          addClass(cueEl, 'vjs-text-track-cue-' + (_track2.language ? _track2.language : _i2));
+        }
+
+        if (this.player_.textTrackSettings) {
+          this.updateDisplayState(_track2);
+        }
+      }
+    };
+
+    return TextTrackDisplay;
+  }(Component$1);
+
+  Component$1.registerComponent('TextTrackDisplay', TextTrackDisplay);
+
+  /**
+   * A loading spinner for use during waiting/loading events.
+   *
+   * @extends Component
+   */
+
+  var LoadingSpinner = /*#__PURE__*/function (_Component) {
+    inheritsLoose(LoadingSpinner, _Component);
+
+    function LoadingSpinner() {
+      return _Component.apply(this, arguments) || this;
+    }
+
+    var _proto = LoadingSpinner.prototype;
+
+    /**
+     * Create the `LoadingSpinner`s DOM element.
+     *
+     * @return {Element}
+     *         The dom element that gets created.
+     */
+    _proto.createEl = function createEl$1() {
+      var isAudio = this.player_.isAudio();
+      var playerType = this.localize(isAudio ? 'Audio Player' : 'Video Player');
+      var controlText = createEl('span', {
+        className: 'vjs-control-text',
+        innerHTML: this.localize('{1} is loading.', [playerType])
+      });
+
+      var el = _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-loading-spinner',
+        dir: 'ltr'
+      });
+
+      el.appendChild(controlText);
+      return el;
+    };
+
+    return LoadingSpinner;
+  }(Component$1);
+
+  Component$1.registerComponent('LoadingSpinner', LoadingSpinner);
+
+  /**
+   * Base class for all buttons.
+   *
+   * @extends ClickableComponent
+   */
+
+  var Button = /*#__PURE__*/function (_ClickableComponent) {
+    inheritsLoose(Button, _ClickableComponent);
+
+    function Button() {
+      return _ClickableComponent.apply(this, arguments) || this;
+    }
+
+    var _proto = Button.prototype;
+
+    /**
+     * Create the `Button`s DOM element.
+     *
+     * @param {string} [tag="button"]
+     *        The element's node type. This argument is IGNORED: no matter what
+     *        is passed, it will always create a `button` element.
+     *
+     * @param {Object} [props={}]
+     *        An object of properties that should be set on the element.
+     *
+     * @param {Object} [attributes={}]
+     *        An object of attributes that should be set on the element.
+     *
+     * @return {Element}
+     *         The element that gets created.
+     */
+    _proto.createEl = function createEl(tag, props, attributes) {
+      if (props === void 0) {
+        props = {};
+      }
+
+      if (attributes === void 0) {
+        attributes = {};
+      }
+
+      tag = 'button';
+      props = assign({
+        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
+        className: this.buildCSSClass()
+      }, props); // Add attributes for button element
+
+      attributes = assign({
+        // Necessary since the default button type is "submit"
+        type: 'button'
+      }, attributes);
+      var el = Component$1.prototype.createEl.call(this, tag, props, attributes);
+      this.createControlTextEl(el);
+      return el;
+    }
+    /**
+     * Add a child `Component` inside of this `Button`.
+     *
+     * @param {string|Component} child
+     *        The name or instance of a child to add.
+     *
+     * @param {Object} [options={}]
+     *        The key/value store of options that will get passed to children of
+     *        the child.
+     *
+     * @return {Component}
+     *         The `Component` that gets added as a child. When using a string the
+     *         `Component` will get created by this process.
+     *
+     * @deprecated since version 5
+     */
+    ;
+
+    _proto.addChild = function addChild(child, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      var className = this.constructor.name;
+      log$1.warn("Adding an actionable (user controllable) child to a Button (" + className + ") is not supported; use a ClickableComponent instead."); // Avoid the error message generated by ClickableComponent's addChild method
+
+      return Component$1.prototype.addChild.call(this, child, options);
+    }
+    /**
+     * Enable the `Button` element so that it can be activated or clicked. Use this with
+     * {@link Button#disable}.
+     */
+    ;
+
+    _proto.enable = function enable() {
+      _ClickableComponent.prototype.enable.call(this);
+
+      this.el_.removeAttribute('disabled');
+    }
+    /**
+     * Disable the `Button` element so that it cannot be activated or clicked. Use this with
+     * {@link Button#enable}.
+     */
+    ;
+
+    _proto.disable = function disable() {
+      _ClickableComponent.prototype.disable.call(this);
+
+      this.el_.setAttribute('disabled', 'disabled');
+    }
+    /**
+     * This gets called when a `Button` has focus and `keydown` is triggered via a key
+     * press.
+     *
+     * @param {EventTarget~Event} event
+     *        The event that caused this function to get called.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      // Ignore Space or Enter key operation, which is handled by the browser for
+      // a button - though not for its super class, ClickableComponent. Also,
+      // prevent the event from propagating through the DOM and triggering Player
+      // hotkeys. We do not preventDefault here because we _want_ the browser to
+      // handle it.
+      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
+        event.stopPropagation();
+        return;
+      } // Pass keypress handling up for unsupported keys
+
+
+      _ClickableComponent.prototype.handleKeyDown.call(this, event);
+    };
+
+    return Button;
+  }(ClickableComponent);
+
+  Component$1.registerComponent('Button', Button);
+
+  /**
+   * The initial play button that shows before the video has played. The hiding of the
+   * `BigPlayButton` get done via CSS and `Player` states.
+   *
+   * @extends Button
+   */
+
+  var BigPlayButton = /*#__PURE__*/function (_Button) {
+    inheritsLoose(BigPlayButton, _Button);
+
+    function BigPlayButton(player, options) {
+      var _this;
+
+      _this = _Button.call(this, player, options) || this;
+      _this.mouseused_ = false;
+
+      _this.on('mousedown', function (e) {
+        return _this.handleMouseDown(e);
+      });
+
+      return _this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object. Always returns 'vjs-big-play-button'.
+     */
+
+
+    var _proto = BigPlayButton.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return 'vjs-big-play-button';
+    }
+    /**
+     * This gets called when a `BigPlayButton` "clicked". See {@link ClickableComponent}
+     * for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      var playPromise = this.player_.play(); // exit early if clicked via the mouse
+
+      if (this.mouseused_ && event.clientX && event.clientY) {
+        var sourceIsEncrypted = this.player_.usingPlugin('eme') && this.player_.eme.sessions && this.player_.eme.sessions.length > 0;
+        silencePromise(playPromise);
+
+        if (this.player_.tech(true) && // We've observed a bug in IE and Edge when playing back DRM content where
+        // calling .focus() on the video element causes the video to go black,
+        // so we avoid it in that specific case
+        !((IE_VERSION || IS_EDGE) && sourceIsEncrypted)) {
+          this.player_.tech(true).focus();
+        }
+
+        return;
+      }
+
+      var cb = this.player_.getChild('controlBar');
+      var playToggle = cb && cb.getChild('playToggle');
+
+      if (!playToggle) {
+        this.player_.tech(true).focus();
+        return;
+      }
+
+      var playFocus = function playFocus() {
+        return playToggle.focus();
+      };
+
+      if (isPromise(playPromise)) {
+        playPromise.then(playFocus, function () {});
+      } else {
+        this.setTimeout(playFocus, 1);
+      }
+    };
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      this.mouseused_ = false;
+
+      _Button.prototype.handleKeyDown.call(this, event);
+    };
+
+    _proto.handleMouseDown = function handleMouseDown(event) {
+      this.mouseused_ = true;
+    };
+
+    return BigPlayButton;
+  }(Button);
+  /**
+   * The text that should display over the `BigPlayButton`s controls. Added to for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  BigPlayButton.prototype.controlText_ = 'Play Video';
+  Component$1.registerComponent('BigPlayButton', BigPlayButton);
+
+  /**
+   * The `CloseButton` is a `{@link Button}` that fires a `close` event when
+   * it gets clicked.
+   *
+   * @extends Button
+   */
+
+  var CloseButton = /*#__PURE__*/function (_Button) {
+    inheritsLoose(CloseButton, _Button);
+
+    /**
+    * Creates an instance of the this class.
+    *
+    * @param  {Player} player
+    *         The `Player` that this class should be attached to.
+    *
+    * @param  {Object} [options]
+    *         The key/value store of player options.
+    */
+    function CloseButton(player, options) {
+      var _this;
+
+      _this = _Button.call(this, player, options) || this;
+
+      _this.controlText(options && options.controlText || _this.localize('Close'));
+
+      return _this;
+    }
+    /**
+    * Builds the default DOM `className`.
+    *
+    * @return {string}
+    *         The DOM `className` for this object.
+    */
+
+
+    var _proto = CloseButton.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-close-button " + _Button.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * This gets called when a `CloseButton` gets clicked. See
+     * {@link ClickableComponent#handleClick} for more information on when
+     * this will be triggered
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     * @fires CloseButton#close
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      /**
+       * Triggered when the a `CloseButton` is clicked.
+       *
+       * @event CloseButton#close
+       * @type {EventTarget~Event}
+       *
+       * @property {boolean} [bubbles=false]
+       *           set to false so that the close event does not
+       *           bubble up to parents if there is no listener
+       */
+      this.trigger({
+        type: 'close',
+        bubbles: false
+      });
+    }
+    /**
+     * Event handler that is called when a `CloseButton` receives a
+     * `keydown` event.
+     *
+     * By default, if the key is Esc, it will trigger a `click` event.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      // Esc button will trigger `click` event
+      if (keycode.isEventKey(event, 'Esc')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.trigger('click');
+      } else {
+        // Pass keypress handling up for unsupported keys
+        _Button.prototype.handleKeyDown.call(this, event);
+      }
+    };
+
+    return CloseButton;
+  }(Button);
+
+  Component$1.registerComponent('CloseButton', CloseButton);
+
+  /**
+   * Button to toggle between play and pause.
+   *
+   * @extends Button
+   */
+
+  var PlayToggle = /*#__PURE__*/function (_Button) {
+    inheritsLoose(PlayToggle, _Button);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options={}]
+     *        The key/value store of player options.
+     */
+    function PlayToggle(player, options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      _this = _Button.call(this, player, options) || this; // show or hide replay icon
+
+      options.replay = options.replay === undefined || options.replay;
+
+      _this.on(player, 'play', function (e) {
+        return _this.handlePlay(e);
+      });
+
+      _this.on(player, 'pause', function (e) {
+        return _this.handlePause(e);
+      });
+
+      if (options.replay) {
+        _this.on(player, 'ended', function (e) {
+          return _this.handleEnded(e);
+        });
+      }
+
+      return _this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = PlayToggle.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-play-control " + _Button.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * This gets called when an `PlayToggle` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      if (this.player_.paused()) {
+        silencePromise(this.player_.play());
+      } else {
+        this.player_.pause();
+      }
+    }
+    /**
+     * This gets called once after the video has ended and the user seeks so that
+     * we can change the replay button back to a play button.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The event that caused this function to run.
+     *
+     * @listens Player#seeked
+     */
+    ;
+
+    _proto.handleSeeked = function handleSeeked(event) {
+      this.removeClass('vjs-ended');
+
+      if (this.player_.paused()) {
+        this.handlePause(event);
+      } else {
+        this.handlePlay(event);
+      }
+    }
+    /**
+     * Add the vjs-playing class to the element so it can change appearance.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The event that caused this function to run.
+     *
+     * @listens Player#play
+     */
+    ;
+
+    _proto.handlePlay = function handlePlay(event) {
+      this.removeClass('vjs-ended');
+      this.removeClass('vjs-paused');
+      this.addClass('vjs-playing'); // change the button text to "Pause"
+
+      this.controlText('Pause');
+    }
+    /**
+     * Add the vjs-paused class to the element so it can change appearance.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The event that caused this function to run.
+     *
+     * @listens Player#pause
+     */
+    ;
+
+    _proto.handlePause = function handlePause(event) {
+      this.removeClass('vjs-playing');
+      this.addClass('vjs-paused'); // change the button text to "Play"
+
+      this.controlText('Play');
+    }
+    /**
+     * Add the vjs-ended class to the element so it can change appearance
+     *
+     * @param {EventTarget~Event} [event]
+     *        The event that caused this function to run.
+     *
+     * @listens Player#ended
+     */
+    ;
+
+    _proto.handleEnded = function handleEnded(event) {
+      var _this2 = this;
+
+      this.removeClass('vjs-playing');
+      this.addClass('vjs-ended'); // change the button text to "Replay"
+
+      this.controlText('Replay'); // on the next seek remove the replay button
+
+      this.one(this.player_, 'seeked', function (e) {
+        return _this2.handleSeeked(e);
+      });
+    };
+
+    return PlayToggle;
+  }(Button);
+  /**
+   * The text that should display over the `PlayToggle`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  PlayToggle.prototype.controlText_ = 'Play';
+  Component$1.registerComponent('PlayToggle', PlayToggle);
+
+  /**
+   * @file format-time.js
+   * @module format-time
+   */
+
+  /**
+   * Format seconds as a time string, H:MM:SS or M:SS. Supplying a guide (in
+   * seconds) will force a number of leading zeros to cover the length of the
+   * guide.
+   *
+   * @private
+   * @param  {number} seconds
+   *         Number of seconds to be turned into a string
+   *
+   * @param  {number} guide
+   *         Number (in seconds) to model the string after
+   *
+   * @return {string}
+   *         Time formatted as H:MM:SS or M:SS
+   */
+  var defaultImplementation = function defaultImplementation(seconds, guide) {
+    seconds = seconds < 0 ? 0 : seconds;
+    var s = Math.floor(seconds % 60);
+    var m = Math.floor(seconds / 60 % 60);
+    var h = Math.floor(seconds / 3600);
+    var gm = Math.floor(guide / 60 % 60);
+    var gh = Math.floor(guide / 3600); // handle invalid times
+
+    if (isNaN(seconds) || seconds === Infinity) {
+      // '-' is false for all relational operators (e.g. <, >=) so this setting
+      // will add the minimum number of fields specified by the guide
+      h = m = s = '-';
+    } // Check if we need to show hours
+
+
+    h = h > 0 || gh > 0 ? h + ':' : ''; // If hours are showing, we may need to add a leading zero.
+    // Always show at least one digit of minutes.
+
+    m = ((h || gm >= 10) && m < 10 ? '0' + m : m) + ':'; // Check if leading zero is need for seconds
+
+    s = s < 10 ? '0' + s : s;
+    return h + m + s;
+  }; // Internal pointer to the current implementation.
+
+
+  var implementation = defaultImplementation;
+  /**
+   * Replaces the default formatTime implementation with a custom implementation.
+   *
+   * @param {Function} customImplementation
+   *        A function which will be used in place of the default formatTime
+   *        implementation. Will receive the current time in seconds and the
+   *        guide (in seconds) as arguments.
+   */
+
+  function setFormatTime(customImplementation) {
+    implementation = customImplementation;
+  }
+  /**
+   * Resets formatTime to the default implementation.
+   */
+
+  function resetFormatTime() {
+    implementation = defaultImplementation;
+  }
+  /**
+   * Delegates to either the default time formatting function or a custom
+   * function supplied via `setFormatTime`.
+   *
+   * Formats seconds as a time string (H:MM:SS or M:SS). Supplying a
+   * guide (in seconds) will force a number of leading zeros to cover the
+   * length of the guide.
+   *
+   * @static
+   * @example  formatTime(125, 600) === "02:05"
+   * @param    {number} seconds
+   *           Number of seconds to be turned into a string
+   *
+   * @param    {number} guide
+   *           Number (in seconds) to model the string after
+   *
+   * @return   {string}
+   *           Time formatted as H:MM:SS or M:SS
+   */
+
+  function formatTime(seconds, guide) {
+    if (guide === void 0) {
+      guide = seconds;
+    }
+
+    return implementation(seconds, guide);
+  }
+
+  /**
+   * Displays time information about the video
+   *
+   * @extends Component
+   */
+
+  var TimeDisplay = /*#__PURE__*/function (_Component) {
+    inheritsLoose(TimeDisplay, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function TimeDisplay(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+
+      _this.on(player, ['timeupdate', 'ended'], function (e) {
+        return _this.updateContent(e);
+      });
+
+      _this.updateTextNode_();
+
+      return _this;
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = TimeDisplay.prototype;
+
+    _proto.createEl = function createEl$1() {
+      var className = this.buildCSSClass();
+
+      var el = _Component.prototype.createEl.call(this, 'div', {
+        className: className + " vjs-time-control vjs-control",
+        innerHTML: "<span class=\"vjs-control-text\" role=\"presentation\">" + this.localize(this.labelText_) + "\xA0</span>"
+      });
+
+      this.contentEl_ = createEl('span', {
+        className: className + "-display"
+      }, {
+        // tell screen readers not to automatically read the time as it changes
+        'aria-live': 'off',
+        // span elements have no implicit role, but some screen readers (notably VoiceOver)
+        // treat them as a break between items in the DOM when using arrow keys
+        // (or left-to-right swipes on iOS) to read contents of a page. Using
+        // role='presentation' causes VoiceOver to NOT treat this span as a break.
+        'role': 'presentation'
+      });
+      el.appendChild(this.contentEl_);
+      return el;
+    };
+
+    _proto.dispose = function dispose() {
+      this.contentEl_ = null;
+      this.textNode_ = null;
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Updates the time display text node with a new time
+     *
+     * @param {number} [time=0] the time to update to
+     *
+     * @private
+     */
+    ;
+
+    _proto.updateTextNode_ = function updateTextNode_(time) {
+      var _this2 = this;
+
+      if (time === void 0) {
+        time = 0;
+      }
+
+      time = formatTime(time);
+
+      if (this.formattedTime_ === time) {
+        return;
+      }
+
+      this.formattedTime_ = time;
+      this.requestNamedAnimationFrame('TimeDisplay#updateTextNode_', function () {
+        if (!_this2.contentEl_) {
+          return;
+        }
+
+        var oldNode = _this2.textNode_;
+
+        if (oldNode && _this2.contentEl_.firstChild !== oldNode) {
+          oldNode = null;
+          log$1.warn('TimeDisplay#updateTextnode_: Prevented replacement of text node element since it was no longer a child of this node. Appending a new node instead.');
+        }
+
+        _this2.textNode_ = document_1.createTextNode(_this2.formattedTime_);
+
+        if (!_this2.textNode_) {
+          return;
+        }
+
+        if (oldNode) {
+          _this2.contentEl_.replaceChild(_this2.textNode_, oldNode);
+        } else {
+          _this2.contentEl_.appendChild(_this2.textNode_);
+        }
+      });
+    }
+    /**
+     * To be filled out in the child class, should update the displayed time
+     * in accordance with the fact that the current time has changed.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `timeupdate`  event that caused this to run.
+     *
+     * @listens Player#timeupdate
+     */
+    ;
+
+    _proto.updateContent = function updateContent(event) {};
+
+    return TimeDisplay;
+  }(Component$1);
+  /**
+   * The text that is added to the `TimeDisplay` for screen reader users.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  TimeDisplay.prototype.labelText_ = 'Time';
+  /**
+   * The text that should display over the `TimeDisplay`s controls. Added to for localization.
+   *
+   * @type {string}
+   * @private
+   *
+   * @deprecated in v7; controlText_ is not used in non-active display Components
+   */
+
+  TimeDisplay.prototype.controlText_ = 'Time';
+  Component$1.registerComponent('TimeDisplay', TimeDisplay);
+
+  /**
+   * Displays the current time
+   *
+   * @extends Component
+   */
+
+  var CurrentTimeDisplay = /*#__PURE__*/function (_TimeDisplay) {
+    inheritsLoose(CurrentTimeDisplay, _TimeDisplay);
+
+    function CurrentTimeDisplay() {
+      return _TimeDisplay.apply(this, arguments) || this;
+    }
+
+    var _proto = CurrentTimeDisplay.prototype;
+
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+    _proto.buildCSSClass = function buildCSSClass() {
+      return 'vjs-current-time';
+    }
+    /**
+     * Update current time display
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `timeupdate` event that caused this function to run.
+     *
+     * @listens Player#timeupdate
+     */
+    ;
+
+    _proto.updateContent = function updateContent(event) {
+      // Allows for smooth scrubbing, when player can't keep up.
+      var time;
+
+      if (this.player_.ended()) {
+        time = this.player_.duration();
+      } else {
+        time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
+      }
+
+      this.updateTextNode_(time);
+    };
+
+    return CurrentTimeDisplay;
+  }(TimeDisplay);
+  /**
+   * The text that is added to the `CurrentTimeDisplay` for screen reader users.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  CurrentTimeDisplay.prototype.labelText_ = 'Current Time';
+  /**
+   * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
+   *
+   * @type {string}
+   * @private
+   *
+   * @deprecated in v7; controlText_ is not used in non-active display Components
+   */
+
+  CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
+  Component$1.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
+
+  /**
+   * Displays the duration
+   *
+   * @extends Component
+   */
+
+  var DurationDisplay = /*#__PURE__*/function (_TimeDisplay) {
+    inheritsLoose(DurationDisplay, _TimeDisplay);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function DurationDisplay(player, options) {
+      var _this;
+
+      _this = _TimeDisplay.call(this, player, options) || this;
+
+      var updateContent = function updateContent(e) {
+        return _this.updateContent(e);
+      }; // we do not want to/need to throttle duration changes,
+      // as they should always display the changed duration as
+      // it has changed
+
+
+      _this.on(player, 'durationchange', updateContent); // Listen to loadstart because the player duration is reset when a new media element is loaded,
+      // but the durationchange on the user agent will not fire.
+      // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
+
+
+      _this.on(player, 'loadstart', updateContent); // Also listen for timeupdate (in the parent) and loadedmetadata because removing those
+      // listeners could have broken dependent applications/libraries. These
+      // can likely be removed for 7.0.
+
+
+      _this.on(player, 'loadedmetadata', updateContent);
+
+      return _this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = DurationDisplay.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return 'vjs-duration';
+    }
+    /**
+     * Update duration time display.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `durationchange`, `timeupdate`, or `loadedmetadata` event that caused
+     *        this function to be called.
+     *
+     * @listens Player#durationchange
+     * @listens Player#timeupdate
+     * @listens Player#loadedmetadata
+     */
+    ;
+
+    _proto.updateContent = function updateContent(event) {
+      var duration = this.player_.duration();
+      this.updateTextNode_(duration);
+    };
+
+    return DurationDisplay;
+  }(TimeDisplay);
+  /**
+   * The text that is added to the `DurationDisplay` for screen reader users.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  DurationDisplay.prototype.labelText_ = 'Duration';
+  /**
+   * The text that should display over the `DurationDisplay`s controls. Added to for localization.
+   *
+   * @type {string}
+   * @private
+   *
+   * @deprecated in v7; controlText_ is not used in non-active display Components
+   */
+
+  DurationDisplay.prototype.controlText_ = 'Duration';
+  Component$1.registerComponent('DurationDisplay', DurationDisplay);
+
+  /**
+   * The separator between the current time and duration.
+   * Can be hidden if it's not needed in the design.
+   *
+   * @extends Component
+   */
+
+  var TimeDivider = /*#__PURE__*/function (_Component) {
+    inheritsLoose(TimeDivider, _Component);
+
+    function TimeDivider() {
+      return _Component.apply(this, arguments) || this;
+    }
+
+    var _proto = TimeDivider.prototype;
+
+    /**
+     * Create the component's DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-time-control vjs-time-divider',
+        innerHTML: '<div><span>/</span></div>'
+      }, {
+        // this element and its contents can be hidden from assistive techs since
+        // it is made extraneous by the announcement of the control text
+        // for the current time and duration displays
+        'aria-hidden': true
+      });
+    };
+
+    return TimeDivider;
+  }(Component$1);
+
+  Component$1.registerComponent('TimeDivider', TimeDivider);
+
+  /**
+   * Displays the time left in the video
+   *
+   * @extends Component
+   */
+
+  var RemainingTimeDisplay = /*#__PURE__*/function (_TimeDisplay) {
+    inheritsLoose(RemainingTimeDisplay, _TimeDisplay);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function RemainingTimeDisplay(player, options) {
+      var _this;
+
+      _this = _TimeDisplay.call(this, player, options) || this;
+
+      _this.on(player, 'durationchange', function (e) {
+        return _this.updateContent(e);
+      });
+
+      return _this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = RemainingTimeDisplay.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return 'vjs-remaining-time';
+    }
+    /**
+     * Create the `Component`'s DOM element with the "minus" characted prepend to the time
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+    ;
+
+    _proto.createEl = function createEl$1() {
+      var el = _TimeDisplay.prototype.createEl.call(this);
+
+      el.insertBefore(createEl('span', {}, {
+        'aria-hidden': true
+      }, '-'), this.contentEl_);
+      return el;
+    }
+    /**
+     * Update remaining time display.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `timeupdate` or `durationchange` event that caused this to run.
+     *
+     * @listens Player#timeupdate
+     * @listens Player#durationchange
+     */
+    ;
+
+    _proto.updateContent = function updateContent(event) {
+      if (typeof this.player_.duration() !== 'number') {
+        return;
+      }
+
+      var time; // @deprecated We should only use remainingTimeDisplay
+      // as of video.js 7
+
+      if (this.player_.ended()) {
+        time = 0;
+      } else if (this.player_.remainingTimeDisplay) {
+        time = this.player_.remainingTimeDisplay();
+      } else {
+        time = this.player_.remainingTime();
+      }
+
+      this.updateTextNode_(time);
+    };
+
+    return RemainingTimeDisplay;
+  }(TimeDisplay);
+  /**
+   * The text that is added to the `RemainingTimeDisplay` for screen reader users.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  RemainingTimeDisplay.prototype.labelText_ = 'Remaining Time';
+  /**
+   * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
+   *
+   * @type {string}
+   * @private
+   *
+   * @deprecated in v7; controlText_ is not used in non-active display Components
+   */
+
+  RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
+  Component$1.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
+
+  /**
+   * Displays the live indicator when duration is Infinity.
+   *
+   * @extends Component
+   */
+
+  var LiveDisplay = /*#__PURE__*/function (_Component) {
+    inheritsLoose(LiveDisplay, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function LiveDisplay(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+
+      _this.updateShowing();
+
+      _this.on(_this.player(), 'durationchange', function (e) {
+        return _this.updateShowing(e);
+      });
+
+      return _this;
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = LiveDisplay.prototype;
+
+    _proto.createEl = function createEl$1() {
+      var el = _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-live-control vjs-control'
+      });
+
+      this.contentEl_ = createEl('div', {
+        className: 'vjs-live-display',
+        innerHTML: "<span class=\"vjs-control-text\">" + this.localize('Stream Type') + "\xA0</span>" + this.localize('LIVE')
+      }, {
+        'aria-live': 'off'
+      });
+      el.appendChild(this.contentEl_);
+      return el;
+    };
+
+    _proto.dispose = function dispose() {
+      this.contentEl_ = null;
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Check the duration to see if the LiveDisplay should be showing or not. Then show/hide
+     * it accordingly
+     *
+     * @param {EventTarget~Event} [event]
+     *        The {@link Player#durationchange} event that caused this function to run.
+     *
+     * @listens Player#durationchange
+     */
+    ;
+
+    _proto.updateShowing = function updateShowing(event) {
+      if (this.player().duration() === Infinity) {
+        this.show();
+      } else {
+        this.hide();
+      }
+    };
+
+    return LiveDisplay;
+  }(Component$1);
+
+  Component$1.registerComponent('LiveDisplay', LiveDisplay);
+
+  /**
+   * Displays the live indicator when duration is Infinity.
+   *
+   * @extends Component
+   */
+
+  var SeekToLive = /*#__PURE__*/function (_Button) {
+    inheritsLoose(SeekToLive, _Button);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function SeekToLive(player, options) {
+      var _this;
+
+      _this = _Button.call(this, player, options) || this;
+
+      _this.updateLiveEdgeStatus();
+
+      if (_this.player_.liveTracker) {
+        _this.updateLiveEdgeStatusHandler_ = function (e) {
+          return _this.updateLiveEdgeStatus(e);
+        };
+
+        _this.on(_this.player_.liveTracker, 'liveedgechange', _this.updateLiveEdgeStatusHandler_);
+      }
+
+      return _this;
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = SeekToLive.prototype;
+
+    _proto.createEl = function createEl$1() {
+      var el = _Button.prototype.createEl.call(this, 'button', {
+        className: 'vjs-seek-to-live-control vjs-control'
+      });
+
+      this.textEl_ = createEl('span', {
+        className: 'vjs-seek-to-live-text',
+        innerHTML: this.localize('LIVE')
+      }, {
+        'aria-hidden': 'true'
+      });
+      el.appendChild(this.textEl_);
+      return el;
+    }
+    /**
+     * Update the state of this button if we are at the live edge
+     * or not
+     */
+    ;
+
+    _proto.updateLiveEdgeStatus = function updateLiveEdgeStatus() {
+      // default to live edge
+      if (!this.player_.liveTracker || this.player_.liveTracker.atLiveEdge()) {
+        this.setAttribute('aria-disabled', true);
+        this.addClass('vjs-at-live-edge');
+        this.controlText('Seek to live, currently playing live');
+      } else {
+        this.setAttribute('aria-disabled', false);
+        this.removeClass('vjs-at-live-edge');
+        this.controlText('Seek to live, currently behind live');
+      }
+    }
+    /**
+     * On click bring us as near to the live point as possible.
+     * This requires that we wait for the next `live-seekable-change`
+     * event which will happen every segment length seconds.
+     */
+    ;
+
+    _proto.handleClick = function handleClick() {
+      this.player_.liveTracker.seekToLiveEdge();
+    }
+    /**
+     * Dispose of the element and stop tracking
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      if (this.player_.liveTracker) {
+        this.off(this.player_.liveTracker, 'liveedgechange', this.updateLiveEdgeStatusHandler_);
+      }
+
+      this.textEl_ = null;
+
+      _Button.prototype.dispose.call(this);
+    };
+
+    return SeekToLive;
+  }(Button);
+
+  SeekToLive.prototype.controlText_ = 'Seek to live, currently playing live';
+  Component$1.registerComponent('SeekToLive', SeekToLive);
+
+  /**
+   * Keep a number between a min and a max value
+   *
+   * @param {number} number
+   *        The number to clamp
+   *
+   * @param {number} min
+   *        The minimum value
+   * @param {number} max
+   *        The maximum value
+   *
+   * @return {number}
+   *         the clamped number
+   */
+  var clamp = function clamp(number, min, max) {
+    number = Number(number);
+    return Math.min(max, Math.max(min, isNaN(number) ? min : number));
+  };
+
+  /**
+   * The base functionality for a slider. Can be vertical or horizontal.
+   * For instance the volume bar or the seek bar on a video is a slider.
+   *
+   * @extends Component
+   */
+
+  var Slider = /*#__PURE__*/function (_Component) {
+    inheritsLoose(Slider, _Component);
+
+    /**
+    * Create an instance of this class
+    *
+    * @param {Player} player
+    *        The `Player` that this class should be attached to.
+    *
+    * @param {Object} [options]
+    *        The key/value store of player options.
+    */
+    function Slider(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+
+      _this.handleMouseDown_ = function (e) {
+        return _this.handleMouseDown(e);
+      };
+
+      _this.handleMouseUp_ = function (e) {
+        return _this.handleMouseUp(e);
+      };
+
+      _this.handleKeyDown_ = function (e) {
+        return _this.handleKeyDown(e);
+      };
+
+      _this.handleClick_ = function (e) {
+        return _this.handleClick(e);
+      };
+
+      _this.handleMouseMove_ = function (e) {
+        return _this.handleMouseMove(e);
+      };
+
+      _this.update_ = function (e) {
+        return _this.update(e);
+      }; // Set property names to bar to match with the child Slider class is looking for
+
+
+      _this.bar = _this.getChild(_this.options_.barName); // Set a horizontal or vertical class on the slider depending on the slider type
+
+      _this.vertical(!!_this.options_.vertical);
+
+      _this.enable();
+
+      return _this;
+    }
+    /**
+     * Are controls are currently enabled for this slider or not.
+     *
+     * @return {boolean}
+     *         true if controls are enabled, false otherwise
+     */
+
+
+    var _proto = Slider.prototype;
+
+    _proto.enabled = function enabled() {
+      return this.enabled_;
+    }
+    /**
+     * Enable controls for this slider if they are disabled
+     */
+    ;
+
+    _proto.enable = function enable() {
+      if (this.enabled()) {
+        return;
+      }
+
+      this.on('mousedown', this.handleMouseDown_);
+      this.on('touchstart', this.handleMouseDown_);
+      this.on('keydown', this.handleKeyDown_);
+      this.on('click', this.handleClick_); // TODO: deprecated, controlsvisible does not seem to be fired
+
+      this.on(this.player_, 'controlsvisible', this.update);
+
+      if (this.playerEvent) {
+        this.on(this.player_, this.playerEvent, this.update);
+      }
+
+      this.removeClass('disabled');
+      this.setAttribute('tabindex', 0);
+      this.enabled_ = true;
+    }
+    /**
+     * Disable controls for this slider if they are enabled
+     */
+    ;
+
+    _proto.disable = function disable() {
+      if (!this.enabled()) {
+        return;
+      }
+
+      var doc = this.bar.el_.ownerDocument;
+      this.off('mousedown', this.handleMouseDown_);
+      this.off('touchstart', this.handleMouseDown_);
+      this.off('keydown', this.handleKeyDown_);
+      this.off('click', this.handleClick_);
+      this.off(this.player_, 'controlsvisible', this.update_);
+      this.off(doc, 'mousemove', this.handleMouseMove_);
+      this.off(doc, 'mouseup', this.handleMouseUp_);
+      this.off(doc, 'touchmove', this.handleMouseMove_);
+      this.off(doc, 'touchend', this.handleMouseUp_);
+      this.removeAttribute('tabindex');
+      this.addClass('disabled');
+
+      if (this.playerEvent) {
+        this.off(this.player_, this.playerEvent, this.update);
+      }
+
+      this.enabled_ = false;
+    }
+    /**
+     * Create the `Slider`s DOM element.
+     *
+     * @param {string} type
+     *        Type of element to create.
+     *
+     * @param {Object} [props={}]
+     *        List of properties in Object form.
+     *
+     * @param {Object} [attributes={}]
+     *        list of attributes in Object form.
+     *
+     * @return {Element}
+     *         The element that gets created.
+     */
+    ;
+
+    _proto.createEl = function createEl(type, props, attributes) {
+      if (props === void 0) {
+        props = {};
+      }
+
+      if (attributes === void 0) {
+        attributes = {};
+      }
+
+      // Add the slider element class to all sub classes
+      props.className = props.className + ' vjs-slider';
+      props = assign({
+        tabIndex: 0
+      }, props);
+      attributes = assign({
+        'role': 'slider',
+        'aria-valuenow': 0,
+        'aria-valuemin': 0,
+        'aria-valuemax': 100,
+        'tabIndex': 0
+      }, attributes);
+      return _Component.prototype.createEl.call(this, type, props, attributes);
+    }
+    /**
+     * Handle `mousedown` or `touchstart` events on the `Slider`.
+     *
+     * @param {EventTarget~Event} event
+     *        `mousedown` or `touchstart` event that triggered this function
+     *
+     * @listens mousedown
+     * @listens touchstart
+     * @fires Slider#slideractive
+     */
+    ;
+
+    _proto.handleMouseDown = function handleMouseDown(event) {
+      var doc = this.bar.el_.ownerDocument;
+
+      if (event.type === 'mousedown') {
+        event.preventDefault();
+      } // Do not call preventDefault() on touchstart in Chrome
+      // to avoid console warnings. Use a 'touch-action: none' style
+      // instead to prevent unintented scrolling.
+      // https://developers.google.com/web/updates/2017/01/scrolling-intervention
+
+
+      if (event.type === 'touchstart' && !IS_CHROME) {
+        event.preventDefault();
+      }
+
+      blockTextSelection();
+      this.addClass('vjs-sliding');
+      /**
+       * Triggered when the slider is in an active state
+       *
+       * @event Slider#slideractive
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('slideractive');
+      this.on(doc, 'mousemove', this.handleMouseMove_);
+      this.on(doc, 'mouseup', this.handleMouseUp_);
+      this.on(doc, 'touchmove', this.handleMouseMove_);
+      this.on(doc, 'touchend', this.handleMouseUp_);
+      this.handleMouseMove(event);
+    }
+    /**
+     * Handle the `mousemove`, `touchmove`, and `mousedown` events on this `Slider`.
+     * The `mousemove` and `touchmove` events will only only trigger this function during
+     * `mousedown` and `touchstart`. This is due to {@link Slider#handleMouseDown} and
+     * {@link Slider#handleMouseUp}.
+     *
+     * @param {EventTarget~Event} event
+     *        `mousedown`, `mousemove`, `touchstart`, or `touchmove` event that triggered
+     *        this function
+     *
+     * @listens mousemove
+     * @listens touchmove
+     */
+    ;
+
+    _proto.handleMouseMove = function handleMouseMove(event) {}
+    /**
+     * Handle `mouseup` or `touchend` events on the `Slider`.
+     *
+     * @param {EventTarget~Event} event
+     *        `mouseup` or `touchend` event that triggered this function.
+     *
+     * @listens touchend
+     * @listens mouseup
+     * @fires Slider#sliderinactive
+     */
+    ;
+
+    _proto.handleMouseUp = function handleMouseUp() {
+      var doc = this.bar.el_.ownerDocument;
+      unblockTextSelection();
+      this.removeClass('vjs-sliding');
+      /**
+       * Triggered when the slider is no longer in an active state.
+       *
+       * @event Slider#sliderinactive
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('sliderinactive');
+      this.off(doc, 'mousemove', this.handleMouseMove_);
+      this.off(doc, 'mouseup', this.handleMouseUp_);
+      this.off(doc, 'touchmove', this.handleMouseMove_);
+      this.off(doc, 'touchend', this.handleMouseUp_);
+      this.update();
+    }
+    /**
+     * Update the progress bar of the `Slider`.
+     *
+     * @return {number}
+     *          The percentage of progress the progress bar represents as a
+     *          number from 0 to 1.
+     */
+    ;
+
+    _proto.update = function update() {
+      var _this2 = this;
+
+      // In VolumeBar init we have a setTimeout for update that pops and update
+      // to the end of the execution stack. The player is destroyed before then
+      // update will cause an error
+      // If there's no bar...
+      if (!this.el_ || !this.bar) {
+        return;
+      } // clamp progress between 0 and 1
+      // and only round to four decimal places, as we round to two below
+
+
+      var progress = this.getProgress();
+
+      if (progress === this.progress_) {
+        return progress;
+      }
+
+      this.progress_ = progress;
+      this.requestNamedAnimationFrame('Slider#update', function () {
+        // Set the new bar width or height
+        var sizeKey = _this2.vertical() ? 'height' : 'width'; // Convert to a percentage for css value
+
+        _this2.bar.el().style[sizeKey] = (progress * 100).toFixed(2) + '%';
+      });
+      return progress;
+    }
+    /**
+     * Get the percentage of the bar that should be filled
+     * but clamped and rounded.
+     *
+     * @return {number}
+     *         percentage filled that the slider is
+     */
+    ;
+
+    _proto.getProgress = function getProgress() {
+      return Number(clamp(this.getPercent(), 0, 1).toFixed(4));
+    }
+    /**
+     * Calculate distance for slider
+     *
+     * @param {EventTarget~Event} event
+     *        The event that caused this function to run.
+     *
+     * @return {number}
+     *         The current position of the Slider.
+     *         - position.x for vertical `Slider`s
+     *         - position.y for horizontal `Slider`s
+     */
+    ;
+
+    _proto.calculateDistance = function calculateDistance(event) {
+      var position = getPointerPosition(this.el_, event);
+
+      if (this.vertical()) {
+        return position.y;
+      }
+
+      return position.x;
+    }
+    /**
+     * Handle a `keydown` event on the `Slider`. Watches for left, rigth, up, and down
+     * arrow keys. This function will only be called when the slider has focus. See
+     * {@link Slider#handleFocus} and {@link Slider#handleBlur}.
+     *
+     * @param {EventTarget~Event} event
+     *        the `keydown` event that caused this function to run.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      // Left and Down Arrows
+      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.stepBack(); // Up and Right Arrows
+      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.stepForward();
+      } else {
+        // Pass keydown handling up for unsupported keys
+        _Component.prototype.handleKeyDown.call(this, event);
+      }
+    }
+    /**
+     * Listener for click events on slider, used to prevent clicks
+     *   from bubbling up to parent elements like button menus.
+     *
+     * @param {Object} event
+     *        Event that caused this object to run
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+    /**
+     * Get/set if slider is horizontal for vertical
+     *
+     * @param {boolean} [bool]
+     *        - true if slider is vertical,
+     *        - false is horizontal
+     *
+     * @return {boolean}
+     *         - true if slider is vertical, and getting
+     *         - false if the slider is horizontal, and getting
+     */
+    ;
+
+    _proto.vertical = function vertical(bool) {
+      if (bool === undefined) {
+        return this.vertical_ || false;
+      }
+
+      this.vertical_ = !!bool;
+
+      if (this.vertical_) {
+        this.addClass('vjs-slider-vertical');
+      } else {
+        this.addClass('vjs-slider-horizontal');
+      }
+    };
+
+    return Slider;
+  }(Component$1);
+
+  Component$1.registerComponent('Slider', Slider);
+
+  var percentify = function percentify(time, end) {
+    return clamp(time / end * 100, 0, 100).toFixed(2) + '%';
+  };
+  /**
+   * Shows loading progress
+   *
+   * @extends Component
+   */
+
+
+  var LoadProgressBar = /*#__PURE__*/function (_Component) {
+    inheritsLoose(LoadProgressBar, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function LoadProgressBar(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+      _this.partEls_ = [];
+
+      _this.on(player, 'progress', function (e) {
+        return _this.update(e);
+      });
+
+      return _this;
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = LoadProgressBar.prototype;
+
+    _proto.createEl = function createEl$1() {
+      var el = _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-load-progress'
+      });
+
+      var wrapper = createEl('span', {
+        className: 'vjs-control-text'
+      });
+      var loadedText = createEl('span', {
+        textContent: this.localize('Loaded')
+      });
+      var separator = document_1.createTextNode(': ');
+      this.percentageEl_ = createEl('span', {
+        className: 'vjs-control-text-loaded-percentage',
+        textContent: '0%'
+      });
+      el.appendChild(wrapper);
+      wrapper.appendChild(loadedText);
+      wrapper.appendChild(separator);
+      wrapper.appendChild(this.percentageEl_);
+      return el;
+    };
+
+    _proto.dispose = function dispose() {
+      this.partEls_ = null;
+      this.percentageEl_ = null;
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Update progress bar
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `progress` event that caused this function to run.
+     *
+     * @listens Player#progress
+     */
+    ;
+
+    _proto.update = function update(event) {
+      var _this2 = this;
+
+      this.requestNamedAnimationFrame('LoadProgressBar#update', function () {
+        var liveTracker = _this2.player_.liveTracker;
+
+        var buffered = _this2.player_.buffered();
+
+        var duration = liveTracker && liveTracker.isLive() ? liveTracker.seekableEnd() : _this2.player_.duration();
+
+        var bufferedEnd = _this2.player_.bufferedEnd();
+
+        var children = _this2.partEls_;
+        var percent = percentify(bufferedEnd, duration);
+
+        if (_this2.percent_ !== percent) {
+          // update the width of the progress bar
+          _this2.el_.style.width = percent; // update the control-text
+
+          textContent(_this2.percentageEl_, percent);
+          _this2.percent_ = percent;
+        } // add child elements to represent the individual buffered time ranges
+
+
+        for (var i = 0; i < buffered.length; i++) {
+          var start = buffered.start(i);
+          var end = buffered.end(i);
+          var part = children[i];
+
+          if (!part) {
+            part = _this2.el_.appendChild(createEl());
+            children[i] = part;
+          } //  only update if changed
+
+
+          if (part.dataset.start === start && part.dataset.end === end) {
+            continue;
+          }
+
+          part.dataset.start = start;
+          part.dataset.end = end; // set the percent based on the width of the progress bar (bufferedEnd)
+
+          part.style.left = percentify(start, bufferedEnd);
+          part.style.width = percentify(end - start, bufferedEnd);
+        } // remove unused buffered range elements
+
+
+        for (var _i = children.length; _i > buffered.length; _i--) {
+          _this2.el_.removeChild(children[_i - 1]);
+        }
+
+        children.length = buffered.length;
+      });
+    };
+
+    return LoadProgressBar;
+  }(Component$1);
+
+  Component$1.registerComponent('LoadProgressBar', LoadProgressBar);
+
+  /**
+   * Time tooltips display a time above the progress bar.
+   *
+   * @extends Component
+   */
+
+  var TimeTooltip = /*#__PURE__*/function (_Component) {
+    inheritsLoose(TimeTooltip, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The {@link Player} that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function TimeTooltip(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
+      return _this;
+    }
+    /**
+     * Create the time tooltip DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = TimeTooltip.prototype;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-time-tooltip'
+      }, {
+        'aria-hidden': 'true'
+      });
+    }
+    /**
+     * Updates the position of the time tooltip relative to the `SeekBar`.
+     *
+     * @param {Object} seekBarRect
+     *        The `ClientRect` for the {@link SeekBar} element.
+     *
+     * @param {number} seekBarPoint
+     *        A number from 0 to 1, representing a horizontal reference point
+     *        from the left edge of the {@link SeekBar}
+     */
+    ;
+
+    _proto.update = function update(seekBarRect, seekBarPoint, content) {
+      var tooltipRect = findPosition(this.el_);
+      var playerRect = getBoundingClientRect(this.player_.el());
+      var seekBarPointPx = seekBarRect.width * seekBarPoint; // do nothing if either rect isn't available
+      // for example, if the player isn't in the DOM for testing
+
+      if (!playerRect || !tooltipRect) {
+        return;
+      } // This is the space left of the `seekBarPoint` available within the bounds
+      // of the player. We calculate any gap between the left edge of the player
+      // and the left edge of the `SeekBar` and add the number of pixels in the
+      // `SeekBar` before hitting the `seekBarPoint`
+
+
+      var spaceLeftOfPoint = seekBarRect.left - playerRect.left + seekBarPointPx; // This is the space right of the `seekBarPoint` available within the bounds
+      // of the player. We calculate the number of pixels from the `seekBarPoint`
+      // to the right edge of the `SeekBar` and add to that any gap between the
+      // right edge of the `SeekBar` and the player.
+
+      var spaceRightOfPoint = seekBarRect.width - seekBarPointPx + (playerRect.right - seekBarRect.right); // This is the number of pixels by which the tooltip will need to be pulled
+      // further to the right to center it over the `seekBarPoint`.
+
+      var pullTooltipBy = tooltipRect.width / 2; // Adjust the `pullTooltipBy` distance to the left or right depending on
+      // the results of the space calculations above.
+
+      if (spaceLeftOfPoint < pullTooltipBy) {
+        pullTooltipBy += pullTooltipBy - spaceLeftOfPoint;
+      } else if (spaceRightOfPoint < pullTooltipBy) {
+        pullTooltipBy = spaceRightOfPoint;
+      } // Due to the imprecision of decimal/ratio based calculations and varying
+      // rounding behaviors, there are cases where the spacing adjustment is off
+      // by a pixel or two. This adds insurance to these calculations.
+
+
+      if (pullTooltipBy < 0) {
+        pullTooltipBy = 0;
+      } else if (pullTooltipBy > tooltipRect.width) {
+        pullTooltipBy = tooltipRect.width;
+      } // prevent small width fluctuations within 0.4px from
+      // changing the value below.
+      // This really helps for live to prevent the play
+      // progress time tooltip from jittering
+
+
+      pullTooltipBy = Math.round(pullTooltipBy);
+      this.el_.style.right = "-" + pullTooltipBy + "px";
+      this.write(content);
+    }
+    /**
+     * Write the time to the tooltip DOM element.
+     *
+     * @param {string} content
+     *        The formatted time for the tooltip.
+     */
+    ;
+
+    _proto.write = function write(content) {
+      textContent(this.el_, content);
+    }
+    /**
+     * Updates the position of the time tooltip relative to the `SeekBar`.
+     *
+     * @param {Object} seekBarRect
+     *        The `ClientRect` for the {@link SeekBar} element.
+     *
+     * @param {number} seekBarPoint
+     *        A number from 0 to 1, representing a horizontal reference point
+     *        from the left edge of the {@link SeekBar}
+     *
+     * @param {number} time
+     *        The time to update the tooltip to, not used during live playback
+     *
+     * @param {Function} cb
+     *        A function that will be called during the request animation frame
+     *        for tooltips that need to do additional animations from the default
+     */
+    ;
+
+    _proto.updateTime = function updateTime(seekBarRect, seekBarPoint, time, cb) {
+      var _this2 = this;
+
+      this.requestNamedAnimationFrame('TimeTooltip#updateTime', function () {
+        var content;
+
+        var duration = _this2.player_.duration();
+
+        if (_this2.player_.liveTracker && _this2.player_.liveTracker.isLive()) {
+          var liveWindow = _this2.player_.liveTracker.liveWindow();
+
+          var secondsBehind = liveWindow - seekBarPoint * liveWindow;
+          content = (secondsBehind < 1 ? '' : '-') + formatTime(secondsBehind, liveWindow);
+        } else {
+          content = formatTime(time, duration);
+        }
+
+        _this2.update(seekBarRect, seekBarPoint, content);
+
+        if (cb) {
+          cb();
+        }
+      });
+    };
+
+    return TimeTooltip;
+  }(Component$1);
+
+  Component$1.registerComponent('TimeTooltip', TimeTooltip);
+
+  /**
+   * Used by {@link SeekBar} to display media playback progress as part of the
+   * {@link ProgressControl}.
+   *
+   * @extends Component
+   */
+
+  var PlayProgressBar = /*#__PURE__*/function (_Component) {
+    inheritsLoose(PlayProgressBar, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The {@link Player} that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function PlayProgressBar(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
+      return _this;
+    }
+    /**
+     * Create the the DOM element for this class.
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = PlayProgressBar.prototype;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-play-progress vjs-slider-bar'
+      }, {
+        'aria-hidden': 'true'
+      });
+    }
+    /**
+     * Enqueues updates to its own DOM as well as the DOM of its
+     * {@link TimeTooltip} child.
+     *
+     * @param {Object} seekBarRect
+     *        The `ClientRect` for the {@link SeekBar} element.
+     *
+     * @param {number} seekBarPoint
+     *        A number from 0 to 1, representing a horizontal reference point
+     *        from the left edge of the {@link SeekBar}
+     */
+    ;
+
+    _proto.update = function update(seekBarRect, seekBarPoint) {
+      var timeTooltip = this.getChild('timeTooltip');
+
+      if (!timeTooltip) {
+        return;
+      }
+
+      var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
+      timeTooltip.updateTime(seekBarRect, seekBarPoint, time);
+    };
+
+    return PlayProgressBar;
+  }(Component$1);
+  /**
+   * Default options for {@link PlayProgressBar}.
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  PlayProgressBar.prototype.options_ = {
+    children: []
+  }; // Time tooltips should not be added to a player on mobile devices
+
+  if (!IS_IOS && !IS_ANDROID) {
+    PlayProgressBar.prototype.options_.children.push('timeTooltip');
+  }
+
+  Component$1.registerComponent('PlayProgressBar', PlayProgressBar);
+
+  /**
+   * The {@link MouseTimeDisplay} component tracks mouse movement over the
+   * {@link ProgressControl}. It displays an indicator and a {@link TimeTooltip}
+   * indicating the time which is represented by a given point in the
+   * {@link ProgressControl}.
+   *
+   * @extends Component
+   */
+
+  var MouseTimeDisplay = /*#__PURE__*/function (_Component) {
+    inheritsLoose(MouseTimeDisplay, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The {@link Player} that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function MouseTimeDisplay(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
+      return _this;
+    }
+    /**
+     * Create the DOM element for this class.
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = MouseTimeDisplay.prototype;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-mouse-display'
+      });
+    }
+    /**
+     * Enqueues updates to its own DOM as well as the DOM of its
+     * {@link TimeTooltip} child.
+     *
+     * @param {Object} seekBarRect
+     *        The `ClientRect` for the {@link SeekBar} element.
+     *
+     * @param {number} seekBarPoint
+     *        A number from 0 to 1, representing a horizontal reference point
+     *        from the left edge of the {@link SeekBar}
+     */
+    ;
+
+    _proto.update = function update(seekBarRect, seekBarPoint) {
+      var _this2 = this;
+
+      var time = seekBarPoint * this.player_.duration();
+      this.getChild('timeTooltip').updateTime(seekBarRect, seekBarPoint, time, function () {
+        _this2.el_.style.left = seekBarRect.width * seekBarPoint + "px";
+      });
+    };
+
+    return MouseTimeDisplay;
+  }(Component$1);
+  /**
+   * Default options for `MouseTimeDisplay`
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  MouseTimeDisplay.prototype.options_ = {
+    children: ['timeTooltip']
+  };
+  Component$1.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
+
+  var STEP_SECONDS = 5; // The multiplier of STEP_SECONDS that PgUp/PgDown move the timeline.
+
+  var PAGE_KEY_MULTIPLIER = 12;
+  /**
+   * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
+   * as its `bar`.
+   *
+   * @extends Slider
+   */
+
+  var SeekBar = /*#__PURE__*/function (_Slider) {
+    inheritsLoose(SeekBar, _Slider);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function SeekBar(player, options) {
+      var _this;
+
+      _this = _Slider.call(this, player, options) || this;
+
+      _this.setEventHandlers_();
+
+      return _this;
+    }
+    /**
+     * Sets the event handlers
+     *
+     * @private
+     */
+
+
+    var _proto = SeekBar.prototype;
+
+    _proto.setEventHandlers_ = function setEventHandlers_() {
+      var _this2 = this;
+
+      this.update_ = bind(this, this.update);
+      this.update = throttle(this.update_, UPDATE_REFRESH_INTERVAL);
+      this.on(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
+
+      if (this.player_.liveTracker) {
+        this.on(this.player_.liveTracker, 'liveedgechange', this.update);
+      } // when playing, let's ensure we smoothly update the play progress bar
+      // via an interval
+
+
+      this.updateInterval = null;
+
+      this.enableIntervalHandler_ = function (e) {
+        return _this2.enableInterval_(e);
+      };
+
+      this.disableIntervalHandler_ = function (e) {
+        return _this2.disableInterval_(e);
+      };
+
+      this.on(this.player_, ['playing'], this.enableIntervalHandler_);
+      this.on(this.player_, ['ended', 'pause', 'waiting'], this.disableIntervalHandler_); // we don't need to update the play progress if the document is hidden,
+      // also, this causes the CPU to spike and eventually crash the page on IE11.
+
+      if ('hidden' in document_1 && 'visibilityState' in document_1) {
+        this.on(document_1, 'visibilitychange', this.toggleVisibility_);
+      }
+    };
+
+    _proto.toggleVisibility_ = function toggleVisibility_(e) {
+      if (document_1.visibilityState === 'hidden') {
+        this.cancelNamedAnimationFrame('SeekBar#update');
+        this.cancelNamedAnimationFrame('Slider#update');
+        this.disableInterval_(e);
+      } else {
+        if (!this.player_.ended() && !this.player_.paused()) {
+          this.enableInterval_();
+        } // we just switched back to the page and someone may be looking, so, update ASAP
+
+
+        this.update();
+      }
+    };
+
+    _proto.enableInterval_ = function enableInterval_() {
+      if (this.updateInterval) {
+        return;
+      }
+
+      this.updateInterval = this.setInterval(this.update, UPDATE_REFRESH_INTERVAL);
+    };
+
+    _proto.disableInterval_ = function disableInterval_(e) {
+      if (this.player_.liveTracker && this.player_.liveTracker.isLive() && e && e.type !== 'ended') {
+        return;
+      }
+
+      if (!this.updateInterval) {
+        return;
+      }
+
+      this.clearInterval(this.updateInterval);
+      this.updateInterval = null;
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+    ;
+
+    _proto.createEl = function createEl() {
+      return _Slider.prototype.createEl.call(this, 'div', {
+        className: 'vjs-progress-holder'
+      }, {
+        'aria-label': this.localize('Progress Bar')
+      });
+    }
+    /**
+     * This function updates the play progress bar and accessibility
+     * attributes to whatever is passed in.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `timeupdate` or `ended` event that caused this to run.
+     *
+     * @listens Player#timeupdate
+     *
+     * @return {number}
+     *          The current percent at a number from 0-1
+     */
+    ;
+
+    _proto.update = function update(event) {
+      var _this3 = this;
+
+      // ignore updates while the tab is hidden
+      if (document_1.visibilityState === 'hidden') {
+        return;
+      }
+
+      var percent = _Slider.prototype.update.call(this);
+
+      this.requestNamedAnimationFrame('SeekBar#update', function () {
+        var currentTime = _this3.player_.ended() ? _this3.player_.duration() : _this3.getCurrentTime_();
+        var liveTracker = _this3.player_.liveTracker;
+
+        var duration = _this3.player_.duration();
+
+        if (liveTracker && liveTracker.isLive()) {
+          duration = _this3.player_.liveTracker.liveCurrentTime();
+        }
+
+        if (_this3.percent_ !== percent) {
+          // machine readable value of progress bar (percentage complete)
+          _this3.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
+
+          _this3.percent_ = percent;
+        }
+
+        if (_this3.currentTime_ !== currentTime || _this3.duration_ !== duration) {
+          // human readable value of progress bar (time complete)
+          _this3.el_.setAttribute('aria-valuetext', _this3.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
+
+          _this3.currentTime_ = currentTime;
+          _this3.duration_ = duration;
+        } // update the progress bar time tooltip with the current time
+
+
+        if (_this3.bar) {
+          _this3.bar.update(getBoundingClientRect(_this3.el()), _this3.getProgress());
+        }
+      });
+      return percent;
+    }
+    /**
+     * Prevent liveThreshold from causing seeks to seem like they
+     * are not happening from a user perspective.
+     *
+     * @param {number} ct
+     *        current time to seek to
+     */
+    ;
+
+    _proto.userSeek_ = function userSeek_(ct) {
+      if (this.player_.liveTracker && this.player_.liveTracker.isLive()) {
+        this.player_.liveTracker.nextSeekedFromUser();
+      }
+
+      this.player_.currentTime(ct);
+    }
+    /**
+     * Get the value of current time but allows for smooth scrubbing,
+     * when player can't keep up.
+     *
+     * @return {number}
+     *         The current time value to display
+     *
+     * @private
+     */
+    ;
+
+    _proto.getCurrentTime_ = function getCurrentTime_() {
+      return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
+    }
+    /**
+     * Get the percentage of media played so far.
+     *
+     * @return {number}
+     *         The percentage of media played so far (0 to 1).
+     */
+    ;
+
+    _proto.getPercent = function getPercent() {
+      var currentTime = this.getCurrentTime_();
+      var percent;
+      var liveTracker = this.player_.liveTracker;
+
+      if (liveTracker && liveTracker.isLive()) {
+        percent = (currentTime - liveTracker.seekableStart()) / liveTracker.liveWindow(); // prevent the percent from changing at the live edge
+
+        if (liveTracker.atLiveEdge()) {
+          percent = 1;
+        }
+      } else {
+        percent = currentTime / this.player_.duration();
+      }
+
+      return percent;
+    }
+    /**
+     * Handle mouse down on seek bar
+     *
+     * @param {EventTarget~Event} event
+     *        The `mousedown` event that caused this to run.
+     *
+     * @listens mousedown
+     */
+    ;
+
+    _proto.handleMouseDown = function handleMouseDown(event) {
+      if (!isSingleLeftClick(event)) {
+        return;
+      } // Stop event propagation to prevent double fire in progress-control.js
+
+
+      event.stopPropagation();
+      this.player_.scrubbing(true);
+      this.videoWasPlaying = !this.player_.paused();
+      this.player_.pause();
+
+      _Slider.prototype.handleMouseDown.call(this, event);
+    }
+    /**
+     * Handle mouse move on seek bar
+     *
+     * @param {EventTarget~Event} event
+     *        The `mousemove` event that caused this to run.
+     *
+     * @listens mousemove
+     */
+    ;
+
+    _proto.handleMouseMove = function handleMouseMove(event) {
+      if (!isSingleLeftClick(event)) {
+        return;
+      }
+
+      var newTime;
+      var distance = this.calculateDistance(event);
+      var liveTracker = this.player_.liveTracker;
+
+      if (!liveTracker || !liveTracker.isLive()) {
+        newTime = distance * this.player_.duration(); // Don't let video end while scrubbing.
+
+        if (newTime === this.player_.duration()) {
+          newTime = newTime - 0.1;
+        }
+      } else {
+        if (distance >= 0.99) {
+          liveTracker.seekToLiveEdge();
+          return;
+        }
+
+        var seekableStart = liveTracker.seekableStart();
+        var seekableEnd = liveTracker.liveCurrentTime();
+        newTime = seekableStart + distance * liveTracker.liveWindow(); // Don't let video end while scrubbing.
+
+        if (newTime >= seekableEnd) {
+          newTime = seekableEnd;
+        } // Compensate for precision differences so that currentTime is not less
+        // than seekable start
+
+
+        if (newTime <= seekableStart) {
+          newTime = seekableStart + 0.1;
+        } // On android seekableEnd can be Infinity sometimes,
+        // this will cause newTime to be Infinity, which is
+        // not a valid currentTime.
+
+
+        if (newTime === Infinity) {
+          return;
+        }
+      } // Set new time (tell player to seek to new time)
+
+
+      this.userSeek_(newTime);
+    };
+
+    _proto.enable = function enable() {
+      _Slider.prototype.enable.call(this);
+
+      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
+
+      if (!mouseTimeDisplay) {
+        return;
+      }
+
+      mouseTimeDisplay.show();
+    };
+
+    _proto.disable = function disable() {
+      _Slider.prototype.disable.call(this);
+
+      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
+
+      if (!mouseTimeDisplay) {
+        return;
+      }
+
+      mouseTimeDisplay.hide();
+    }
+    /**
+     * Handle mouse up on seek bar
+     *
+     * @param {EventTarget~Event} event
+     *        The `mouseup` event that caused this to run.
+     *
+     * @listens mouseup
+     */
+    ;
+
+    _proto.handleMouseUp = function handleMouseUp(event) {
+      _Slider.prototype.handleMouseUp.call(this, event); // Stop event propagation to prevent double fire in progress-control.js
+
+
+      if (event) {
+        event.stopPropagation();
+      }
+
+      this.player_.scrubbing(false);
+      /**
+       * Trigger timeupdate because we're done seeking and the time has changed.
+       * This is particularly useful for if the player is paused to time the time displays.
+       *
+       * @event Tech#timeupdate
+       * @type {EventTarget~Event}
+       */
+
+      this.player_.trigger({
+        type: 'timeupdate',
+        target: this,
+        manuallyTriggered: true
+      });
+
+      if (this.videoWasPlaying) {
+        silencePromise(this.player_.play());
+      } else {
+        // We're done seeking and the time has changed.
+        // If the player is paused, make sure we display the correct time on the seek bar.
+        this.update_();
+      }
+    }
+    /**
+     * Move more quickly fast forward for keyboard-only users
+     */
+    ;
+
+    _proto.stepForward = function stepForward() {
+      this.userSeek_(this.player_.currentTime() + STEP_SECONDS);
+    }
+    /**
+     * Move more quickly rewind for keyboard-only users
+     */
+    ;
+
+    _proto.stepBack = function stepBack() {
+      this.userSeek_(this.player_.currentTime() - STEP_SECONDS);
+    }
+    /**
+     * Toggles the playback state of the player
+     * This gets called when enter or space is used on the seekbar
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown` event that caused this function to be called
+     *
+     */
+    ;
+
+    _proto.handleAction = function handleAction(event) {
+      if (this.player_.paused()) {
+        this.player_.play();
+      } else {
+        this.player_.pause();
+      }
+    }
+    /**
+     * Called when this SeekBar has focus and a key gets pressed down.
+     * Supports the following keys:
+     *
+     *   Space or Enter key fire a click event
+     *   Home key moves to start of the timeline
+     *   End key moves to end of the timeline
+     *   Digit "0" through "9" keys move to 0%, 10% ... 80%, 90% of the timeline
+     *   PageDown key moves back a larger step than ArrowDown
+     *   PageUp key moves forward a large step
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      var liveTracker = this.player_.liveTracker;
+
+      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.handleAction(event);
+      } else if (keycode.isEventKey(event, 'Home')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.userSeek_(0);
+      } else if (keycode.isEventKey(event, 'End')) {
+        event.preventDefault();
+        event.stopPropagation();
+
+        if (liveTracker && liveTracker.isLive()) {
+          this.userSeek_(liveTracker.liveCurrentTime());
+        } else {
+          this.userSeek_(this.player_.duration());
+        }
+      } else if (/^[0-9]$/.test(keycode(event))) {
+        event.preventDefault();
+        event.stopPropagation();
+        var gotoFraction = (keycode.codes[keycode(event)] - keycode.codes['0']) * 10.0 / 100.0;
+
+        if (liveTracker && liveTracker.isLive()) {
+          this.userSeek_(liveTracker.seekableStart() + liveTracker.liveWindow() * gotoFraction);
+        } else {
+          this.userSeek_(this.player_.duration() * gotoFraction);
+        }
+      } else if (keycode.isEventKey(event, 'PgDn')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.userSeek_(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
+      } else if (keycode.isEventKey(event, 'PgUp')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.userSeek_(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
+      } else {
+        // Pass keydown handling up for unsupported keys
+        _Slider.prototype.handleKeyDown.call(this, event);
+      }
+    };
+
+    _proto.dispose = function dispose() {
+      this.disableInterval_();
+      this.off(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
+
+      if (this.player_.liveTracker) {
+        this.off(this.player_.liveTracker, 'liveedgechange', this.update);
+      }
+
+      this.off(this.player_, ['playing'], this.enableIntervalHandler_);
+      this.off(this.player_, ['ended', 'pause', 'waiting'], this.disableIntervalHandler_); // we don't need to update the play progress if the document is hidden,
+      // also, this causes the CPU to spike and eventually crash the page on IE11.
+
+      if ('hidden' in document_1 && 'visibilityState' in document_1) {
+        this.off(document_1, 'visibilitychange', this.toggleVisibility_);
+      }
+
+      _Slider.prototype.dispose.call(this);
+    };
+
+    return SeekBar;
+  }(Slider);
+  /**
+   * Default options for the `SeekBar`
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  SeekBar.prototype.options_ = {
+    children: ['loadProgressBar', 'playProgressBar'],
+    barName: 'playProgressBar'
+  }; // MouseTimeDisplay tooltips should not be added to a player on mobile devices
+
+  if (!IS_IOS && !IS_ANDROID) {
+    SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
+  }
+
+  Component$1.registerComponent('SeekBar', SeekBar);
+
+  /**
+   * The Progress Control component contains the seek bar, load progress,
+   * and play progress.
+   *
+   * @extends Component
+   */
+
+  var ProgressControl = /*#__PURE__*/function (_Component) {
+    inheritsLoose(ProgressControl, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function ProgressControl(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+      _this.handleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
+      _this.throttledHandleMouseSeek = throttle(bind(assertThisInitialized(_this), _this.handleMouseSeek), UPDATE_REFRESH_INTERVAL);
+
+      _this.handleMouseUpHandler_ = function (e) {
+        return _this.handleMouseUp(e);
+      };
+
+      _this.handleMouseDownHandler_ = function (e) {
+        return _this.handleMouseDown(e);
+      };
+
+      _this.enable();
+
+      return _this;
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = ProgressControl.prototype;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-progress-control vjs-control'
+      });
+    }
+    /**
+     * When the mouse moves over the `ProgressControl`, the pointer position
+     * gets passed down to the `MouseTimeDisplay` component.
+     *
+     * @param {EventTarget~Event} event
+     *        The `mousemove` event that caused this function to run.
+     *
+     * @listen mousemove
+     */
+    ;
+
+    _proto.handleMouseMove = function handleMouseMove(event) {
+      var seekBar = this.getChild('seekBar');
+
+      if (!seekBar) {
+        return;
+      }
+
+      var playProgressBar = seekBar.getChild('playProgressBar');
+      var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
+
+      if (!playProgressBar && !mouseTimeDisplay) {
+        return;
+      }
+
+      var seekBarEl = seekBar.el();
+      var seekBarRect = findPosition(seekBarEl);
+      var seekBarPoint = getPointerPosition(seekBarEl, event).x; // The default skin has a gap on either side of the `SeekBar`. This means
+      // that it's possible to trigger this behavior outside the boundaries of
+      // the `SeekBar`. This ensures we stay within it at all times.
+
+      seekBarPoint = clamp(seekBarPoint, 0, 1);
+
+      if (mouseTimeDisplay) {
+        mouseTimeDisplay.update(seekBarRect, seekBarPoint);
+      }
+
+      if (playProgressBar) {
+        playProgressBar.update(seekBarRect, seekBar.getProgress());
+      }
+    }
+    /**
+     * A throttled version of the {@link ProgressControl#handleMouseSeek} listener.
+     *
+     * @method ProgressControl#throttledHandleMouseSeek
+     * @param {EventTarget~Event} event
+     *        The `mousemove` event that caused this function to run.
+     *
+     * @listen mousemove
+     * @listen touchmove
+     */
+
+    /**
+     * Handle `mousemove` or `touchmove` events on the `ProgressControl`.
+     *
+     * @param {EventTarget~Event} event
+     *        `mousedown` or `touchstart` event that triggered this function
+     *
+     * @listens mousemove
+     * @listens touchmove
+     */
+    ;
+
+    _proto.handleMouseSeek = function handleMouseSeek(event) {
+      var seekBar = this.getChild('seekBar');
+
+      if (seekBar) {
+        seekBar.handleMouseMove(event);
+      }
+    }
+    /**
+     * Are controls are currently enabled for this progress control.
+     *
+     * @return {boolean}
+     *         true if controls are enabled, false otherwise
+     */
+    ;
+
+    _proto.enabled = function enabled() {
+      return this.enabled_;
+    }
+    /**
+     * Disable all controls on the progress control and its children
+     */
+    ;
+
+    _proto.disable = function disable() {
+      this.children().forEach(function (child) {
+        return child.disable && child.disable();
+      });
+
+      if (!this.enabled()) {
+        return;
+      }
+
+      this.off(['mousedown', 'touchstart'], this.handleMouseDownHandler_);
+      this.off(this.el_, 'mousemove', this.handleMouseMove);
+      this.removeListenersAddedOnMousedownAndTouchstart();
+      this.addClass('disabled');
+      this.enabled_ = false; // Restore normal playback state if controls are disabled while scrubbing
+
+      if (this.player_.scrubbing()) {
+        var seekBar = this.getChild('seekBar');
+        this.player_.scrubbing(false);
+
+        if (seekBar.videoWasPlaying) {
+          silencePromise(this.player_.play());
+        }
+      }
+    }
+    /**
+     * Enable all controls on the progress control and its children
+     */
+    ;
+
+    _proto.enable = function enable() {
+      this.children().forEach(function (child) {
+        return child.enable && child.enable();
+      });
+
+      if (this.enabled()) {
+        return;
+      }
+
+      this.on(['mousedown', 'touchstart'], this.handleMouseDownHandler_);
+      this.on(this.el_, 'mousemove', this.handleMouseMove);
+      this.removeClass('disabled');
+      this.enabled_ = true;
+    }
+    /**
+     * Cleanup listeners after the user finishes interacting with the progress controls
+     */
+    ;
+
+    _proto.removeListenersAddedOnMousedownAndTouchstart = function removeListenersAddedOnMousedownAndTouchstart() {
+      var doc = this.el_.ownerDocument;
+      this.off(doc, 'mousemove', this.throttledHandleMouseSeek);
+      this.off(doc, 'touchmove', this.throttledHandleMouseSeek);
+      this.off(doc, 'mouseup', this.handleMouseUpHandler_);
+      this.off(doc, 'touchend', this.handleMouseUpHandler_);
+    }
+    /**
+     * Handle `mousedown` or `touchstart` events on the `ProgressControl`.
+     *
+     * @param {EventTarget~Event} event
+     *        `mousedown` or `touchstart` event that triggered this function
+     *
+     * @listens mousedown
+     * @listens touchstart
+     */
+    ;
+
+    _proto.handleMouseDown = function handleMouseDown(event) {
+      var doc = this.el_.ownerDocument;
+      var seekBar = this.getChild('seekBar');
+
+      if (seekBar) {
+        seekBar.handleMouseDown(event);
+      }
+
+      this.on(doc, 'mousemove', this.throttledHandleMouseSeek);
+      this.on(doc, 'touchmove', this.throttledHandleMouseSeek);
+      this.on(doc, 'mouseup', this.handleMouseUpHandler_);
+      this.on(doc, 'touchend', this.handleMouseUpHandler_);
+    }
+    /**
+     * Handle `mouseup` or `touchend` events on the `ProgressControl`.
+     *
+     * @param {EventTarget~Event} event
+     *        `mouseup` or `touchend` event that triggered this function.
+     *
+     * @listens touchend
+     * @listens mouseup
+     */
+    ;
+
+    _proto.handleMouseUp = function handleMouseUp(event) {
+      var seekBar = this.getChild('seekBar');
+
+      if (seekBar) {
+        seekBar.handleMouseUp(event);
+      }
+
+      this.removeListenersAddedOnMousedownAndTouchstart();
+    };
+
+    return ProgressControl;
+  }(Component$1);
+  /**
+   * Default options for `ProgressControl`
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  ProgressControl.prototype.options_ = {
+    children: ['seekBar']
+  };
+  Component$1.registerComponent('ProgressControl', ProgressControl);
+
+  /**
+   * Toggle Picture-in-Picture mode
+   *
+   * @extends Button
+   */
+
+  var PictureInPictureToggle = /*#__PURE__*/function (_Button) {
+    inheritsLoose(PictureInPictureToggle, _Button);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @listens Player#enterpictureinpicture
+     * @listens Player#leavepictureinpicture
+     */
+    function PictureInPictureToggle(player, options) {
+      var _this;
+
+      _this = _Button.call(this, player, options) || this;
+
+      _this.on(player, ['enterpictureinpicture', 'leavepictureinpicture'], function (e) {
+        return _this.handlePictureInPictureChange(e);
+      });
+
+      _this.on(player, ['disablepictureinpicturechanged', 'loadedmetadata'], function (e) {
+        return _this.handlePictureInPictureEnabledChange(e);
+      }); // TODO: Deactivate button on player emptied event.
+
+
+      _this.disable();
+
+      return _this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = PictureInPictureToggle.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-picture-in-picture-control " + _Button.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * Enables or disables button based on document.pictureInPictureEnabled property value
+     * or on value returned by player.disablePictureInPicture() method.
+     */
+    ;
+
+    _proto.handlePictureInPictureEnabledChange = function handlePictureInPictureEnabledChange() {
+      if (document_1.pictureInPictureEnabled && this.player_.disablePictureInPicture() === false) {
+        this.enable();
+      } else {
+        this.disable();
+      }
+    }
+    /**
+     * Handles enterpictureinpicture and leavepictureinpicture on the player and change control text accordingly.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The {@link Player#enterpictureinpicture} or {@link Player#leavepictureinpicture} event that caused this function to be
+     *        called.
+     *
+     * @listens Player#enterpictureinpicture
+     * @listens Player#leavepictureinpicture
+     */
+    ;
+
+    _proto.handlePictureInPictureChange = function handlePictureInPictureChange(event) {
+      if (this.player_.isInPictureInPicture()) {
+        this.controlText('Exit Picture-in-Picture');
+      } else {
+        this.controlText('Picture-in-Picture');
+      }
+
+      this.handlePictureInPictureEnabledChange();
+    }
+    /**
+     * This gets called when an `PictureInPictureToggle` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      if (!this.player_.isInPictureInPicture()) {
+        this.player_.requestPictureInPicture();
+      } else {
+        this.player_.exitPictureInPicture();
+      }
+    };
+
+    return PictureInPictureToggle;
+  }(Button);
+  /**
+   * The text that should display over the `PictureInPictureToggle`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  PictureInPictureToggle.prototype.controlText_ = 'Picture-in-Picture';
+  Component$1.registerComponent('PictureInPictureToggle', PictureInPictureToggle);
+
+  /**
+   * Toggle fullscreen video
+   *
+   * @extends Button
+   */
+
+  var FullscreenToggle = /*#__PURE__*/function (_Button) {
+    inheritsLoose(FullscreenToggle, _Button);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function FullscreenToggle(player, options) {
+      var _this;
+
+      _this = _Button.call(this, player, options) || this;
+
+      _this.on(player, 'fullscreenchange', function (e) {
+        return _this.handleFullscreenChange(e);
+      });
+
+      if (document_1[player.fsApi_.fullscreenEnabled] === false) {
+        _this.disable();
+      }
+
+      return _this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = FullscreenToggle.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-fullscreen-control " + _Button.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * Handles fullscreenchange on the player and change control text accordingly.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The {@link Player#fullscreenchange} event that caused this function to be
+     *        called.
+     *
+     * @listens Player#fullscreenchange
+     */
+    ;
+
+    _proto.handleFullscreenChange = function handleFullscreenChange(event) {
+      if (this.player_.isFullscreen()) {
+        this.controlText('Non-Fullscreen');
+      } else {
+        this.controlText('Fullscreen');
+      }
+    }
+    /**
+     * This gets called when an `FullscreenToggle` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      if (!this.player_.isFullscreen()) {
+        this.player_.requestFullscreen();
+      } else {
+        this.player_.exitFullscreen();
+      }
+    };
+
+    return FullscreenToggle;
+  }(Button);
+  /**
+   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  FullscreenToggle.prototype.controlText_ = 'Fullscreen';
+  Component$1.registerComponent('FullscreenToggle', FullscreenToggle);
+
+  /**
+   * Check if volume control is supported and if it isn't hide the
+   * `Component` that was passed  using the `vjs-hidden` class.
+   *
+   * @param {Component} self
+   *        The component that should be hidden if volume is unsupported
+   *
+   * @param {Player} player
+   *        A reference to the player
+   *
+   * @private
+   */
+  var checkVolumeSupport = function checkVolumeSupport(self, player) {
+    // hide volume controls when they're not supported by the current tech
+    if (player.tech_ && !player.tech_.featuresVolumeControl) {
+      self.addClass('vjs-hidden');
+    }
+
+    self.on(player, 'loadstart', function () {
+      if (!player.tech_.featuresVolumeControl) {
+        self.addClass('vjs-hidden');
+      } else {
+        self.removeClass('vjs-hidden');
+      }
+    });
+  };
+
+  /**
+   * Shows volume level
+   *
+   * @extends Component
+   */
+
+  var VolumeLevel = /*#__PURE__*/function (_Component) {
+    inheritsLoose(VolumeLevel, _Component);
+
+    function VolumeLevel() {
+      return _Component.apply(this, arguments) || this;
+    }
+
+    var _proto = VolumeLevel.prototype;
+
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-volume-level',
+        innerHTML: '<span class="vjs-control-text"></span>'
+      });
+    };
+
+    return VolumeLevel;
+  }(Component$1);
+
+  Component$1.registerComponent('VolumeLevel', VolumeLevel);
+
+  /**
+   * Volume level tooltips display a volume above or side by side the volume bar.
+   *
+   * @extends Component
+   */
+
+  var VolumeLevelTooltip = /*#__PURE__*/function (_Component) {
+    inheritsLoose(VolumeLevelTooltip, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The {@link Player} that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function VolumeLevelTooltip(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
+      return _this;
+    }
+    /**
+     * Create the volume tooltip DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = VolumeLevelTooltip.prototype;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-volume-tooltip'
+      }, {
+        'aria-hidden': 'true'
+      });
+    }
+    /**
+     * Updates the position of the tooltip relative to the `VolumeBar` and
+     * its content text.
+     *
+     * @param {Object} rangeBarRect
+     *        The `ClientRect` for the {@link VolumeBar} element.
+     *
+     * @param {number} rangeBarPoint
+     *        A number from 0 to 1, representing a horizontal/vertical reference point
+     *        from the left edge of the {@link VolumeBar}
+     *
+     * @param {boolean} vertical
+     *        Referees to the Volume control position
+     *        in the control bar{@link VolumeControl}
+     *
+     */
+    ;
+
+    _proto.update = function update(rangeBarRect, rangeBarPoint, vertical, content) {
+      if (!vertical) {
+        var tooltipRect = getBoundingClientRect(this.el_);
+        var playerRect = getBoundingClientRect(this.player_.el());
+        var volumeBarPointPx = rangeBarRect.width * rangeBarPoint;
+
+        if (!playerRect || !tooltipRect) {
+          return;
+        }
+
+        var spaceLeftOfPoint = rangeBarRect.left - playerRect.left + volumeBarPointPx;
+        var spaceRightOfPoint = rangeBarRect.width - volumeBarPointPx + (playerRect.right - rangeBarRect.right);
+        var pullTooltipBy = tooltipRect.width / 2;
+
+        if (spaceLeftOfPoint < pullTooltipBy) {
+          pullTooltipBy += pullTooltipBy - spaceLeftOfPoint;
+        } else if (spaceRightOfPoint < pullTooltipBy) {
+          pullTooltipBy = spaceRightOfPoint;
+        }
+
+        if (pullTooltipBy < 0) {
+          pullTooltipBy = 0;
+        } else if (pullTooltipBy > tooltipRect.width) {
+          pullTooltipBy = tooltipRect.width;
+        }
+
+        this.el_.style.right = "-" + pullTooltipBy + "px";
+      }
+
+      this.write(content + "%");
+    }
+    /**
+     * Write the volume to the tooltip DOM element.
+     *
+     * @param {string} content
+     *        The formatted volume for the tooltip.
+     */
+    ;
+
+    _proto.write = function write(content) {
+      textContent(this.el_, content);
+    }
+    /**
+     * Updates the position of the volume tooltip relative to the `VolumeBar`.
+     *
+     * @param {Object} rangeBarRect
+     *        The `ClientRect` for the {@link VolumeBar} element.
+     *
+     * @param {number} rangeBarPoint
+     *        A number from 0 to 1, representing a horizontal/vertical reference point
+     *        from the left edge of the {@link VolumeBar}
+     *
+     * @param {boolean} vertical
+     *        Referees to the Volume control position
+     *        in the control bar{@link VolumeControl}
+     *
+     * @param {number} volume
+     *        The volume level to update the tooltip to
+     *
+     * @param {Function} cb
+     *        A function that will be called during the request animation frame
+     *        for tooltips that need to do additional animations from the default
+     */
+    ;
+
+    _proto.updateVolume = function updateVolume(rangeBarRect, rangeBarPoint, vertical, volume, cb) {
+      var _this2 = this;
+
+      this.requestNamedAnimationFrame('VolumeLevelTooltip#updateVolume', function () {
+        _this2.update(rangeBarRect, rangeBarPoint, vertical, volume.toFixed(0));
+
+        if (cb) {
+          cb();
+        }
+      });
+    };
+
+    return VolumeLevelTooltip;
+  }(Component$1);
+
+  Component$1.registerComponent('VolumeLevelTooltip', VolumeLevelTooltip);
+
+  /**
+   * The {@link MouseVolumeLevelDisplay} component tracks mouse movement over the
+   * {@link VolumeControl}. It displays an indicator and a {@link VolumeLevelTooltip}
+   * indicating the volume level which is represented by a given point in the
+   * {@link VolumeBar}.
+   *
+   * @extends Component
+   */
+
+  var MouseVolumeLevelDisplay = /*#__PURE__*/function (_Component) {
+    inheritsLoose(MouseVolumeLevelDisplay, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The {@link Player} that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function MouseVolumeLevelDisplay(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
+      return _this;
+    }
+    /**
+     * Create the DOM element for this class.
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = MouseVolumeLevelDisplay.prototype;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-mouse-display'
+      });
+    }
+    /**
+     * Enquires updates to its own DOM as well as the DOM of its
+     * {@link VolumeLevelTooltip} child.
+     *
+     * @param {Object} rangeBarRect
+     *        The `ClientRect` for the {@link VolumeBar} element.
+     *
+     * @param {number} rangeBarPoint
+     *        A number from 0 to 1, representing a horizontal/vertical reference point
+     *        from the left edge of the {@link VolumeBar}
+     *
+     * @param {boolean} vertical
+     *        Referees to the Volume control position
+     *        in the control bar{@link VolumeControl}
+     *
+     */
+    ;
+
+    _proto.update = function update(rangeBarRect, rangeBarPoint, vertical) {
+      var _this2 = this;
+
+      var volume = 100 * rangeBarPoint;
+      this.getChild('volumeLevelTooltip').updateVolume(rangeBarRect, rangeBarPoint, vertical, volume, function () {
+        if (vertical) {
+          _this2.el_.style.bottom = rangeBarRect.height * rangeBarPoint + "px";
+        } else {
+          _this2.el_.style.left = rangeBarRect.width * rangeBarPoint + "px";
+        }
+      });
+    };
+
+    return MouseVolumeLevelDisplay;
+  }(Component$1);
+  /**
+   * Default options for `MouseVolumeLevelDisplay`
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  MouseVolumeLevelDisplay.prototype.options_ = {
+    children: ['volumeLevelTooltip']
+  };
+  Component$1.registerComponent('MouseVolumeLevelDisplay', MouseVolumeLevelDisplay);
+
+  /**
+   * The bar that contains the volume level and can be clicked on to adjust the level
+   *
+   * @extends Slider
+   */
+
+  var VolumeBar = /*#__PURE__*/function (_Slider) {
+    inheritsLoose(VolumeBar, _Slider);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function VolumeBar(player, options) {
+      var _this;
+
+      _this = _Slider.call(this, player, options) || this;
+
+      _this.on('slideractive', function (e) {
+        return _this.updateLastVolume_(e);
+      });
+
+      _this.on(player, 'volumechange', function (e) {
+        return _this.updateARIAAttributes(e);
+      });
+
+      player.ready(function () {
+        return _this.updateARIAAttributes();
+      });
+      return _this;
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = VolumeBar.prototype;
+
+    _proto.createEl = function createEl() {
+      return _Slider.prototype.createEl.call(this, 'div', {
+        className: 'vjs-volume-bar vjs-slider-bar'
+      }, {
+        'aria-label': this.localize('Volume Level'),
+        'aria-live': 'polite'
+      });
+    }
+    /**
+     * Handle mouse down on volume bar
+     *
+     * @param {EventTarget~Event} event
+     *        The `mousedown` event that caused this to run.
+     *
+     * @listens mousedown
+     */
+    ;
+
+    _proto.handleMouseDown = function handleMouseDown(event) {
+      if (!isSingleLeftClick(event)) {
+        return;
+      }
+
+      _Slider.prototype.handleMouseDown.call(this, event);
+    }
+    /**
+     * Handle movement events on the {@link VolumeMenuButton}.
+     *
+     * @param {EventTarget~Event} event
+     *        The event that caused this function to run.
+     *
+     * @listens mousemove
+     */
+    ;
+
+    _proto.handleMouseMove = function handleMouseMove(event) {
+      var mouseVolumeLevelDisplay = this.getChild('mouseVolumeLevelDisplay');
+
+      if (mouseVolumeLevelDisplay) {
+        var volumeBarEl = this.el();
+        var volumeBarRect = getBoundingClientRect(volumeBarEl);
+        var vertical = this.vertical();
+        var volumeBarPoint = getPointerPosition(volumeBarEl, event);
+        volumeBarPoint = vertical ? volumeBarPoint.y : volumeBarPoint.x; // The default skin has a gap on either side of the `VolumeBar`. This means
+        // that it's possible to trigger this behavior outside the boundaries of
+        // the `VolumeBar`. This ensures we stay within it at all times.
+
+        volumeBarPoint = clamp(volumeBarPoint, 0, 1);
+        mouseVolumeLevelDisplay.update(volumeBarRect, volumeBarPoint, vertical);
+      }
+
+      if (!isSingleLeftClick(event)) {
+        return;
+      }
+
+      this.checkMuted();
+      this.player_.volume(this.calculateDistance(event));
+    }
+    /**
+     * If the player is muted unmute it.
+     */
+    ;
+
+    _proto.checkMuted = function checkMuted() {
+      if (this.player_.muted()) {
+        this.player_.muted(false);
+      }
+    }
+    /**
+     * Get percent of volume level
+     *
+     * @return {number}
+     *         Volume level percent as a decimal number.
+     */
+    ;
+
+    _proto.getPercent = function getPercent() {
+      if (this.player_.muted()) {
+        return 0;
+      }
+
+      return this.player_.volume();
+    }
+    /**
+     * Increase volume level for keyboard users
+     */
+    ;
+
+    _proto.stepForward = function stepForward() {
+      this.checkMuted();
+      this.player_.volume(this.player_.volume() + 0.1);
+    }
+    /**
+     * Decrease volume level for keyboard users
+     */
+    ;
+
+    _proto.stepBack = function stepBack() {
+      this.checkMuted();
+      this.player_.volume(this.player_.volume() - 0.1);
+    }
+    /**
+     * Update ARIA accessibility attributes
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `volumechange` event that caused this function to run.
+     *
+     * @listens Player#volumechange
+     */
+    ;
+
+    _proto.updateARIAAttributes = function updateARIAAttributes(event) {
+      var ariaValue = this.player_.muted() ? 0 : this.volumeAsPercentage_();
+      this.el_.setAttribute('aria-valuenow', ariaValue);
+      this.el_.setAttribute('aria-valuetext', ariaValue + '%');
+    }
+    /**
+     * Returns the current value of the player volume as a percentage
+     *
+     * @private
+     */
+    ;
+
+    _proto.volumeAsPercentage_ = function volumeAsPercentage_() {
+      return Math.round(this.player_.volume() * 100);
+    }
+    /**
+     * When user starts dragging the VolumeBar, store the volume and listen for
+     * the end of the drag. When the drag ends, if the volume was set to zero,
+     * set lastVolume to the stored volume.
+     *
+     * @listens slideractive
+     * @private
+     */
+    ;
+
+    _proto.updateLastVolume_ = function updateLastVolume_() {
+      var _this2 = this;
+
+      var volumeBeforeDrag = this.player_.volume();
+      this.one('sliderinactive', function () {
+        if (_this2.player_.volume() === 0) {
+          _this2.player_.lastVolume_(volumeBeforeDrag);
+        }
+      });
+    };
+
+    return VolumeBar;
+  }(Slider);
+  /**
+   * Default options for the `VolumeBar`
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  VolumeBar.prototype.options_ = {
+    children: ['volumeLevel'],
+    barName: 'volumeLevel'
+  }; // MouseVolumeLevelDisplay tooltip should not be added to a player on mobile devices
+
+  if (!IS_IOS && !IS_ANDROID) {
+    VolumeBar.prototype.options_.children.splice(0, 0, 'mouseVolumeLevelDisplay');
+  }
+  /**
+   * Call the update event for this Slider when this event happens on the player.
+   *
+   * @type {string}
+   */
+
+
+  VolumeBar.prototype.playerEvent = 'volumechange';
+  Component$1.registerComponent('VolumeBar', VolumeBar);
+
+  /**
+   * The component for controlling the volume level
+   *
+   * @extends Component
+   */
+
+  var VolumeControl = /*#__PURE__*/function (_Component) {
+    inheritsLoose(VolumeControl, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options={}]
+     *        The key/value store of player options.
+     */
+    function VolumeControl(player, options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      options.vertical = options.vertical || false; // Pass the vertical option down to the VolumeBar if
+      // the VolumeBar is turned on.
+
+      if (typeof options.volumeBar === 'undefined' || isPlain(options.volumeBar)) {
+        options.volumeBar = options.volumeBar || {};
+        options.volumeBar.vertical = options.vertical;
+      }
+
+      _this = _Component.call(this, player, options) || this; // hide this control if volume support is missing
+
+      checkVolumeSupport(assertThisInitialized(_this), player);
+      _this.throttledHandleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
+
+      _this.handleMouseUpHandler_ = function (e) {
+        return _this.handleMouseUp(e);
+      };
+
+      _this.on('mousedown', function (e) {
+        return _this.handleMouseDown(e);
+      });
+
+      _this.on('touchstart', function (e) {
+        return _this.handleMouseDown(e);
+      });
+
+      _this.on('mousemove', function (e) {
+        return _this.handleMouseMove(e);
+      }); // while the slider is active (the mouse has been pressed down and
+      // is dragging) or in focus we do not want to hide the VolumeBar
+
+
+      _this.on(_this.volumeBar, ['focus', 'slideractive'], function () {
+        _this.volumeBar.addClass('vjs-slider-active');
+
+        _this.addClass('vjs-slider-active');
+
+        _this.trigger('slideractive');
+      });
+
+      _this.on(_this.volumeBar, ['blur', 'sliderinactive'], function () {
+        _this.volumeBar.removeClass('vjs-slider-active');
+
+        _this.removeClass('vjs-slider-active');
+
+        _this.trigger('sliderinactive');
+      });
+
+      return _this;
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = VolumeControl.prototype;
+
+    _proto.createEl = function createEl() {
+      var orientationClass = 'vjs-volume-horizontal';
+
+      if (this.options_.vertical) {
+        orientationClass = 'vjs-volume-vertical';
+      }
+
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: "vjs-volume-control vjs-control " + orientationClass
+      });
+    }
+    /**
+     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
+     *
+     * @param {EventTarget~Event} event
+     *        `mousedown` or `touchstart` event that triggered this function
+     *
+     * @listens mousedown
+     * @listens touchstart
+     */
+    ;
+
+    _proto.handleMouseDown = function handleMouseDown(event) {
+      var doc = this.el_.ownerDocument;
+      this.on(doc, 'mousemove', this.throttledHandleMouseMove);
+      this.on(doc, 'touchmove', this.throttledHandleMouseMove);
+      this.on(doc, 'mouseup', this.handleMouseUpHandler_);
+      this.on(doc, 'touchend', this.handleMouseUpHandler_);
+    }
+    /**
+     * Handle `mouseup` or `touchend` events on the `VolumeControl`.
+     *
+     * @param {EventTarget~Event} event
+     *        `mouseup` or `touchend` event that triggered this function.
+     *
+     * @listens touchend
+     * @listens mouseup
+     */
+    ;
+
+    _proto.handleMouseUp = function handleMouseUp(event) {
+      var doc = this.el_.ownerDocument;
+      this.off(doc, 'mousemove', this.throttledHandleMouseMove);
+      this.off(doc, 'touchmove', this.throttledHandleMouseMove);
+      this.off(doc, 'mouseup', this.handleMouseUpHandler_);
+      this.off(doc, 'touchend', this.handleMouseUpHandler_);
+    }
+    /**
+     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
+     *
+     * @param {EventTarget~Event} event
+     *        `mousedown` or `touchstart` event that triggered this function
+     *
+     * @listens mousedown
+     * @listens touchstart
+     */
+    ;
+
+    _proto.handleMouseMove = function handleMouseMove(event) {
+      this.volumeBar.handleMouseMove(event);
+    };
+
+    return VolumeControl;
+  }(Component$1);
+  /**
+   * Default options for the `VolumeControl`
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  VolumeControl.prototype.options_ = {
+    children: ['volumeBar']
+  };
+  Component$1.registerComponent('VolumeControl', VolumeControl);
+
+  /**
+   * Check if muting volume is supported and if it isn't hide the mute toggle
+   * button.
+   *
+   * @param {Component} self
+   *        A reference to the mute toggle button
+   *
+   * @param {Player} player
+   *        A reference to the player
+   *
+   * @private
+   */
+  var checkMuteSupport = function checkMuteSupport(self, player) {
+    // hide mute toggle button if it's not supported by the current tech
+    if (player.tech_ && !player.tech_.featuresMuteControl) {
+      self.addClass('vjs-hidden');
+    }
+
+    self.on(player, 'loadstart', function () {
+      if (!player.tech_.featuresMuteControl) {
+        self.addClass('vjs-hidden');
+      } else {
+        self.removeClass('vjs-hidden');
+      }
+    });
+  };
+
+  /**
+   * A button component for muting the audio.
+   *
+   * @extends Button
+   */
+
+  var MuteToggle = /*#__PURE__*/function (_Button) {
+    inheritsLoose(MuteToggle, _Button);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function MuteToggle(player, options) {
+      var _this;
+
+      _this = _Button.call(this, player, options) || this; // hide this control if volume support is missing
+
+      checkMuteSupport(assertThisInitialized(_this), player);
+
+      _this.on(player, ['loadstart', 'volumechange'], function (e) {
+        return _this.update(e);
+      });
+
+      return _this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = MuteToggle.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-mute-control " + _Button.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * This gets called when an `MuteToggle` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      var vol = this.player_.volume();
+      var lastVolume = this.player_.lastVolume_();
+
+      if (vol === 0) {
+        var volumeToSet = lastVolume < 0.1 ? 0.1 : lastVolume;
+        this.player_.volume(volumeToSet);
+        this.player_.muted(false);
+      } else {
+        this.player_.muted(this.player_.muted() ? false : true);
+      }
+    }
+    /**
+     * Update the `MuteToggle` button based on the state of `volume` and `muted`
+     * on the player.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The {@link Player#loadstart} event if this function was called
+     *        through an event.
+     *
+     * @listens Player#loadstart
+     * @listens Player#volumechange
+     */
+    ;
+
+    _proto.update = function update(event) {
+      this.updateIcon_();
+      this.updateControlText_();
+    }
+    /**
+     * Update the appearance of the `MuteToggle` icon.
+     *
+     * Possible states (given `level` variable below):
+     * - 0: crossed out
+     * - 1: zero bars of volume
+     * - 2: one bar of volume
+     * - 3: two bars of volume
+     *
+     * @private
+     */
+    ;
+
+    _proto.updateIcon_ = function updateIcon_() {
+      var vol = this.player_.volume();
+      var level = 3; // in iOS when a player is loaded with muted attribute
+      // and volume is changed with a native mute button
+      // we want to make sure muted state is updated
+
+      if (IS_IOS && this.player_.tech_ && this.player_.tech_.el_) {
+        this.player_.muted(this.player_.tech_.el_.muted);
+      }
+
+      if (vol === 0 || this.player_.muted()) {
+        level = 0;
+      } else if (vol < 0.33) {
+        level = 1;
+      } else if (vol < 0.67) {
+        level = 2;
+      } // TODO improve muted icon classes
+
+
+      for (var i = 0; i < 4; i++) {
+        removeClass(this.el_, "vjs-vol-" + i);
+      }
+
+      addClass(this.el_, "vjs-vol-" + level);
+    }
+    /**
+     * If `muted` has changed on the player, update the control text
+     * (`title` attribute on `vjs-mute-control` element and content of
+     * `vjs-control-text` element).
+     *
+     * @private
+     */
+    ;
+
+    _proto.updateControlText_ = function updateControlText_() {
+      var soundOff = this.player_.muted() || this.player_.volume() === 0;
+      var text = soundOff ? 'Unmute' : 'Mute';
+
+      if (this.controlText() !== text) {
+        this.controlText(text);
+      }
+    };
+
+    return MuteToggle;
+  }(Button);
+  /**
+   * The text that should display over the `MuteToggle`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  MuteToggle.prototype.controlText_ = 'Mute';
+  Component$1.registerComponent('MuteToggle', MuteToggle);
+
+  /**
+   * A Component to contain the MuteToggle and VolumeControl so that
+   * they can work together.
+   *
+   * @extends Component
+   */
+
+  var VolumePanel = /*#__PURE__*/function (_Component) {
+    inheritsLoose(VolumePanel, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options={}]
+     *        The key/value store of player options.
+     */
+    function VolumePanel(player, options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      if (typeof options.inline !== 'undefined') {
+        options.inline = options.inline;
+      } else {
+        options.inline = true;
+      } // pass the inline option down to the VolumeControl as vertical if
+      // the VolumeControl is on.
+
+
+      if (typeof options.volumeControl === 'undefined' || isPlain(options.volumeControl)) {
+        options.volumeControl = options.volumeControl || {};
+        options.volumeControl.vertical = !options.inline;
+      }
+
+      _this = _Component.call(this, player, options) || this; // this handler is used by mouse handler methods below
+
+      _this.handleKeyPressHandler_ = function (e) {
+        return _this.handleKeyPress(e);
+      };
+
+      _this.on(player, ['loadstart'], function (e) {
+        return _this.volumePanelState_(e);
+      });
+
+      _this.on(_this.muteToggle, 'keyup', function (e) {
+        return _this.handleKeyPress(e);
+      });
+
+      _this.on(_this.volumeControl, 'keyup', function (e) {
+        return _this.handleVolumeControlKeyUp(e);
+      });
+
+      _this.on('keydown', function (e) {
+        return _this.handleKeyPress(e);
+      });
+
+      _this.on('mouseover', function (e) {
+        return _this.handleMouseOver(e);
+      });
+
+      _this.on('mouseout', function (e) {
+        return _this.handleMouseOut(e);
+      }); // while the slider is active (the mouse has been pressed down and
+      // is dragging) we do not want to hide the VolumeBar
+
+
+      _this.on(_this.volumeControl, ['slideractive'], _this.sliderActive_);
+
+      _this.on(_this.volumeControl, ['sliderinactive'], _this.sliderInactive_);
+
+      return _this;
+    }
+    /**
+     * Add vjs-slider-active class to the VolumePanel
+     *
+     * @listens VolumeControl#slideractive
+     * @private
+     */
+
+
+    var _proto = VolumePanel.prototype;
+
+    _proto.sliderActive_ = function sliderActive_() {
+      this.addClass('vjs-slider-active');
+    }
+    /**
+     * Removes vjs-slider-active class to the VolumePanel
+     *
+     * @listens VolumeControl#sliderinactive
+     * @private
+     */
+    ;
+
+    _proto.sliderInactive_ = function sliderInactive_() {
+      this.removeClass('vjs-slider-active');
+    }
+    /**
+     * Adds vjs-hidden or vjs-mute-toggle-only to the VolumePanel
+     * depending on MuteToggle and VolumeControl state
+     *
+     * @listens Player#loadstart
+     * @private
+     */
+    ;
+
+    _proto.volumePanelState_ = function volumePanelState_() {
+      // hide volume panel if neither volume control or mute toggle
+      // are displayed
+      if (this.volumeControl.hasClass('vjs-hidden') && this.muteToggle.hasClass('vjs-hidden')) {
+        this.addClass('vjs-hidden');
+      } // if only mute toggle is visible we don't want
+      // volume panel expanding when hovered or active
+
+
+      if (this.volumeControl.hasClass('vjs-hidden') && !this.muteToggle.hasClass('vjs-hidden')) {
+        this.addClass('vjs-mute-toggle-only');
+      }
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+    ;
+
+    _proto.createEl = function createEl() {
+      var orientationClass = 'vjs-volume-panel-horizontal';
+
+      if (!this.options_.inline) {
+        orientationClass = 'vjs-volume-panel-vertical';
+      }
+
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: "vjs-volume-panel vjs-control " + orientationClass
+      });
+    }
+    /**
+     * Dispose of the `volume-panel` and all child components.
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      this.handleMouseOut();
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Handles `keyup` events on the `VolumeControl`, looking for ESC, which closes
+     * the volume panel and sets focus on `MuteToggle`.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keyup` event that caused this function to be called.
+     *
+     * @listens keyup
+     */
+    ;
+
+    _proto.handleVolumeControlKeyUp = function handleVolumeControlKeyUp(event) {
+      if (keycode.isEventKey(event, 'Esc')) {
+        this.muteToggle.focus();
+      }
+    }
+    /**
+     * This gets called when a `VolumePanel` gains hover via a `mouseover` event.
+     * Turns on listening for `mouseover` event. When they happen it
+     * calls `this.handleMouseOver`.
+     *
+     * @param {EventTarget~Event} event
+     *        The `mouseover` event that caused this function to be called.
+     *
+     * @listens mouseover
+     */
+    ;
+
+    _proto.handleMouseOver = function handleMouseOver(event) {
+      this.addClass('vjs-hover');
+      on(document_1, 'keyup', this.handleKeyPressHandler_);
+    }
+    /**
+     * This gets called when a `VolumePanel` gains hover via a `mouseout` event.
+     * Turns on listening for `mouseout` event. When they happen it
+     * calls `this.handleMouseOut`.
+     *
+     * @param {EventTarget~Event} event
+     *        The `mouseout` event that caused this function to be called.
+     *
+     * @listens mouseout
+     */
+    ;
+
+    _proto.handleMouseOut = function handleMouseOut(event) {
+      this.removeClass('vjs-hover');
+      off(document_1, 'keyup', this.handleKeyPressHandler_);
+    }
+    /**
+     * Handles `keyup` event on the document or `keydown` event on the `VolumePanel`,
+     * looking for ESC, which hides the `VolumeControl`.
+     *
+     * @param {EventTarget~Event} event
+     *        The keypress that triggered this event.
+     *
+     * @listens keydown | keyup
+     */
+    ;
+
+    _proto.handleKeyPress = function handleKeyPress(event) {
+      if (keycode.isEventKey(event, 'Esc')) {
+        this.handleMouseOut();
+      }
+    };
+
+    return VolumePanel;
+  }(Component$1);
+  /**
+   * Default options for the `VolumeControl`
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  VolumePanel.prototype.options_ = {
+    children: ['muteToggle', 'volumeControl']
+  };
+  Component$1.registerComponent('VolumePanel', VolumePanel);
+
+  /**
+   * The Menu component is used to build popup menus, including subtitle and
+   * captions selection menus.
+   *
+   * @extends Component
+   */
+
+  var Menu = /*#__PURE__*/function (_Component) {
+    inheritsLoose(Menu, _Component);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Player} player
+     *        the player that this component should attach to
+     *
+     * @param {Object} [options]
+     *        Object of option names and values
+     *
+     */
+    function Menu(player, options) {
+      var _this;
+
+      _this = _Component.call(this, player, options) || this;
+
+      if (options) {
+        _this.menuButton_ = options.menuButton;
+      }
+
+      _this.focusedChild_ = -1;
+
+      _this.on('keydown', function (e) {
+        return _this.handleKeyDown(e);
+      }); // All the menu item instances share the same blur handler provided by the menu container.
+
+
+      _this.boundHandleBlur_ = function (e) {
+        return _this.handleBlur(e);
+      };
+
+      _this.boundHandleTapClick_ = function (e) {
+        return _this.handleTapClick(e);
+      };
+
+      return _this;
+    }
+    /**
+     * Add event listeners to the {@link MenuItem}.
+     *
+     * @param {Object} component
+     *        The instance of the `MenuItem` to add listeners to.
+     *
+     */
+
+
+    var _proto = Menu.prototype;
+
+    _proto.addEventListenerForItem = function addEventListenerForItem(component) {
+      if (!(component instanceof Component$1)) {
+        return;
+      }
+
+      this.on(component, 'blur', this.boundHandleBlur_);
+      this.on(component, ['tap', 'click'], this.boundHandleTapClick_);
+    }
+    /**
+     * Remove event listeners from the {@link MenuItem}.
+     *
+     * @param {Object} component
+     *        The instance of the `MenuItem` to remove listeners.
+     *
+     */
+    ;
+
+    _proto.removeEventListenerForItem = function removeEventListenerForItem(component) {
+      if (!(component instanceof Component$1)) {
+        return;
+      }
+
+      this.off(component, 'blur', this.boundHandleBlur_);
+      this.off(component, ['tap', 'click'], this.boundHandleTapClick_);
+    }
+    /**
+     * This method will be called indirectly when the component has been added
+     * before the component adds to the new menu instance by `addItem`.
+     * In this case, the original menu instance will remove the component
+     * by calling `removeChild`.
+     *
+     * @param {Object} component
+     *        The instance of the `MenuItem`
+     */
+    ;
+
+    _proto.removeChild = function removeChild(component) {
+      if (typeof component === 'string') {
+        component = this.getChild(component);
+      }
+
+      this.removeEventListenerForItem(component);
+
+      _Component.prototype.removeChild.call(this, component);
+    }
+    /**
+     * Add a {@link MenuItem} to the menu.
+     *
+     * @param {Object|string} component
+     *        The name or instance of the `MenuItem` to add.
+     *
+     */
+    ;
+
+    _proto.addItem = function addItem(component) {
+      var childComponent = this.addChild(component);
+
+      if (childComponent) {
+        this.addEventListenerForItem(childComponent);
+      }
+    }
+    /**
+     * Create the `Menu`s DOM element.
+     *
+     * @return {Element}
+     *         the element that was created
+     */
+    ;
+
+    _proto.createEl = function createEl$1() {
+      var contentElType = this.options_.contentElType || 'ul';
+      this.contentEl_ = createEl(contentElType, {
+        className: 'vjs-menu-content'
+      });
+      this.contentEl_.setAttribute('role', 'menu');
+
+      var el = _Component.prototype.createEl.call(this, 'div', {
+        append: this.contentEl_,
+        className: 'vjs-menu'
+      });
+
+      el.appendChild(this.contentEl_); // Prevent clicks from bubbling up. Needed for Menu Buttons,
+      // where a click on the parent is significant
+
+      on(el, 'click', function (event) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+      });
+      return el;
+    };
+
+    _proto.dispose = function dispose() {
+      this.contentEl_ = null;
+      this.boundHandleBlur_ = null;
+      this.boundHandleTapClick_ = null;
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Called when a `MenuItem` loses focus.
+     *
+     * @param {EventTarget~Event} event
+     *        The `blur` event that caused this function to be called.
+     *
+     * @listens blur
+     */
+    ;
+
+    _proto.handleBlur = function handleBlur(event) {
+      var relatedTarget = event.relatedTarget || document_1.activeElement; // Close menu popup when a user clicks outside the menu
+
+      if (!this.children().some(function (element) {
+        return element.el() === relatedTarget;
+      })) {
+        var btn = this.menuButton_;
+
+        if (btn && btn.buttonPressed_ && relatedTarget !== btn.el().firstChild) {
+          btn.unpressButton();
+        }
+      }
+    }
+    /**
+     * Called when a `MenuItem` gets clicked or tapped.
+     *
+     * @param {EventTarget~Event} event
+     *        The `click` or `tap` event that caused this function to be called.
+     *
+     * @listens click,tap
+     */
+    ;
+
+    _proto.handleTapClick = function handleTapClick(event) {
+      // Unpress the associated MenuButton, and move focus back to it
+      if (this.menuButton_) {
+        this.menuButton_.unpressButton();
+        var childComponents = this.children();
+
+        if (!Array.isArray(childComponents)) {
+          return;
+        }
+
+        var foundComponent = childComponents.filter(function (component) {
+          return component.el() === event.target;
+        })[0];
+
+        if (!foundComponent) {
+          return;
+        } // don't focus menu button if item is a caption settings item
+        // because focus will move elsewhere
+
+
+        if (foundComponent.name() !== 'CaptionSettingsMenuItem') {
+          this.menuButton_.focus();
+        }
+      }
+    }
+    /**
+     * Handle a `keydown` event on this menu. This listener is added in the constructor.
+     *
+     * @param {EventTarget~Event} event
+     *        A `keydown` event that happened on the menu.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      // Left and Down Arrows
+      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.stepForward(); // Up and Right Arrows
+      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.stepBack();
+      }
+    }
+    /**
+     * Move to next (lower) menu item for keyboard users.
+     */
+    ;
+
+    _proto.stepForward = function stepForward() {
+      var stepChild = 0;
+
+      if (this.focusedChild_ !== undefined) {
+        stepChild = this.focusedChild_ + 1;
+      }
+
+      this.focus(stepChild);
+    }
+    /**
+     * Move to previous (higher) menu item for keyboard users.
+     */
+    ;
+
+    _proto.stepBack = function stepBack() {
+      var stepChild = 0;
+
+      if (this.focusedChild_ !== undefined) {
+        stepChild = this.focusedChild_ - 1;
+      }
+
+      this.focus(stepChild);
+    }
+    /**
+     * Set focus on a {@link MenuItem} in the `Menu`.
+     *
+     * @param {Object|string} [item=0]
+     *        Index of child item set focus on.
+     */
+    ;
+
+    _proto.focus = function focus(item) {
+      if (item === void 0) {
+        item = 0;
+      }
+
+      var children = this.children().slice();
+      var haveTitle = children.length && children[0].hasClass('vjs-menu-title');
+
+      if (haveTitle) {
+        children.shift();
+      }
+
+      if (children.length > 0) {
+        if (item < 0) {
+          item = 0;
+        } else if (item >= children.length) {
+          item = children.length - 1;
+        }
+
+        this.focusedChild_ = item;
+        children[item].el_.focus();
+      }
+    };
+
+    return Menu;
+  }(Component$1);
+
+  Component$1.registerComponent('Menu', Menu);
+
+  /**
+   * A `MenuButton` class for any popup {@link Menu}.
+   *
+   * @extends Component
+   */
+
+  var MenuButton = /*#__PURE__*/function (_Component) {
+    inheritsLoose(MenuButton, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options={}]
+     *        The key/value store of player options.
+     */
+    function MenuButton(player, options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      _this = _Component.call(this, player, options) || this;
+      _this.menuButton_ = new Button(player, options);
+
+      _this.menuButton_.controlText(_this.controlText_);
+
+      _this.menuButton_.el_.setAttribute('aria-haspopup', 'true'); // Add buildCSSClass values to the button, not the wrapper
+
+
+      var buttonClass = Button.prototype.buildCSSClass();
+      _this.menuButton_.el_.className = _this.buildCSSClass() + ' ' + buttonClass;
+
+      _this.menuButton_.removeClass('vjs-control');
+
+      _this.addChild(_this.menuButton_);
+
+      _this.update();
+
+      _this.enabled_ = true;
+
+      var handleClick = function handleClick(e) {
+        return _this.handleClick(e);
+      };
+
+      _this.handleMenuKeyUp_ = function (e) {
+        return _this.handleMenuKeyUp(e);
+      };
+
+      _this.on(_this.menuButton_, 'tap', handleClick);
+
+      _this.on(_this.menuButton_, 'click', handleClick);
+
+      _this.on(_this.menuButton_, 'keydown', function (e) {
+        return _this.handleKeyDown(e);
+      });
+
+      _this.on(_this.menuButton_, 'mouseenter', function () {
+        _this.addClass('vjs-hover');
+
+        _this.menu.show();
+
+        on(document_1, 'keyup', _this.handleMenuKeyUp_);
+      });
+
+      _this.on('mouseleave', function (e) {
+        return _this.handleMouseLeave(e);
+      });
+
+      _this.on('keydown', function (e) {
+        return _this.handleSubmenuKeyDown(e);
+      });
+
+      return _this;
+    }
+    /**
+     * Update the menu based on the current state of its items.
+     */
+
+
+    var _proto = MenuButton.prototype;
+
+    _proto.update = function update() {
+      var menu = this.createMenu();
+
+      if (this.menu) {
+        this.menu.dispose();
+        this.removeChild(this.menu);
+      }
+
+      this.menu = menu;
+      this.addChild(menu);
+      /**
+       * Track the state of the menu button
+       *
+       * @type {Boolean}
+       * @private
+       */
+
+      this.buttonPressed_ = false;
+      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
+
+      if (this.items && this.items.length <= this.hideThreshold_) {
+        this.hide();
+      } else {
+        this.show();
+      }
+    }
+    /**
+     * Create the menu and add all items to it.
+     *
+     * @return {Menu}
+     *         The constructed menu
+     */
+    ;
+
+    _proto.createMenu = function createMenu() {
+      var menu = new Menu(this.player_, {
+        menuButton: this
+      });
+      /**
+       * Hide the menu if the number of items is less than or equal to this threshold. This defaults
+       * to 0 and whenever we add items which can be hidden to the menu we'll increment it. We list
+       * it here because every time we run `createMenu` we need to reset the value.
+       *
+       * @protected
+       * @type {Number}
+       */
+
+      this.hideThreshold_ = 0; // Add a title list item to the top
+
+      if (this.options_.title) {
+        var titleEl = createEl('li', {
+          className: 'vjs-menu-title',
+          innerHTML: toTitleCase$1(this.options_.title),
+          tabIndex: -1
+        });
+        var titleComponent = new Component$1(this.player_, {
+          el: titleEl
+        });
+        menu.addItem(titleComponent);
+      }
+
+      this.items = this.createItems();
+
+      if (this.items) {
+        // Add menu items to the menu
+        for (var i = 0; i < this.items.length; i++) {
+          menu.addItem(this.items[i]);
+        }
+      }
+
+      return menu;
+    }
+    /**
+     * Create the list of menu items. Specific to each subclass.
+     *
+     * @abstract
+     */
+    ;
+
+    _proto.createItems = function createItems() {}
+    /**
+     * Create the `MenuButtons`s DOM element.
+     *
+     * @return {Element}
+     *         The element that gets created.
+     */
+    ;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: this.buildWrapperCSSClass()
+      }, {});
+    }
+    /**
+     * Allow sub components to stack CSS class names for the wrapper element
+     *
+     * @return {string}
+     *         The constructed wrapper DOM `className`
+     */
+    ;
+
+    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
+      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
+
+      if (this.options_.inline === true) {
+        menuButtonClass += '-inline';
+      } else {
+        menuButtonClass += '-popup';
+      } // TODO: Fix the CSS so that this isn't necessary
+
+
+      var buttonClass = Button.prototype.buildCSSClass();
+      return "vjs-menu-button " + menuButtonClass + " " + buttonClass + " " + _Component.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+    ;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
+
+      if (this.options_.inline === true) {
+        menuButtonClass += '-inline';
+      } else {
+        menuButtonClass += '-popup';
+      }
+
+      return "vjs-menu-button " + menuButtonClass + " " + _Component.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * Get or set the localized control text that will be used for accessibility.
+     *
+     * > NOTE: This will come from the internal `menuButton_` element.
+     *
+     * @param {string} [text]
+     *        Control text for element.
+     *
+     * @param {Element} [el=this.menuButton_.el()]
+     *        Element to set the title on.
+     *
+     * @return {string}
+     *         - The control text when getting
+     */
+    ;
+
+    _proto.controlText = function controlText(text, el) {
+      if (el === void 0) {
+        el = this.menuButton_.el();
+      }
+
+      return this.menuButton_.controlText(text, el);
+    }
+    /**
+     * Dispose of the `menu-button` and all child components.
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      this.handleMouseLeave();
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Handle a click on a `MenuButton`.
+     * See {@link ClickableComponent#handleClick} for instances where this is called.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      if (this.buttonPressed_) {
+        this.unpressButton();
+      } else {
+        this.pressButton();
+      }
+    }
+    /**
+     * Handle `mouseleave` for `MenuButton`.
+     *
+     * @param {EventTarget~Event} event
+     *        The `mouseleave` event that caused this function to be called.
+     *
+     * @listens mouseleave
+     */
+    ;
+
+    _proto.handleMouseLeave = function handleMouseLeave(event) {
+      this.removeClass('vjs-hover');
+      off(document_1, 'keyup', this.handleMenuKeyUp_);
+    }
+    /**
+     * Set the focus to the actual button, not to this element
+     */
+    ;
+
+    _proto.focus = function focus() {
+      this.menuButton_.focus();
+    }
+    /**
+     * Remove the focus from the actual button, not this element
+     */
+    ;
+
+    _proto.blur = function blur() {
+      this.menuButton_.blur();
+    }
+    /**
+     * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
+     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      // Escape or Tab unpress the 'button'
+      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
+        if (this.buttonPressed_) {
+          this.unpressButton();
+        } // Don't preventDefault for Tab key - we still want to lose focus
+
+
+        if (!keycode.isEventKey(event, 'Tab')) {
+          event.preventDefault(); // Set focus back to the menu button's button
+
+          this.menuButton_.focus();
+        } // Up Arrow or Down Arrow also 'press' the button to open the menu
+
+      } else if (keycode.isEventKey(event, 'Up') || keycode.isEventKey(event, 'Down')) {
+        if (!this.buttonPressed_) {
+          event.preventDefault();
+          this.pressButton();
+        }
+      }
+    }
+    /**
+     * Handle a `keyup` event on a `MenuButton`. The listener for this is added in
+     * the constructor.
+     *
+     * @param {EventTarget~Event} event
+     *        Key press event
+     *
+     * @listens keyup
+     */
+    ;
+
+    _proto.handleMenuKeyUp = function handleMenuKeyUp(event) {
+      // Escape hides popup menu
+      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
+        this.removeClass('vjs-hover');
+      }
+    }
+    /**
+     * This method name now delegates to `handleSubmenuKeyDown`. This means
+     * anyone calling `handleSubmenuKeyPress` will not see their method calls
+     * stop working.
+     *
+     * @param {EventTarget~Event} event
+     *        The event that caused this function to be called.
+     */
+    ;
+
+    _proto.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
+      this.handleSubmenuKeyDown(event);
+    }
+    /**
+     * Handle a `keydown` event on a sub-menu. The listener for this is added in
+     * the constructor.
+     *
+     * @param {EventTarget~Event} event
+     *        Key press event
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleSubmenuKeyDown = function handleSubmenuKeyDown(event) {
+      // Escape or Tab unpress the 'button'
+      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
+        if (this.buttonPressed_) {
+          this.unpressButton();
+        } // Don't preventDefault for Tab key - we still want to lose focus
+
+
+        if (!keycode.isEventKey(event, 'Tab')) {
+          event.preventDefault(); // Set focus back to the menu button's button
+
+          this.menuButton_.focus();
+        }
+      }
+    }
+    /**
+     * Put the current `MenuButton` into a pressed state.
+     */
+    ;
+
+    _proto.pressButton = function pressButton() {
+      if (this.enabled_) {
+        this.buttonPressed_ = true;
+        this.menu.show();
+        this.menu.lockShowing();
+        this.menuButton_.el_.setAttribute('aria-expanded', 'true'); // set the focus into the submenu, except on iOS where it is resulting in
+        // undesired scrolling behavior when the player is in an iframe
+
+        if (IS_IOS && isInFrame()) {
+          // Return early so that the menu isn't focused
+          return;
+        }
+
+        this.menu.focus();
+      }
+    }
+    /**
+     * Take the current `MenuButton` out of a pressed state.
+     */
+    ;
+
+    _proto.unpressButton = function unpressButton() {
+      if (this.enabled_) {
+        this.buttonPressed_ = false;
+        this.menu.unlockShowing();
+        this.menu.hide();
+        this.menuButton_.el_.setAttribute('aria-expanded', 'false');
+      }
+    }
+    /**
+     * Disable the `MenuButton`. Don't allow it to be clicked.
+     */
+    ;
+
+    _proto.disable = function disable() {
+      this.unpressButton();
+      this.enabled_ = false;
+      this.addClass('vjs-disabled');
+      this.menuButton_.disable();
+    }
+    /**
+     * Enable the `MenuButton`. Allow it to be clicked.
+     */
+    ;
+
+    _proto.enable = function enable() {
+      this.enabled_ = true;
+      this.removeClass('vjs-disabled');
+      this.menuButton_.enable();
+    };
+
+    return MenuButton;
+  }(Component$1);
+
+  Component$1.registerComponent('MenuButton', MenuButton);
+
+  /**
+   * The base class for buttons that toggle specific  track types (e.g. subtitles).
+   *
+   * @extends MenuButton
+   */
+
+  var TrackButton = /*#__PURE__*/function (_MenuButton) {
+    inheritsLoose(TrackButton, _MenuButton);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function TrackButton(player, options) {
+      var _this;
+
+      var tracks = options.tracks;
+      _this = _MenuButton.call(this, player, options) || this;
+
+      if (_this.items.length <= 1) {
+        _this.hide();
+      }
+
+      if (!tracks) {
+        return assertThisInitialized(_this);
+      }
+
+      var updateHandler = bind(assertThisInitialized(_this), _this.update);
+      tracks.addEventListener('removetrack', updateHandler);
+      tracks.addEventListener('addtrack', updateHandler);
+      tracks.addEventListener('labelchange', updateHandler);
+
+      _this.player_.on('ready', updateHandler);
+
+      _this.player_.on('dispose', function () {
+        tracks.removeEventListener('removetrack', updateHandler);
+        tracks.removeEventListener('addtrack', updateHandler);
+        tracks.removeEventListener('labelchange', updateHandler);
+      });
+
+      return _this;
+    }
+
+    return TrackButton;
+  }(MenuButton);
+
+  Component$1.registerComponent('TrackButton', TrackButton);
+
+  /**
+   * @file menu-keys.js
+   */
+
+  /**
+    * All keys used for operation of a menu (`MenuButton`, `Menu`, and `MenuItem`)
+    * Note that 'Enter' and 'Space' are not included here (otherwise they would
+    * prevent the `MenuButton` and `MenuItem` from being keyboard-clickable)
+    * @typedef MenuKeys
+    * @array
+    */
+  var MenuKeys = ['Tab', 'Esc', 'Up', 'Down', 'Right', 'Left'];
+
+  /**
+   * The component for a menu item. `<li>`
+   *
+   * @extends ClickableComponent
+   */
+
+  var MenuItem = /*#__PURE__*/function (_ClickableComponent) {
+    inheritsLoose(MenuItem, _ClickableComponent);
+
+    /**
+     * Creates an instance of the this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options={}]
+     *        The key/value store of player options.
+     *
+     */
+    function MenuItem(player, options) {
+      var _this;
+
+      _this = _ClickableComponent.call(this, player, options) || this;
+      _this.selectable = options.selectable;
+      _this.isSelected_ = options.selected || false;
+      _this.multiSelectable = options.multiSelectable;
+
+      _this.selected(_this.isSelected_);
+
+      if (_this.selectable) {
+        if (_this.multiSelectable) {
+          _this.el_.setAttribute('role', 'menuitemcheckbox');
+        } else {
+          _this.el_.setAttribute('role', 'menuitemradio');
+        }
+      } else {
+        _this.el_.setAttribute('role', 'menuitem');
+      }
+
+      return _this;
+    }
+    /**
+     * Create the `MenuItem's DOM element
+     *
+     * @param {string} [type=li]
+     *        Element's node type, not actually used, always set to `li`.
+     *
+     * @param {Object} [props={}]
+     *        An object of properties that should be set on the element
+     *
+     * @param {Object} [attrs={}]
+     *        An object of attributes that should be set on the element
+     *
+     * @return {Element}
+     *         The element that gets created.
+     */
+
+
+    var _proto = MenuItem.prototype;
+
+    _proto.createEl = function createEl(type, props, attrs) {
+      // The control is textual, not just an icon
+      this.nonIconControl = true;
+      return _ClickableComponent.prototype.createEl.call(this, 'li', assign({
+        className: 'vjs-menu-item',
+        innerHTML: "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label) + "</span>",
+        tabIndex: -1
+      }, props), attrs);
+    }
+    /**
+     * Ignore keys which are used by the menu, but pass any other ones up. See
+     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      if (!MenuKeys.some(function (key) {
+        return keycode.isEventKey(event, key);
+      })) {
+        // Pass keydown handling up for unused keys
+        _ClickableComponent.prototype.handleKeyDown.call(this, event);
+      }
+    }
+    /**
+     * Any click on a `MenuItem` puts it into the selected state.
+     * See {@link ClickableComponent#handleClick} for instances where this is called.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      this.selected(true);
+    }
+    /**
+     * Set the state for this menu item as selected or not.
+     *
+     * @param {boolean} selected
+     *        if the menu item is selected or not
+     */
+    ;
+
+    _proto.selected = function selected(_selected) {
+      if (this.selectable) {
+        if (_selected) {
+          this.addClass('vjs-selected');
+          this.el_.setAttribute('aria-checked', 'true'); // aria-checked isn't fully supported by browsers/screen readers,
+          // so indicate selected state to screen reader in the control text.
+
+          this.controlText(', selected');
+          this.isSelected_ = true;
+        } else {
+          this.removeClass('vjs-selected');
+          this.el_.setAttribute('aria-checked', 'false'); // Indicate un-selected state to screen reader
+
+          this.controlText('');
+          this.isSelected_ = false;
+        }
+      }
+    };
+
+    return MenuItem;
+  }(ClickableComponent);
+
+  Component$1.registerComponent('MenuItem', MenuItem);
+
+  /**
+   * The specific menu item type for selecting a language within a text track kind
+   *
+   * @extends MenuItem
+   */
+
+  var TextTrackMenuItem = /*#__PURE__*/function (_MenuItem) {
+    inheritsLoose(TextTrackMenuItem, _MenuItem);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function TextTrackMenuItem(player, options) {
+      var _this;
+
+      var track = options.track;
+      var tracks = player.textTracks(); // Modify options for parent MenuItem class's init.
+
+      options.label = track.label || track.language || 'Unknown';
+      options.selected = track.mode === 'showing';
+      _this = _MenuItem.call(this, player, options) || this;
+      _this.track = track; // Determine the relevant kind(s) of tracks for this component and filter
+      // out empty kinds.
+
+      _this.kinds = (options.kinds || [options.kind || _this.track.kind]).filter(Boolean);
+
+      var changeHandler = function changeHandler() {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+
+        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
+      };
+
+      var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+
+        _this.handleSelectedLanguageChange.apply(assertThisInitialized(_this), args);
+      };
+
+      player.on(['loadstart', 'texttrackchange'], changeHandler);
+      tracks.addEventListener('change', changeHandler);
+      tracks.addEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
+
+      _this.on('dispose', function () {
+        player.off(['loadstart', 'texttrackchange'], changeHandler);
+        tracks.removeEventListener('change', changeHandler);
+        tracks.removeEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
+      }); // iOS7 doesn't dispatch change events to TextTrackLists when an
+      // associated track's mode changes. Without something like
+      // Object.observe() (also not present on iOS7), it's not
+      // possible to detect changes to the mode attribute and polyfill
+      // the change event. As a poor substitute, we manually dispatch
+      // change events whenever the controls modify the mode.
+
+
+      if (tracks.onchange === undefined) {
+        var event;
+
+        _this.on(['tap', 'click'], function () {
+          if (typeof window_1.Event !== 'object') {
+            // Android 2.3 throws an Illegal Constructor error for window.Event
+            try {
+              event = new window_1.Event('change');
+            } catch (err) {// continue regardless of error
+            }
+          }
+
+          if (!event) {
+            event = document_1.createEvent('Event');
+            event.initEvent('change', true, true);
+          }
+
+          tracks.dispatchEvent(event);
+        });
+      } // set the default state based on current tracks
+
+
+      _this.handleTracksChange();
+
+      return _this;
+    }
+    /**
+     * This gets called when an `TextTrackMenuItem` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+
+
+    var _proto = TextTrackMenuItem.prototype;
+
+    _proto.handleClick = function handleClick(event) {
+      var referenceTrack = this.track;
+      var tracks = this.player_.textTracks();
+
+      _MenuItem.prototype.handleClick.call(this, event);
+
+      if (!tracks) {
+        return;
+      }
+
+      for (var i = 0; i < tracks.length; i++) {
+        var track = tracks[i]; // If the track from the text tracks list is not of the right kind,
+        // skip it. We do not want to affect tracks of incompatible kind(s).
+
+        if (this.kinds.indexOf(track.kind) === -1) {
+          continue;
+        } // If this text track is the component's track and it is not showing,
+        // set it to showing.
+
+
+        if (track === referenceTrack) {
+          if (track.mode !== 'showing') {
+            track.mode = 'showing';
+          } // If this text track is not the component's track and it is not
+          // disabled, set it to disabled.
+
+        } else if (track.mode !== 'disabled') {
+          track.mode = 'disabled';
+        }
+      }
+    }
+    /**
+     * Handle text track list change
+     *
+     * @param {EventTarget~Event} event
+     *        The `change` event that caused this function to be called.
+     *
+     * @listens TextTrackList#change
+     */
+    ;
+
+    _proto.handleTracksChange = function handleTracksChange(event) {
+      var shouldBeSelected = this.track.mode === 'showing'; // Prevent redundant selected() calls because they may cause
+      // screen readers to read the appended control text unnecessarily
+
+      if (shouldBeSelected !== this.isSelected_) {
+        this.selected(shouldBeSelected);
+      }
+    };
+
+    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
+      if (this.track.mode === 'showing') {
+        var selectedLanguage = this.player_.cache_.selectedLanguage; // Don't replace the kind of track across the same language
+
+        if (selectedLanguage && selectedLanguage.enabled && selectedLanguage.language === this.track.language && selectedLanguage.kind !== this.track.kind) {
+          return;
+        }
+
+        this.player_.cache_.selectedLanguage = {
+          enabled: true,
+          language: this.track.language,
+          kind: this.track.kind
+        };
+      }
+    };
+
+    _proto.dispose = function dispose() {
+      // remove reference to track object on dispose
+      this.track = null;
+
+      _MenuItem.prototype.dispose.call(this);
+    };
+
+    return TextTrackMenuItem;
+  }(MenuItem);
+
+  Component$1.registerComponent('TextTrackMenuItem', TextTrackMenuItem);
+
+  /**
+   * A special menu item for turning of a specific type of text track
+   *
+   * @extends TextTrackMenuItem
+   */
+
+  var OffTextTrackMenuItem = /*#__PURE__*/function (_TextTrackMenuItem) {
+    inheritsLoose(OffTextTrackMenuItem, _TextTrackMenuItem);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function OffTextTrackMenuItem(player, options) {
+      // Create pseudo track info
+      // Requires options['kind']
+      options.track = {
+        player: player,
+        // it is no longer necessary to store `kind` or `kinds` on the track itself
+        // since they are now stored in the `kinds` property of all instances of
+        // TextTrackMenuItem, but this will remain for backwards compatibility
+        kind: options.kind,
+        kinds: options.kinds,
+        "default": false,
+        mode: 'disabled'
+      };
+
+      if (!options.kinds) {
+        options.kinds = [options.kind];
+      }
+
+      if (options.label) {
+        options.track.label = options.label;
+      } else {
+        options.track.label = options.kinds.join(' and ') + ' off';
+      } // MenuItem is selectable
+
+
+      options.selectable = true; // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
+
+      options.multiSelectable = false;
+      return _TextTrackMenuItem.call(this, player, options) || this;
+    }
+    /**
+     * Handle text track change
+     *
+     * @param {EventTarget~Event} event
+     *        The event that caused this function to run
+     */
+
+
+    var _proto = OffTextTrackMenuItem.prototype;
+
+    _proto.handleTracksChange = function handleTracksChange(event) {
+      var tracks = this.player().textTracks();
+      var shouldBeSelected = true;
+
+      for (var i = 0, l = tracks.length; i < l; i++) {
+        var track = tracks[i];
+
+        if (this.options_.kinds.indexOf(track.kind) > -1 && track.mode === 'showing') {
+          shouldBeSelected = false;
+          break;
+        }
+      } // Prevent redundant selected() calls because they may cause
+      // screen readers to read the appended control text unnecessarily
+
+
+      if (shouldBeSelected !== this.isSelected_) {
+        this.selected(shouldBeSelected);
+      }
+    };
+
+    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
+      var tracks = this.player().textTracks();
+      var allHidden = true;
+
+      for (var i = 0, l = tracks.length; i < l; i++) {
+        var track = tracks[i];
+
+        if (['captions', 'descriptions', 'subtitles'].indexOf(track.kind) > -1 && track.mode === 'showing') {
+          allHidden = false;
+          break;
+        }
+      }
+
+      if (allHidden) {
+        this.player_.cache_.selectedLanguage = {
+          enabled: false
+        };
+      }
+    };
+
+    return OffTextTrackMenuItem;
+  }(TextTrackMenuItem);
+
+  Component$1.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);
+
+  /**
+   * The base class for buttons that toggle specific text track types (e.g. subtitles)
+   *
+   * @extends MenuButton
+   */
+
+  var TextTrackButton = /*#__PURE__*/function (_TrackButton) {
+    inheritsLoose(TextTrackButton, _TrackButton);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options={}]
+     *        The key/value store of player options.
+     */
+    function TextTrackButton(player, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      options.tracks = player.textTracks();
+      return _TrackButton.call(this, player, options) || this;
+    }
+    /**
+     * Create a menu item for each text track
+     *
+     * @param {TextTrackMenuItem[]} [items=[]]
+     *        Existing array of items to use during creation
+     *
+     * @return {TextTrackMenuItem[]}
+     *         Array of menu items that were created
+     */
+
+
+    var _proto = TextTrackButton.prototype;
+
+    _proto.createItems = function createItems(items, TrackMenuItem) {
+      if (items === void 0) {
+        items = [];
+      }
+
+      if (TrackMenuItem === void 0) {
+        TrackMenuItem = TextTrackMenuItem;
+      }
+
+      // Label is an override for the [track] off label
+      // USed to localise captions/subtitles
+      var label;
+
+      if (this.label_) {
+        label = this.label_ + " off";
+      } // Add an OFF menu item to turn all tracks off
+
+
+      items.push(new OffTextTrackMenuItem(this.player_, {
+        kinds: this.kinds_,
+        kind: this.kind_,
+        label: label
+      }));
+      this.hideThreshold_ += 1;
+      var tracks = this.player_.textTracks();
+
+      if (!Array.isArray(this.kinds_)) {
+        this.kinds_ = [this.kind_];
+      }
+
+      for (var i = 0; i < tracks.length; i++) {
+        var track = tracks[i]; // only add tracks that are of an appropriate kind and have a label
+
+        if (this.kinds_.indexOf(track.kind) > -1) {
+          var item = new TrackMenuItem(this.player_, {
+            track: track,
+            kinds: this.kinds_,
+            kind: this.kind_,
+            // MenuItem is selectable
+            selectable: true,
+            // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
+            multiSelectable: false
+          });
+          item.addClass("vjs-" + track.kind + "-menu-item");
+          items.push(item);
+        }
+      }
+
+      return items;
+    };
+
+    return TextTrackButton;
+  }(TrackButton);
+
+  Component$1.registerComponent('TextTrackButton', TextTrackButton);
+
+  /**
+   * The chapter track menu item
+   *
+   * @extends MenuItem
+   */
+
+  var ChaptersTrackMenuItem = /*#__PURE__*/function (_MenuItem) {
+    inheritsLoose(ChaptersTrackMenuItem, _MenuItem);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function ChaptersTrackMenuItem(player, options) {
+      var _this;
+
+      var track = options.track;
+      var cue = options.cue;
+      var currentTime = player.currentTime(); // Modify options for parent MenuItem class's init.
+
+      options.selectable = true;
+      options.multiSelectable = false;
+      options.label = cue.text;
+      options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
+      _this = _MenuItem.call(this, player, options) || this;
+      _this.track = track;
+      _this.cue = cue;
+      track.addEventListener('cuechange', bind(assertThisInitialized(_this), _this.update));
+      return _this;
+    }
+    /**
+     * This gets called when an `ChaptersTrackMenuItem` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+
+
+    var _proto = ChaptersTrackMenuItem.prototype;
+
+    _proto.handleClick = function handleClick(event) {
+      _MenuItem.prototype.handleClick.call(this);
+
+      this.player_.currentTime(this.cue.startTime);
+      this.update(this.cue.startTime);
+    }
+    /**
+     * Update chapter menu item
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `cuechange` event that caused this function to run.
+     *
+     * @listens TextTrack#cuechange
+     */
+    ;
+
+    _proto.update = function update(event) {
+      var cue = this.cue;
+      var currentTime = this.player_.currentTime(); // vjs.log(currentTime, cue.startTime);
+
+      this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
+    };
+
+    return ChaptersTrackMenuItem;
+  }(MenuItem);
+
+  Component$1.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
+
+  /**
+   * The button component for toggling and selecting chapters
+   * Chapters act much differently than other text tracks
+   * Cues are navigation vs. other tracks of alternative languages
+   *
+   * @extends TextTrackButton
+   */
+
+  var ChaptersButton = /*#__PURE__*/function (_TextTrackButton) {
+    inheritsLoose(ChaptersButton, _TextTrackButton);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {Component~ReadyCallback} [ready]
+     *        The function to call when this function is ready.
+     */
+    function ChaptersButton(player, options, ready) {
+      return _TextTrackButton.call(this, player, options, ready) || this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = ChaptersButton.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-chapters-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
+    };
+
+    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
+      return "vjs-chapters-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
+    }
+    /**
+     * Update the menu based on the current state of its items.
+     *
+     * @param {EventTarget~Event} [event]
+     *        An event that triggered this function to run.
+     *
+     * @listens TextTrackList#addtrack
+     * @listens TextTrackList#removetrack
+     * @listens TextTrackList#change
+     */
+    ;
+
+    _proto.update = function update(event) {
+      if (!this.track_ || event && (event.type === 'addtrack' || event.type === 'removetrack')) {
+        this.setTrack(this.findChaptersTrack());
+      }
+
+      _TextTrackButton.prototype.update.call(this);
+    }
+    /**
+     * Set the currently selected track for the chapters button.
+     *
+     * @param {TextTrack} track
+     *        The new track to select. Nothing will change if this is the currently selected
+     *        track.
+     */
+    ;
+
+    _proto.setTrack = function setTrack(track) {
+      if (this.track_ === track) {
+        return;
+      }
+
+      if (!this.updateHandler_) {
+        this.updateHandler_ = this.update.bind(this);
+      } // here this.track_ refers to the old track instance
+
+
+      if (this.track_) {
+        var remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
+
+        if (remoteTextTrackEl) {
+          remoteTextTrackEl.removeEventListener('load', this.updateHandler_);
+        }
+
+        this.track_ = null;
+      }
+
+      this.track_ = track; // here this.track_ refers to the new track instance
+
+      if (this.track_) {
+        this.track_.mode = 'hidden';
+
+        var _remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
+
+        if (_remoteTextTrackEl) {
+          _remoteTextTrackEl.addEventListener('load', this.updateHandler_);
+        }
+      }
+    }
+    /**
+     * Find the track object that is currently in use by this ChaptersButton
+     *
+     * @return {TextTrack|undefined}
+     *         The current track or undefined if none was found.
+     */
+    ;
+
+    _proto.findChaptersTrack = function findChaptersTrack() {
+      var tracks = this.player_.textTracks() || [];
+
+      for (var i = tracks.length - 1; i >= 0; i--) {
+        // We will always choose the last track as our chaptersTrack
+        var track = tracks[i];
+
+        if (track.kind === this.kind_) {
+          return track;
+        }
+      }
+    }
+    /**
+     * Get the caption for the ChaptersButton based on the track label. This will also
+     * use the current tracks localized kind as a fallback if a label does not exist.
+     *
+     * @return {string}
+     *         The tracks current label or the localized track kind.
+     */
+    ;
+
+    _proto.getMenuCaption = function getMenuCaption() {
+      if (this.track_ && this.track_.label) {
+        return this.track_.label;
+      }
+
+      return this.localize(toTitleCase$1(this.kind_));
+    }
+    /**
+     * Create menu from chapter track
+     *
+     * @return {Menu}
+     *         New menu for the chapter buttons
+     */
+    ;
+
+    _proto.createMenu = function createMenu() {
+      this.options_.title = this.getMenuCaption();
+      return _TextTrackButton.prototype.createMenu.call(this);
+    }
+    /**
+     * Create a menu item for each text track
+     *
+     * @return {TextTrackMenuItem[]}
+     *         Array of menu items
+     */
+    ;
+
+    _proto.createItems = function createItems() {
+      var items = [];
+
+      if (!this.track_) {
+        return items;
+      }
+
+      var cues = this.track_.cues;
+
+      if (!cues) {
+        return items;
+      }
+
+      for (var i = 0, l = cues.length; i < l; i++) {
+        var cue = cues[i];
+        var mi = new ChaptersTrackMenuItem(this.player_, {
+          track: this.track_,
+          cue: cue
+        });
+        items.push(mi);
+      }
+
+      return items;
+    };
+
+    return ChaptersButton;
+  }(TextTrackButton);
+  /**
+   * `kind` of TextTrack to look for to associate it with this menu.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  ChaptersButton.prototype.kind_ = 'chapters';
+  /**
+   * The text that should display over the `ChaptersButton`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+  ChaptersButton.prototype.controlText_ = 'Chapters';
+  Component$1.registerComponent('ChaptersButton', ChaptersButton);
+
+  /**
+   * The button component for toggling and selecting descriptions
+   *
+   * @extends TextTrackButton
+   */
+
+  var DescriptionsButton = /*#__PURE__*/function (_TextTrackButton) {
+    inheritsLoose(DescriptionsButton, _TextTrackButton);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {Component~ReadyCallback} [ready]
+     *        The function to call when this component is ready.
+     */
+    function DescriptionsButton(player, options, ready) {
+      var _this;
+
+      _this = _TextTrackButton.call(this, player, options, ready) || this;
+      var tracks = player.textTracks();
+      var changeHandler = bind(assertThisInitialized(_this), _this.handleTracksChange);
+      tracks.addEventListener('change', changeHandler);
+
+      _this.on('dispose', function () {
+        tracks.removeEventListener('change', changeHandler);
+      });
+
+      return _this;
+    }
+    /**
+     * Handle text track change
+     *
+     * @param {EventTarget~Event} event
+     *        The event that caused this function to run
+     *
+     * @listens TextTrackList#change
+     */
+
+
+    var _proto = DescriptionsButton.prototype;
+
+    _proto.handleTracksChange = function handleTracksChange(event) {
+      var tracks = this.player().textTracks();
+      var disabled = false; // Check whether a track of a different kind is showing
+
+      for (var i = 0, l = tracks.length; i < l; i++) {
+        var track = tracks[i];
+
+        if (track.kind !== this.kind_ && track.mode === 'showing') {
+          disabled = true;
+          break;
+        }
+      } // If another track is showing, disable this menu button
+
+
+      if (disabled) {
+        this.disable();
+      } else {
+        this.enable();
+      }
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+    ;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
+    };
+
+    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
+      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
+    };
+
+    return DescriptionsButton;
+  }(TextTrackButton);
+  /**
+   * `kind` of TextTrack to look for to associate it with this menu.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  DescriptionsButton.prototype.kind_ = 'descriptions';
+  /**
+   * The text that should display over the `DescriptionsButton`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+  DescriptionsButton.prototype.controlText_ = 'Descriptions';
+  Component$1.registerComponent('DescriptionsButton', DescriptionsButton);
+
+  /**
+   * The button component for toggling and selecting subtitles
+   *
+   * @extends TextTrackButton
+   */
+
+  var SubtitlesButton = /*#__PURE__*/function (_TextTrackButton) {
+    inheritsLoose(SubtitlesButton, _TextTrackButton);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {Component~ReadyCallback} [ready]
+     *        The function to call when this component is ready.
+     */
+    function SubtitlesButton(player, options, ready) {
+      return _TextTrackButton.call(this, player, options, ready) || this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = SubtitlesButton.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
+    };
+
+    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
+      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
+    };
+
+    return SubtitlesButton;
+  }(TextTrackButton);
+  /**
+   * `kind` of TextTrack to look for to associate it with this menu.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  SubtitlesButton.prototype.kind_ = 'subtitles';
+  /**
+   * The text that should display over the `SubtitlesButton`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+  SubtitlesButton.prototype.controlText_ = 'Subtitles';
+  Component$1.registerComponent('SubtitlesButton', SubtitlesButton);
+
+  /**
+   * The menu item for caption track settings menu
+   *
+   * @extends TextTrackMenuItem
+   */
+
+  var CaptionSettingsMenuItem = /*#__PURE__*/function (_TextTrackMenuItem) {
+    inheritsLoose(CaptionSettingsMenuItem, _TextTrackMenuItem);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function CaptionSettingsMenuItem(player, options) {
+      var _this;
+
+      options.track = {
+        player: player,
+        kind: options.kind,
+        label: options.kind + ' settings',
+        selectable: false,
+        "default": false,
+        mode: 'disabled'
+      }; // CaptionSettingsMenuItem has no concept of 'selected'
+
+      options.selectable = false;
+      options.name = 'CaptionSettingsMenuItem';
+      _this = _TextTrackMenuItem.call(this, player, options) || this;
+
+      _this.addClass('vjs-texttrack-settings');
+
+      _this.controlText(', opens ' + options.kind + ' settings dialog');
+
+      return _this;
+    }
+    /**
+     * This gets called when an `CaptionSettingsMenuItem` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+
+
+    var _proto = CaptionSettingsMenuItem.prototype;
+
+    _proto.handleClick = function handleClick(event) {
+      this.player().getChild('textTrackSettings').open();
+    };
+
+    return CaptionSettingsMenuItem;
+  }(TextTrackMenuItem);
+
+  Component$1.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
+
+  /**
+   * The button component for toggling and selecting captions
+   *
+   * @extends TextTrackButton
+   */
+
+  var CaptionsButton = /*#__PURE__*/function (_TextTrackButton) {
+    inheritsLoose(CaptionsButton, _TextTrackButton);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {Component~ReadyCallback} [ready]
+     *        The function to call when this component is ready.
+     */
+    function CaptionsButton(player, options, ready) {
+      return _TextTrackButton.call(this, player, options, ready) || this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = CaptionsButton.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-captions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
+    };
+
+    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
+      return "vjs-captions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
+    }
+    /**
+     * Create caption menu items
+     *
+     * @return {CaptionSettingsMenuItem[]}
+     *         The array of current menu items.
+     */
+    ;
+
+    _proto.createItems = function createItems() {
+      var items = [];
+
+      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
+        items.push(new CaptionSettingsMenuItem(this.player_, {
+          kind: this.kind_
+        }));
+        this.hideThreshold_ += 1;
+      }
+
+      return _TextTrackButton.prototype.createItems.call(this, items);
+    };
+
+    return CaptionsButton;
+  }(TextTrackButton);
+  /**
+   * `kind` of TextTrack to look for to associate it with this menu.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  CaptionsButton.prototype.kind_ = 'captions';
+  /**
+   * The text that should display over the `CaptionsButton`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+  CaptionsButton.prototype.controlText_ = 'Captions';
+  Component$1.registerComponent('CaptionsButton', CaptionsButton);
+
+  /**
+   * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
+   * in the SubsCapsMenu.
+   *
+   * @extends TextTrackMenuItem
+   */
+
+  var SubsCapsMenuItem = /*#__PURE__*/function (_TextTrackMenuItem) {
+    inheritsLoose(SubsCapsMenuItem, _TextTrackMenuItem);
+
+    function SubsCapsMenuItem() {
+      return _TextTrackMenuItem.apply(this, arguments) || this;
+    }
+
+    var _proto = SubsCapsMenuItem.prototype;
+
+    _proto.createEl = function createEl(type, props, attrs) {
+      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
+
+      if (this.options_.track.kind === 'captions') {
+        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Captions') + "</span>\n      ";
+      }
+
+      innerHTML += '</span>';
+
+      var el = _TextTrackMenuItem.prototype.createEl.call(this, type, assign({
+        innerHTML: innerHTML
+      }, props), attrs);
+
+      return el;
+    };
+
+    return SubsCapsMenuItem;
+  }(TextTrackMenuItem);
+
+  Component$1.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
+
+  /**
+   * The button component for toggling and selecting captions and/or subtitles
+   *
+   * @extends TextTrackButton
+   */
+
+  var SubsCapsButton = /*#__PURE__*/function (_TextTrackButton) {
+    inheritsLoose(SubsCapsButton, _TextTrackButton);
+
+    function SubsCapsButton(player, options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      _this = _TextTrackButton.call(this, player, options) || this; // Although North America uses "captions" in most cases for
+      // "captions and subtitles" other locales use "subtitles"
+
+      _this.label_ = 'subtitles';
+
+      if (['en', 'en-us', 'en-ca', 'fr-ca'].indexOf(_this.player_.language_) > -1) {
+        _this.label_ = 'captions';
+      }
+
+      _this.menuButton_.controlText(toTitleCase$1(_this.label_));
+
+      return _this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = SubsCapsButton.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
+    };
+
+    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
+      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
+    }
+    /**
+     * Create caption/subtitles menu items
+     *
+     * @return {CaptionSettingsMenuItem[]}
+     *         The array of current menu items.
+     */
+    ;
+
+    _proto.createItems = function createItems() {
+      var items = [];
+
+      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
+        items.push(new CaptionSettingsMenuItem(this.player_, {
+          kind: this.label_
+        }));
+        this.hideThreshold_ += 1;
+      }
+
+      items = _TextTrackButton.prototype.createItems.call(this, items, SubsCapsMenuItem);
+      return items;
+    };
+
+    return SubsCapsButton;
+  }(TextTrackButton);
+  /**
+   * `kind`s of TextTrack to look for to associate it with this menu.
+   *
+   * @type {array}
+   * @private
+   */
+
+
+  SubsCapsButton.prototype.kinds_ = ['captions', 'subtitles'];
+  /**
+   * The text that should display over the `SubsCapsButton`s controls.
+   *
+   *
+   * @type {string}
+   * @private
+   */
+
+  SubsCapsButton.prototype.controlText_ = 'Subtitles';
+  Component$1.registerComponent('SubsCapsButton', SubsCapsButton);
+
+  /**
+   * An {@link AudioTrack} {@link MenuItem}
+   *
+   * @extends MenuItem
+   */
+
+  var AudioTrackMenuItem = /*#__PURE__*/function (_MenuItem) {
+    inheritsLoose(AudioTrackMenuItem, _MenuItem);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function AudioTrackMenuItem(player, options) {
+      var _this;
+
+      var track = options.track;
+      var tracks = player.audioTracks(); // Modify options for parent MenuItem class's init.
+
+      options.label = track.label || track.language || 'Unknown';
+      options.selected = track.enabled;
+      _this = _MenuItem.call(this, player, options) || this;
+      _this.track = track;
+
+      _this.addClass("vjs-" + track.kind + "-menu-item");
+
+      var changeHandler = function changeHandler() {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+
+        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
+      };
+
+      tracks.addEventListener('change', changeHandler);
+
+      _this.on('dispose', function () {
+        tracks.removeEventListener('change', changeHandler);
+      });
+
+      return _this;
+    }
+
+    var _proto = AudioTrackMenuItem.prototype;
+
+    _proto.createEl = function createEl(type, props, attrs) {
+      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
+
+      if (this.options_.track.kind === 'main-desc') {
+        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Descriptions') + "</span>\n      ";
+      }
+
+      innerHTML += '</span>';
+
+      var el = _MenuItem.prototype.createEl.call(this, type, assign({
+        innerHTML: innerHTML
+      }, props), attrs);
+
+      return el;
+    }
+    /**
+     * This gets called when an `AudioTrackMenuItem is "clicked". See {@link ClickableComponent}
+     * for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      _MenuItem.prototype.handleClick.call(this, event); // the audio track list will automatically toggle other tracks
+      // off for us.
+
+
+      this.track.enabled = true;
+    }
+    /**
+     * Handle any {@link AudioTrack} change.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The {@link AudioTrackList#change} event that caused this to run.
+     *
+     * @listens AudioTrackList#change
+     */
+    ;
+
+    _proto.handleTracksChange = function handleTracksChange(event) {
+      this.selected(this.track.enabled);
+    };
+
+    return AudioTrackMenuItem;
+  }(MenuItem);
+
+  Component$1.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
+
+  /**
+   * The base class for buttons that toggle specific {@link AudioTrack} types.
+   *
+   * @extends TrackButton
+   */
+
+  var AudioTrackButton = /*#__PURE__*/function (_TrackButton) {
+    inheritsLoose(AudioTrackButton, _TrackButton);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options={}]
+     *        The key/value store of player options.
+     */
+    function AudioTrackButton(player, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      options.tracks = player.audioTracks();
+      return _TrackButton.call(this, player, options) || this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+
+
+    var _proto = AudioTrackButton.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-audio-button " + _TrackButton.prototype.buildCSSClass.call(this);
+    };
+
+    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
+      return "vjs-audio-button " + _TrackButton.prototype.buildWrapperCSSClass.call(this);
+    }
+    /**
+     * Create a menu item for each audio track
+     *
+     * @param {AudioTrackMenuItem[]} [items=[]]
+     *        An array of existing menu items to use.
+     *
+     * @return {AudioTrackMenuItem[]}
+     *         An array of menu items
+     */
+    ;
+
+    _proto.createItems = function createItems(items) {
+      if (items === void 0) {
+        items = [];
+      }
+
+      // if there's only one audio track, there no point in showing it
+      this.hideThreshold_ = 1;
+      var tracks = this.player_.audioTracks();
+
+      for (var i = 0; i < tracks.length; i++) {
+        var track = tracks[i];
+        items.push(new AudioTrackMenuItem(this.player_, {
+          track: track,
+          // MenuItem is selectable
+          selectable: true,
+          // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
+          multiSelectable: false
+        }));
+      }
+
+      return items;
+    };
+
+    return AudioTrackButton;
+  }(TrackButton);
+  /**
+   * The text that should display over the `AudioTrackButton`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  AudioTrackButton.prototype.controlText_ = 'Audio Track';
+  Component$1.registerComponent('AudioTrackButton', AudioTrackButton);
+
+  /**
+   * The specific menu item type for selecting a playback rate.
+   *
+   * @extends MenuItem
+   */
+
+  var PlaybackRateMenuItem = /*#__PURE__*/function (_MenuItem) {
+    inheritsLoose(PlaybackRateMenuItem, _MenuItem);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function PlaybackRateMenuItem(player, options) {
+      var _this;
+
+      var label = options.rate;
+      var rate = parseFloat(label, 10); // Modify options for parent MenuItem class's init.
+
+      options.label = label;
+      options.selected = rate === player.playbackRate();
+      options.selectable = true;
+      options.multiSelectable = false;
+      _this = _MenuItem.call(this, player, options) || this;
+      _this.label = label;
+      _this.rate = rate;
+
+      _this.on(player, 'ratechange', function (e) {
+        return _this.update(e);
+      });
+
+      return _this;
+    }
+    /**
+     * This gets called when an `PlaybackRateMenuItem` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+
+
+    var _proto = PlaybackRateMenuItem.prototype;
+
+    _proto.handleClick = function handleClick(event) {
+      _MenuItem.prototype.handleClick.call(this);
+
+      this.player().playbackRate(this.rate);
+    }
+    /**
+     * Update the PlaybackRateMenuItem when the playbackrate changes.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `ratechange` event that caused this function to run.
+     *
+     * @listens Player#ratechange
+     */
+    ;
+
+    _proto.update = function update(event) {
+      this.selected(this.player().playbackRate() === this.rate);
+    };
+
+    return PlaybackRateMenuItem;
+  }(MenuItem);
+  /**
+   * The text that should display over the `PlaybackRateMenuItem`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  PlaybackRateMenuItem.prototype.contentElType = 'button';
+  Component$1.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);
+
+  /**
+   * The component for controlling the playback rate.
+   *
+   * @extends MenuButton
+   */
+
+  var PlaybackRateMenuButton = /*#__PURE__*/function (_MenuButton) {
+    inheritsLoose(PlaybackRateMenuButton, _MenuButton);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    function PlaybackRateMenuButton(player, options) {
+      var _this;
+
+      _this = _MenuButton.call(this, player, options) || this;
+
+      _this.menuButton_.el_.setAttribute('aria-describedby', _this.labelElId_);
+
+      _this.updateVisibility();
+
+      _this.updateLabel();
+
+      _this.on(player, 'loadstart', function (e) {
+        return _this.updateVisibility(e);
+      });
+
+      _this.on(player, 'ratechange', function (e) {
+        return _this.updateLabel(e);
+      });
+
+      _this.on(player, 'playbackrateschange', function (e) {
+        return _this.handlePlaybackRateschange(e);
+      });
+
+      return _this;
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+
+
+    var _proto = PlaybackRateMenuButton.prototype;
+
+    _proto.createEl = function createEl$1() {
+      var el = _MenuButton.prototype.createEl.call(this);
+
+      this.labelElId_ = 'vjs-playback-rate-value-label-' + this.id_;
+      this.labelEl_ = createEl('div', {
+        className: 'vjs-playback-rate-value',
+        id: this.labelElId_,
+        innerHTML: '1x'
+      });
+      el.appendChild(this.labelEl_);
+      return el;
+    };
+
+    _proto.dispose = function dispose() {
+      this.labelEl_ = null;
+
+      _MenuButton.prototype.dispose.call(this);
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+    ;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-playback-rate " + _MenuButton.prototype.buildCSSClass.call(this);
+    };
+
+    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
+      return "vjs-playback-rate " + _MenuButton.prototype.buildWrapperCSSClass.call(this);
+    }
+    /**
+     * Create the list of menu items. Specific to each subclass.
+     *
+     */
+    ;
+
+    _proto.createItems = function createItems() {
+      var rates = this.playbackRates();
+      var items = [];
+
+      for (var i = rates.length - 1; i >= 0; i--) {
+        items.push(new PlaybackRateMenuItem(this.player(), {
+          rate: rates[i] + 'x'
+        }));
+      }
+
+      return items;
+    }
+    /**
+     * Updates ARIA accessibility attributes
+     */
+    ;
+
+    _proto.updateARIAAttributes = function updateARIAAttributes() {
+      // Current playback rate
+      this.el().setAttribute('aria-valuenow', this.player().playbackRate());
+    }
+    /**
+     * This gets called when an `PlaybackRateMenuButton` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {EventTarget~Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    ;
+
+    _proto.handleClick = function handleClick(event) {
+      // select next rate option
+      var currentRate = this.player().playbackRate();
+      var rates = this.playbackRates(); // this will select first one if the last one currently selected
+
+      var newRate = rates[0];
+
+      for (var i = 0; i < rates.length; i++) {
+        if (rates[i] > currentRate) {
+          newRate = rates[i];
+          break;
+        }
+      }
+
+      this.player().playbackRate(newRate);
+    }
+    /**
+     * On playbackrateschange, update the menu to account for the new items.
+     *
+     * @listens Player#playbackrateschange
+     */
+    ;
+
+    _proto.handlePlaybackRateschange = function handlePlaybackRateschange(event) {
+      this.update();
+    }
+    /**
+     * Get possible playback rates
+     *
+     * @return {Array}
+     *         All possible playback rates
+     */
+    ;
+
+    _proto.playbackRates = function playbackRates() {
+      var player = this.player();
+      return player.playbackRates && player.playbackRates() || [];
+    }
+    /**
+     * Get whether playback rates is supported by the tech
+     * and an array of playback rates exists
+     *
+     * @return {boolean}
+     *         Whether changing playback rate is supported
+     */
+    ;
+
+    _proto.playbackRateSupported = function playbackRateSupported() {
+      return this.player().tech_ && this.player().tech_.featuresPlaybackRate && this.playbackRates() && this.playbackRates().length > 0;
+    }
+    /**
+     * Hide playback rate controls when they're no playback rate options to select
+     *
+     * @param {EventTarget~Event} [event]
+     *        The event that caused this function to run.
+     *
+     * @listens Player#loadstart
+     */
+    ;
+
+    _proto.updateVisibility = function updateVisibility(event) {
+      if (this.playbackRateSupported()) {
+        this.removeClass('vjs-hidden');
+      } else {
+        this.addClass('vjs-hidden');
+      }
+    }
+    /**
+     * Update button label when rate changed
+     *
+     * @param {EventTarget~Event} [event]
+     *        The event that caused this function to run.
+     *
+     * @listens Player#ratechange
+     */
+    ;
+
+    _proto.updateLabel = function updateLabel(event) {
+      if (this.playbackRateSupported()) {
+        this.labelEl_.innerHTML = this.player().playbackRate() + 'x';
+      }
+    };
+
+    return PlaybackRateMenuButton;
+  }(MenuButton);
+  /**
+   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
+   *
+   * @type {string}
+   * @private
+   */
+
+
+  PlaybackRateMenuButton.prototype.controlText_ = 'Playback Rate';
+  Component$1.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);
+
+  /**
+   * Just an empty spacer element that can be used as an append point for plugins, etc.
+   * Also can be used to create space between elements when necessary.
+   *
+   * @extends Component
+   */
+
+  var Spacer = /*#__PURE__*/function (_Component) {
+    inheritsLoose(Spacer, _Component);
+
+    function Spacer() {
+      return _Component.apply(this, arguments) || this;
+    }
+
+    var _proto = Spacer.prototype;
+
+    /**
+    * Builds the default DOM `className`.
+    *
+    * @return {string}
+    *         The DOM `className` for this object.
+    */
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-spacer " + _Component.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+    ;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: this.buildCSSClass()
+      });
+    };
+
+    return Spacer;
+  }(Component$1);
+
+  Component$1.registerComponent('Spacer', Spacer);
+
+  /**
+   * Spacer specifically meant to be used as an insertion point for new plugins, etc.
+   *
+   * @extends Spacer
+   */
+
+  var CustomControlSpacer = /*#__PURE__*/function (_Spacer) {
+    inheritsLoose(CustomControlSpacer, _Spacer);
+
+    function CustomControlSpacer() {
+      return _Spacer.apply(this, arguments) || this;
+    }
+
+    var _proto = CustomControlSpacer.prototype;
+
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     */
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-custom-control-spacer " + _Spacer.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+    ;
+
+    _proto.createEl = function createEl() {
+      var el = _Spacer.prototype.createEl.call(this, {
+        className: this.buildCSSClass()
+      }); // No-flex/table-cell mode requires there be some content
+      // in the cell to fill the remaining space of the table.
+
+
+      el.innerHTML = "\xA0";
+      return el;
+    };
+
+    return CustomControlSpacer;
+  }(Spacer);
+
+  Component$1.registerComponent('CustomControlSpacer', CustomControlSpacer);
+
+  /**
+   * Container of main controls.
+   *
+   * @extends Component
+   */
+
+  var ControlBar = /*#__PURE__*/function (_Component) {
+    inheritsLoose(ControlBar, _Component);
+
+    function ControlBar() {
+      return _Component.apply(this, arguments) || this;
+    }
+
+    var _proto = ControlBar.prototype;
+
+    /**
+     * Create the `Component`'s DOM element
+     *
+     * @return {Element}
+     *         The element that was created.
+     */
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'div', {
+        className: 'vjs-control-bar',
+        dir: 'ltr'
+      });
+    };
+
+    return ControlBar;
+  }(Component$1);
+  /**
+   * Default options for `ControlBar`
+   *
+   * @type {Object}
+   * @private
+   */
+
+
+  ControlBar.prototype.options_ = {
+    children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'seekToLive', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
+  };
+
+  if ('exitPictureInPicture' in document_1) {
+    ControlBar.prototype.options_.children.splice(ControlBar.prototype.options_.children.length - 1, 0, 'pictureInPictureToggle');
+  }
+
+  Component$1.registerComponent('ControlBar', ControlBar);
+
+  /**
+   * A display that indicates an error has occurred. This means that the video
+   * is unplayable.
+   *
+   * @extends ModalDialog
+   */
+
+  var ErrorDisplay = /*#__PURE__*/function (_ModalDialog) {
+    inheritsLoose(ErrorDisplay, _ModalDialog);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param  {Player} player
+     *         The `Player` that this class should be attached to.
+     *
+     * @param  {Object} [options]
+     *         The key/value store of player options.
+     */
+    function ErrorDisplay(player, options) {
+      var _this;
+
+      _this = _ModalDialog.call(this, player, options) || this;
+
+      _this.on(player, 'error', function (e) {
+        return _this.open(e);
+      });
+
+      return _this;
+    }
+    /**
+     * Builds the default DOM `className`.
+     *
+     * @return {string}
+     *         The DOM `className` for this object.
+     *
+     * @deprecated Since version 5.
+     */
+
+
+    var _proto = ErrorDisplay.prototype;
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return "vjs-error-display " + _ModalDialog.prototype.buildCSSClass.call(this);
+    }
+    /**
+     * Gets the localized error message based on the `Player`s error.
+     *
+     * @return {string}
+     *         The `Player`s error message localized or an empty string.
+     */
+    ;
+
+    _proto.content = function content() {
+      var error = this.player().error();
+      return error ? this.localize(error.message) : '';
+    };
+
+    return ErrorDisplay;
+  }(ModalDialog);
+  /**
+   * The default options for an `ErrorDisplay`.
+   *
+   * @private
+   */
+
+
+  ErrorDisplay.prototype.options_ = _extends_1({}, ModalDialog.prototype.options_, {
+    pauseOnOpen: false,
+    fillAlways: true,
+    temporary: false,
+    uncloseable: true
+  });
+  Component$1.registerComponent('ErrorDisplay', ErrorDisplay);
+
+  var LOCAL_STORAGE_KEY$1 = 'vjs-text-track-settings';
+  var COLOR_BLACK = ['#000', 'Black'];
+  var COLOR_BLUE = ['#00F', 'Blue'];
+  var COLOR_CYAN = ['#0FF', 'Cyan'];
+  var COLOR_GREEN = ['#0F0', 'Green'];
+  var COLOR_MAGENTA = ['#F0F', 'Magenta'];
+  var COLOR_RED = ['#F00', 'Red'];
+  var COLOR_WHITE = ['#FFF', 'White'];
+  var COLOR_YELLOW = ['#FF0', 'Yellow'];
+  var OPACITY_OPAQUE = ['1', 'Opaque'];
+  var OPACITY_SEMI = ['0.5', 'Semi-Transparent'];
+  var OPACITY_TRANS = ['0', 'Transparent']; // Configuration for the various <select> elements in the DOM of this component.
+  //
+  // Possible keys include:
+  //
+  // `default`:
+  //   The default option index. Only needs to be provided if not zero.
+  // `parser`:
+  //   A function which is used to parse the value from the selected option in
+  //   a customized way.
+  // `selector`:
+  //   The selector used to find the associated <select> element.
+
+  var selectConfigs = {
+    backgroundColor: {
+      selector: '.vjs-bg-color > select',
+      id: 'captions-background-color-%s',
+      label: 'Color',
+      options: [COLOR_BLACK, COLOR_WHITE, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
+    },
+    backgroundOpacity: {
+      selector: '.vjs-bg-opacity > select',
+      id: 'captions-background-opacity-%s',
+      label: 'Transparency',
+      options: [OPACITY_OPAQUE, OPACITY_SEMI, OPACITY_TRANS]
+    },
+    color: {
+      selector: '.vjs-fg-color > select',
+      id: 'captions-foreground-color-%s',
+      label: 'Color',
+      options: [COLOR_WHITE, COLOR_BLACK, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
+    },
+    edgeStyle: {
+      selector: '.vjs-edge-style > select',
+      id: '%s',
+      label: 'Text Edge Style',
+      options: [['none', 'None'], ['raised', 'Raised'], ['depressed', 'Depressed'], ['uniform', 'Uniform'], ['dropshadow', 'Dropshadow']]
+    },
+    fontFamily: {
+      selector: '.vjs-font-family > select',
+      id: 'captions-font-family-%s',
+      label: 'Font Family',
+      options: [['proportionalSansSerif', 'Proportional Sans-Serif'], ['monospaceSansSerif', 'Monospace Sans-Serif'], ['proportionalSerif', 'Proportional Serif'], ['monospaceSerif', 'Monospace Serif'], ['casual', 'Casual'], ['script', 'Script'], ['small-caps', 'Small Caps']]
+    },
+    fontPercent: {
+      selector: '.vjs-font-percent > select',
+      id: 'captions-font-size-%s',
+      label: 'Font Size',
+      options: [['0.50', '50%'], ['0.75', '75%'], ['1.00', '100%'], ['1.25', '125%'], ['1.50', '150%'], ['1.75', '175%'], ['2.00', '200%'], ['3.00', '300%'], ['4.00', '400%']],
+      "default": 2,
+      parser: function parser(v) {
+        return v === '1.00' ? null : Number(v);
+      }
+    },
+    textOpacity: {
+      selector: '.vjs-text-opacity > select',
+      id: 'captions-foreground-opacity-%s',
+      label: 'Transparency',
+      options: [OPACITY_OPAQUE, OPACITY_SEMI]
+    },
+    // Options for this object are defined below.
+    windowColor: {
+      selector: '.vjs-window-color > select',
+      id: 'captions-window-color-%s',
+      label: 'Color'
+    },
+    // Options for this object are defined below.
+    windowOpacity: {
+      selector: '.vjs-window-opacity > select',
+      id: 'captions-window-opacity-%s',
+      label: 'Transparency',
+      options: [OPACITY_TRANS, OPACITY_SEMI, OPACITY_OPAQUE]
+    }
+  };
+  selectConfigs.windowColor.options = selectConfigs.backgroundColor.options;
+  /**
+   * Get the actual value of an option.
+   *
+   * @param  {string} value
+   *         The value to get
+   *
+   * @param  {Function} [parser]
+   *         Optional function to adjust the value.
+   *
+   * @return {Mixed}
+   *         - Will be `undefined` if no value exists
+   *         - Will be `undefined` if the given value is "none".
+   *         - Will be the actual value otherwise.
+   *
+   * @private
+   */
+
+  function parseOptionValue(value, parser) {
+    if (parser) {
+      value = parser(value);
+    }
+
+    if (value && value !== 'none') {
+      return value;
+    }
+  }
+  /**
+   * Gets the value of the selected <option> element within a <select> element.
+   *
+   * @param  {Element} el
+   *         the element to look in
+   *
+   * @param  {Function} [parser]
+   *         Optional function to adjust the value.
+   *
+   * @return {Mixed}
+   *         - Will be `undefined` if no value exists
+   *         - Will be `undefined` if the given value is "none".
+   *         - Will be the actual value otherwise.
+   *
+   * @private
+   */
+
+
+  function getSelectedOptionValue(el, parser) {
+    var value = el.options[el.options.selectedIndex].value;
+    return parseOptionValue(value, parser);
+  }
+  /**
+   * Sets the selected <option> element within a <select> element based on a
+   * given value.
+   *
+   * @param {Element} el
+   *        The element to look in.
+   *
+   * @param {string} value
+   *        the property to look on.
+   *
+   * @param {Function} [parser]
+   *        Optional function to adjust the value before comparing.
+   *
+   * @private
+   */
+
+
+  function setSelectedOption(el, value, parser) {
+    if (!value) {
+      return;
+    }
+
+    for (var i = 0; i < el.options.length; i++) {
+      if (parseOptionValue(el.options[i].value, parser) === value) {
+        el.selectedIndex = i;
+        break;
+      }
+    }
+  }
+  /**
+   * Manipulate Text Tracks settings.
+   *
+   * @extends ModalDialog
+   */
+
+
+  var TextTrackSettings = /*#__PURE__*/function (_ModalDialog) {
+    inheritsLoose(TextTrackSettings, _ModalDialog);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *         The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *         The key/value store of player options.
+     */
+    function TextTrackSettings(player, options) {
+      var _this;
+
+      options.temporary = false;
+      _this = _ModalDialog.call(this, player, options) || this;
+      _this.updateDisplay = _this.updateDisplay.bind(assertThisInitialized(_this)); // fill the modal and pretend we have opened it
+
+      _this.fill();
+
+      _this.hasBeenOpened_ = _this.hasBeenFilled_ = true;
+      _this.endDialog = createEl('p', {
+        className: 'vjs-control-text',
+        textContent: _this.localize('End of dialog window.')
+      });
+
+      _this.el().appendChild(_this.endDialog);
+
+      _this.setDefaults(); // Grab `persistTextTrackSettings` from the player options if not passed in child options
+
+
+      if (options.persistTextTrackSettings === undefined) {
+        _this.options_.persistTextTrackSettings = _this.options_.playerOptions.persistTextTrackSettings;
+      }
+
+      _this.on(_this.$('.vjs-done-button'), 'click', function () {
+        _this.saveSettings();
+
+        _this.close();
+      });
+
+      _this.on(_this.$('.vjs-default-button'), 'click', function () {
+        _this.setDefaults();
+
+        _this.updateDisplay();
+      });
+
+      each(selectConfigs, function (config) {
+        _this.on(_this.$(config.selector), 'change', _this.updateDisplay);
+      });
+
+      if (_this.options_.persistTextTrackSettings) {
+        _this.restoreSettings();
+      }
+
+      return _this;
+    }
+
+    var _proto = TextTrackSettings.prototype;
+
+    _proto.dispose = function dispose() {
+      this.endDialog = null;
+
+      _ModalDialog.prototype.dispose.call(this);
+    }
+    /**
+     * Create a <select> element with configured options.
+     *
+     * @param {string} key
+     *        Configuration key to use during creation.
+     *
+     * @return {string}
+     *         An HTML string.
+     *
+     * @private
+     */
+    ;
+
+    _proto.createElSelect_ = function createElSelect_(key, legendId, type) {
+      var _this2 = this;
+
+      if (legendId === void 0) {
+        legendId = '';
+      }
+
+      if (type === void 0) {
+        type = 'label';
+      }
+
+      var config = selectConfigs[key];
+      var id = config.id.replace('%s', this.id_);
+      var selectLabelledbyIds = [legendId, id].join(' ').trim();
+      return ["<" + type + " id=\"" + id + "\" class=\"" + (type === 'label' ? 'vjs-label' : '') + "\">", this.localize(config.label), "</" + type + ">", "<select aria-labelledby=\"" + selectLabelledbyIds + "\">"].concat(config.options.map(function (o) {
+        var optionId = id + '-' + o[1].replace(/\W+/g, '');
+        return ["<option id=\"" + optionId + "\" value=\"" + o[0] + "\" ", "aria-labelledby=\"" + selectLabelledbyIds + " " + optionId + "\">", _this2.localize(o[1]), '</option>'].join('');
+      })).concat('</select>').join('');
+    }
+    /**
+     * Create foreground color element for the component
+     *
+     * @return {string}
+     *         An HTML string.
+     *
+     * @private
+     */
+    ;
+
+    _proto.createElFgColor_ = function createElFgColor_() {
+      var legendId = "captions-text-legend-" + this.id_;
+      return ['<fieldset class="vjs-fg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Text'), '</legend>', this.createElSelect_('color', legendId), '<span class="vjs-text-opacity vjs-opacity">', this.createElSelect_('textOpacity', legendId), '</span>', '</fieldset>'].join('');
+    }
+    /**
+     * Create background color element for the component
+     *
+     * @return {string}
+     *         An HTML string.
+     *
+     * @private
+     */
+    ;
+
+    _proto.createElBgColor_ = function createElBgColor_() {
+      var legendId = "captions-background-" + this.id_;
+      return ['<fieldset class="vjs-bg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Background'), '</legend>', this.createElSelect_('backgroundColor', legendId), '<span class="vjs-bg-opacity vjs-opacity">', this.createElSelect_('backgroundOpacity', legendId), '</span>', '</fieldset>'].join('');
+    }
+    /**
+     * Create window color element for the component
+     *
+     * @return {string}
+     *         An HTML string.
+     *
+     * @private
+     */
+    ;
+
+    _proto.createElWinColor_ = function createElWinColor_() {
+      var legendId = "captions-window-" + this.id_;
+      return ['<fieldset class="vjs-window-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Window'), '</legend>', this.createElSelect_('windowColor', legendId), '<span class="vjs-window-opacity vjs-opacity">', this.createElSelect_('windowOpacity', legendId), '</span>', '</fieldset>'].join('');
+    }
+    /**
+     * Create color elements for the component
+     *
+     * @return {Element}
+     *         The element that was created
+     *
+     * @private
+     */
+    ;
+
+    _proto.createElColors_ = function createElColors_() {
+      return createEl('div', {
+        className: 'vjs-track-settings-colors',
+        innerHTML: [this.createElFgColor_(), this.createElBgColor_(), this.createElWinColor_()].join('')
+      });
+    }
+    /**
+     * Create font elements for the component
+     *
+     * @return {Element}
+     *         The element that was created.
+     *
+     * @private
+     */
+    ;
+
+    _proto.createElFont_ = function createElFont_() {
+      return createEl('div', {
+        className: 'vjs-track-settings-font',
+        innerHTML: ['<fieldset class="vjs-font-percent vjs-track-setting">', this.createElSelect_('fontPercent', '', 'legend'), '</fieldset>', '<fieldset class="vjs-edge-style vjs-track-setting">', this.createElSelect_('edgeStyle', '', 'legend'), '</fieldset>', '<fieldset class="vjs-font-family vjs-track-setting">', this.createElSelect_('fontFamily', '', 'legend'), '</fieldset>'].join('')
+      });
+    }
+    /**
+     * Create controls for the component
+     *
+     * @return {Element}
+     *         The element that was created.
+     *
+     * @private
+     */
+    ;
+
+    _proto.createElControls_ = function createElControls_() {
+      var defaultsDescription = this.localize('restore all settings to the default values');
+      return createEl('div', {
+        className: 'vjs-track-settings-controls',
+        innerHTML: ["<button type=\"button\" class=\"vjs-default-button\" title=\"" + defaultsDescription + "\">", this.localize('Reset'), "<span class=\"vjs-control-text\"> " + defaultsDescription + "</span>", '</button>', "<button type=\"button\" class=\"vjs-done-button\">" + this.localize('Done') + "</button>"].join('')
+      });
+    };
+
+    _proto.content = function content() {
+      return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
+    };
+
+    _proto.label = function label() {
+      return this.localize('Caption Settings Dialog');
+    };
+
+    _proto.description = function description() {
+      return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
+    };
+
+    _proto.buildCSSClass = function buildCSSClass() {
+      return _ModalDialog.prototype.buildCSSClass.call(this) + ' vjs-text-track-settings';
+    }
+    /**
+     * Gets an object of text track settings (or null).
+     *
+     * @return {Object}
+     *         An object with config values parsed from the DOM or localStorage.
+     */
+    ;
+
+    _proto.getValues = function getValues() {
+      var _this3 = this;
+
+      return reduce(selectConfigs, function (accum, config, key) {
+        var value = getSelectedOptionValue(_this3.$(config.selector), config.parser);
+
+        if (value !== undefined) {
+          accum[key] = value;
+        }
+
+        return accum;
+      }, {});
+    }
+    /**
+     * Sets text track settings from an object of values.
+     *
+     * @param {Object} values
+     *        An object with config values parsed from the DOM or localStorage.
+     */
+    ;
+
+    _proto.setValues = function setValues(values) {
+      var _this4 = this;
+
+      each(selectConfigs, function (config, key) {
+        setSelectedOption(_this4.$(config.selector), values[key], config.parser);
+      });
+    }
+    /**
+     * Sets all `<select>` elements to their default values.
+     */
+    ;
+
+    _proto.setDefaults = function setDefaults() {
+      var _this5 = this;
+
+      each(selectConfigs, function (config) {
+        var index = config.hasOwnProperty('default') ? config["default"] : 0;
+        _this5.$(config.selector).selectedIndex = index;
+      });
+    }
+    /**
+     * Restore texttrack settings from localStorage
+     */
+    ;
+
+    _proto.restoreSettings = function restoreSettings() {
+      var values;
+
+      try {
+        values = JSON.parse(window_1.localStorage.getItem(LOCAL_STORAGE_KEY$1));
+      } catch (err) {
+        log$1.warn(err);
+      }
+
+      if (values) {
+        this.setValues(values);
+      }
+    }
+    /**
+     * Save text track settings to localStorage
+     */
+    ;
+
+    _proto.saveSettings = function saveSettings() {
+      if (!this.options_.persistTextTrackSettings) {
+        return;
+      }
+
+      var values = this.getValues();
+
+      try {
+        if (Object.keys(values).length) {
+          window_1.localStorage.setItem(LOCAL_STORAGE_KEY$1, JSON.stringify(values));
+        } else {
+          window_1.localStorage.removeItem(LOCAL_STORAGE_KEY$1);
+        }
+      } catch (err) {
+        log$1.warn(err);
+      }
+    }
+    /**
+     * Update display of text track settings
+     */
+    ;
+
+    _proto.updateDisplay = function updateDisplay() {
+      var ttDisplay = this.player_.getChild('textTrackDisplay');
+
+      if (ttDisplay) {
+        ttDisplay.updateDisplay();
+      }
+    }
+    /**
+     * conditionally blur the element and refocus the captions button
+     *
+     * @private
+     */
+    ;
+
+    _proto.conditionalBlur_ = function conditionalBlur_() {
+      this.previouslyActiveEl_ = null;
+      var cb = this.player_.controlBar;
+      var subsCapsBtn = cb && cb.subsCapsButton;
+      var ccBtn = cb && cb.captionsButton;
+
+      if (subsCapsBtn) {
+        subsCapsBtn.focus();
+      } else if (ccBtn) {
+        ccBtn.focus();
+      }
+    };
+
+    return TextTrackSettings;
+  }(ModalDialog);
+
+  Component$1.registerComponent('TextTrackSettings', TextTrackSettings);
+
+  /**
+   * A Resize Manager. It is in charge of triggering `playerresize` on the player in the right conditions.
+   *
+   * It'll either create an iframe and use a debounced resize handler on it or use the new {@link https://wicg.github.io/ResizeObserver/|ResizeObserver}.
+   *
+   * If the ResizeObserver is available natively, it will be used. A polyfill can be passed in as an option.
+   * If a `playerresize` event is not needed, the ResizeManager component can be removed from the player, see the example below.
+   * @example <caption>How to disable the resize manager</caption>
+   * const player = videojs('#vid', {
+   *   resizeManager: false
+   * });
+   *
+   * @see {@link https://wicg.github.io/ResizeObserver/|ResizeObserver specification}
+   *
+   * @extends Component
+   */
+
+  var ResizeManager = /*#__PURE__*/function (_Component) {
+    inheritsLoose(ResizeManager, _Component);
+
+    /**
+     * Create the ResizeManager.
+     *
+     * @param {Object} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of ResizeManager options.
+     *
+     * @param {Object} [options.ResizeObserver]
+     *        A polyfill for ResizeObserver can be passed in here.
+     *        If this is set to null it will ignore the native ResizeObserver and fall back to the iframe fallback.
+     */
+    function ResizeManager(player, options) {
+      var _this;
+
+      var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window_1.ResizeObserver; // if `null` was passed, we want to disable the ResizeObserver
+
+      if (options.ResizeObserver === null) {
+        RESIZE_OBSERVER_AVAILABLE = false;
+      } // Only create an element when ResizeObserver isn't available
+
+
+      var options_ = mergeOptions$3({
+        createEl: !RESIZE_OBSERVER_AVAILABLE,
+        reportTouchActivity: false
+      }, options);
+      _this = _Component.call(this, player, options_) || this;
+      _this.ResizeObserver = options.ResizeObserver || window_1.ResizeObserver;
+      _this.loadListener_ = null;
+      _this.resizeObserver_ = null;
+      _this.debouncedHandler_ = debounce(function () {
+        _this.resizeHandler();
+      }, 100, false, assertThisInitialized(_this));
+
+      if (RESIZE_OBSERVER_AVAILABLE) {
+        _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
+
+        _this.resizeObserver_.observe(player.el());
+      } else {
+        _this.loadListener_ = function () {
+          if (!_this.el_ || !_this.el_.contentWindow) {
+            return;
+          }
+
+          var debouncedHandler_ = _this.debouncedHandler_;
+
+          var unloadListener_ = _this.unloadListener_ = function () {
+            off(this, 'resize', debouncedHandler_);
+            off(this, 'unload', unloadListener_);
+            unloadListener_ = null;
+          }; // safari and edge can unload the iframe before resizemanager dispose
+          // we have to dispose of event handlers correctly before that happens
+
+
+          on(_this.el_.contentWindow, 'unload', unloadListener_);
+          on(_this.el_.contentWindow, 'resize', debouncedHandler_);
+        };
+
+        _this.one('load', _this.loadListener_);
+      }
+
+      return _this;
+    }
+
+    var _proto = ResizeManager.prototype;
+
+    _proto.createEl = function createEl() {
+      return _Component.prototype.createEl.call(this, 'iframe', {
+        className: 'vjs-resize-manager',
+        tabIndex: -1
+      }, {
+        'aria-hidden': 'true'
+      });
+    }
+    /**
+     * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
+     *
+     * @fires Player#playerresize
+     */
+    ;
+
+    _proto.resizeHandler = function resizeHandler() {
+      /**
+       * Called when the player size has changed
+       *
+       * @event Player#playerresize
+       * @type {EventTarget~Event}
+       */
+      // make sure player is still around to trigger
+      // prevents this from causing an error after dispose
+      if (!this.player_ || !this.player_.trigger) {
+        return;
+      }
+
+      this.player_.trigger('playerresize');
+    };
+
+    _proto.dispose = function dispose() {
+      if (this.debouncedHandler_) {
+        this.debouncedHandler_.cancel();
+      }
+
+      if (this.resizeObserver_) {
+        if (this.player_.el()) {
+          this.resizeObserver_.unobserve(this.player_.el());
+        }
+
+        this.resizeObserver_.disconnect();
+      }
+
+      if (this.loadListener_) {
+        this.off('load', this.loadListener_);
+      }
+
+      if (this.el_ && this.el_.contentWindow && this.unloadListener_) {
+        this.unloadListener_.call(this.el_.contentWindow);
+      }
+
+      this.ResizeObserver = null;
+      this.resizeObserver = null;
+      this.debouncedHandler_ = null;
+      this.loadListener_ = null;
+
+      _Component.prototype.dispose.call(this);
+    };
+
+    return ResizeManager;
+  }(Component$1);
+
+  Component$1.registerComponent('ResizeManager', ResizeManager);
+
+  var defaults = {
+    trackingThreshold: 30,
+    liveTolerance: 15
+  };
+  /*
+    track when we are at the live edge, and other helpers for live playback */
+
+  /**
+   * A class for checking live current time and determining when the player
+   * is at or behind the live edge.
+   */
+
+  var LiveTracker = /*#__PURE__*/function (_Component) {
+    inheritsLoose(LiveTracker, _Component);
+
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {number} [options.trackingThreshold=30]
+     *        Number of seconds of live window (seekableEnd - seekableStart) that
+     *        media needs to have before the liveui will be shown.
+     *
+     * @param {number} [options.liveTolerance=15]
+     *        Number of seconds behind live that we have to be
+     *        before we will be considered non-live. Note that this will only
+     *        be used when playing at the live edge. This allows large seekable end
+     *        changes to not effect wether we are live or not.
+     */
+    function LiveTracker(player, options) {
+      var _this;
+
+      // LiveTracker does not need an element
+      var options_ = mergeOptions$3(defaults, options, {
+        createEl: false
+      });
+      _this = _Component.call(this, player, options_) || this;
+
+      _this.handleVisibilityChange_ = function (e) {
+        return _this.handleVisibilityChange(e);
+      };
+
+      _this.trackLiveHandler_ = function () {
+        return _this.trackLive_();
+      };
+
+      _this.handlePlay_ = function (e) {
+        return _this.handlePlay(e);
+      };
+
+      _this.handleFirstTimeupdate_ = function (e) {
+        return _this.handleFirstTimeupdate(e);
+      };
+
+      _this.handleSeeked_ = function (e) {
+        return _this.handleSeeked(e);
+      };
+
+      _this.seekToLiveEdge_ = function (e) {
+        return _this.seekToLiveEdge(e);
+      };
+
+      _this.reset_();
+
+      _this.on(_this.player_, 'durationchange', function (e) {
+        return _this.handleDurationchange(e);
+      }); // we should try to toggle tracking on canplay as native playback engines, like Safari
+      // may not have the proper values for things like seekableEnd until then
+
+
+      _this.one(_this.player_, 'canplay', function () {
+        return _this.toggleTracking();
+      }); // we don't need to track live playback if the document is hidden,
+      // also, tracking when the document is hidden can
+      // cause the CPU to spike and eventually crash the page on IE11.
+
+
+      if (IE_VERSION && 'hidden' in document_1 && 'visibilityState' in document_1) {
+        _this.on(document_1, 'visibilitychange', _this.handleVisibilityChange_);
+      }
+
+      return _this;
+    }
+    /**
+     * toggle tracking based on document visiblility
+     */
+
+
+    var _proto = LiveTracker.prototype;
+
+    _proto.handleVisibilityChange = function handleVisibilityChange() {
+      if (this.player_.duration() !== Infinity) {
+        return;
+      }
+
+      if (document_1.hidden) {
+        this.stopTracking();
+      } else {
+        this.startTracking();
+      }
+    }
+    /**
+     * all the functionality for tracking when seek end changes
+     * and for tracking how far past seek end we should be
+     */
+    ;
+
+    _proto.trackLive_ = function trackLive_() {
+      var seekable = this.player_.seekable(); // skip undefined seekable
+
+      if (!seekable || !seekable.length) {
+        return;
+      }
+
+      var newTime = Number(window_1.performance.now().toFixed(4));
+      var deltaTime = this.lastTime_ === -1 ? 0 : (newTime - this.lastTime_) / 1000;
+      this.lastTime_ = newTime;
+      this.pastSeekEnd_ = this.pastSeekEnd() + deltaTime;
+      var liveCurrentTime = this.liveCurrentTime();
+      var currentTime = this.player_.currentTime(); // we are behind live if any are true
+      // 1. the player is paused
+      // 2. the user seeked to a location 2 seconds away from live
+      // 3. the difference between live and current time is greater
+      //    liveTolerance which defaults to 15s
+
+      var isBehind = this.player_.paused() || this.seekedBehindLive_ || Math.abs(liveCurrentTime - currentTime) > this.options_.liveTolerance; // we cannot be behind if
+      // 1. until we have not seen a timeupdate yet
+      // 2. liveCurrentTime is Infinity, which happens on Android and Native Safari
+
+      if (!this.timeupdateSeen_ || liveCurrentTime === Infinity) {
+        isBehind = false;
+      }
+
+      if (isBehind !== this.behindLiveEdge_) {
+        this.behindLiveEdge_ = isBehind;
+        this.trigger('liveedgechange');
+      }
+    }
+    /**
+     * handle a durationchange event on the player
+     * and start/stop tracking accordingly.
+     */
+    ;
+
+    _proto.handleDurationchange = function handleDurationchange() {
+      this.toggleTracking();
+    }
+    /**
+     * start/stop tracking
+     */
+    ;
+
+    _proto.toggleTracking = function toggleTracking() {
+      if (this.player_.duration() === Infinity && this.liveWindow() >= this.options_.trackingThreshold) {
+        if (this.player_.options_.liveui) {
+          this.player_.addClass('vjs-liveui');
+        }
+
+        this.startTracking();
+      } else {
+        this.player_.removeClass('vjs-liveui');
+        this.stopTracking();
+      }
+    }
+    /**
+     * start tracking live playback
+     */
+    ;
+
+    _proto.startTracking = function startTracking() {
+      if (this.isTracking()) {
+        return;
+      } // If we haven't seen a timeupdate, we need to check whether playback
+      // began before this component started tracking. This can happen commonly
+      // when using autoplay.
+
+
+      if (!this.timeupdateSeen_) {
+        this.timeupdateSeen_ = this.player_.hasStarted();
+      }
+
+      this.trackingInterval_ = this.setInterval(this.trackLiveHandler_, UPDATE_REFRESH_INTERVAL);
+      this.trackLive_();
+      this.on(this.player_, ['play', 'pause'], this.trackLiveHandler_);
+
+      if (!this.timeupdateSeen_) {
+        this.one(this.player_, 'play', this.handlePlay_);
+        this.one(this.player_, 'timeupdate', this.handleFirstTimeupdate_);
+      } else {
+        this.on(this.player_, 'seeked', this.handleSeeked_);
+      }
+    }
+    /**
+     * handle the first timeupdate on the player if it wasn't already playing
+     * when live tracker started tracking.
+     */
+    ;
+
+    _proto.handleFirstTimeupdate = function handleFirstTimeupdate() {
+      this.timeupdateSeen_ = true;
+      this.on(this.player_, 'seeked', this.handleSeeked_);
+    }
+    /**
+     * Keep track of what time a seek starts, and listen for seeked
+     * to find where a seek ends.
+     */
+    ;
+
+    _proto.handleSeeked = function handleSeeked() {
+      var timeDiff = Math.abs(this.liveCurrentTime() - this.player_.currentTime());
+      this.seekedBehindLive_ = this.nextSeekedFromUser_ && timeDiff > 2;
+      this.nextSeekedFromUser_ = false;
+      this.trackLive_();
+    }
+    /**
+     * handle the first play on the player, and make sure that we seek
+     * right to the live edge.
+     */
+    ;
+
+    _proto.handlePlay = function handlePlay() {
+      this.one(this.player_, 'timeupdate', this.seekToLiveEdge_);
+    }
+    /**
+     * Stop tracking, and set all internal variables to
+     * their initial value.
+     */
+    ;
+
+    _proto.reset_ = function reset_() {
+      this.lastTime_ = -1;
+      this.pastSeekEnd_ = 0;
+      this.lastSeekEnd_ = -1;
+      this.behindLiveEdge_ = true;
+      this.timeupdateSeen_ = false;
+      this.seekedBehindLive_ = false;
+      this.nextSeekedFromUser_ = false;
+      this.clearInterval(this.trackingInterval_);
+      this.trackingInterval_ = null;
+      this.off(this.player_, ['play', 'pause'], this.trackLiveHandler_);
+      this.off(this.player_, 'seeked', this.handleSeeked_);
+      this.off(this.player_, 'play', this.handlePlay_);
+      this.off(this.player_, 'timeupdate', this.handleFirstTimeupdate_);
+      this.off(this.player_, 'timeupdate', this.seekToLiveEdge_);
+    }
+    /**
+     * The next seeked event is from the user. Meaning that any seek
+     * > 2s behind live will be considered behind live for real and
+     * liveTolerance will be ignored.
+     */
+    ;
+
+    _proto.nextSeekedFromUser = function nextSeekedFromUser() {
+      this.nextSeekedFromUser_ = true;
+    }
+    /**
+     * stop tracking live playback
+     */
+    ;
+
+    _proto.stopTracking = function stopTracking() {
+      if (!this.isTracking()) {
+        return;
+      }
+
+      this.reset_();
+      this.trigger('liveedgechange');
+    }
+    /**
+     * A helper to get the player seekable end
+     * so that we don't have to null check everywhere
+     *
+     * @return {number}
+     *         The furthest seekable end or Infinity.
+     */
+    ;
+
+    _proto.seekableEnd = function seekableEnd() {
+      var seekable = this.player_.seekable();
+      var seekableEnds = [];
+      var i = seekable ? seekable.length : 0;
+
+      while (i--) {
+        seekableEnds.push(seekable.end(i));
+      } // grab the furthest seekable end after sorting, or if there are none
+      // default to Infinity
+
+
+      return seekableEnds.length ? seekableEnds.sort()[seekableEnds.length - 1] : Infinity;
+    }
+    /**
+     * A helper to get the player seekable start
+     * so that we don't have to null check everywhere
+     *
+     * @return {number}
+     *         The earliest seekable start or 0.
+     */
+    ;
+
+    _proto.seekableStart = function seekableStart() {
+      var seekable = this.player_.seekable();
+      var seekableStarts = [];
+      var i = seekable ? seekable.length : 0;
+
+      while (i--) {
+        seekableStarts.push(seekable.start(i));
+      } // grab the first seekable start after sorting, or if there are none
+      // default to 0
+
+
+      return seekableStarts.length ? seekableStarts.sort()[0] : 0;
+    }
+    /**
+     * Get the live time window aka
+     * the amount of time between seekable start and
+     * live current time.
+     *
+     * @return {number}
+     *         The amount of seconds that are seekable in
+     *         the live video.
+     */
+    ;
+
+    _proto.liveWindow = function liveWindow() {
+      var liveCurrentTime = this.liveCurrentTime(); // if liveCurrenTime is Infinity then we don't have a liveWindow at all
+
+      if (liveCurrentTime === Infinity) {
+        return 0;
+      }
+
+      return liveCurrentTime - this.seekableStart();
+    }
+    /**
+     * Determines if the player is live, only checks if this component
+     * is tracking live playback or not
+     *
+     * @return {boolean}
+     *         Wether liveTracker is tracking
+     */
+    ;
+
+    _proto.isLive = function isLive() {
+      return this.isTracking();
+    }
+    /**
+     * Determines if currentTime is at the live edge and won't fall behind
+     * on each seekableendchange
+     *
+     * @return {boolean}
+     *         Wether playback is at the live edge
+     */
+    ;
+
+    _proto.atLiveEdge = function atLiveEdge() {
+      return !this.behindLiveEdge();
+    }
+    /**
+     * get what we expect the live current time to be
+     *
+     * @return {number}
+     *         The expected live current time
+     */
+    ;
+
+    _proto.liveCurrentTime = function liveCurrentTime() {
+      return this.pastSeekEnd() + this.seekableEnd();
+    }
+    /**
+     * The number of seconds that have occured after seekable end
+     * changed. This will be reset to 0 once seekable end changes.
+     *
+     * @return {number}
+     *         Seconds past the current seekable end
+     */
+    ;
+
+    _proto.pastSeekEnd = function pastSeekEnd() {
+      var seekableEnd = this.seekableEnd();
+
+      if (this.lastSeekEnd_ !== -1 && seekableEnd !== this.lastSeekEnd_) {
+        this.pastSeekEnd_ = 0;
+      }
+
+      this.lastSeekEnd_ = seekableEnd;
+      return this.pastSeekEnd_;
+    }
+    /**
+     * If we are currently behind the live edge, aka currentTime will be
+     * behind on a seekableendchange
+     *
+     * @return {boolean}
+     *         If we are behind the live edge
+     */
+    ;
+
+    _proto.behindLiveEdge = function behindLiveEdge() {
+      return this.behindLiveEdge_;
+    }
+    /**
+     * Wether live tracker is currently tracking or not.
+     */
+    ;
+
+    _proto.isTracking = function isTracking() {
+      return typeof this.trackingInterval_ === 'number';
+    }
+    /**
+     * Seek to the live edge if we are behind the live edge
+     */
+    ;
+
+    _proto.seekToLiveEdge = function seekToLiveEdge() {
+      this.seekedBehindLive_ = false;
+
+      if (this.atLiveEdge()) {
+        return;
+      }
+
+      this.nextSeekedFromUser_ = false;
+      this.player_.currentTime(this.liveCurrentTime());
+    }
+    /**
+     * Dispose of liveTracker
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      this.off(document_1, 'visibilitychange', this.handleVisibilityChange_);
+      this.stopTracking();
+
+      _Component.prototype.dispose.call(this);
+    };
+
+    return LiveTracker;
+  }(Component$1);
+
+  Component$1.registerComponent('LiveTracker', LiveTracker);
+
+  /**
+   * This function is used to fire a sourceset when there is something
+   * similar to `mediaEl.load()` being called. It will try to find the source via
+   * the `src` attribute and then the `<source>` elements. It will then fire `sourceset`
+   * with the source that was found or empty string if we cannot know. If it cannot
+   * find a source then `sourceset` will not be fired.
+   *
+   * @param {Html5} tech
+   *        The tech object that sourceset was setup on
+   *
+   * @return {boolean}
+   *         returns false if the sourceset was not fired and true otherwise.
+   */
+
+  var sourcesetLoad = function sourcesetLoad(tech) {
+    var el = tech.el(); // if `el.src` is set, that source will be loaded.
+
+    if (el.hasAttribute('src')) {
+      tech.triggerSourceset(el.src);
+      return true;
+    }
+    /**
+     * Since there isn't a src property on the media element, source elements will be used for
+     * implementing the source selection algorithm. This happens asynchronously and
+     * for most cases were there is more than one source we cannot tell what source will
+     * be loaded, without re-implementing the source selection algorithm. At this time we are not
+     * going to do that. There are three special cases that we do handle here though:
+     *
+     * 1. If there are no sources, do not fire `sourceset`.
+     * 2. If there is only one `<source>` with a `src` property/attribute that is our `src`
+     * 3. If there is more than one `<source>` but all of them have the same `src` url.
+     *    That will be our src.
+     */
+
+
+    var sources = tech.$$('source');
+    var srcUrls = [];
+    var src = ''; // if there are no sources, do not fire sourceset
+
+    if (!sources.length) {
+      return false;
+    } // only count valid/non-duplicate source elements
+
+
+    for (var i = 0; i < sources.length; i++) {
+      var url = sources[i].src;
+
+      if (url && srcUrls.indexOf(url) === -1) {
+        srcUrls.push(url);
+      }
+    } // there were no valid sources
+
+
+    if (!srcUrls.length) {
+      return false;
+    } // there is only one valid source element url
+    // use that
+
+
+    if (srcUrls.length === 1) {
+      src = srcUrls[0];
+    }
+
+    tech.triggerSourceset(src);
+    return true;
+  };
+  /**
+   * our implementation of an `innerHTML` descriptor for browsers
+   * that do not have one.
+   */
+
+
+  var innerHTMLDescriptorPolyfill = Object.defineProperty({}, 'innerHTML', {
+    get: function get() {
+      return this.cloneNode(true).innerHTML;
+    },
+    set: function set(v) {
+      // make a dummy node to use innerHTML on
+      var dummy = document_1.createElement(this.nodeName.toLowerCase()); // set innerHTML to the value provided
+
+      dummy.innerHTML = v; // make a document fragment to hold the nodes from dummy
+
+      var docFrag = document_1.createDocumentFragment(); // copy all of the nodes created by the innerHTML on dummy
+      // to the document fragment
+
+      while (dummy.childNodes.length) {
+        docFrag.appendChild(dummy.childNodes[0]);
+      } // remove content
+
+
+      this.innerText = ''; // now we add all of that html in one by appending the
+      // document fragment. This is how innerHTML does it.
+
+      window_1.Element.prototype.appendChild.call(this, docFrag); // then return the result that innerHTML's setter would
+
+      return this.innerHTML;
+    }
+  });
+  /**
+   * Get a property descriptor given a list of priorities and the
+   * property to get.
+   */
+
+  var getDescriptor = function getDescriptor(priority, prop) {
+    var descriptor = {};
+
+    for (var i = 0; i < priority.length; i++) {
+      descriptor = Object.getOwnPropertyDescriptor(priority[i], prop);
+
+      if (descriptor && descriptor.set && descriptor.get) {
+        break;
+      }
+    }
+
+    descriptor.enumerable = true;
+    descriptor.configurable = true;
+    return descriptor;
+  };
+
+  var getInnerHTMLDescriptor = function getInnerHTMLDescriptor(tech) {
+    return getDescriptor([tech.el(), window_1.HTMLMediaElement.prototype, window_1.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');
+  };
+  /**
+   * Patches browser internal functions so that we can tell synchronously
+   * if a `<source>` was appended to the media element. For some reason this
+   * causes a `sourceset` if the the media element is ready and has no source.
+   * This happens when:
+   * - The page has just loaded and the media element does not have a source.
+   * - The media element was emptied of all sources, then `load()` was called.
+   *
+   * It does this by patching the following functions/properties when they are supported:
+   *
+   * - `append()` - can be used to add a `<source>` element to the media element
+   * - `appendChild()` - can be used to add a `<source>` element to the media element
+   * - `insertAdjacentHTML()` -  can be used to add a `<source>` element to the media element
+   * - `innerHTML` -  can be used to add a `<source>` element to the media element
+   *
+   * @param {Html5} tech
+   *        The tech object that sourceset is being setup on.
+   */
+
+
+  var firstSourceWatch = function firstSourceWatch(tech) {
+    var el = tech.el(); // make sure firstSourceWatch isn't setup twice.
+
+    if (el.resetSourceWatch_) {
+      return;
+    }
+
+    var old = {};
+    var innerDescriptor = getInnerHTMLDescriptor(tech);
+
+    var appendWrapper = function appendWrapper(appendFn) {
+      return function () {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+
+        var retval = appendFn.apply(el, args);
+        sourcesetLoad(tech);
+        return retval;
+      };
+    };
+
+    ['append', 'appendChild', 'insertAdjacentHTML'].forEach(function (k) {
+      if (!el[k]) {
+        return;
+      } // store the old function
+
+
+      old[k] = el[k]; // call the old function with a sourceset if a source
+      // was loaded
+
+      el[k] = appendWrapper(old[k]);
+    });
+    Object.defineProperty(el, 'innerHTML', mergeOptions$3(innerDescriptor, {
+      set: appendWrapper(innerDescriptor.set)
+    }));
+
+    el.resetSourceWatch_ = function () {
+      el.resetSourceWatch_ = null;
+      Object.keys(old).forEach(function (k) {
+        el[k] = old[k];
+      });
+      Object.defineProperty(el, 'innerHTML', innerDescriptor);
+    }; // on the first sourceset, we need to revert our changes
+
+
+    tech.one('sourceset', el.resetSourceWatch_);
+  };
+  /**
+   * our implementation of a `src` descriptor for browsers
+   * that do not have one.
+   */
+
+
+  var srcDescriptorPolyfill = Object.defineProperty({}, 'src', {
+    get: function get() {
+      if (this.hasAttribute('src')) {
+        return getAbsoluteURL(window_1.Element.prototype.getAttribute.call(this, 'src'));
+      }
+
+      return '';
+    },
+    set: function set(v) {
+      window_1.Element.prototype.setAttribute.call(this, 'src', v);
+      return v;
+    }
+  });
+
+  var getSrcDescriptor = function getSrcDescriptor(tech) {
+    return getDescriptor([tech.el(), window_1.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');
+  };
+  /**
+   * setup `sourceset` handling on the `Html5` tech. This function
+   * patches the following element properties/functions:
+   *
+   * - `src` - to determine when `src` is set
+   * - `setAttribute()` - to determine when `src` is set
+   * - `load()` - this re-triggers the source selection algorithm, and can
+   *              cause a sourceset.
+   *
+   * If there is no source when we are adding `sourceset` support or during a `load()`
+   * we also patch the functions listed in `firstSourceWatch`.
+   *
+   * @param {Html5} tech
+   *        The tech to patch
+   */
+
+
+  var setupSourceset = function setupSourceset(tech) {
+    if (!tech.featuresSourceset) {
+      return;
+    }
+
+    var el = tech.el(); // make sure sourceset isn't setup twice.
+
+    if (el.resetSourceset_) {
+      return;
+    }
+
+    var srcDescriptor = getSrcDescriptor(tech);
+    var oldSetAttribute = el.setAttribute;
+    var oldLoad = el.load;
+    Object.defineProperty(el, 'src', mergeOptions$3(srcDescriptor, {
+      set: function set(v) {
+        var retval = srcDescriptor.set.call(el, v); // we use the getter here to get the actual value set on src
+
+        tech.triggerSourceset(el.src);
+        return retval;
+      }
+    }));
+
+    el.setAttribute = function (n, v) {
+      var retval = oldSetAttribute.call(el, n, v);
+
+      if (/src/i.test(n)) {
+        tech.triggerSourceset(el.src);
+      }
+
+      return retval;
+    };
+
+    el.load = function () {
+      var retval = oldLoad.call(el); // if load was called, but there was no source to fire
+      // sourceset on. We have to watch for a source append
+      // as that can trigger a `sourceset` when the media element
+      // has no source
+
+      if (!sourcesetLoad(tech)) {
+        tech.triggerSourceset('');
+        firstSourceWatch(tech);
+      }
+
+      return retval;
+    };
+
+    if (el.currentSrc) {
+      tech.triggerSourceset(el.currentSrc);
+    } else if (!sourcesetLoad(tech)) {
+      firstSourceWatch(tech);
+    }
+
+    el.resetSourceset_ = function () {
+      el.resetSourceset_ = null;
+      el.load = oldLoad;
+      el.setAttribute = oldSetAttribute;
+      Object.defineProperty(el, 'src', srcDescriptor);
+
+      if (el.resetSourceWatch_) {
+        el.resetSourceWatch_();
+      }
+    };
+  };
+
+  /**
+   * Object.defineProperty but "lazy", which means that the value is only set after
+   * it retrieved the first time, rather than being set right away.
+   *
+   * @param {Object} obj the object to set the property on
+   * @param {string} key the key for the property to set
+   * @param {Function} getValue the function used to get the value when it is needed.
+   * @param {boolean} setter wether a setter shoould be allowed or not
+   */
+  var defineLazyProperty = function defineLazyProperty(obj, key, getValue, setter) {
+    if (setter === void 0) {
+      setter = true;
+    }
+
+    var set = function set(value) {
+      return Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        writable: true
+      });
+    };
+
+    var options = {
+      configurable: true,
+      enumerable: true,
+      get: function get() {
+        var value = getValue();
+        set(value);
+        return value;
+      }
+    };
+
+    if (setter) {
+      options.set = set;
+    }
+
+    return Object.defineProperty(obj, key, options);
+  };
+
+  /**
+   * HTML5 Media Controller - Wrapper for HTML5 Media API
+   *
+   * @mixes Tech~SourceHandlerAdditions
+   * @extends Tech
+   */
+
+  var Html5 = /*#__PURE__*/function (_Tech) {
+    inheritsLoose(Html5, _Tech);
+
+    /**
+    * Create an instance of this Tech.
+    *
+    * @param {Object} [options]
+    *        The key/value store of player options.
+    *
+    * @param {Component~ReadyCallback} ready
+    *        Callback function to call when the `HTML5` Tech is ready.
+    */
+    function Html5(options, ready) {
+      var _this;
+
+      _this = _Tech.call(this, options, ready) || this;
+      var source = options.source;
+      var crossoriginTracks = false; // Set the source if one is provided
+      // 1) Check if the source is new (if not, we want to keep the original so playback isn't interrupted)
+      // 2) Check to see if the network state of the tag was failed at init, and if so, reset the source
+      // anyway so the error gets fired.
+
+      if (source && (_this.el_.currentSrc !== source.src || options.tag && options.tag.initNetworkState_ === 3)) {
+        _this.setSource(source);
+      } else {
+        _this.handleLateInit_(_this.el_);
+      } // setup sourceset after late sourceset/init
+
+
+      if (options.enableSourceset) {
+        _this.setupSourcesetHandling_();
+      }
+
+      _this.isScrubbing_ = false;
+
+      if (_this.el_.hasChildNodes()) {
+        var nodes = _this.el_.childNodes;
+        var nodesLength = nodes.length;
+        var removeNodes = [];
+
+        while (nodesLength--) {
+          var node = nodes[nodesLength];
+          var nodeName = node.nodeName.toLowerCase();
+
+          if (nodeName === 'track') {
+            if (!_this.featuresNativeTextTracks) {
+              // Empty video tag tracks so the built-in player doesn't use them also.
+              // This may not be fast enough to stop HTML5 browsers from reading the tags
+              // so we'll need to turn off any default tracks if we're manually doing
+              // captions and subtitles. videoElement.textTracks
+              removeNodes.push(node);
+            } else {
+              // store HTMLTrackElement and TextTrack to remote list
+              _this.remoteTextTrackEls().addTrackElement_(node);
+
+              _this.remoteTextTracks().addTrack(node.track);
+
+              _this.textTracks().addTrack(node.track);
+
+              if (!crossoriginTracks && !_this.el_.hasAttribute('crossorigin') && isCrossOrigin(node.src)) {
+                crossoriginTracks = true;
+              }
+            }
+          }
+        }
+
+        for (var i = 0; i < removeNodes.length; i++) {
+          _this.el_.removeChild(removeNodes[i]);
+        }
+      }
+
+      _this.proxyNativeTracks_();
+
+      if (_this.featuresNativeTextTracks && crossoriginTracks) {
+        log$1.warn('Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n' + 'This may prevent text tracks from loading.');
+      } // prevent iOS Safari from disabling metadata text tracks during native playback
+
+
+      _this.restoreMetadataTracksInIOSNativePlayer_(); // Determine if native controls should be used
+      // Our goal should be to get the custom controls on mobile solid everywhere
+      // so we can remove this all together. Right now this will block custom
+      // controls on touch enabled laptops like the Chrome Pixel
+
+
+      if ((TOUCH_ENABLED || IS_IPHONE || IS_NATIVE_ANDROID) && options.nativeControlsForTouch === true) {
+        _this.setControls(true);
+      } // on iOS, we want to proxy `webkitbeginfullscreen` and `webkitendfullscreen`
+      // into a `fullscreenchange` event
+
+
+      _this.proxyWebkitFullscreen_();
+
+      _this.triggerReady();
+
+      return _this;
+    }
+    /**
+     * Dispose of `HTML5` media element and remove all tracks.
+     */
+
+
+    var _proto = Html5.prototype;
+
+    _proto.dispose = function dispose() {
+      if (this.el_ && this.el_.resetSourceset_) {
+        this.el_.resetSourceset_();
+      }
+
+      Html5.disposeMediaElement(this.el_);
+      this.options_ = null; // tech will handle clearing of the emulated track list
+
+      _Tech.prototype.dispose.call(this);
+    }
+    /**
+     * Modify the media element so that we can detect when
+     * the source is changed. Fires `sourceset` just after the source has changed
+     */
+    ;
+
+    _proto.setupSourcesetHandling_ = function setupSourcesetHandling_() {
+      setupSourceset(this);
+    }
+    /**
+     * When a captions track is enabled in the iOS Safari native player, all other
+     * tracks are disabled (including metadata tracks), which nulls all of their
+     * associated cue points. This will restore metadata tracks to their pre-fullscreen
+     * state in those cases so that cue points are not needlessly lost.
+     *
+     * @private
+     */
+    ;
+
+    _proto.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
+      var textTracks = this.textTracks();
+      var metadataTracksPreFullscreenState; // captures a snapshot of every metadata track's current state
+
+      var takeMetadataTrackSnapshot = function takeMetadataTrackSnapshot() {
+        metadataTracksPreFullscreenState = [];
+
+        for (var i = 0; i < textTracks.length; i++) {
+          var track = textTracks[i];
+
+          if (track.kind === 'metadata') {
+            metadataTracksPreFullscreenState.push({
+              track: track,
+              storedMode: track.mode
+            });
+          }
+        }
+      }; // snapshot each metadata track's initial state, and update the snapshot
+      // each time there is a track 'change' event
+
+
+      takeMetadataTrackSnapshot();
+      textTracks.addEventListener('change', takeMetadataTrackSnapshot);
+      this.on('dispose', function () {
+        return textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
+      });
+
+      var restoreTrackMode = function restoreTrackMode() {
+        for (var i = 0; i < metadataTracksPreFullscreenState.length; i++) {
+          var storedTrack = metadataTracksPreFullscreenState[i];
+
+          if (storedTrack.track.mode === 'disabled' && storedTrack.track.mode !== storedTrack.storedMode) {
+            storedTrack.track.mode = storedTrack.storedMode;
+          }
+        } // we only want this handler to be executed on the first 'change' event
+
+
+        textTracks.removeEventListener('change', restoreTrackMode);
+      }; // when we enter fullscreen playback, stop updating the snapshot and
+      // restore all track modes to their pre-fullscreen state
+
+
+      this.on('webkitbeginfullscreen', function () {
+        textTracks.removeEventListener('change', takeMetadataTrackSnapshot); // remove the listener before adding it just in case it wasn't previously removed
+
+        textTracks.removeEventListener('change', restoreTrackMode);
+        textTracks.addEventListener('change', restoreTrackMode);
+      }); // start updating the snapshot again after leaving fullscreen
+
+      this.on('webkitendfullscreen', function () {
+        // remove the listener before adding it just in case it wasn't previously removed
+        textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
+        textTracks.addEventListener('change', takeMetadataTrackSnapshot); // remove the restoreTrackMode handler in case it wasn't triggered during fullscreen playback
+
+        textTracks.removeEventListener('change', restoreTrackMode);
+      });
+    }
+    /**
+     * Attempt to force override of tracks for the given type
+     *
+     * @param {string} type - Track type to override, possible values include 'Audio',
+     * 'Video', and 'Text'.
+     * @param {boolean} override - If set to true native audio/video will be overridden,
+     * otherwise native audio/video will potentially be used.
+     * @private
+     */
+    ;
+
+    _proto.overrideNative_ = function overrideNative_(type, override) {
+      var _this2 = this;
+
+      // If there is no behavioral change don't add/remove listeners
+      if (override !== this["featuresNative" + type + "Tracks"]) {
+        return;
+      }
+
+      var lowerCaseType = type.toLowerCase();
+
+      if (this[lowerCaseType + "TracksListeners_"]) {
+        Object.keys(this[lowerCaseType + "TracksListeners_"]).forEach(function (eventName) {
+          var elTracks = _this2.el()[lowerCaseType + "Tracks"];
+
+          elTracks.removeEventListener(eventName, _this2[lowerCaseType + "TracksListeners_"][eventName]);
+        });
+      }
+
+      this["featuresNative" + type + "Tracks"] = !override;
+      this[lowerCaseType + "TracksListeners_"] = null;
+      this.proxyNativeTracksForType_(lowerCaseType);
+    }
+    /**
+     * Attempt to force override of native audio tracks.
+     *
+     * @param {boolean} override - If set to true native audio will be overridden,
+     * otherwise native audio will potentially be used.
+     */
+    ;
+
+    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks(override) {
+      this.overrideNative_('Audio', override);
+    }
+    /**
+     * Attempt to force override of native video tracks.
+     *
+     * @param {boolean} override - If set to true native video will be overridden,
+     * otherwise native video will potentially be used.
+     */
+    ;
+
+    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks(override) {
+      this.overrideNative_('Video', override);
+    }
+    /**
+     * Proxy native track list events for the given type to our track
+     * lists if the browser we are playing in supports that type of track list.
+     *
+     * @param {string} name - Track type; values include 'audio', 'video', and 'text'
+     * @private
+     */
+    ;
+
+    _proto.proxyNativeTracksForType_ = function proxyNativeTracksForType_(name) {
+      var _this3 = this;
+
+      var props = NORMAL[name];
+      var elTracks = this.el()[props.getterName];
+      var techTracks = this[props.getterName]();
+
+      if (!this["featuresNative" + props.capitalName + "Tracks"] || !elTracks || !elTracks.addEventListener) {
+        return;
+      }
+
+      var listeners = {
+        change: function change(e) {
+          var event = {
+            type: 'change',
+            target: techTracks,
+            currentTarget: techTracks,
+            srcElement: techTracks
+          };
+          techTracks.trigger(event); // if we are a text track change event, we should also notify the
+          // remote text track list. This can potentially cause a false positive
+          // if we were to get a change event on a non-remote track and
+          // we triggered the event on the remote text track list which doesn't
+          // contain that track. However, best practices mean looping through the
+          // list of tracks and searching for the appropriate mode value, so,
+          // this shouldn't pose an issue
+
+          if (name === 'text') {
+            _this3[REMOTE.remoteText.getterName]().trigger(event);
+          }
+        },
+        addtrack: function addtrack(e) {
+          techTracks.addTrack(e.track);
+        },
+        removetrack: function removetrack(e) {
+          techTracks.removeTrack(e.track);
+        }
+      };
+
+      var removeOldTracks = function removeOldTracks() {
+        var removeTracks = [];
+
+        for (var i = 0; i < techTracks.length; i++) {
+          var found = false;
+
+          for (var j = 0; j < elTracks.length; j++) {
+            if (elTracks[j] === techTracks[i]) {
+              found = true;
+              break;
+            }
+          }
+
+          if (!found) {
+            removeTracks.push(techTracks[i]);
+          }
+        }
+
+        while (removeTracks.length) {
+          techTracks.removeTrack(removeTracks.shift());
+        }
+      };
+
+      this[props.getterName + 'Listeners_'] = listeners;
+      Object.keys(listeners).forEach(function (eventName) {
+        var listener = listeners[eventName];
+        elTracks.addEventListener(eventName, listener);
+
+        _this3.on('dispose', function (e) {
+          return elTracks.removeEventListener(eventName, listener);
+        });
+      }); // Remove (native) tracks that are not used anymore
+
+      this.on('loadstart', removeOldTracks);
+      this.on('dispose', function (e) {
+        return _this3.off('loadstart', removeOldTracks);
+      });
+    }
+    /**
+     * Proxy all native track list events to our track lists if the browser we are playing
+     * in supports that type of track list.
+     *
+     * @private
+     */
+    ;
+
+    _proto.proxyNativeTracks_ = function proxyNativeTracks_() {
+      var _this4 = this;
+
+      NORMAL.names.forEach(function (name) {
+        _this4.proxyNativeTracksForType_(name);
+      });
+    }
+    /**
+     * Create the `Html5` Tech's DOM element.
+     *
+     * @return {Element}
+     *         The element that gets created.
+     */
+    ;
+
+    _proto.createEl = function createEl() {
+      var el = this.options_.tag; // Check if this browser supports moving the element into the box.
+      // On the iPhone video will break if you move the element,
+      // So we have to create a brand new element.
+      // If we ingested the player div, we do not need to move the media element.
+
+      if (!el || !(this.options_.playerElIngest || this.movingMediaElementInDOM)) {
+        // If the original tag is still there, clone and remove it.
+        if (el) {
+          var clone = el.cloneNode(true);
+
+          if (el.parentNode) {
+            el.parentNode.insertBefore(clone, el);
+          }
+
+          Html5.disposeMediaElement(el);
+          el = clone;
+        } else {
+          el = document_1.createElement('video'); // determine if native controls should be used
+
+          var tagAttributes = this.options_.tag && getAttributes(this.options_.tag);
+          var attributes = mergeOptions$3({}, tagAttributes);
+
+          if (!TOUCH_ENABLED || this.options_.nativeControlsForTouch !== true) {
+            delete attributes.controls;
+          }
+
+          setAttributes(el, assign(attributes, {
+            id: this.options_.techId,
+            "class": 'vjs-tech'
+          }));
+        }
+
+        el.playerId = this.options_.playerId;
+      }
+
+      if (typeof this.options_.preload !== 'undefined') {
+        setAttribute(el, 'preload', this.options_.preload);
+      }
+
+      if (this.options_.disablePictureInPicture !== undefined) {
+        el.disablePictureInPicture = this.options_.disablePictureInPicture;
+      } // Update specific tag settings, in case they were overridden
+      // `autoplay` has to be *last* so that `muted` and `playsinline` are present
+      // when iOS/Safari or other browsers attempt to autoplay.
+
+
+      var settingsAttrs = ['loop', 'muted', 'playsinline', 'autoplay'];
+
+      for (var i = 0; i < settingsAttrs.length; i++) {
+        var attr = settingsAttrs[i];
+        var value = this.options_[attr];
+
+        if (typeof value !== 'undefined') {
+          if (value) {
+            setAttribute(el, attr, attr);
+          } else {
+            removeAttribute(el, attr);
+          }
+
+          el[attr] = value;
+        }
+      }
+
+      return el;
+    }
+    /**
+     * This will be triggered if the loadstart event has already fired, before videojs was
+     * ready. Two known examples of when this can happen are:
+     * 1. If we're loading the playback object after it has started loading
+     * 2. The media is already playing the (often with autoplay on) then
+     *
+     * This function will fire another loadstart so that videojs can catchup.
+     *
+     * @fires Tech#loadstart
+     *
+     * @return {undefined}
+     *         returns nothing.
+     */
+    ;
+
+    _proto.handleLateInit_ = function handleLateInit_(el) {
+      if (el.networkState === 0 || el.networkState === 3) {
+        // The video element hasn't started loading the source yet
+        // or didn't find a source
+        return;
+      }
+
+      if (el.readyState === 0) {
+        // NetworkState is set synchronously BUT loadstart is fired at the
+        // end of the current stack, usually before setInterval(fn, 0).
+        // So at this point we know loadstart may have already fired or is
+        // about to fire, and either way the player hasn't seen it yet.
+        // We don't want to fire loadstart prematurely here and cause a
+        // double loadstart so we'll wait and see if it happens between now
+        // and the next loop, and fire it if not.
+        // HOWEVER, we also want to make sure it fires before loadedmetadata
+        // which could also happen between now and the next loop, so we'll
+        // watch for that also.
+        var loadstartFired = false;
+
+        var setLoadstartFired = function setLoadstartFired() {
+          loadstartFired = true;
+        };
+
+        this.on('loadstart', setLoadstartFired);
+
+        var triggerLoadstart = function triggerLoadstart() {
+          // We did miss the original loadstart. Make sure the player
+          // sees loadstart before loadedmetadata
+          if (!loadstartFired) {
+            this.trigger('loadstart');
+          }
+        };
+
+        this.on('loadedmetadata', triggerLoadstart);
+        this.ready(function () {
+          this.off('loadstart', setLoadstartFired);
+          this.off('loadedmetadata', triggerLoadstart);
+
+          if (!loadstartFired) {
+            // We did miss the original native loadstart. Fire it now.
+            this.trigger('loadstart');
+          }
+        });
+        return;
+      } // From here on we know that loadstart already fired and we missed it.
+      // The other readyState events aren't as much of a problem if we double
+      // them, so not going to go to as much trouble as loadstart to prevent
+      // that unless we find reason to.
+
+
+      var eventsToTrigger = ['loadstart']; // loadedmetadata: newly equal to HAVE_METADATA (1) or greater
+
+      eventsToTrigger.push('loadedmetadata'); // loadeddata: newly increased to HAVE_CURRENT_DATA (2) or greater
+
+      if (el.readyState >= 2) {
+        eventsToTrigger.push('loadeddata');
+      } // canplay: newly increased to HAVE_FUTURE_DATA (3) or greater
+
+
+      if (el.readyState >= 3) {
+        eventsToTrigger.push('canplay');
+      } // canplaythrough: newly equal to HAVE_ENOUGH_DATA (4)
+
+
+      if (el.readyState >= 4) {
+        eventsToTrigger.push('canplaythrough');
+      } // We still need to give the player time to add event listeners
+
+
+      this.ready(function () {
+        eventsToTrigger.forEach(function (type) {
+          this.trigger(type);
+        }, this);
+      });
+    }
+    /**
+     * Set whether we are scrubbing or not.
+     * This is used to decide whether we should use `fastSeek` or not.
+     * `fastSeek` is used to provide trick play on Safari browsers.
+     *
+     * @param {boolean} isScrubbing
+     *                  - true for we are currently scrubbing
+     *                  - false for we are no longer scrubbing
+     */
+    ;
+
+    _proto.setScrubbing = function setScrubbing(isScrubbing) {
+      this.isScrubbing_ = isScrubbing;
+    }
+    /**
+     * Get whether we are scrubbing or not.
+     *
+     * @return {boolean} isScrubbing
+     *                  - true for we are currently scrubbing
+     *                  - false for we are no longer scrubbing
+     */
+    ;
+
+    _proto.scrubbing = function scrubbing() {
+      return this.isScrubbing_;
+    }
+    /**
+     * Set current time for the `HTML5` tech.
+     *
+     * @param {number} seconds
+     *        Set the current time of the media to this.
+     */
+    ;
+
+    _proto.setCurrentTime = function setCurrentTime(seconds) {
+      try {
+        if (this.isScrubbing_ && this.el_.fastSeek && IS_ANY_SAFARI) {
+          this.el_.fastSeek(seconds);
+        } else {
+          this.el_.currentTime = seconds;
+        }
+      } catch (e) {
+        log$1(e, 'Video is not ready. (Video.js)'); // this.warning(VideoJS.warnings.videoNotReady);
+      }
+    }
+    /**
+     * Get the current duration of the HTML5 media element.
+     *
+     * @return {number}
+     *         The duration of the media or 0 if there is no duration.
+     */
+    ;
+
+    _proto.duration = function duration() {
+      var _this5 = this;
+
+      // Android Chrome will report duration as Infinity for VOD HLS until after
+      // playback has started, which triggers the live display erroneously.
+      // Return NaN if playback has not started and trigger a durationupdate once
+      // the duration can be reliably known.
+      if (this.el_.duration === Infinity && IS_ANDROID && IS_CHROME && this.el_.currentTime === 0) {
+        // Wait for the first `timeupdate` with currentTime > 0 - there may be
+        // several with 0
+        var checkProgress = function checkProgress() {
+          if (_this5.el_.currentTime > 0) {
+            // Trigger durationchange for genuinely live video
+            if (_this5.el_.duration === Infinity) {
+              _this5.trigger('durationchange');
+            }
+
+            _this5.off('timeupdate', checkProgress);
+          }
+        };
+
+        this.on('timeupdate', checkProgress);
+        return NaN;
+      }
+
+      return this.el_.duration || NaN;
+    }
+    /**
+     * Get the current width of the HTML5 media element.
+     *
+     * @return {number}
+     *         The width of the HTML5 media element.
+     */
+    ;
+
+    _proto.width = function width() {
+      return this.el_.offsetWidth;
+    }
+    /**
+     * Get the current height of the HTML5 media element.
+     *
+     * @return {number}
+     *         The height of the HTML5 media element.
+     */
+    ;
+
+    _proto.height = function height() {
+      return this.el_.offsetHeight;
+    }
+    /**
+     * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
+     * `fullscreenchange` event.
+     *
+     * @private
+     * @fires fullscreenchange
+     * @listens webkitendfullscreen
+     * @listens webkitbeginfullscreen
+     * @listens webkitbeginfullscreen
+     */
+    ;
+
+    _proto.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
+      var _this6 = this;
+
+      if (!('webkitDisplayingFullscreen' in this.el_)) {
+        return;
+      }
+
+      var endFn = function endFn() {
+        this.trigger('fullscreenchange', {
+          isFullscreen: false
+        });
+      };
+
+      var beginFn = function beginFn() {
+        if ('webkitPresentationMode' in this.el_ && this.el_.webkitPresentationMode !== 'picture-in-picture') {
+          this.one('webkitendfullscreen', endFn);
+          this.trigger('fullscreenchange', {
+            isFullscreen: true,
+            // set a flag in case another tech triggers fullscreenchange
+            nativeIOSFullscreen: true
+          });
+        }
+      };
+
+      this.on('webkitbeginfullscreen', beginFn);
+      this.on('dispose', function () {
+        _this6.off('webkitbeginfullscreen', beginFn);
+
+        _this6.off('webkitendfullscreen', endFn);
+      });
+    }
+    /**
+     * Check if fullscreen is supported on the current playback device.
+     *
+     * @return {boolean}
+     *         - True if fullscreen is supported.
+     *         - False if fullscreen is not supported.
+     */
+    ;
+
+    _proto.supportsFullScreen = function supportsFullScreen() {
+      if (typeof this.el_.webkitEnterFullScreen === 'function') {
+        var userAgent = window_1.navigator && window_1.navigator.userAgent || ''; // Seems to be broken in Chromium/Chrome && Safari in Leopard
+
+        if (/Android/.test(userAgent) || !/Chrome|Mac OS X 10.5/.test(userAgent)) {
+          return true;
+        }
+      }
+
+      return false;
+    }
+    /**
+     * Request that the `HTML5` Tech enter fullscreen.
+     */
+    ;
+
+    _proto.enterFullScreen = function enterFullScreen() {
+      var video = this.el_;
+
+      if (video.paused && video.networkState <= video.HAVE_METADATA) {
+        // attempt to prime the video element for programmatic access
+        // this isn't necessary on the desktop but shouldn't hurt
+        silencePromise(this.el_.play()); // playing and pausing synchronously during the transition to fullscreen
+        // can get iOS ~6.1 devices into a play/pause loop
+
+        this.setTimeout(function () {
+          video.pause();
+
+          try {
+            video.webkitEnterFullScreen();
+          } catch (e) {
+            this.trigger('fullscreenerror', e);
+          }
+        }, 0);
+      } else {
+        try {
+          video.webkitEnterFullScreen();
+        } catch (e) {
+          this.trigger('fullscreenerror', e);
+        }
+      }
+    }
+    /**
+     * Request that the `HTML5` Tech exit fullscreen.
+     */
+    ;
+
+    _proto.exitFullScreen = function exitFullScreen() {
+      if (!this.el_.webkitDisplayingFullscreen) {
+        this.trigger('fullscreenerror', new Error('The video is not fullscreen'));
+        return;
+      }
+
+      this.el_.webkitExitFullScreen();
+    }
+    /**
+     * Create a floating video window always on top of other windows so that users may
+     * continue consuming media while they interact with other content sites, or
+     * applications on their device.
+     *
+     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
+     *
+     * @return {Promise}
+     *         A promise with a Picture-in-Picture window.
+     */
+    ;
+
+    _proto.requestPictureInPicture = function requestPictureInPicture() {
+      return this.el_.requestPictureInPicture();
+    }
+    /**
+     * A getter/setter for the `Html5` Tech's source object.
+     * > Note: Please use {@link Html5#setSource}
+     *
+     * @param {Tech~SourceObject} [src]
+     *        The source object you want to set on the `HTML5` techs element.
+     *
+     * @return {Tech~SourceObject|undefined}
+     *         - The current source object when a source is not passed in.
+     *         - undefined when setting
+     *
+     * @deprecated Since version 5.
+     */
+    ;
+
+    _proto.src = function src(_src) {
+      if (_src === undefined) {
+        return this.el_.src;
+      } // Setting src through `src` instead of `setSrc` will be deprecated
+
+
+      this.setSrc(_src);
+    }
+    /**
+     * Reset the tech by removing all sources and then calling
+     * {@link Html5.resetMediaElement}.
+     */
+    ;
+
+    _proto.reset = function reset() {
+      Html5.resetMediaElement(this.el_);
+    }
+    /**
+     * Get the current source on the `HTML5` Tech. Falls back to returning the source from
+     * the HTML5 media element.
+     *
+     * @return {Tech~SourceObject}
+     *         The current source object from the HTML5 tech. With a fallback to the
+     *         elements source.
+     */
+    ;
+
+    _proto.currentSrc = function currentSrc() {
+      if (this.currentSource_) {
+        return this.currentSource_.src;
+      }
+
+      return this.el_.currentSrc;
+    }
+    /**
+     * Set controls attribute for the HTML5 media Element.
+     *
+     * @param {string} val
+     *        Value to set the controls attribute to
+     */
+    ;
+
+    _proto.setControls = function setControls(val) {
+      this.el_.controls = !!val;
+    }
+    /**
+     * Create and returns a remote {@link TextTrack} object.
+     *
+     * @param {string} kind
+     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
+     *
+     * @param {string} [label]
+     *        Label to identify the text track
+     *
+     * @param {string} [language]
+     *        Two letter language abbreviation
+     *
+     * @return {TextTrack}
+     *         The TextTrack that gets created.
+     */
+    ;
+
+    _proto.addTextTrack = function addTextTrack(kind, label, language) {
+      if (!this.featuresNativeTextTracks) {
+        return _Tech.prototype.addTextTrack.call(this, kind, label, language);
+      }
+
+      return this.el_.addTextTrack(kind, label, language);
+    }
+    /**
+     * Creates either native TextTrack or an emulated TextTrack depending
+     * on the value of `featuresNativeTextTracks`
+     *
+     * @param {Object} options
+     *        The object should contain the options to initialize the TextTrack with.
+     *
+     * @param {string} [options.kind]
+     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
+     *
+     * @param {string} [options.label]
+     *        Label to identify the text track
+     *
+     * @param {string} [options.language]
+     *        Two letter language abbreviation.
+     *
+     * @param {boolean} [options.default]
+     *        Default this track to on.
+     *
+     * @param {string} [options.id]
+     *        The internal id to assign this track.
+     *
+     * @param {string} [options.src]
+     *        A source url for the track.
+     *
+     * @return {HTMLTrackElement}
+     *         The track element that gets created.
+     */
+    ;
+
+    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
+      if (!this.featuresNativeTextTracks) {
+        return _Tech.prototype.createRemoteTextTrack.call(this, options);
+      }
+
+      var htmlTrackElement = document_1.createElement('track');
+
+      if (options.kind) {
+        htmlTrackElement.kind = options.kind;
+      }
+
+      if (options.label) {
+        htmlTrackElement.label = options.label;
+      }
+
+      if (options.language || options.srclang) {
+        htmlTrackElement.srclang = options.language || options.srclang;
+      }
+
+      if (options["default"]) {
+        htmlTrackElement["default"] = options["default"];
+      }
+
+      if (options.id) {
+        htmlTrackElement.id = options.id;
+      }
+
+      if (options.src) {
+        htmlTrackElement.src = options.src;
+      }
+
+      return htmlTrackElement;
+    }
+    /**
+     * Creates a remote text track object and returns an html track element.
+     *
+     * @param {Object} options The object should contain values for
+     * kind, language, label, and src (location of the WebVTT file)
+     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
+     * automatically removed from the video element whenever the source changes
+     * @return {HTMLTrackElement} An Html Track Element.
+     * This can be an emulated {@link HTMLTrackElement} or a native one.
+     * @deprecated The default value of the "manualCleanup" parameter will default
+     * to "false" in upcoming versions of Video.js
+     */
+    ;
+
+    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
+      var htmlTrackElement = _Tech.prototype.addRemoteTextTrack.call(this, options, manualCleanup);
+
+      if (this.featuresNativeTextTracks) {
+        this.el().appendChild(htmlTrackElement);
+      }
+
+      return htmlTrackElement;
+    }
+    /**
+     * Remove remote `TextTrack` from `TextTrackList` object
+     *
+     * @param {TextTrack} track
+     *        `TextTrack` object to remove
+     */
+    ;
+
+    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
+      _Tech.prototype.removeRemoteTextTrack.call(this, track);
+
+      if (this.featuresNativeTextTracks) {
+        var tracks = this.$$('track');
+        var i = tracks.length;
+
+        while (i--) {
+          if (track === tracks[i] || track === tracks[i].track) {
+            this.el().removeChild(tracks[i]);
+          }
+        }
+      }
+    }
+    /**
+     * Gets available media playback quality metrics as specified by the W3C's Media
+     * Playback Quality API.
+     *
+     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
+     *
+     * @return {Object}
+     *         An object with supported media playback quality metrics
+     */
+    ;
+
+    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
+      if (typeof this.el().getVideoPlaybackQuality === 'function') {
+        return this.el().getVideoPlaybackQuality();
+      }
+
+      var videoPlaybackQuality = {};
+
+      if (typeof this.el().webkitDroppedFrameCount !== 'undefined' && typeof this.el().webkitDecodedFrameCount !== 'undefined') {
+        videoPlaybackQuality.droppedVideoFrames = this.el().webkitDroppedFrameCount;
+        videoPlaybackQuality.totalVideoFrames = this.el().webkitDecodedFrameCount;
+      }
+
+      if (window_1.performance && typeof window_1.performance.now === 'function') {
+        videoPlaybackQuality.creationTime = window_1.performance.now();
+      } else if (window_1.performance && window_1.performance.timing && typeof window_1.performance.timing.navigationStart === 'number') {
+        videoPlaybackQuality.creationTime = window_1.Date.now() - window_1.performance.timing.navigationStart;
+      }
+
+      return videoPlaybackQuality;
+    };
+
+    return Html5;
+  }(Tech);
+  /* HTML5 Support Testing ---------------------------------------------------- */
+
+  /**
+   * Element for testing browser HTML5 media capabilities
+   *
+   * @type {Element}
+   * @constant
+   * @private
+   */
+
+
+  defineLazyProperty(Html5, 'TEST_VID', function () {
+    if (!isReal()) {
+      return;
+    }
+
+    var video = document_1.createElement('video');
+    var track = document_1.createElement('track');
+    track.kind = 'captions';
+    track.srclang = 'en';
+    track.label = 'English';
+    video.appendChild(track);
+    return video;
+  });
+  /**
+   * Check if HTML5 media is supported by this browser/device.
+   *
+   * @return {boolean}
+   *         - True if HTML5 media is supported.
+   *         - False if HTML5 media is not supported.
+   */
+
+  Html5.isSupported = function () {
+    // IE with no Media Player is a LIAR! (#984)
+    try {
+      Html5.TEST_VID.volume = 0.5;
+    } catch (e) {
+      return false;
+    }
+
+    return !!(Html5.TEST_VID && Html5.TEST_VID.canPlayType);
+  };
+  /**
+   * Check if the tech can support the given type
+   *
+   * @param {string} type
+   *        The mimetype to check
+   * @return {string} 'probably', 'maybe', or '' (empty string)
+   */
+
+
+  Html5.canPlayType = function (type) {
+    return Html5.TEST_VID.canPlayType(type);
+  };
+  /**
+   * Check if the tech can support the given source
+   *
+   * @param {Object} srcObj
+   *        The source object
+   * @param {Object} options
+   *        The options passed to the tech
+   * @return {string} 'probably', 'maybe', or '' (empty string)
+   */
+
+
+  Html5.canPlaySource = function (srcObj, options) {
+    return Html5.canPlayType(srcObj.type);
+  };
+  /**
+   * Check if the volume can be changed in this browser/device.
+   * Volume cannot be changed in a lot of mobile devices.
+   * Specifically, it can't be changed from 1 on iOS.
+   *
+   * @return {boolean}
+   *         - True if volume can be controlled
+   *         - False otherwise
+   */
+
+
+  Html5.canControlVolume = function () {
+    // IE will error if Windows Media Player not installed #3315
+    try {
+      var volume = Html5.TEST_VID.volume;
+      Html5.TEST_VID.volume = volume / 2 + 0.1;
+      return volume !== Html5.TEST_VID.volume;
+    } catch (e) {
+      return false;
+    }
+  };
+  /**
+   * Check if the volume can be muted in this browser/device.
+   * Some devices, e.g. iOS, don't allow changing volume
+   * but permits muting/unmuting.
+   *
+   * @return {bolean}
+   *      - True if volume can be muted
+   *      - False otherwise
+   */
+
+
+  Html5.canMuteVolume = function () {
+    try {
+      var muted = Html5.TEST_VID.muted; // in some versions of iOS muted property doesn't always
+      // work, so we want to set both property and attribute
+
+      Html5.TEST_VID.muted = !muted;
+
+      if (Html5.TEST_VID.muted) {
+        setAttribute(Html5.TEST_VID, 'muted', 'muted');
+      } else {
+        removeAttribute(Html5.TEST_VID, 'muted', 'muted');
+      }
+
+      return muted !== Html5.TEST_VID.muted;
+    } catch (e) {
+      return false;
+    }
+  };
+  /**
+   * Check if the playback rate can be changed in this browser/device.
+   *
+   * @return {boolean}
+   *         - True if playback rate can be controlled
+   *         - False otherwise
+   */
+
+
+  Html5.canControlPlaybackRate = function () {
+    // Playback rate API is implemented in Android Chrome, but doesn't do anything
+    // https://github.com/videojs/video.js/issues/3180
+    if (IS_ANDROID && IS_CHROME && CHROME_VERSION < 58) {
+      return false;
+    } // IE will error if Windows Media Player not installed #3315
+
+
+    try {
+      var playbackRate = Html5.TEST_VID.playbackRate;
+      Html5.TEST_VID.playbackRate = playbackRate / 2 + 0.1;
+      return playbackRate !== Html5.TEST_VID.playbackRate;
+    } catch (e) {
+      return false;
+    }
+  };
+  /**
+   * Check if we can override a video/audio elements attributes, with
+   * Object.defineProperty.
+   *
+   * @return {boolean}
+   *         - True if builtin attributes can be overridden
+   *         - False otherwise
+   */
+
+
+  Html5.canOverrideAttributes = function () {
+    // if we cannot overwrite the src/innerHTML property, there is no support
+    // iOS 7 safari for instance cannot do this.
+    try {
+      var noop = function noop() {};
+
+      Object.defineProperty(document_1.createElement('video'), 'src', {
+        get: noop,
+        set: noop
+      });
+      Object.defineProperty(document_1.createElement('audio'), 'src', {
+        get: noop,
+        set: noop
+      });
+      Object.defineProperty(document_1.createElement('video'), 'innerHTML', {
+        get: noop,
+        set: noop
+      });
+      Object.defineProperty(document_1.createElement('audio'), 'innerHTML', {
+        get: noop,
+        set: noop
+      });
+    } catch (e) {
+      return false;
+    }
+
+    return true;
+  };
+  /**
+   * Check to see if native `TextTrack`s are supported by this browser/device.
+   *
+   * @return {boolean}
+   *         - True if native `TextTrack`s are supported.
+   *         - False otherwise
+   */
+
+
+  Html5.supportsNativeTextTracks = function () {
+    return IS_ANY_SAFARI || IS_IOS && IS_CHROME;
+  };
+  /**
+   * Check to see if native `VideoTrack`s are supported by this browser/device
+   *
+   * @return {boolean}
+   *        - True if native `VideoTrack`s are supported.
+   *        - False otherwise
+   */
+
+
+  Html5.supportsNativeVideoTracks = function () {
+    return !!(Html5.TEST_VID && Html5.TEST_VID.videoTracks);
+  };
+  /**
+   * Check to see if native `AudioTrack`s are supported by this browser/device
+   *
+   * @return {boolean}
+   *        - True if native `AudioTrack`s are supported.
+   *        - False otherwise
+   */
+
+
+  Html5.supportsNativeAudioTracks = function () {
+    return !!(Html5.TEST_VID && Html5.TEST_VID.audioTracks);
+  };
+  /**
+   * An array of events available on the Html5 tech.
+   *
+   * @private
+   * @type {Array}
+   */
+
+
+  Html5.Events = ['loadstart', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'seeking', 'seeked', 'ended', 'durationchange', 'timeupdate', 'progress', 'play', 'pause', 'ratechange', 'resize', 'volumechange'];
+  /**
+   * Boolean indicating whether the `Tech` supports volume control.
+   *
+   * @type {boolean}
+   * @default {@link Html5.canControlVolume}
+   */
+
+  /**
+   * Boolean indicating whether the `Tech` supports muting volume.
+   *
+   * @type {bolean}
+   * @default {@link Html5.canMuteVolume}
+   */
+
+  /**
+   * Boolean indicating whether the `Tech` supports changing the speed at which the media
+   * plays. Examples:
+   *   - Set player to play 2x (twice) as fast
+   *   - Set player to play 0.5x (half) as fast
+   *
+   * @type {boolean}
+   * @default {@link Html5.canControlPlaybackRate}
+   */
+
+  /**
+   * Boolean indicating whether the `Tech` supports the `sourceset` event.
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  /**
+   * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
+   *
+   * @type {boolean}
+   * @default {@link Html5.supportsNativeTextTracks}
+   */
+
+  /**
+   * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
+   *
+   * @type {boolean}
+   * @default {@link Html5.supportsNativeVideoTracks}
+   */
+
+  /**
+   * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
+   *
+   * @type {boolean}
+   * @default {@link Html5.supportsNativeAudioTracks}
+   */
+
+  [['featuresVolumeControl', 'canControlVolume'], ['featuresMuteControl', 'canMuteVolume'], ['featuresPlaybackRate', 'canControlPlaybackRate'], ['featuresSourceset', 'canOverrideAttributes'], ['featuresNativeTextTracks', 'supportsNativeTextTracks'], ['featuresNativeVideoTracks', 'supportsNativeVideoTracks'], ['featuresNativeAudioTracks', 'supportsNativeAudioTracks']].forEach(function (_ref) {
+    var key = _ref[0],
+        fn = _ref[1];
+    defineLazyProperty(Html5.prototype, key, function () {
+      return Html5[fn]();
+    }, true);
+  });
+  /**
+   * Boolean indicating whether the `HTML5` tech currently supports the media element
+   * moving in the DOM. iOS breaks if you move the media element, so this is set this to
+   * false there. Everywhere else this should be true.
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Html5.prototype.movingMediaElementInDOM = !IS_IOS; // TODO: Previous comment: No longer appears to be used. Can probably be removed.
+  //       Is this true?
+
+  /**
+   * Boolean indicating whether the `HTML5` tech currently supports automatic media resize
+   * when going into fullscreen.
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Html5.prototype.featuresFullscreenResize = true;
+  /**
+   * Boolean indicating whether the `HTML5` tech currently supports the progress event.
+   * If this is false, manual `progress` events will be triggered instead.
+   *
+   * @type {boolean}
+   * @default
+   */
+
+  Html5.prototype.featuresProgressEvents = true;
+  /**
+   * Boolean indicating whether the `HTML5` tech currently supports the timeupdate event.
+   * If this is false, manual `timeupdate` events will be triggered instead.
+   *
+   * @default
+   */
+
+  Html5.prototype.featuresTimeupdateEvents = true; // HTML5 Feature detection and Device Fixes --------------------------------- //
+
+  var canPlayType;
+
+  Html5.patchCanPlayType = function () {
+    // Android 4.0 and above can play HLS to some extent but it reports being unable to do so
+    // Firefox and Chrome report correctly
+    if (ANDROID_VERSION >= 4.0 && !IS_FIREFOX && !IS_CHROME) {
+      canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
+
+      Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
+        var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
+
+        if (type && mpegurlRE.test(type)) {
+          return 'maybe';
+        }
+
+        return canPlayType.call(this, type);
+      };
+    }
+  };
+
+  Html5.unpatchCanPlayType = function () {
+    var r = Html5.TEST_VID.constructor.prototype.canPlayType;
+
+    if (canPlayType) {
+      Html5.TEST_VID.constructor.prototype.canPlayType = canPlayType;
+    }
+
+    return r;
+  }; // by default, patch the media element
+
+
+  Html5.patchCanPlayType();
+
+  Html5.disposeMediaElement = function (el) {
+    if (!el) {
+      return;
+    }
+
+    if (el.parentNode) {
+      el.parentNode.removeChild(el);
+    } // remove any child track or source nodes to prevent their loading
+
+
+    while (el.hasChildNodes()) {
+      el.removeChild(el.firstChild);
+    } // remove any src reference. not setting `src=''` because that causes a warning
+    // in firefox
+
+
+    el.removeAttribute('src'); // force the media element to update its loading state by calling load()
+    // however IE on Windows 7N has a bug that throws an error so need a try/catch (#793)
+
+    if (typeof el.load === 'function') {
+      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
+      (function () {
+        try {
+          el.load();
+        } catch (e) {// not supported
+        }
+      })();
+    }
+  };
+
+  Html5.resetMediaElement = function (el) {
+    if (!el) {
+      return;
+    }
+
+    var sources = el.querySelectorAll('source');
+    var i = sources.length;
+
+    while (i--) {
+      el.removeChild(sources[i]);
+    } // remove any src reference.
+    // not setting `src=''` because that throws an error
+
+
+    el.removeAttribute('src');
+
+    if (typeof el.load === 'function') {
+      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
+      (function () {
+        try {
+          el.load();
+        } catch (e) {// satisfy linter
+        }
+      })();
+    }
+  };
+  /* Native HTML5 element property wrapping ----------------------------------- */
+  // Wrap native boolean attributes with getters that check both property and attribute
+  // The list is as followed:
+  // muted, defaultMuted, autoplay, controls, loop, playsinline
+
+
+  [
+  /**
+   * Get the value of `muted` from the media element. `muted` indicates
+   * that the volume for the media should be set to silent. This does not actually change
+   * the `volume` attribute.
+   *
+   * @method Html5#muted
+   * @return {boolean}
+   *         - True if the value of `volume` should be ignored and the audio set to silent.
+   *         - False if the value of `volume` should be used.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
+   */
+  'muted',
+  /**
+   * Get the value of `defaultMuted` from the media element. `defaultMuted` indicates
+   * whether the media should start muted or not. Only changes the default state of the
+   * media. `muted` and `defaultMuted` can have different values. {@link Html5#muted} indicates the
+   * current state.
+   *
+   * @method Html5#defaultMuted
+   * @return {boolean}
+   *         - The value of `defaultMuted` from the media element.
+   *         - True indicates that the media should start muted.
+   *         - False indicates that the media should not start muted
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
+   */
+  'defaultMuted',
+  /**
+   * Get the value of `autoplay` from the media element. `autoplay` indicates
+   * that the media should start to play as soon as the page is ready.
+   *
+   * @method Html5#autoplay
+   * @return {boolean}
+   *         - The value of `autoplay` from the media element.
+   *         - True indicates that the media should start as soon as the page loads.
+   *         - False indicates that the media should not start as soon as the page loads.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
+   */
+  'autoplay',
+  /**
+   * Get the value of `controls` from the media element. `controls` indicates
+   * whether the native media controls should be shown or hidden.
+   *
+   * @method Html5#controls
+   * @return {boolean}
+   *         - The value of `controls` from the media element.
+   *         - True indicates that native controls should be showing.
+   *         - False indicates that native controls should be hidden.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-controls}
+   */
+  'controls',
+  /**
+   * Get the value of `loop` from the media element. `loop` indicates
+   * that the media should return to the start of the media and continue playing once
+   * it reaches the end.
+   *
+   * @method Html5#loop
+   * @return {boolean}
+   *         - The value of `loop` from the media element.
+   *         - True indicates that playback should seek back to start once
+   *           the end of a media is reached.
+   *         - False indicates that playback should not loop back to the start when the
+   *           end of the media is reached.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
+   */
+  'loop',
+  /**
+   * Get the value of `playsinline` from the media element. `playsinline` indicates
+   * to the browser that non-fullscreen playback is preferred when fullscreen
+   * playback is the native default, such as in iOS Safari.
+   *
+   * @method Html5#playsinline
+   * @return {boolean}
+   *         - The value of `playsinline` from the media element.
+   *         - True indicates that the media should play inline.
+   *         - False indicates that the media should not play inline.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
+   */
+  'playsinline'].forEach(function (prop) {
+    Html5.prototype[prop] = function () {
+      return this.el_[prop] || this.el_.hasAttribute(prop);
+    };
+  }); // Wrap native boolean attributes with setters that set both property and attribute
+  // The list is as followed:
+  // setMuted, setDefaultMuted, setAutoplay, setLoop, setPlaysinline
+  // setControls is special-cased above
+
+  [
+  /**
+   * Set the value of `muted` on the media element. `muted` indicates that the current
+   * audio level should be silent.
+   *
+   * @method Html5#setMuted
+   * @param {boolean} muted
+   *        - True if the audio should be set to silent
+   *        - False otherwise
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
+   */
+  'muted',
+  /**
+   * Set the value of `defaultMuted` on the media element. `defaultMuted` indicates that the current
+   * audio level should be silent, but will only effect the muted level on initial playback..
+   *
+   * @method Html5.prototype.setDefaultMuted
+   * @param {boolean} defaultMuted
+   *        - True if the audio should be set to silent
+   *        - False otherwise
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
+   */
+  'defaultMuted',
+  /**
+   * Set the value of `autoplay` on the media element. `autoplay` indicates
+   * that the media should start to play as soon as the page is ready.
+   *
+   * @method Html5#setAutoplay
+   * @param {boolean} autoplay
+   *         - True indicates that the media should start as soon as the page loads.
+   *         - False indicates that the media should not start as soon as the page loads.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
+   */
+  'autoplay',
+  /**
+   * Set the value of `loop` on the media element. `loop` indicates
+   * that the media should return to the start of the media and continue playing once
+   * it reaches the end.
+   *
+   * @method Html5#setLoop
+   * @param {boolean} loop
+   *         - True indicates that playback should seek back to start once
+   *           the end of a media is reached.
+   *         - False indicates that playback should not loop back to the start when the
+   *           end of the media is reached.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
+   */
+  'loop',
+  /**
+   * Set the value of `playsinline` from the media element. `playsinline` indicates
+   * to the browser that non-fullscreen playback is preferred when fullscreen
+   * playback is the native default, such as in iOS Safari.
+   *
+   * @method Html5#setPlaysinline
+   * @param {boolean} playsinline
+   *         - True indicates that the media should play inline.
+   *         - False indicates that the media should not play inline.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
+   */
+  'playsinline'].forEach(function (prop) {
+    Html5.prototype['set' + toTitleCase$1(prop)] = function (v) {
+      this.el_[prop] = v;
+
+      if (v) {
+        this.el_.setAttribute(prop, prop);
+      } else {
+        this.el_.removeAttribute(prop);
+      }
+    };
+  }); // Wrap native properties with a getter
+  // The list is as followed
+  // paused, currentTime, buffered, volume, poster, preload, error, seeking
+  // seekable, ended, playbackRate, defaultPlaybackRate, disablePictureInPicture
+  // played, networkState, readyState, videoWidth, videoHeight, crossOrigin
+
+  [
+  /**
+   * Get the value of `paused` from the media element. `paused` indicates whether the media element
+   * is currently paused or not.
+   *
+   * @method Html5#paused
+   * @return {boolean}
+   *         The value of `paused` from the media element.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-paused}
+   */
+  'paused',
+  /**
+   * Get the value of `currentTime` from the media element. `currentTime` indicates
+   * the current second that the media is at in playback.
+   *
+   * @method Html5#currentTime
+   * @return {number}
+   *         The value of `currentTime` from the media element.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-currenttime}
+   */
+  'currentTime',
+  /**
+   * Get the value of `buffered` from the media element. `buffered` is a `TimeRange`
+   * object that represents the parts of the media that are already downloaded and
+   * available for playback.
+   *
+   * @method Html5#buffered
+   * @return {TimeRange}
+   *         The value of `buffered` from the media element.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-buffered}
+   */
+  'buffered',
+  /**
+   * Get the value of `volume` from the media element. `volume` indicates
+   * the current playback volume of audio for a media. `volume` will be a value from 0
+   * (silent) to 1 (loudest and default).
+   *
+   * @method Html5#volume
+   * @return {number}
+   *         The value of `volume` from the media element. Value will be between 0-1.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
+   */
+  'volume',
+  /**
+   * Get the value of `poster` from the media element. `poster` indicates
+   * that the url of an image file that can/will be shown when no media data is available.
+   *
+   * @method Html5#poster
+   * @return {string}
+   *         The value of `poster` from the media element. Value will be a url to an
+   *         image.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-video-poster}
+   */
+  'poster',
+  /**
+   * Get the value of `preload` from the media element. `preload` indicates
+   * what should download before the media is interacted with. It can have the following
+   * values:
+   * - none: nothing should be downloaded
+   * - metadata: poster and the first few frames of the media may be downloaded to get
+   *   media dimensions and other metadata
+   * - auto: allow the media and metadata for the media to be downloaded before
+   *    interaction
+   *
+   * @method Html5#preload
+   * @return {string}
+   *         The value of `preload` from the media element. Will be 'none', 'metadata',
+   *         or 'auto'.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
+   */
+  'preload',
+  /**
+   * Get the value of the `error` from the media element. `error` indicates any
+   * MediaError that may have occurred during playback. If error returns null there is no
+   * current error.
+   *
+   * @method Html5#error
+   * @return {MediaError|null}
+   *         The value of `error` from the media element. Will be `MediaError` if there
+   *         is a current error and null otherwise.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-error}
+   */
+  'error',
+  /**
+   * Get the value of `seeking` from the media element. `seeking` indicates whether the
+   * media is currently seeking to a new position or not.
+   *
+   * @method Html5#seeking
+   * @return {boolean}
+   *         - The value of `seeking` from the media element.
+   *         - True indicates that the media is currently seeking to a new position.
+   *         - False indicates that the media is not seeking to a new position at this time.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seeking}
+   */
+  'seeking',
+  /**
+   * Get the value of `seekable` from the media element. `seekable` returns a
+   * `TimeRange` object indicating ranges of time that can currently be `seeked` to.
+   *
+   * @method Html5#seekable
+   * @return {TimeRange}
+   *         The value of `seekable` from the media element. A `TimeRange` object
+   *         indicating the current ranges of time that can be seeked to.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seekable}
+   */
+  'seekable',
+  /**
+   * Get the value of `ended` from the media element. `ended` indicates whether
+   * the media has reached the end or not.
+   *
+   * @method Html5#ended
+   * @return {boolean}
+   *         - The value of `ended` from the media element.
+   *         - True indicates that the media has ended.
+   *         - False indicates that the media has not ended.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-ended}
+   */
+  'ended',
+  /**
+   * Get the value of `playbackRate` from the media element. `playbackRate` indicates
+   * the rate at which the media is currently playing back. Examples:
+   *   - if playbackRate is set to 2, media will play twice as fast.
+   *   - if playbackRate is set to 0.5, media will play half as fast.
+   *
+   * @method Html5#playbackRate
+   * @return {number}
+   *         The value of `playbackRate` from the media element. A number indicating
+   *         the current playback speed of the media, where 1 is normal speed.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
+   */
+  'playbackRate',
+  /**
+   * Get the value of `defaultPlaybackRate` from the media element. `defaultPlaybackRate` indicates
+   * the rate at which the media is currently playing back. This value will not indicate the current
+   * `playbackRate` after playback has started, use {@link Html5#playbackRate} for that.
+   *
+   * Examples:
+   *   - if defaultPlaybackRate is set to 2, media will play twice as fast.
+   *   - if defaultPlaybackRate is set to 0.5, media will play half as fast.
+   *
+   * @method Html5.prototype.defaultPlaybackRate
+   * @return {number}
+   *         The value of `defaultPlaybackRate` from the media element. A number indicating
+   *         the current playback speed of the media, where 1 is normal speed.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
+   */
+  'defaultPlaybackRate',
+  /**
+   * Get the value of 'disablePictureInPicture' from the video element.
+   *
+   * @method Html5#disablePictureInPicture
+   * @return {boolean} value
+   *         - The value of `disablePictureInPicture` from the video element.
+   *         - True indicates that the video can't be played in Picture-In-Picture mode
+   *         - False indicates that the video can be played in Picture-In-Picture mode
+   *
+   * @see [Spec]{@link https://w3c.github.io/picture-in-picture/#disable-pip}
+   */
+  'disablePictureInPicture',
+  /**
+   * Get the value of `played` from the media element. `played` returns a `TimeRange`
+   * object representing points in the media timeline that have been played.
+   *
+   * @method Html5#played
+   * @return {TimeRange}
+   *         The value of `played` from the media element. A `TimeRange` object indicating
+   *         the ranges of time that have been played.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-played}
+   */
+  'played',
+  /**
+   * Get the value of `networkState` from the media element. `networkState` indicates
+   * the current network state. It returns an enumeration from the following list:
+   * - 0: NETWORK_EMPTY
+   * - 1: NETWORK_IDLE
+   * - 2: NETWORK_LOADING
+   * - 3: NETWORK_NO_SOURCE
+   *
+   * @method Html5#networkState
+   * @return {number}
+   *         The value of `networkState` from the media element. This will be a number
+   *         from the list in the description.
+   *
+   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate}
+   */
+  'networkState',
+  /**
+   * Get the value of `readyState` from the media element. `readyState` indicates
+   * the current state of the media element. It returns an enumeration from the
+   * following list:
+   * - 0: HAVE_NOTHING
+   * - 1: HAVE_METADATA
+   * - 2: HAVE_CURRENT_DATA
+   * - 3: HAVE_FUTURE_DATA
+   * - 4: HAVE_ENOUGH_DATA
+   *
+   * @method Html5#readyState
+   * @return {number}
+   *         The value of `readyState` from the media element. This will be a number
+   *         from the list in the description.
+   *
+   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#ready-states}
+   */
+  'readyState',
+  /**
+   * Get the value of `videoWidth` from the video element. `videoWidth` indicates
+   * the current width of the video in css pixels.
+   *
+   * @method Html5#videoWidth
+   * @return {number}
+   *         The value of `videoWidth` from the video element. This will be a number
+   *         in css pixels.
+   *
+   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
+   */
+  'videoWidth',
+  /**
+   * Get the value of `videoHeight` from the video element. `videoHeight` indicates
+   * the current height of the video in css pixels.
+   *
+   * @method Html5#videoHeight
+   * @return {number}
+   *         The value of `videoHeight` from the video element. This will be a number
+   *         in css pixels.
+   *
+   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
+   */
+  'videoHeight',
+  /**
+   * Get the value of `crossOrigin` from the media element. `crossOrigin` indicates
+   * to the browser that should sent the cookies along with the requests for the
+   * different assets/playlists
+   *
+   * @method Html5#crossOrigin
+   * @return {string}
+   *         - anonymous indicates that the media should not sent cookies.
+   *         - use-credentials indicates that the media should sent cookies along the requests.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-media-crossorigin}
+   */
+  'crossOrigin'].forEach(function (prop) {
+    Html5.prototype[prop] = function () {
+      return this.el_[prop];
+    };
+  }); // Wrap native properties with a setter in this format:
+  // set + toTitleCase(name)
+  // The list is as follows:
+  // setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate,
+  // setDisablePictureInPicture, setCrossOrigin
+
+  [
+  /**
+   * Set the value of `volume` on the media element. `volume` indicates the current
+   * audio level as a percentage in decimal form. This means that 1 is 100%, 0.5 is 50%, and
+   * so on.
+   *
+   * @method Html5#setVolume
+   * @param {number} percentAsDecimal
+   *        The volume percent as a decimal. Valid range is from 0-1.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
+   */
+  'volume',
+  /**
+   * Set the value of `src` on the media element. `src` indicates the current
+   * {@link Tech~SourceObject} for the media.
+   *
+   * @method Html5#setSrc
+   * @param {Tech~SourceObject} src
+   *        The source object to set as the current source.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-src}
+   */
+  'src',
+  /**
+   * Set the value of `poster` on the media element. `poster` is the url to
+   * an image file that can/will be shown when no media data is available.
+   *
+   * @method Html5#setPoster
+   * @param {string} poster
+   *        The url to an image that should be used as the `poster` for the media
+   *        element.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-poster}
+   */
+  'poster',
+  /**
+   * Set the value of `preload` on the media element. `preload` indicates
+   * what should download before the media is interacted with. It can have the following
+   * values:
+   * - none: nothing should be downloaded
+   * - metadata: poster and the first few frames of the media may be downloaded to get
+   *   media dimensions and other metadata
+   * - auto: allow the media and metadata for the media to be downloaded before
+   *    interaction
+   *
+   * @method Html5#setPreload
+   * @param {string} preload
+   *         The value of `preload` to set on the media element. Must be 'none', 'metadata',
+   *         or 'auto'.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
+   */
+  'preload',
+  /**
+   * Set the value of `playbackRate` on the media element. `playbackRate` indicates
+   * the rate at which the media should play back. Examples:
+   *   - if playbackRate is set to 2, media will play twice as fast.
+   *   - if playbackRate is set to 0.5, media will play half as fast.
+   *
+   * @method Html5#setPlaybackRate
+   * @return {number}
+   *         The value of `playbackRate` from the media element. A number indicating
+   *         the current playback speed of the media, where 1 is normal speed.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
+   */
+  'playbackRate',
+  /**
+   * Set the value of `defaultPlaybackRate` on the media element. `defaultPlaybackRate` indicates
+   * the rate at which the media should play back upon initial startup. Changing this value
+   * after a video has started will do nothing. Instead you should used {@link Html5#setPlaybackRate}.
+   *
+   * Example Values:
+   *   - if playbackRate is set to 2, media will play twice as fast.
+   *   - if playbackRate is set to 0.5, media will play half as fast.
+   *
+   * @method Html5.prototype.setDefaultPlaybackRate
+   * @return {number}
+   *         The value of `defaultPlaybackRate` from the media element. A number indicating
+   *         the current playback speed of the media, where 1 is normal speed.
+   *
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultplaybackrate}
+   */
+  'defaultPlaybackRate',
+  /**
+   * Prevents the browser from suggesting a Picture-in-Picture context menu
+   * or to request Picture-in-Picture automatically in some cases.
+   *
+   * @method Html5#setDisablePictureInPicture
+   * @param {boolean} value
+   *         The true value will disable Picture-in-Picture mode.
+   *
+   * @see [Spec]{@link https://w3c.github.io/picture-in-picture/#disable-pip}
+   */
+  'disablePictureInPicture',
+  /**
+   * Set the value of `crossOrigin` from the media element. `crossOrigin` indicates
+   * to the browser that should sent the cookies along with the requests for the
+   * different assets/playlists
+   *
+   * @method Html5#setCrossOrigin
+   * @param {string} crossOrigin
+   *         - anonymous indicates that the media should not sent cookies.
+   *         - use-credentials indicates that the media should sent cookies along the requests.
+   *
+   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-media-crossorigin}
+   */
+  'crossOrigin'].forEach(function (prop) {
+    Html5.prototype['set' + toTitleCase$1(prop)] = function (v) {
+      this.el_[prop] = v;
+    };
+  }); // wrap native functions with a function
+  // The list is as follows:
+  // pause, load, play
+
+  [
+  /**
+   * A wrapper around the media elements `pause` function. This will call the `HTML5`
+   * media elements `pause` function.
+   *
+   * @method Html5#pause
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-pause}
+   */
+  'pause',
+  /**
+   * A wrapper around the media elements `load` function. This will call the `HTML5`s
+   * media element `load` function.
+   *
+   * @method Html5#load
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-load}
+   */
+  'load',
+  /**
+   * A wrapper around the media elements `play` function. This will call the `HTML5`s
+   * media element `play` function.
+   *
+   * @method Html5#play
+   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-play}
+   */
+  'play'].forEach(function (prop) {
+    Html5.prototype[prop] = function () {
+      return this.el_[prop]();
+    };
+  });
+  Tech.withSourceHandlers(Html5);
+  /**
+   * Native source handler for Html5, simply passes the source to the media element.
+   *
+   * @property {Tech~SourceObject} source
+   *        The source object
+   *
+   * @property {Html5} tech
+   *        The instance of the HTML5 tech.
+   */
+
+  Html5.nativeSourceHandler = {};
+  /**
+   * Check if the media element can play the given mime type.
+   *
+   * @param {string} type
+   *        The mimetype to check
+   *
+   * @return {string}
+   *         'probably', 'maybe', or '' (empty string)
+   */
+
+  Html5.nativeSourceHandler.canPlayType = function (type) {
+    // IE without MediaPlayer throws an error (#519)
+    try {
+      return Html5.TEST_VID.canPlayType(type);
+    } catch (e) {
+      return '';
+    }
+  };
+  /**
+   * Check if the media element can handle a source natively.
+   *
+   * @param {Tech~SourceObject} source
+   *         The source object
+   *
+   * @param {Object} [options]
+   *         Options to be passed to the tech.
+   *
+   * @return {string}
+   *         'probably', 'maybe', or '' (empty string).
+   */
+
+
+  Html5.nativeSourceHandler.canHandleSource = function (source, options) {
+    // If a type was provided we should rely on that
+    if (source.type) {
+      return Html5.nativeSourceHandler.canPlayType(source.type); // If no type, fall back to checking 'video/[EXTENSION]'
+    } else if (source.src) {
+      var ext = getFileExtension(source.src);
+      return Html5.nativeSourceHandler.canPlayType("video/" + ext);
+    }
+
+    return '';
+  };
+  /**
+   * Pass the source to the native media element.
+   *
+   * @param {Tech~SourceObject} source
+   *        The source object
+   *
+   * @param {Html5} tech
+   *        The instance of the Html5 tech
+   *
+   * @param {Object} [options]
+   *        The options to pass to the source
+   */
+
+
+  Html5.nativeSourceHandler.handleSource = function (source, tech, options) {
+    tech.setSrc(source.src);
+  };
+  /**
+   * A noop for the native dispose function, as cleanup is not needed.
+   */
+
+
+  Html5.nativeSourceHandler.dispose = function () {}; // Register the native source handler
+
+
+  Html5.registerSourceHandler(Html5.nativeSourceHandler);
+  Tech.registerTech('Html5', Html5);
+
+  // on the player when they happen
+
+  var TECH_EVENTS_RETRIGGER = [
+  /**
+   * Fired while the user agent is downloading media data.
+   *
+   * @event Player#progress
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Retrigger the `progress` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechProgress_
+   * @fires Player#progress
+   * @listens Tech#progress
+   */
+  'progress',
+  /**
+   * Fires when the loading of an audio/video is aborted.
+   *
+   * @event Player#abort
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Retrigger the `abort` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechAbort_
+   * @fires Player#abort
+   * @listens Tech#abort
+   */
+  'abort',
+  /**
+   * Fires when the browser is intentionally not getting media data.
+   *
+   * @event Player#suspend
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Retrigger the `suspend` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechSuspend_
+   * @fires Player#suspend
+   * @listens Tech#suspend
+   */
+  'suspend',
+  /**
+   * Fires when the current playlist is empty.
+   *
+   * @event Player#emptied
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Retrigger the `emptied` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechEmptied_
+   * @fires Player#emptied
+   * @listens Tech#emptied
+   */
+  'emptied',
+  /**
+   * Fires when the browser is trying to get media data, but data is not available.
+   *
+   * @event Player#stalled
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechStalled_
+   * @fires Player#stalled
+   * @listens Tech#stalled
+   */
+  'stalled',
+  /**
+   * Fires when the browser has loaded meta data for the audio/video.
+   *
+   * @event Player#loadedmetadata
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechLoadedmetadata_
+   * @fires Player#loadedmetadata
+   * @listens Tech#loadedmetadata
+   */
+  'loadedmetadata',
+  /**
+   * Fires when the browser has loaded the current frame of the audio/video.
+   *
+   * @event Player#loadeddata
+   * @type {event}
+   */
+
+  /**
+   * Retrigger the `loadeddata` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechLoaddeddata_
+   * @fires Player#loadeddata
+   * @listens Tech#loadeddata
+   */
+  'loadeddata',
+  /**
+   * Fires when the current playback position has changed.
+   *
+   * @event Player#timeupdate
+   * @type {event}
+   */
+
+  /**
+   * Retrigger the `timeupdate` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechTimeUpdate_
+   * @fires Player#timeupdate
+   * @listens Tech#timeupdate
+   */
+  'timeupdate',
+  /**
+   * Fires when the video's intrinsic dimensions change
+   *
+   * @event Player#resize
+   * @type {event}
+   */
+
+  /**
+   * Retrigger the `resize` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechResize_
+   * @fires Player#resize
+   * @listens Tech#resize
+   */
+  'resize',
+  /**
+   * Fires when the volume has been changed
+   *
+   * @event Player#volumechange
+   * @type {event}
+   */
+
+  /**
+   * Retrigger the `volumechange` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechVolumechange_
+   * @fires Player#volumechange
+   * @listens Tech#volumechange
+   */
+  'volumechange',
+  /**
+   * Fires when the text track has been changed
+   *
+   * @event Player#texttrackchange
+   * @type {event}
+   */
+
+  /**
+   * Retrigger the `texttrackchange` event that was triggered by the {@link Tech}.
+   *
+   * @private
+   * @method Player#handleTechTexttrackchange_
+   * @fires Player#texttrackchange
+   * @listens Tech#texttrackchange
+   */
+  'texttrackchange']; // events to queue when playback rate is zero
+  // this is a hash for the sole purpose of mapping non-camel-cased event names
+  // to camel-cased function names
+
+  var TECH_EVENTS_QUEUE = {
+    canplay: 'CanPlay',
+    canplaythrough: 'CanPlayThrough',
+    playing: 'Playing',
+    seeked: 'Seeked'
+  };
+  var BREAKPOINT_ORDER = ['tiny', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'huge'];
+  var BREAKPOINT_CLASSES = {}; // grep: vjs-layout-tiny
+  // grep: vjs-layout-x-small
+  // grep: vjs-layout-small
+  // grep: vjs-layout-medium
+  // grep: vjs-layout-large
+  // grep: vjs-layout-x-large
+  // grep: vjs-layout-huge
+
+  BREAKPOINT_ORDER.forEach(function (k) {
+    var v = k.charAt(0) === 'x' ? "x-" + k.substring(1) : k;
+    BREAKPOINT_CLASSES[k] = "vjs-layout-" + v;
+  });
+  var DEFAULT_BREAKPOINTS = {
+    tiny: 210,
+    xsmall: 320,
+    small: 425,
+    medium: 768,
+    large: 1440,
+    xlarge: 2560,
+    huge: Infinity
+  };
+  /**
+   * An instance of the `Player` class is created when any of the Video.js setup methods
+   * are used to initialize a video.
+   *
+   * After an instance has been created it can be accessed globally in two ways:
+   * 1. By calling `videojs('example_video_1');`
+   * 2. By using it directly via  `videojs.players.example_video_1;`
+   *
+   * @extends Component
+   */
+
+  var Player = /*#__PURE__*/function (_Component) {
+    inheritsLoose(Player, _Component);
+
+    /**
+     * Create an instance of this class.
+     *
+     * @param {Element} tag
+     *        The original video DOM element used for configuring options.
+     *
+     * @param {Object} [options]
+     *        Object of option names and values.
+     *
+     * @param {Component~ReadyCallback} [ready]
+     *        Ready callback function.
+     */
+    function Player(tag, options, ready) {
+      var _this;
+
+      // Make sure tag ID exists
+      tag.id = tag.id || options.id || "vjs_video_" + newGUID(); // Set Options
+      // The options argument overrides options set in the video tag
+      // which overrides globally set options.
+      // This latter part coincides with the load order
+      // (tag must exist before Player)
+
+      options = assign(Player.getTagSettings(tag), options); // Delay the initialization of children because we need to set up
+      // player properties first, and can't use `this` before `super()`
+
+      options.initChildren = false; // Same with creating the element
+
+      options.createEl = false; // don't auto mixin the evented mixin
+
+      options.evented = false; // we don't want the player to report touch activity on itself
+      // see enableTouchActivity in Component
+
+      options.reportTouchActivity = false; // If language is not set, get the closest lang attribute
+
+      if (!options.language) {
+        if (typeof tag.closest === 'function') {
+          var closest = tag.closest('[lang]');
+
+          if (closest && closest.getAttribute) {
+            options.language = closest.getAttribute('lang');
+          }
+        } else {
+          var element = tag;
+
+          while (element && element.nodeType === 1) {
+            if (getAttributes(element).hasOwnProperty('lang')) {
+              options.language = element.getAttribute('lang');
+              break;
+            }
+
+            element = element.parentNode;
+          }
+        }
+      } // Run base component initializing with new options
+
+
+      _this = _Component.call(this, null, options, ready) || this; // Create bound methods for document listeners.
+
+      _this.boundDocumentFullscreenChange_ = function (e) {
+        return _this.documentFullscreenChange_(e);
+      };
+
+      _this.boundFullWindowOnEscKey_ = function (e) {
+        return _this.fullWindowOnEscKey(e);
+      };
+
+      _this.boundUpdateStyleEl_ = function (e) {
+        return _this.updateStyleEl_(e);
+      };
+
+      _this.boundApplyInitTime_ = function (e) {
+        return _this.applyInitTime_(e);
+      };
+
+      _this.boundUpdateCurrentBreakpoint_ = function (e) {
+        return _this.updateCurrentBreakpoint_(e);
+      };
+
+      _this.boundHandleTechClick_ = function (e) {
+        return _this.handleTechClick_(e);
+      };
+
+      _this.boundHandleTechDoubleClick_ = function (e) {
+        return _this.handleTechDoubleClick_(e);
+      };
+
+      _this.boundHandleTechTouchStart_ = function (e) {
+        return _this.handleTechTouchStart_(e);
+      };
+
+      _this.boundHandleTechTouchMove_ = function (e) {
+        return _this.handleTechTouchMove_(e);
+      };
+
+      _this.boundHandleTechTouchEnd_ = function (e) {
+        return _this.handleTechTouchEnd_(e);
+      };
+
+      _this.boundHandleTechTap_ = function (e) {
+        return _this.handleTechTap_(e);
+      }; // default isFullscreen_ to false
+
+
+      _this.isFullscreen_ = false; // create logger
+
+      _this.log = createLogger(_this.id_); // Hold our own reference to fullscreen api so it can be mocked in tests
+
+      _this.fsApi_ = FullscreenApi; // Tracks when a tech changes the poster
+
+      _this.isPosterFromTech_ = false; // Holds callback info that gets queued when playback rate is zero
+      // and a seek is happening
+
+      _this.queuedCallbacks_ = []; // Turn off API access because we're loading a new tech that might load asynchronously
+
+      _this.isReady_ = false; // Init state hasStarted_
+
+      _this.hasStarted_ = false; // Init state userActive_
+
+      _this.userActive_ = false; // Init debugEnabled_
+
+      _this.debugEnabled_ = false; // if the global option object was accidentally blown away by
+      // someone, bail early with an informative error
+
+      if (!_this.options_ || !_this.options_.techOrder || !_this.options_.techOrder.length) {
+        throw new Error('No techOrder specified. Did you overwrite ' + 'videojs.options instead of just changing the ' + 'properties you want to override?');
+      } // Store the original tag used to set options
+
+
+      _this.tag = tag; // Store the tag attributes used to restore html5 element
+
+      _this.tagAttributes = tag && getAttributes(tag); // Update current language
+
+      _this.language(_this.options_.language); // Update Supported Languages
+
+
+      if (options.languages) {
+        // Normalise player option languages to lowercase
+        var languagesToLower = {};
+        Object.getOwnPropertyNames(options.languages).forEach(function (name) {
+          languagesToLower[name.toLowerCase()] = options.languages[name];
+        });
+        _this.languages_ = languagesToLower;
+      } else {
+        _this.languages_ = Player.prototype.options_.languages;
+      }
+
+      _this.resetCache_(); // Set poster
+
+
+      _this.poster_ = options.poster || ''; // Set controls
+
+      _this.controls_ = !!options.controls; // Original tag settings stored in options
+      // now remove immediately so native controls don't flash.
+      // May be turned back on by HTML5 tech if nativeControlsForTouch is true
+
+      tag.controls = false;
+      tag.removeAttribute('controls');
+      _this.changingSrc_ = false;
+      _this.playCallbacks_ = [];
+      _this.playTerminatedQueue_ = []; // the attribute overrides the option
+
+      if (tag.hasAttribute('autoplay')) {
+        _this.autoplay(true);
+      } else {
+        // otherwise use the setter to validate and
+        // set the correct value.
+        _this.autoplay(_this.options_.autoplay);
+      } // check plugins
+
+
+      if (options.plugins) {
+        Object.keys(options.plugins).forEach(function (name) {
+          if (typeof _this[name] !== 'function') {
+            throw new Error("plugin \"" + name + "\" does not exist");
+          }
+        });
+      }
+      /*
+       * Store the internal state of scrubbing
+       *
+       * @private
+       * @return {Boolean} True if the user is scrubbing
+       */
+
+
+      _this.scrubbing_ = false;
+      _this.el_ = _this.createEl(); // Make this an evented object and use `el_` as its event bus.
+
+      evented(assertThisInitialized(_this), {
+        eventBusKey: 'el_'
+      }); // listen to document and player fullscreenchange handlers so we receive those events
+      // before a user can receive them so we can update isFullscreen appropriately.
+      // make sure that we listen to fullscreenchange events before everything else to make sure that
+      // our isFullscreen method is updated properly for internal components as well as external.
+
+      if (_this.fsApi_.requestFullscreen) {
+        on(document_1, _this.fsApi_.fullscreenchange, _this.boundDocumentFullscreenChange_);
+
+        _this.on(_this.fsApi_.fullscreenchange, _this.boundDocumentFullscreenChange_);
+      }
+
+      if (_this.fluid_) {
+        _this.on(['playerreset', 'resize'], _this.boundUpdateStyleEl_);
+      } // We also want to pass the original player options to each component and plugin
+      // as well so they don't need to reach back into the player for options later.
+      // We also need to do another copy of this.options_ so we don't end up with
+      // an infinite loop.
+
+
+      var playerOptionsCopy = mergeOptions$3(_this.options_); // Load plugins
+
+      if (options.plugins) {
+        Object.keys(options.plugins).forEach(function (name) {
+          _this[name](options.plugins[name]);
+        });
+      } // Enable debug mode to fire debugon event for all plugins.
+
+
+      if (options.debug) {
+        _this.debug(true);
+      }
+
+      _this.options_.playerOptions = playerOptionsCopy;
+      _this.middleware_ = [];
+
+      _this.playbackRates(options.playbackRates);
+
+      _this.initChildren(); // Set isAudio based on whether or not an audio tag was used
+
+
+      _this.isAudio(tag.nodeName.toLowerCase() === 'audio'); // Update controls className. Can't do this when the controls are initially
+      // set because the element doesn't exist yet.
+
+
+      if (_this.controls()) {
+        _this.addClass('vjs-controls-enabled');
+      } else {
+        _this.addClass('vjs-controls-disabled');
+      } // Set ARIA label and region role depending on player type
+
+
+      _this.el_.setAttribute('role', 'region');
+
+      if (_this.isAudio()) {
+        _this.el_.setAttribute('aria-label', _this.localize('Audio Player'));
+      } else {
+        _this.el_.setAttribute('aria-label', _this.localize('Video Player'));
+      }
+
+      if (_this.isAudio()) {
+        _this.addClass('vjs-audio');
+      }
+
+      if (_this.flexNotSupported_()) {
+        _this.addClass('vjs-no-flex');
+      } // TODO: Make this smarter. Toggle user state between touching/mousing
+      // using events, since devices can have both touch and mouse events.
+      // TODO: Make this check be performed again when the window switches between monitors
+      // (See https://github.com/videojs/video.js/issues/5683)
+
+
+      if (TOUCH_ENABLED) {
+        _this.addClass('vjs-touch-enabled');
+      } // iOS Safari has broken hover handling
+
+
+      if (!IS_IOS) {
+        _this.addClass('vjs-workinghover');
+      } // Make player easily findable by ID
+
+
+      Player.players[_this.id_] = assertThisInitialized(_this); // Add a major version class to aid css in plugins
+
+      var majorVersion = version$5.split('.')[0];
+
+      _this.addClass("vjs-v" + majorVersion); // When the player is first initialized, trigger activity so components
+      // like the control bar show themselves if needed
+
+
+      _this.userActive(true);
+
+      _this.reportUserActivity();
+
+      _this.one('play', function (e) {
+        return _this.listenForUserActivity_(e);
+      });
+
+      _this.on('stageclick', function (e) {
+        return _this.handleStageClick_(e);
+      });
+
+      _this.on('keydown', function (e) {
+        return _this.handleKeyDown(e);
+      });
+
+      _this.on('languagechange', function (e) {
+        return _this.handleLanguagechange(e);
+      });
+
+      _this.breakpoints(_this.options_.breakpoints);
+
+      _this.responsive(_this.options_.responsive);
+
+      return _this;
+    }
+    /**
+     * Destroys the video player and does any necessary cleanup.
+     *
+     * This is especially helpful if you are dynamically adding and removing videos
+     * to/from the DOM.
+     *
+     * @fires Player#dispose
+     */
+
+
+    var _proto = Player.prototype;
+
+    _proto.dispose = function dispose() {
+      var _this2 = this;
+
+      /**
+       * Called when the player is being disposed of.
+       *
+       * @event Player#dispose
+       * @type {EventTarget~Event}
+       */
+      this.trigger('dispose'); // prevent dispose from being called twice
+
+      this.off('dispose'); // Make sure all player-specific document listeners are unbound. This is
+
+      off(document_1, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
+      off(document_1, 'keydown', this.boundFullWindowOnEscKey_);
+
+      if (this.styleEl_ && this.styleEl_.parentNode) {
+        this.styleEl_.parentNode.removeChild(this.styleEl_);
+        this.styleEl_ = null;
+      } // Kill reference to this player
+
+
+      Player.players[this.id_] = null;
+
+      if (this.tag && this.tag.player) {
+        this.tag.player = null;
+      }
+
+      if (this.el_ && this.el_.player) {
+        this.el_.player = null;
+      }
+
+      if (this.tech_) {
+        this.tech_.dispose();
+        this.isPosterFromTech_ = false;
+        this.poster_ = '';
+      }
+
+      if (this.playerElIngest_) {
+        this.playerElIngest_ = null;
+      }
+
+      if (this.tag) {
+        this.tag = null;
+      }
+
+      clearCacheForPlayer(this); // remove all event handlers for track lists
+      // all tracks and track listeners are removed on
+      // tech dispose
+
+      ALL.names.forEach(function (name) {
+        var props = ALL[name];
+
+        var list = _this2[props.getterName](); // if it is not a native list
+        // we have to manually remove event listeners
+
+
+        if (list && list.off) {
+          list.off();
+        }
+      }); // the actual .el_ is removed here
+
+      _Component.prototype.dispose.call(this);
+    }
+    /**
+     * Create the `Player`'s DOM element.
+     *
+     * @return {Element}
+     *         The DOM element that gets created.
+     */
+    ;
+
+    _proto.createEl = function createEl() {
+      var tag = this.tag;
+      var el;
+      var playerElIngest = this.playerElIngest_ = tag.parentNode && tag.parentNode.hasAttribute && tag.parentNode.hasAttribute('data-vjs-player');
+      var divEmbed = this.tag.tagName.toLowerCase() === 'video-js';
+
+      if (playerElIngest) {
+        el = this.el_ = tag.parentNode;
+      } else if (!divEmbed) {
+        el = this.el_ = _Component.prototype.createEl.call(this, 'div');
+      } // Copy over all the attributes from the tag, including ID and class
+      // ID will now reference player box, not the video tag
+
+
+      var attrs = getAttributes(tag);
+
+      if (divEmbed) {
+        el = this.el_ = tag;
+        tag = this.tag = document_1.createElement('video');
+
+        while (el.children.length) {
+          tag.appendChild(el.firstChild);
+        }
+
+        if (!hasClass(el, 'video-js')) {
+          addClass(el, 'video-js');
+        }
+
+        el.appendChild(tag);
+        playerElIngest = this.playerElIngest_ = el; // move properties over from our custom `video-js` element
+        // to our new `video` element. This will move things like
+        // `src` or `controls` that were set via js before the player
+        // was initialized.
+
+        Object.keys(el).forEach(function (k) {
+          try {
+            tag[k] = el[k];
+          } catch (e) {// we got a a property like outerHTML which we can't actually copy, ignore it
+          }
+        });
+      } // set tabindex to -1 to remove the video element from the focus order
+
+
+      tag.setAttribute('tabindex', '-1');
+      attrs.tabindex = '-1'; // Workaround for #4583 (JAWS+IE doesn't announce BPB or play button), and
+      // for the same issue with Chrome (on Windows) with JAWS.
+      // See https://github.com/FreedomScientific/VFO-standards-support/issues/78
+      // Note that we can't detect if JAWS is being used, but this ARIA attribute
+      //  doesn't change behavior of IE11 or Chrome if JAWS is not being used
+
+      if (IE_VERSION || IS_CHROME && IS_WINDOWS) {
+        tag.setAttribute('role', 'application');
+        attrs.role = 'application';
+      } // Remove width/height attrs from tag so CSS can make it 100% width/height
+
+
+      tag.removeAttribute('width');
+      tag.removeAttribute('height');
+
+      if ('width' in attrs) {
+        delete attrs.width;
+      }
+
+      if ('height' in attrs) {
+        delete attrs.height;
+      }
+
+      Object.getOwnPropertyNames(attrs).forEach(function (attr) {
+        // don't copy over the class attribute to the player element when we're in a div embed
+        // the class is already set up properly in the divEmbed case
+        // and we want to make sure that the `video-js` class doesn't get lost
+        if (!(divEmbed && attr === 'class')) {
+          el.setAttribute(attr, attrs[attr]);
+        }
+
+        if (divEmbed) {
+          tag.setAttribute(attr, attrs[attr]);
+        }
+      }); // Update tag id/class for use as HTML5 playback tech
+      // Might think we should do this after embedding in container so .vjs-tech class
+      // doesn't flash 100% width/height, but class only applies with .video-js parent
+
+      tag.playerId = tag.id;
+      tag.id += '_html5_api';
+      tag.className = 'vjs-tech'; // Make player findable on elements
+
+      tag.player = el.player = this; // Default state of video is paused
+
+      this.addClass('vjs-paused'); // Add a style element in the player that we'll use to set the width/height
+      // of the player in a way that's still overrideable by CSS, just like the
+      // video element
+
+      if (window_1.VIDEOJS_NO_DYNAMIC_STYLE !== true) {
+        this.styleEl_ = createStyleElement('vjs-styles-dimensions');
+        var defaultsStyleEl = $('.vjs-styles-defaults');
+        var head = $('head');
+        head.insertBefore(this.styleEl_, defaultsStyleEl ? defaultsStyleEl.nextSibling : head.firstChild);
+      }
+
+      this.fill_ = false;
+      this.fluid_ = false; // Pass in the width/height/aspectRatio options which will update the style el
+
+      this.width(this.options_.width);
+      this.height(this.options_.height);
+      this.fill(this.options_.fill);
+      this.fluid(this.options_.fluid);
+      this.aspectRatio(this.options_.aspectRatio); // support both crossOrigin and crossorigin to reduce confusion and issues around the name
+
+      this.crossOrigin(this.options_.crossOrigin || this.options_.crossorigin); // Hide any links within the video/audio tag,
+      // because IE doesn't hide them completely from screen readers.
+
+      var links = tag.getElementsByTagName('a');
+
+      for (var i = 0; i < links.length; i++) {
+        var linkEl = links.item(i);
+        addClass(linkEl, 'vjs-hidden');
+        linkEl.setAttribute('hidden', 'hidden');
+      } // insertElFirst seems to cause the networkState to flicker from 3 to 2, so
+      // keep track of the original for later so we can know if the source originally failed
+
+
+      tag.initNetworkState_ = tag.networkState; // Wrap video tag in div (el/box) container
+
+      if (tag.parentNode && !playerElIngest) {
+        tag.parentNode.insertBefore(el, tag);
+      } // insert the tag as the first child of the player element
+      // then manually add it to the children array so that this.addChild
+      // will work properly for other components
+      //
+      // Breaks iPhone, fixed in HTML5 setup.
+
+
+      prependTo(tag, el);
+      this.children_.unshift(tag); // Set lang attr on player to ensure CSS :lang() in consistent with player
+      // if it's been set to something different to the doc
+
+      this.el_.setAttribute('lang', this.language_);
+      this.el_ = el;
+      return el;
+    }
+    /**
+     * Get or set the `Player`'s crossOrigin option. For the HTML5 player, this
+     * sets the `crossOrigin` property on the `<video>` tag to control the CORS
+     * behavior.
+     *
+     * @see [Video Element Attributes]{@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-crossorigin}
+     *
+     * @param {string} [value]
+     *        The value to set the `Player`'s crossOrigin to. If an argument is
+     *        given, must be one of `anonymous` or `use-credentials`.
+     *
+     * @return {string|undefined}
+     *         - The current crossOrigin value of the `Player` when getting.
+     *         - undefined when setting
+     */
+    ;
+
+    _proto.crossOrigin = function crossOrigin(value) {
+      if (!value) {
+        return this.techGet_('crossOrigin');
+      }
+
+      if (value !== 'anonymous' && value !== 'use-credentials') {
+        log$1.warn("crossOrigin must be \"anonymous\" or \"use-credentials\", given \"" + value + "\"");
+        return;
+      }
+
+      this.techCall_('setCrossOrigin', value);
+      return;
+    }
+    /**
+     * A getter/setter for the `Player`'s width. Returns the player's configured value.
+     * To get the current width use `currentWidth()`.
+     *
+     * @param {number} [value]
+     *        The value to set the `Player`'s width to.
+     *
+     * @return {number}
+     *         The current width of the `Player` when getting.
+     */
+    ;
+
+    _proto.width = function width(value) {
+      return this.dimension('width', value);
+    }
+    /**
+     * A getter/setter for the `Player`'s height. Returns the player's configured value.
+     * To get the current height use `currentheight()`.
+     *
+     * @param {number} [value]
+     *        The value to set the `Player`'s heigth to.
+     *
+     * @return {number}
+     *         The current height of the `Player` when getting.
+     */
+    ;
+
+    _proto.height = function height(value) {
+      return this.dimension('height', value);
+    }
+    /**
+     * A getter/setter for the `Player`'s width & height.
+     *
+     * @param {string} dimension
+     *        This string can be:
+     *        - 'width'
+     *        - 'height'
+     *
+     * @param {number} [value]
+     *        Value for dimension specified in the first argument.
+     *
+     * @return {number}
+     *         The dimension arguments value when getting (width/height).
+     */
+    ;
+
+    _proto.dimension = function dimension(_dimension, value) {
+      var privDimension = _dimension + '_';
+
+      if (value === undefined) {
+        return this[privDimension] || 0;
+      }
+
+      if (value === '' || value === 'auto') {
+        // If an empty string is given, reset the dimension to be automatic
+        this[privDimension] = undefined;
+        this.updateStyleEl_();
+        return;
+      }
+
+      var parsedVal = parseFloat(value);
+
+      if (isNaN(parsedVal)) {
+        log$1.error("Improper value \"" + value + "\" supplied for for " + _dimension);
+        return;
+      }
+
+      this[privDimension] = parsedVal;
+      this.updateStyleEl_();
+    }
+    /**
+     * A getter/setter/toggler for the vjs-fluid `className` on the `Player`.
+     *
+     * Turning this on will turn off fill mode.
+     *
+     * @param {boolean} [bool]
+     *        - A value of true adds the class.
+     *        - A value of false removes the class.
+     *        - No value will be a getter.
+     *
+     * @return {boolean|undefined}
+     *         - The value of fluid when getting.
+     *         - `undefined` when setting.
+     */
+    ;
+
+    _proto.fluid = function fluid(bool) {
+      var _this3 = this;
+
+      if (bool === undefined) {
+        return !!this.fluid_;
+      }
+
+      this.fluid_ = !!bool;
+
+      if (isEvented(this)) {
+        this.off(['playerreset', 'resize'], this.boundUpdateStyleEl_);
+      }
+
+      if (bool) {
+        this.addClass('vjs-fluid');
+        this.fill(false);
+        addEventedCallback(this, function () {
+          _this3.on(['playerreset', 'resize'], _this3.boundUpdateStyleEl_);
+        });
+      } else {
+        this.removeClass('vjs-fluid');
+      }
+
+      this.updateStyleEl_();
+    }
+    /**
+     * A getter/setter/toggler for the vjs-fill `className` on the `Player`.
+     *
+     * Turning this on will turn off fluid mode.
+     *
+     * @param {boolean} [bool]
+     *        - A value of true adds the class.
+     *        - A value of false removes the class.
+     *        - No value will be a getter.
+     *
+     * @return {boolean|undefined}
+     *         - The value of fluid when getting.
+     *         - `undefined` when setting.
+     */
+    ;
+
+    _proto.fill = function fill(bool) {
+      if (bool === undefined) {
+        return !!this.fill_;
+      }
+
+      this.fill_ = !!bool;
+
+      if (bool) {
+        this.addClass('vjs-fill');
+        this.fluid(false);
+      } else {
+        this.removeClass('vjs-fill');
+      }
+    }
+    /**
+     * Get/Set the aspect ratio
+     *
+     * @param {string} [ratio]
+     *        Aspect ratio for player
+     *
+     * @return {string|undefined}
+     *         returns the current aspect ratio when getting
+     */
+
+    /**
+     * A getter/setter for the `Player`'s aspect ratio.
+     *
+     * @param {string} [ratio]
+     *        The value to set the `Player`'s aspect ratio to.
+     *
+     * @return {string|undefined}
+     *         - The current aspect ratio of the `Player` when getting.
+     *         - undefined when setting
+     */
+    ;
+
+    _proto.aspectRatio = function aspectRatio(ratio) {
+      if (ratio === undefined) {
+        return this.aspectRatio_;
+      } // Check for width:height format
+
+
+      if (!/^\d+\:\d+$/.test(ratio)) {
+        throw new Error('Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.');
+      }
+
+      this.aspectRatio_ = ratio; // We're assuming if you set an aspect ratio you want fluid mode,
+      // because in fixed mode you could calculate width and height yourself.
+
+      this.fluid(true);
+      this.updateStyleEl_();
+    }
+    /**
+     * Update styles of the `Player` element (height, width and aspect ratio).
+     *
+     * @private
+     * @listens Tech#loadedmetadata
+     */
+    ;
+
+    _proto.updateStyleEl_ = function updateStyleEl_() {
+      if (window_1.VIDEOJS_NO_DYNAMIC_STYLE === true) {
+        var _width = typeof this.width_ === 'number' ? this.width_ : this.options_.width;
+
+        var _height = typeof this.height_ === 'number' ? this.height_ : this.options_.height;
+
+        var techEl = this.tech_ && this.tech_.el();
+
+        if (techEl) {
+          if (_width >= 0) {
+            techEl.width = _width;
+          }
+
+          if (_height >= 0) {
+            techEl.height = _height;
+          }
+        }
+
+        return;
+      }
+
+      var width;
+      var height;
+      var aspectRatio;
+      var idClass; // The aspect ratio is either used directly or to calculate width and height.
+
+      if (this.aspectRatio_ !== undefined && this.aspectRatio_ !== 'auto') {
+        // Use any aspectRatio that's been specifically set
+        aspectRatio = this.aspectRatio_;
+      } else if (this.videoWidth() > 0) {
+        // Otherwise try to get the aspect ratio from the video metadata
+        aspectRatio = this.videoWidth() + ':' + this.videoHeight();
+      } else {
+        // Or use a default. The video element's is 2:1, but 16:9 is more common.
+        aspectRatio = '16:9';
+      } // Get the ratio as a decimal we can use to calculate dimensions
+
+
+      var ratioParts = aspectRatio.split(':');
+      var ratioMultiplier = ratioParts[1] / ratioParts[0];
+
+      if (this.width_ !== undefined) {
+        // Use any width that's been specifically set
+        width = this.width_;
+      } else if (this.height_ !== undefined) {
+        // Or calulate the width from the aspect ratio if a height has been set
+        width = this.height_ / ratioMultiplier;
+      } else {
+        // Or use the video's metadata, or use the video el's default of 300
+        width = this.videoWidth() || 300;
+      }
+
+      if (this.height_ !== undefined) {
+        // Use any height that's been specifically set
+        height = this.height_;
+      } else {
+        // Otherwise calculate the height from the ratio and the width
+        height = width * ratioMultiplier;
+      } // Ensure the CSS class is valid by starting with an alpha character
+
+
+      if (/^[^a-zA-Z]/.test(this.id())) {
+        idClass = 'dimensions-' + this.id();
+      } else {
+        idClass = this.id() + '-dimensions';
+      } // Ensure the right class is still on the player for the style element
+
+
+      this.addClass(idClass);
+      setTextContent(this.styleEl_, "\n      ." + idClass + " {\n        width: " + width + "px;\n        height: " + height + "px;\n      }\n\n      ." + idClass + ".vjs-fluid {\n        padding-top: " + ratioMultiplier * 100 + "%;\n      }\n    ");
+    }
+    /**
+     * Load/Create an instance of playback {@link Tech} including element
+     * and API methods. Then append the `Tech` element in `Player` as a child.
+     *
+     * @param {string} techName
+     *        name of the playback technology
+     *
+     * @param {string} source
+     *        video source
+     *
+     * @private
+     */
+    ;
+
+    _proto.loadTech_ = function loadTech_(techName, source) {
+      var _this4 = this;
+
+      // Pause and remove current playback technology
+      if (this.tech_) {
+        this.unloadTech_();
+      }
+
+      var titleTechName = toTitleCase$1(techName);
+      var camelTechName = techName.charAt(0).toLowerCase() + techName.slice(1); // get rid of the HTML5 video tag as soon as we are using another tech
+
+      if (titleTechName !== 'Html5' && this.tag) {
+        Tech.getTech('Html5').disposeMediaElement(this.tag);
+        this.tag.player = null;
+        this.tag = null;
+      }
+
+      this.techName_ = titleTechName; // Turn off API access because we're loading a new tech that might load asynchronously
+
+      this.isReady_ = false;
+      var autoplay = this.autoplay(); // if autoplay is a string (or `true` with normalizeAutoplay: true) we pass false to the tech
+      // because the player is going to handle autoplay on `loadstart`
+
+      if (typeof this.autoplay() === 'string' || this.autoplay() === true && this.options_.normalizeAutoplay) {
+        autoplay = false;
+      } // Grab tech-specific options from player options and add source and parent element to use.
+
+
+      var techOptions = {
+        source: source,
+        autoplay: autoplay,
+        'nativeControlsForTouch': this.options_.nativeControlsForTouch,
+        'playerId': this.id(),
+        'techId': this.id() + "_" + camelTechName + "_api",
+        'playsinline': this.options_.playsinline,
+        'preload': this.options_.preload,
+        'loop': this.options_.loop,
+        'disablePictureInPicture': this.options_.disablePictureInPicture,
+        'muted': this.options_.muted,
+        'poster': this.poster(),
+        'language': this.language(),
+        'playerElIngest': this.playerElIngest_ || false,
+        'vtt.js': this.options_['vtt.js'],
+        'canOverridePoster': !!this.options_.techCanOverridePoster,
+        'enableSourceset': this.options_.enableSourceset,
+        'Promise': this.options_.Promise
+      };
+      ALL.names.forEach(function (name) {
+        var props = ALL[name];
+        techOptions[props.getterName] = _this4[props.privateName];
+      });
+      assign(techOptions, this.options_[titleTechName]);
+      assign(techOptions, this.options_[camelTechName]);
+      assign(techOptions, this.options_[techName.toLowerCase()]);
+
+      if (this.tag) {
+        techOptions.tag = this.tag;
+      }
+
+      if (source && source.src === this.cache_.src && this.cache_.currentTime > 0) {
+        techOptions.startTime = this.cache_.currentTime;
+      } // Initialize tech instance
+
+
+      var TechClass = Tech.getTech(techName);
+
+      if (!TechClass) {
+        throw new Error("No Tech named '" + titleTechName + "' exists! '" + titleTechName + "' should be registered using videojs.registerTech()'");
+      }
+
+      this.tech_ = new TechClass(techOptions); // player.triggerReady is always async, so don't need this to be async
+
+      this.tech_.ready(bind(this, this.handleTechReady_), true);
+      textTrackConverter.jsonToTextTracks(this.textTracksJson_ || [], this.tech_); // Listen to all HTML5-defined events and trigger them on the player
+
+      TECH_EVENTS_RETRIGGER.forEach(function (event) {
+        _this4.on(_this4.tech_, event, function (e) {
+          return _this4["handleTech" + toTitleCase$1(event) + "_"](e);
+        });
+      });
+      Object.keys(TECH_EVENTS_QUEUE).forEach(function (event) {
+        _this4.on(_this4.tech_, event, function (eventObj) {
+          if (_this4.tech_.playbackRate() === 0 && _this4.tech_.seeking()) {
+            _this4.queuedCallbacks_.push({
+              callback: _this4["handleTech" + TECH_EVENTS_QUEUE[event] + "_"].bind(_this4),
+              event: eventObj
+            });
+
+            return;
+          }
+
+          _this4["handleTech" + TECH_EVENTS_QUEUE[event] + "_"](eventObj);
+        });
+      });
+      this.on(this.tech_, 'loadstart', function (e) {
+        return _this4.handleTechLoadStart_(e);
+      });
+      this.on(this.tech_, 'sourceset', function (e) {
+        return _this4.handleTechSourceset_(e);
+      });
+      this.on(this.tech_, 'waiting', function (e) {
+        return _this4.handleTechWaiting_(e);
+      });
+      this.on(this.tech_, 'ended', function (e) {
+        return _this4.handleTechEnded_(e);
+      });
+      this.on(this.tech_, 'seeking', function (e) {
+        return _this4.handleTechSeeking_(e);
+      });
+      this.on(this.tech_, 'play', function (e) {
+        return _this4.handleTechPlay_(e);
+      });
+      this.on(this.tech_, 'firstplay', function (e) {
+        return _this4.handleTechFirstPlay_(e);
+      });
+      this.on(this.tech_, 'pause', function (e) {
+        return _this4.handleTechPause_(e);
+      });
+      this.on(this.tech_, 'durationchange', function (e) {
+        return _this4.handleTechDurationChange_(e);
+      });
+      this.on(this.tech_, 'fullscreenchange', function (e, data) {
+        return _this4.handleTechFullscreenChange_(e, data);
+      });
+      this.on(this.tech_, 'fullscreenerror', function (e, err) {
+        return _this4.handleTechFullscreenError_(e, err);
+      });
+      this.on(this.tech_, 'enterpictureinpicture', function (e) {
+        return _this4.handleTechEnterPictureInPicture_(e);
+      });
+      this.on(this.tech_, 'leavepictureinpicture', function (e) {
+        return _this4.handleTechLeavePictureInPicture_(e);
+      });
+      this.on(this.tech_, 'error', function (e) {
+        return _this4.handleTechError_(e);
+      });
+      this.on(this.tech_, 'posterchange', function (e) {
+        return _this4.handleTechPosterChange_(e);
+      });
+      this.on(this.tech_, 'textdata', function (e) {
+        return _this4.handleTechTextData_(e);
+      });
+      this.on(this.tech_, 'ratechange', function (e) {
+        return _this4.handleTechRateChange_(e);
+      });
+      this.on(this.tech_, 'loadedmetadata', this.boundUpdateStyleEl_);
+      this.usingNativeControls(this.techGet_('controls'));
+
+      if (this.controls() && !this.usingNativeControls()) {
+        this.addTechControlsListeners_();
+      } // Add the tech element in the DOM if it was not already there
+      // Make sure to not insert the original video element if using Html5
+
+
+      if (this.tech_.el().parentNode !== this.el() && (titleTechName !== 'Html5' || !this.tag)) {
+        prependTo(this.tech_.el(), this.el());
+      } // Get rid of the original video tag reference after the first tech is loaded
+
+
+      if (this.tag) {
+        this.tag.player = null;
+        this.tag = null;
+      }
+    }
+    /**
+     * Unload and dispose of the current playback {@link Tech}.
+     *
+     * @private
+     */
+    ;
+
+    _proto.unloadTech_ = function unloadTech_() {
+      var _this5 = this;
+
+      // Save the current text tracks so that we can reuse the same text tracks with the next tech
+      ALL.names.forEach(function (name) {
+        var props = ALL[name];
+        _this5[props.privateName] = _this5[props.getterName]();
+      });
+      this.textTracksJson_ = textTrackConverter.textTracksToJson(this.tech_);
+      this.isReady_ = false;
+      this.tech_.dispose();
+      this.tech_ = false;
+
+      if (this.isPosterFromTech_) {
+        this.poster_ = '';
+        this.trigger('posterchange');
+      }
+
+      this.isPosterFromTech_ = false;
+    }
+    /**
+     * Return a reference to the current {@link Tech}.
+     * It will print a warning by default about the danger of using the tech directly
+     * but any argument that is passed in will silence the warning.
+     *
+     * @param {*} [safety]
+     *        Anything passed in to silence the warning
+     *
+     * @return {Tech}
+     *         The Tech
+     */
+    ;
+
+    _proto.tech = function tech(safety) {
+      if (safety === undefined) {
+        log$1.warn('Using the tech directly can be dangerous. I hope you know what you\'re doing.\n' + 'See https://github.com/videojs/video.js/issues/2617 for more info.\n');
+      }
+
+      return this.tech_;
+    }
+    /**
+     * Set up click and touch listeners for the playback element
+     *
+     * - On desktops: a click on the video itself will toggle playback
+     * - On mobile devices: a click on the video toggles controls
+     *   which is done by toggling the user state between active and
+     *   inactive
+     * - A tap can signal that a user has become active or has become inactive
+     *   e.g. a quick tap on an iPhone movie should reveal the controls. Another
+     *   quick tap should hide them again (signaling the user is in an inactive
+     *   viewing state)
+     * - In addition to this, we still want the user to be considered inactive after
+     *   a few seconds of inactivity.
+     *
+     * > Note: the only part of iOS interaction we can't mimic with this setup
+     * is a touch and hold on the video element counting as activity in order to
+     * keep the controls showing, but that shouldn't be an issue. A touch and hold
+     * on any controls will still keep the user active
+     *
+     * @private
+     */
+    ;
+
+    _proto.addTechControlsListeners_ = function addTechControlsListeners_() {
+      // Make sure to remove all the previous listeners in case we are called multiple times.
+      this.removeTechControlsListeners_(); // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
+      // trigger mousedown/up.
+      // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
+      // TODO: Is this needed for any techs other than Flash?
+      // Any touch events are set to block the mousedown event from happening
+
+      this.on(this.tech_, 'mouseup', this.boundHandleTechClick_);
+      this.on(this.tech_, 'dblclick', this.boundHandleTechDoubleClick_); // If the controls were hidden we don't want that to change without a tap event
+      // so we'll check if the controls were already showing before reporting user
+      // activity
+
+      this.on(this.tech_, 'touchstart', this.boundHandleTechTouchStart_);
+      this.on(this.tech_, 'touchmove', this.boundHandleTechTouchMove_);
+      this.on(this.tech_, 'touchend', this.boundHandleTechTouchEnd_); // The tap listener needs to come after the touchend listener because the tap
+      // listener cancels out any reportedUserActivity when setting userActive(false)
+
+      this.on(this.tech_, 'tap', this.boundHandleTechTap_);
+    }
+    /**
+     * Remove the listeners used for click and tap controls. This is needed for
+     * toggling to controls disabled, where a tap/touch should do nothing.
+     *
+     * @private
+     */
+    ;
+
+    _proto.removeTechControlsListeners_ = function removeTechControlsListeners_() {
+      // We don't want to just use `this.off()` because there might be other needed
+      // listeners added by techs that extend this.
+      this.off(this.tech_, 'tap', this.boundHandleTechTap_);
+      this.off(this.tech_, 'touchstart', this.boundHandleTechTouchStart_);
+      this.off(this.tech_, 'touchmove', this.boundHandleTechTouchMove_);
+      this.off(this.tech_, 'touchend', this.boundHandleTechTouchEnd_);
+      this.off(this.tech_, 'mouseup', this.boundHandleTechClick_);
+      this.off(this.tech_, 'dblclick', this.boundHandleTechDoubleClick_);
+    }
+    /**
+     * Player waits for the tech to be ready
+     *
+     * @private
+     */
+    ;
+
+    _proto.handleTechReady_ = function handleTechReady_() {
+      this.triggerReady(); // Keep the same volume as before
+
+      if (this.cache_.volume) {
+        this.techCall_('setVolume', this.cache_.volume);
+      } // Look if the tech found a higher resolution poster while loading
+
+
+      this.handleTechPosterChange_(); // Update the duration if available
+
+      this.handleTechDurationChange_();
+    }
+    /**
+     * Retrigger the `loadstart` event that was triggered by the {@link Tech}. This
+     * function will also trigger {@link Player#firstplay} if it is the first loadstart
+     * for a video.
+     *
+     * @fires Player#loadstart
+     * @fires Player#firstplay
+     * @listens Tech#loadstart
+     * @private
+     */
+    ;
+
+    _proto.handleTechLoadStart_ = function handleTechLoadStart_() {
+      // TODO: Update to use `emptied` event instead. See #1277.
+      this.removeClass('vjs-ended');
+      this.removeClass('vjs-seeking'); // reset the error state
+
+      this.error(null); // Update the duration
+
+      this.handleTechDurationChange_(); // If it's already playing we want to trigger a firstplay event now.
+      // The firstplay event relies on both the play and loadstart events
+      // which can happen in any order for a new source
+
+      if (!this.paused()) {
+        /**
+         * Fired when the user agent begins looking for media data
+         *
+         * @event Player#loadstart
+         * @type {EventTarget~Event}
+         */
+        this.trigger('loadstart');
+        this.trigger('firstplay');
+      } else {
+        // reset the hasStarted state
+        this.hasStarted(false);
+        this.trigger('loadstart');
+      } // autoplay happens after loadstart for the browser,
+      // so we mimic that behavior
+
+
+      this.manualAutoplay_(this.autoplay() === true && this.options_.normalizeAutoplay ? 'play' : this.autoplay());
+    }
+    /**
+     * Handle autoplay string values, rather than the typical boolean
+     * values that should be handled by the tech. Note that this is not
+     * part of any specification. Valid values and what they do can be
+     * found on the autoplay getter at Player#autoplay()
+     */
+    ;
+
+    _proto.manualAutoplay_ = function manualAutoplay_(type) {
+      var _this6 = this;
+
+      if (!this.tech_ || typeof type !== 'string') {
+        return;
+      } // Save original muted() value, set muted to true, and attempt to play().
+      // On promise rejection, restore muted from saved value
+
+
+      var resolveMuted = function resolveMuted() {
+        var previouslyMuted = _this6.muted();
+
+        _this6.muted(true);
+
+        var restoreMuted = function restoreMuted() {
+          _this6.muted(previouslyMuted);
+        }; // restore muted on play terminatation
+
+
+        _this6.playTerminatedQueue_.push(restoreMuted);
+
+        var mutedPromise = _this6.play();
+
+        if (!isPromise(mutedPromise)) {
+          return;
+        }
+
+        return mutedPromise["catch"](function (err) {
+          restoreMuted();
+          throw new Error("Rejection at manualAutoplay. Restoring muted value. " + (err ? err : ''));
+        });
+      };
+
+      var promise; // if muted defaults to true
+      // the only thing we can do is call play
+
+      if (type === 'any' && !this.muted()) {
+        promise = this.play();
+
+        if (isPromise(promise)) {
+          promise = promise["catch"](resolveMuted);
+        }
+      } else if (type === 'muted' && !this.muted()) {
+        promise = resolveMuted();
+      } else {
+        promise = this.play();
+      }
+
+      if (!isPromise(promise)) {
+        return;
+      }
+
+      return promise.then(function () {
+        _this6.trigger({
+          type: 'autoplay-success',
+          autoplay: type
+        });
+      })["catch"](function () {
+        _this6.trigger({
+          type: 'autoplay-failure',
+          autoplay: type
+        });
+      });
+    }
+    /**
+     * Update the internal source caches so that we return the correct source from
+     * `src()`, `currentSource()`, and `currentSources()`.
+     *
+     * > Note: `currentSources` will not be updated if the source that is passed in exists
+     *         in the current `currentSources` cache.
+     *
+     *
+     * @param {Tech~SourceObject} srcObj
+     *        A string or object source to update our caches to.
+     */
+    ;
+
+    _proto.updateSourceCaches_ = function updateSourceCaches_(srcObj) {
+      if (srcObj === void 0) {
+        srcObj = '';
+      }
+
+      var src = srcObj;
+      var type = '';
+
+      if (typeof src !== 'string') {
+        src = srcObj.src;
+        type = srcObj.type;
+      } // make sure all the caches are set to default values
+      // to prevent null checking
+
+
+      this.cache_.source = this.cache_.source || {};
+      this.cache_.sources = this.cache_.sources || []; // try to get the type of the src that was passed in
+
+      if (src && !type) {
+        type = findMimetype(this, src);
+      } // update `currentSource` cache always
+
+
+      this.cache_.source = mergeOptions$3({}, srcObj, {
+        src: src,
+        type: type
+      });
+      var matchingSources = this.cache_.sources.filter(function (s) {
+        return s.src && s.src === src;
+      });
+      var sourceElSources = [];
+      var sourceEls = this.$$('source');
+      var matchingSourceEls = [];
+
+      for (var i = 0; i < sourceEls.length; i++) {
+        var sourceObj = getAttributes(sourceEls[i]);
+        sourceElSources.push(sourceObj);
+
+        if (sourceObj.src && sourceObj.src === src) {
+          matchingSourceEls.push(sourceObj.src);
+        }
+      } // if we have matching source els but not matching sources
+      // the current source cache is not up to date
+
+
+      if (matchingSourceEls.length && !matchingSources.length) {
+        this.cache_.sources = sourceElSources; // if we don't have matching source or source els set the
+        // sources cache to the `currentSource` cache
+      } else if (!matchingSources.length) {
+        this.cache_.sources = [this.cache_.source];
+      } // update the tech `src` cache
+
+
+      this.cache_.src = src;
+    }
+    /**
+     * *EXPERIMENTAL* Fired when the source is set or changed on the {@link Tech}
+     * causing the media element to reload.
+     *
+     * It will fire for the initial source and each subsequent source.
+     * This event is a custom event from Video.js and is triggered by the {@link Tech}.
+     *
+     * The event object for this event contains a `src` property that will contain the source
+     * that was available when the event was triggered. This is generally only necessary if Video.js
+     * is switching techs while the source was being changed.
+     *
+     * It is also fired when `load` is called on the player (or media element)
+     * because the {@link https://html.spec.whatwg.org/multipage/media.html#dom-media-load|specification for `load`}
+     * says that the resource selection algorithm needs to be aborted and restarted.
+     * In this case, it is very likely that the `src` property will be set to the
+     * empty string `""` to indicate we do not know what the source will be but
+     * that it is changing.
+     *
+     * *This event is currently still experimental and may change in minor releases.*
+     * __To use this, pass `enableSourceset` option to the player.__
+     *
+     * @event Player#sourceset
+     * @type {EventTarget~Event}
+     * @prop {string} src
+     *                The source url available when the `sourceset` was triggered.
+     *                It will be an empty string if we cannot know what the source is
+     *                but know that the source will change.
+     */
+
+    /**
+     * Retrigger the `sourceset` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#sourceset
+     * @listens Tech#sourceset
+     * @private
+     */
+    ;
+
+    _proto.handleTechSourceset_ = function handleTechSourceset_(event) {
+      var _this7 = this;
+
+      // only update the source cache when the source
+      // was not updated using the player api
+      if (!this.changingSrc_) {
+        var updateSourceCaches = function updateSourceCaches(src) {
+          return _this7.updateSourceCaches_(src);
+        };
+
+        var playerSrc = this.currentSource().src;
+        var eventSrc = event.src; // if we have a playerSrc that is not a blob, and a tech src that is a blob
+
+        if (playerSrc && !/^blob:/.test(playerSrc) && /^blob:/.test(eventSrc)) {
+          // if both the tech source and the player source were updated we assume
+          // something like @videojs/http-streaming did the sourceset and skip updating the source cache.
+          if (!this.lastSource_ || this.lastSource_.tech !== eventSrc && this.lastSource_.player !== playerSrc) {
+            updateSourceCaches = function updateSourceCaches() {};
+          }
+        } // update the source to the initial source right away
+        // in some cases this will be empty string
+
+
+        updateSourceCaches(eventSrc); // if the `sourceset` `src` was an empty string
+        // wait for a `loadstart` to update the cache to `currentSrc`.
+        // If a sourceset happens before a `loadstart`, we reset the state
+
+        if (!event.src) {
+          this.tech_.any(['sourceset', 'loadstart'], function (e) {
+            // if a sourceset happens before a `loadstart` there
+            // is nothing to do as this `handleTechSourceset_`
+            // will be called again and this will be handled there.
+            if (e.type === 'sourceset') {
+              return;
+            }
+
+            var techSrc = _this7.techGet('currentSrc');
+
+            _this7.lastSource_.tech = techSrc;
+
+            _this7.updateSourceCaches_(techSrc);
+          });
+        }
+      }
+
+      this.lastSource_ = {
+        player: this.currentSource().src,
+        tech: event.src
+      };
+      this.trigger({
+        src: event.src,
+        type: 'sourceset'
+      });
+    }
+    /**
+     * Add/remove the vjs-has-started class
+     *
+     * @fires Player#firstplay
+     *
+     * @param {boolean} request
+     *        - true: adds the class
+     *        - false: remove the class
+     *
+     * @return {boolean}
+     *         the boolean value of hasStarted_
+     */
+    ;
+
+    _proto.hasStarted = function hasStarted(request) {
+      if (request === undefined) {
+        // act as getter, if we have no request to change
+        return this.hasStarted_;
+      }
+
+      if (request === this.hasStarted_) {
+        return;
+      }
+
+      this.hasStarted_ = request;
+
+      if (this.hasStarted_) {
+        this.addClass('vjs-has-started');
+        this.trigger('firstplay');
+      } else {
+        this.removeClass('vjs-has-started');
+      }
+    }
+    /**
+     * Fired whenever the media begins or resumes playback
+     *
+     * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-play}
+     * @fires Player#play
+     * @listens Tech#play
+     * @private
+     */
+    ;
+
+    _proto.handleTechPlay_ = function handleTechPlay_() {
+      this.removeClass('vjs-ended');
+      this.removeClass('vjs-paused');
+      this.addClass('vjs-playing'); // hide the poster when the user hits play
+
+      this.hasStarted(true);
+      /**
+       * Triggered whenever an {@link Tech#play} event happens. Indicates that
+       * playback has started or resumed.
+       *
+       * @event Player#play
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('play');
+    }
+    /**
+     * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
+     *
+     * If there were any events queued while the playback rate was zero, fire
+     * those events now.
+     *
+     * @private
+     * @method Player#handleTechRateChange_
+     * @fires Player#ratechange
+     * @listens Tech#ratechange
+     */
+    ;
+
+    _proto.handleTechRateChange_ = function handleTechRateChange_() {
+      if (this.tech_.playbackRate() > 0 && this.cache_.lastPlaybackRate === 0) {
+        this.queuedCallbacks_.forEach(function (queued) {
+          return queued.callback(queued.event);
+        });
+        this.queuedCallbacks_ = [];
+      }
+
+      this.cache_.lastPlaybackRate = this.tech_.playbackRate();
+      /**
+       * Fires when the playing speed of the audio/video is changed
+       *
+       * @event Player#ratechange
+       * @type {event}
+       */
+
+      this.trigger('ratechange');
+    }
+    /**
+     * Retrigger the `waiting` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#waiting
+     * @listens Tech#waiting
+     * @private
+     */
+    ;
+
+    _proto.handleTechWaiting_ = function handleTechWaiting_() {
+      var _this8 = this;
+
+      this.addClass('vjs-waiting');
+      /**
+       * A readyState change on the DOM element has caused playback to stop.
+       *
+       * @event Player#waiting
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('waiting'); // Browsers may emit a timeupdate event after a waiting event. In order to prevent
+      // premature removal of the waiting class, wait for the time to change.
+
+      var timeWhenWaiting = this.currentTime();
+
+      var timeUpdateListener = function timeUpdateListener() {
+        if (timeWhenWaiting !== _this8.currentTime()) {
+          _this8.removeClass('vjs-waiting');
+
+          _this8.off('timeupdate', timeUpdateListener);
+        }
+      };
+
+      this.on('timeupdate', timeUpdateListener);
+    }
+    /**
+     * Retrigger the `canplay` event that was triggered by the {@link Tech}.
+     * > Note: This is not consistent between browsers. See #1351
+     *
+     * @fires Player#canplay
+     * @listens Tech#canplay
+     * @private
+     */
+    ;
+
+    _proto.handleTechCanPlay_ = function handleTechCanPlay_() {
+      this.removeClass('vjs-waiting');
+      /**
+       * The media has a readyState of HAVE_FUTURE_DATA or greater.
+       *
+       * @event Player#canplay
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('canplay');
+    }
+    /**
+     * Retrigger the `canplaythrough` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#canplaythrough
+     * @listens Tech#canplaythrough
+     * @private
+     */
+    ;
+
+    _proto.handleTechCanPlayThrough_ = function handleTechCanPlayThrough_() {
+      this.removeClass('vjs-waiting');
+      /**
+       * The media has a readyState of HAVE_ENOUGH_DATA or greater. This means that the
+       * entire media file can be played without buffering.
+       *
+       * @event Player#canplaythrough
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('canplaythrough');
+    }
+    /**
+     * Retrigger the `playing` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#playing
+     * @listens Tech#playing
+     * @private
+     */
+    ;
+
+    _proto.handleTechPlaying_ = function handleTechPlaying_() {
+      this.removeClass('vjs-waiting');
+      /**
+       * The media is no longer blocked from playback, and has started playing.
+       *
+       * @event Player#playing
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('playing');
+    }
+    /**
+     * Retrigger the `seeking` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#seeking
+     * @listens Tech#seeking
+     * @private
+     */
+    ;
+
+    _proto.handleTechSeeking_ = function handleTechSeeking_() {
+      this.addClass('vjs-seeking');
+      /**
+       * Fired whenever the player is jumping to a new time
+       *
+       * @event Player#seeking
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('seeking');
+    }
+    /**
+     * Retrigger the `seeked` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#seeked
+     * @listens Tech#seeked
+     * @private
+     */
+    ;
+
+    _proto.handleTechSeeked_ = function handleTechSeeked_() {
+      this.removeClass('vjs-seeking');
+      this.removeClass('vjs-ended');
+      /**
+       * Fired when the player has finished jumping to a new time
+       *
+       * @event Player#seeked
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('seeked');
+    }
+    /**
+     * Retrigger the `firstplay` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#firstplay
+     * @listens Tech#firstplay
+     * @deprecated As of 6.0 firstplay event is deprecated.
+     *             As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
+     * @private
+     */
+    ;
+
+    _proto.handleTechFirstPlay_ = function handleTechFirstPlay_() {
+      // If the first starttime attribute is specified
+      // then we will start at the given offset in seconds
+      if (this.options_.starttime) {
+        log$1.warn('Passing the `starttime` option to the player will be deprecated in 6.0');
+        this.currentTime(this.options_.starttime);
+      }
+
+      this.addClass('vjs-has-started');
+      /**
+       * Fired the first time a video is played. Not part of the HLS spec, and this is
+       * probably not the best implementation yet, so use sparingly. If you don't have a
+       * reason to prevent playback, use `myPlayer.one('play');` instead.
+       *
+       * @event Player#firstplay
+       * @deprecated As of 6.0 firstplay event is deprecated.
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('firstplay');
+    }
+    /**
+     * Retrigger the `pause` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#pause
+     * @listens Tech#pause
+     * @private
+     */
+    ;
+
+    _proto.handleTechPause_ = function handleTechPause_() {
+      this.removeClass('vjs-playing');
+      this.addClass('vjs-paused');
+      /**
+       * Fired whenever the media has been paused
+       *
+       * @event Player#pause
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('pause');
+    }
+    /**
+     * Retrigger the `ended` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#ended
+     * @listens Tech#ended
+     * @private
+     */
+    ;
+
+    _proto.handleTechEnded_ = function handleTechEnded_() {
+      this.addClass('vjs-ended');
+      this.removeClass('vjs-waiting');
+
+      if (this.options_.loop) {
+        this.currentTime(0);
+        this.play();
+      } else if (!this.paused()) {
+        this.pause();
+      }
+      /**
+       * Fired when the end of the media resource is reached (currentTime == duration)
+       *
+       * @event Player#ended
+       * @type {EventTarget~Event}
+       */
+
+
+      this.trigger('ended');
+    }
+    /**
+     * Fired when the duration of the media resource is first known or changed
+     *
+     * @listens Tech#durationchange
+     * @private
+     */
+    ;
+
+    _proto.handleTechDurationChange_ = function handleTechDurationChange_() {
+      this.duration(this.techGet_('duration'));
+    }
+    /**
+     * Handle a click on the media element to play/pause
+     *
+     * @param {EventTarget~Event} event
+     *        the event that caused this function to trigger
+     *
+     * @listens Tech#mouseup
+     * @private
+     */
+    ;
+
+    _proto.handleTechClick_ = function handleTechClick_(event) {
+      if (!isSingleLeftClick(event)) {
+        return;
+      } // When controls are disabled a click should not toggle playback because
+      // the click is considered a control
+
+
+      if (!this.controls_) {
+        return;
+      }
+
+      if (this.paused()) {
+        silencePromise(this.play());
+      } else {
+        this.pause();
+      }
+    }
+    /**
+     * Handle a double-click on the media element to enter/exit fullscreen
+     *
+     * @param {EventTarget~Event} event
+     *        the event that caused this function to trigger
+     *
+     * @listens Tech#dblclick
+     * @private
+     */
+    ;
+
+    _proto.handleTechDoubleClick_ = function handleTechDoubleClick_(event) {
+      if (!this.controls_) {
+        return;
+      } // we do not want to toggle fullscreen state
+      // when double-clicking inside a control bar or a modal
+
+
+      var inAllowedEls = Array.prototype.some.call(this.$$('.vjs-control-bar, .vjs-modal-dialog'), function (el) {
+        return el.contains(event.target);
+      });
+
+      if (!inAllowedEls) {
+        /*
+         * options.userActions.doubleClick
+         *
+         * If `undefined` or `true`, double-click toggles fullscreen if controls are present
+         * Set to `false` to disable double-click handling
+         * Set to a function to substitute an external double-click handler
+         */
+        if (this.options_ === undefined || this.options_.userActions === undefined || this.options_.userActions.doubleClick === undefined || this.options_.userActions.doubleClick !== false) {
+          if (this.options_ !== undefined && this.options_.userActions !== undefined && typeof this.options_.userActions.doubleClick === 'function') {
+            this.options_.userActions.doubleClick.call(this, event);
+          } else if (this.isFullscreen()) {
+            this.exitFullscreen();
+          } else {
+            this.requestFullscreen();
+          }
+        }
+      }
+    }
+    /**
+     * Handle a tap on the media element. It will toggle the user
+     * activity state, which hides and shows the controls.
+     *
+     * @listens Tech#tap
+     * @private
+     */
+    ;
+
+    _proto.handleTechTap_ = function handleTechTap_() {
+      this.userActive(!this.userActive());
+    }
+    /**
+     * Handle touch to start
+     *
+     * @listens Tech#touchstart
+     * @private
+     */
+    ;
+
+    _proto.handleTechTouchStart_ = function handleTechTouchStart_() {
+      this.userWasActive = this.userActive();
+    }
+    /**
+     * Handle touch to move
+     *
+     * @listens Tech#touchmove
+     * @private
+     */
+    ;
+
+    _proto.handleTechTouchMove_ = function handleTechTouchMove_() {
+      if (this.userWasActive) {
+        this.reportUserActivity();
+      }
+    }
+    /**
+     * Handle touch to end
+     *
+     * @param {EventTarget~Event} event
+     *        the touchend event that triggered
+     *        this function
+     *
+     * @listens Tech#touchend
+     * @private
+     */
+    ;
+
+    _proto.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
+      // Stop the mouse events from also happening
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+    }
+    /**
+     * native click events on the SWF aren't triggered on IE11, Win8.1RT
+     * use stageclick events triggered from inside the SWF instead
+     *
+     * @private
+     * @listens stageclick
+     */
+    ;
+
+    _proto.handleStageClick_ = function handleStageClick_() {
+      this.reportUserActivity();
+    }
+    /**
+     * @private
+     */
+    ;
+
+    _proto.toggleFullscreenClass_ = function toggleFullscreenClass_() {
+      if (this.isFullscreen()) {
+        this.addClass('vjs-fullscreen');
+      } else {
+        this.removeClass('vjs-fullscreen');
+      }
+    }
+    /**
+     * when the document fschange event triggers it calls this
+     */
+    ;
+
+    _proto.documentFullscreenChange_ = function documentFullscreenChange_(e) {
+      var targetPlayer = e.target.player; // if another player was fullscreen
+      // do a null check for targetPlayer because older firefox's would put document as e.target
+
+      if (targetPlayer && targetPlayer !== this) {
+        return;
+      }
+
+      var el = this.el();
+      var isFs = document_1[this.fsApi_.fullscreenElement] === el;
+
+      if (!isFs && el.matches) {
+        isFs = el.matches(':' + this.fsApi_.fullscreen);
+      } else if (!isFs && el.msMatchesSelector) {
+        isFs = el.msMatchesSelector(':' + this.fsApi_.fullscreen);
+      }
+
+      this.isFullscreen(isFs);
+    }
+    /**
+     * Handle Tech Fullscreen Change
+     *
+     * @param {EventTarget~Event} event
+     *        the fullscreenchange event that triggered this function
+     *
+     * @param {Object} data
+     *        the data that was sent with the event
+     *
+     * @private
+     * @listens Tech#fullscreenchange
+     * @fires Player#fullscreenchange
+     */
+    ;
+
+    _proto.handleTechFullscreenChange_ = function handleTechFullscreenChange_(event, data) {
+      if (data) {
+        if (data.nativeIOSFullscreen) {
+          this.toggleClass('vjs-ios-native-fs');
+        }
+
+        this.isFullscreen(data.isFullscreen);
+      }
+    };
+
+    _proto.handleTechFullscreenError_ = function handleTechFullscreenError_(event, err) {
+      this.trigger('fullscreenerror', err);
+    }
+    /**
+     * @private
+     */
+    ;
+
+    _proto.togglePictureInPictureClass_ = function togglePictureInPictureClass_() {
+      if (this.isInPictureInPicture()) {
+        this.addClass('vjs-picture-in-picture');
+      } else {
+        this.removeClass('vjs-picture-in-picture');
+      }
+    }
+    /**
+     * Handle Tech Enter Picture-in-Picture.
+     *
+     * @param {EventTarget~Event} event
+     *        the enterpictureinpicture event that triggered this function
+     *
+     * @private
+     * @listens Tech#enterpictureinpicture
+     */
+    ;
+
+    _proto.handleTechEnterPictureInPicture_ = function handleTechEnterPictureInPicture_(event) {
+      this.isInPictureInPicture(true);
+    }
+    /**
+     * Handle Tech Leave Picture-in-Picture.
+     *
+     * @param {EventTarget~Event} event
+     *        the leavepictureinpicture event that triggered this function
+     *
+     * @private
+     * @listens Tech#leavepictureinpicture
+     */
+    ;
+
+    _proto.handleTechLeavePictureInPicture_ = function handleTechLeavePictureInPicture_(event) {
+      this.isInPictureInPicture(false);
+    }
+    /**
+     * Fires when an error occurred during the loading of an audio/video.
+     *
+     * @private
+     * @listens Tech#error
+     */
+    ;
+
+    _proto.handleTechError_ = function handleTechError_() {
+      var error = this.tech_.error();
+      this.error(error);
+    }
+    /**
+     * Retrigger the `textdata` event that was triggered by the {@link Tech}.
+     *
+     * @fires Player#textdata
+     * @listens Tech#textdata
+     * @private
+     */
+    ;
+
+    _proto.handleTechTextData_ = function handleTechTextData_() {
+      var data = null;
+
+      if (arguments.length > 1) {
+        data = arguments[1];
+      }
+      /**
+       * Fires when we get a textdata event from tech
+       *
+       * @event Player#textdata
+       * @type {EventTarget~Event}
+       */
+
+
+      this.trigger('textdata', data);
+    }
+    /**
+     * Get object for cached values.
+     *
+     * @return {Object}
+     *         get the current object cache
+     */
+    ;
+
+    _proto.getCache = function getCache() {
+      return this.cache_;
+    }
+    /**
+     * Resets the internal cache object.
+     *
+     * Using this function outside the player constructor or reset method may
+     * have unintended side-effects.
+     *
+     * @private
+     */
+    ;
+
+    _proto.resetCache_ = function resetCache_() {
+      this.cache_ = {
+        // Right now, the currentTime is not _really_ cached because it is always
+        // retrieved from the tech (see: currentTime). However, for completeness,
+        // we set it to zero here to ensure that if we do start actually caching
+        // it, we reset it along with everything else.
+        currentTime: 0,
+        initTime: 0,
+        inactivityTimeout: this.options_.inactivityTimeout,
+        duration: NaN,
+        lastVolume: 1,
+        lastPlaybackRate: this.defaultPlaybackRate(),
+        media: null,
+        src: '',
+        source: {},
+        sources: [],
+        playbackRates: [],
+        volume: 1
+      };
+    }
+    /**
+     * Pass values to the playback tech
+     *
+     * @param {string} [method]
+     *        the method to call
+     *
+     * @param {Object} arg
+     *        the argument to pass
+     *
+     * @private
+     */
+    ;
+
+    _proto.techCall_ = function techCall_(method, arg) {
+      // If it's not ready yet, call method when it is
+      this.ready(function () {
+        if (method in allowedSetters) {
+          return set(this.middleware_, this.tech_, method, arg);
+        } else if (method in allowedMediators) {
+          return mediate(this.middleware_, this.tech_, method, arg);
+        }
+
+        try {
+          if (this.tech_) {
+            this.tech_[method](arg);
+          }
+        } catch (e) {
+          log$1(e);
+          throw e;
+        }
+      }, true);
+    }
+    /**
+     * Get calls can't wait for the tech, and sometimes don't need to.
+     *
+     * @param {string} method
+     *        Tech method
+     *
+     * @return {Function|undefined}
+     *         the method or undefined
+     *
+     * @private
+     */
+    ;
+
+    _proto.techGet_ = function techGet_(method) {
+      if (!this.tech_ || !this.tech_.isReady_) {
+        return;
+      }
+
+      if (method in allowedGetters) {
+        return get(this.middleware_, this.tech_, method);
+      } else if (method in allowedMediators) {
+        return mediate(this.middleware_, this.tech_, method);
+      } // Flash likes to die and reload when you hide or reposition it.
+      // In these cases the object methods go away and we get errors.
+      // TODO: Is this needed for techs other than Flash?
+      // When that happens we'll catch the errors and inform tech that it's not ready any more.
+
+
+      try {
+        return this.tech_[method]();
+      } catch (e) {
+        // When building additional tech libs, an expected method may not be defined yet
+        if (this.tech_[method] === undefined) {
+          log$1("Video.js: " + method + " method not defined for " + this.techName_ + " playback technology.", e);
+          throw e;
+        } // When a method isn't available on the object it throws a TypeError
+
+
+        if (e.name === 'TypeError') {
+          log$1("Video.js: " + method + " unavailable on " + this.techName_ + " playback technology element.", e);
+          this.tech_.isReady_ = false;
+          throw e;
+        } // If error unknown, just log and throw
+
+
+        log$1(e);
+        throw e;
+      }
+    }
+    /**
+     * Attempt to begin playback at the first opportunity.
+     *
+     * @return {Promise|undefined}
+     *         Returns a promise if the browser supports Promises (or one
+     *         was passed in as an option). This promise will be resolved on
+     *         the return value of play. If this is undefined it will fulfill the
+     *         promise chain otherwise the promise chain will be fulfilled when
+     *         the promise from play is fulfilled.
+     */
+    ;
+
+    _proto.play = function play() {
+      var _this9 = this;
+
+      var PromiseClass = this.options_.Promise || window_1.Promise;
+
+      if (PromiseClass) {
+        return new PromiseClass(function (resolve) {
+          _this9.play_(resolve);
+        });
+      }
+
+      return this.play_();
+    }
+    /**
+     * The actual logic for play, takes a callback that will be resolved on the
+     * return value of play. This allows us to resolve to the play promise if there
+     * is one on modern browsers.
+     *
+     * @private
+     * @param {Function} [callback]
+     *        The callback that should be called when the techs play is actually called
+     */
+    ;
+
+    _proto.play_ = function play_(callback) {
+      var _this10 = this;
+
+      if (callback === void 0) {
+        callback = silencePromise;
+      }
+
+      this.playCallbacks_.push(callback);
+      var isSrcReady = Boolean(!this.changingSrc_ && (this.src() || this.currentSrc())); // treat calls to play_ somewhat like the `one` event function
+
+      if (this.waitToPlay_) {
+        this.off(['ready', 'loadstart'], this.waitToPlay_);
+        this.waitToPlay_ = null;
+      } // if the player/tech is not ready or the src itself is not ready
+      // queue up a call to play on `ready` or `loadstart`
+
+
+      if (!this.isReady_ || !isSrcReady) {
+        this.waitToPlay_ = function (e) {
+          _this10.play_();
+        };
+
+        this.one(['ready', 'loadstart'], this.waitToPlay_); // if we are in Safari, there is a high chance that loadstart will trigger after the gesture timeperiod
+        // in that case, we need to prime the video element by calling load so it'll be ready in time
+
+        if (!isSrcReady && (IS_ANY_SAFARI || IS_IOS)) {
+          this.load();
+        }
+
+        return;
+      } // If the player/tech is ready and we have a source, we can attempt playback.
+
+
+      var val = this.techGet_('play'); // play was terminated if the returned value is null
+
+      if (val === null) {
+        this.runPlayTerminatedQueue_();
+      } else {
+        this.runPlayCallbacks_(val);
+      }
+    }
+    /**
+     * These functions will be run when if play is terminated. If play
+     * runPlayCallbacks_ is run these function will not be run. This allows us
+     * to differenciate between a terminated play and an actual call to play.
+     */
+    ;
+
+    _proto.runPlayTerminatedQueue_ = function runPlayTerminatedQueue_() {
+      var queue = this.playTerminatedQueue_.slice(0);
+      this.playTerminatedQueue_ = [];
+      queue.forEach(function (q) {
+        q();
+      });
+    }
+    /**
+     * When a callback to play is delayed we have to run these
+     * callbacks when play is actually called on the tech. This function
+     * runs the callbacks that were delayed and accepts the return value
+     * from the tech.
+     *
+     * @param {undefined|Promise} val
+     *        The return value from the tech.
+     */
+    ;
+
+    _proto.runPlayCallbacks_ = function runPlayCallbacks_(val) {
+      var callbacks = this.playCallbacks_.slice(0);
+      this.playCallbacks_ = []; // clear play terminatedQueue since we finished a real play
+
+      this.playTerminatedQueue_ = [];
+      callbacks.forEach(function (cb) {
+        cb(val);
+      });
+    }
+    /**
+     * Pause the video playback
+     *
+     * @return {Player}
+     *         A reference to the player object this function was called on
+     */
+    ;
+
+    _proto.pause = function pause() {
+      this.techCall_('pause');
+    }
+    /**
+     * Check if the player is paused or has yet to play
+     *
+     * @return {boolean}
+     *         - false: if the media is currently playing
+     *         - true: if media is not currently playing
+     */
+    ;
+
+    _proto.paused = function paused() {
+      // The initial state of paused should be true (in Safari it's actually false)
+      return this.techGet_('paused') === false ? false : true;
+    }
+    /**
+     * Get a TimeRange object representing the current ranges of time that the user
+     * has played.
+     *
+     * @return {TimeRange}
+     *         A time range object that represents all the increments of time that have
+     *         been played.
+     */
+    ;
+
+    _proto.played = function played() {
+      return this.techGet_('played') || createTimeRanges(0, 0);
+    }
+    /**
+     * Returns whether or not the user is "scrubbing". Scrubbing is
+     * when the user has clicked the progress bar handle and is
+     * dragging it along the progress bar.
+     *
+     * @param {boolean} [isScrubbing]
+     *        whether the user is or is not scrubbing
+     *
+     * @return {boolean}
+     *         The value of scrubbing when getting
+     */
+    ;
+
+    _proto.scrubbing = function scrubbing(isScrubbing) {
+      if (typeof isScrubbing === 'undefined') {
+        return this.scrubbing_;
+      }
+
+      this.scrubbing_ = !!isScrubbing;
+      this.techCall_('setScrubbing', this.scrubbing_);
+
+      if (isScrubbing) {
+        this.addClass('vjs-scrubbing');
+      } else {
+        this.removeClass('vjs-scrubbing');
+      }
+    }
+    /**
+     * Get or set the current time (in seconds)
+     *
+     * @param {number|string} [seconds]
+     *        The time to seek to in seconds
+     *
+     * @return {number}
+     *         - the current time in seconds when getting
+     */
+    ;
+
+    _proto.currentTime = function currentTime(seconds) {
+      if (typeof seconds !== 'undefined') {
+        if (seconds < 0) {
+          seconds = 0;
+        }
+
+        if (!this.isReady_ || this.changingSrc_ || !this.tech_ || !this.tech_.isReady_) {
+          this.cache_.initTime = seconds;
+          this.off('canplay', this.boundApplyInitTime_);
+          this.one('canplay', this.boundApplyInitTime_);
+          return;
+        }
+
+        this.techCall_('setCurrentTime', seconds);
+        this.cache_.initTime = 0;
+        return;
+      } // cache last currentTime and return. default to 0 seconds
+      //
+      // Caching the currentTime is meant to prevent a massive amount of reads on the tech's
+      // currentTime when scrubbing, but may not provide much performance benefit afterall.
+      // Should be tested. Also something has to read the actual current time or the cache will
+      // never get updated.
+
+
+      this.cache_.currentTime = this.techGet_('currentTime') || 0;
+      return this.cache_.currentTime;
+    }
+    /**
+     * Apply the value of initTime stored in cache as currentTime.
+     *
+     * @private
+     */
+    ;
+
+    _proto.applyInitTime_ = function applyInitTime_() {
+      this.currentTime(this.cache_.initTime);
+    }
+    /**
+     * Normally gets the length in time of the video in seconds;
+     * in all but the rarest use cases an argument will NOT be passed to the method
+     *
+     * > **NOTE**: The video must have started loading before the duration can be
+     * known, and depending on preload behaviour may not be known until the video starts
+     * playing.
+     *
+     * @fires Player#durationchange
+     *
+     * @param {number} [seconds]
+     *        The duration of the video to set in seconds
+     *
+     * @return {number}
+     *         - The duration of the video in seconds when getting
+     */
+    ;
+
+    _proto.duration = function duration(seconds) {
+      if (seconds === undefined) {
+        // return NaN if the duration is not known
+        return this.cache_.duration !== undefined ? this.cache_.duration : NaN;
+      }
+
+      seconds = parseFloat(seconds); // Standardize on Infinity for signaling video is live
+
+      if (seconds < 0) {
+        seconds = Infinity;
+      }
+
+      if (seconds !== this.cache_.duration) {
+        // Cache the last set value for optimized scrubbing (esp. Flash)
+        // TODO: Required for techs other than Flash?
+        this.cache_.duration = seconds;
+
+        if (seconds === Infinity) {
+          this.addClass('vjs-live');
+        } else {
+          this.removeClass('vjs-live');
+        }
+
+        if (!isNaN(seconds)) {
+          // Do not fire durationchange unless the duration value is known.
+          // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
+
+          /**
+           * @event Player#durationchange
+           * @type {EventTarget~Event}
+           */
+          this.trigger('durationchange');
+        }
+      }
+    }
+    /**
+     * Calculates how much time is left in the video. Not part
+     * of the native video API.
+     *
+     * @return {number}
+     *         The time remaining in seconds
+     */
+    ;
+
+    _proto.remainingTime = function remainingTime() {
+      return this.duration() - this.currentTime();
+    }
+    /**
+     * A remaining time function that is intented to be used when
+     * the time is to be displayed directly to the user.
+     *
+     * @return {number}
+     *         The rounded time remaining in seconds
+     */
+    ;
+
+    _proto.remainingTimeDisplay = function remainingTimeDisplay() {
+      return Math.floor(this.duration()) - Math.floor(this.currentTime());
+    } //
+    // Kind of like an array of portions of the video that have been downloaded.
+
+    /**
+     * Get a TimeRange object with an array of the times of the video
+     * that have been downloaded. If you just want the percent of the
+     * video that's been downloaded, use bufferedPercent.
+     *
+     * @see [Buffered Spec]{@link http://dev.w3.org/html5/spec/video.html#dom-media-buffered}
+     *
+     * @return {TimeRange}
+     *         A mock TimeRange object (following HTML spec)
+     */
+    ;
+
+    _proto.buffered = function buffered() {
+      var buffered = this.techGet_('buffered');
+
+      if (!buffered || !buffered.length) {
+        buffered = createTimeRanges(0, 0);
+      }
+
+      return buffered;
+    }
+    /**
+     * Get the percent (as a decimal) of the video that's been downloaded.
+     * This method is not a part of the native HTML video API.
+     *
+     * @return {number}
+     *         A decimal between 0 and 1 representing the percent
+     *         that is buffered 0 being 0% and 1 being 100%
+     */
+    ;
+
+    _proto.bufferedPercent = function bufferedPercent$1() {
+      return bufferedPercent(this.buffered(), this.duration());
+    }
+    /**
+     * Get the ending time of the last buffered time range
+     * This is used in the progress bar to encapsulate all time ranges.
+     *
+     * @return {number}
+     *         The end of the last buffered time range
+     */
+    ;
+
+    _proto.bufferedEnd = function bufferedEnd() {
+      var buffered = this.buffered();
+      var duration = this.duration();
+      var end = buffered.end(buffered.length - 1);
+
+      if (end > duration) {
+        end = duration;
+      }
+
+      return end;
+    }
+    /**
+     * Get or set the current volume of the media
+     *
+     * @param  {number} [percentAsDecimal]
+     *         The new volume as a decimal percent:
+     *         - 0 is muted/0%/off
+     *         - 1.0 is 100%/full
+     *         - 0.5 is half volume or 50%
+     *
+     * @return {number}
+     *         The current volume as a percent when getting
+     */
+    ;
+
+    _proto.volume = function volume(percentAsDecimal) {
+      var vol;
+
+      if (percentAsDecimal !== undefined) {
+        // Force value to between 0 and 1
+        vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal)));
+        this.cache_.volume = vol;
+        this.techCall_('setVolume', vol);
+
+        if (vol > 0) {
+          this.lastVolume_(vol);
+        }
+
+        return;
+      } // Default to 1 when returning current volume.
+
+
+      vol = parseFloat(this.techGet_('volume'));
+      return isNaN(vol) ? 1 : vol;
+    }
+    /**
+     * Get the current muted state, or turn mute on or off
+     *
+     * @param {boolean} [muted]
+     *        - true to mute
+     *        - false to unmute
+     *
+     * @return {boolean}
+     *         - true if mute is on and getting
+     *         - false if mute is off and getting
+     */
+    ;
+
+    _proto.muted = function muted(_muted) {
+      if (_muted !== undefined) {
+        this.techCall_('setMuted', _muted);
+        return;
+      }
+
+      return this.techGet_('muted') || false;
+    }
+    /**
+     * Get the current defaultMuted state, or turn defaultMuted on or off. defaultMuted
+     * indicates the state of muted on initial playback.
+     *
+     * ```js
+     *   var myPlayer = videojs('some-player-id');
+     *
+     *   myPlayer.src("http://www.example.com/path/to/video.mp4");
+     *
+     *   // get, should be false
+     *   console.log(myPlayer.defaultMuted());
+     *   // set to true
+     *   myPlayer.defaultMuted(true);
+     *   // get should be true
+     *   console.log(myPlayer.defaultMuted());
+     * ```
+     *
+     * @param {boolean} [defaultMuted]
+     *        - true to mute
+     *        - false to unmute
+     *
+     * @return {boolean|Player}
+     *         - true if defaultMuted is on and getting
+     *         - false if defaultMuted is off and getting
+     *         - A reference to the current player when setting
+     */
+    ;
+
+    _proto.defaultMuted = function defaultMuted(_defaultMuted) {
+      if (_defaultMuted !== undefined) {
+        return this.techCall_('setDefaultMuted', _defaultMuted);
+      }
+
+      return this.techGet_('defaultMuted') || false;
+    }
+    /**
+     * Get the last volume, or set it
+     *
+     * @param  {number} [percentAsDecimal]
+     *         The new last volume as a decimal percent:
+     *         - 0 is muted/0%/off
+     *         - 1.0 is 100%/full
+     *         - 0.5 is half volume or 50%
+     *
+     * @return {number}
+     *         the current value of lastVolume as a percent when getting
+     *
+     * @private
+     */
+    ;
+
+    _proto.lastVolume_ = function lastVolume_(percentAsDecimal) {
+      if (percentAsDecimal !== undefined && percentAsDecimal !== 0) {
+        this.cache_.lastVolume = percentAsDecimal;
+        return;
+      }
+
+      return this.cache_.lastVolume;
+    }
+    /**
+     * Check if current tech can support native fullscreen
+     * (e.g. with built in controls like iOS)
+     *
+     * @return {boolean}
+     *         if native fullscreen is supported
+     */
+    ;
+
+    _proto.supportsFullScreen = function supportsFullScreen() {
+      return this.techGet_('supportsFullScreen') || false;
+    }
+    /**
+     * Check if the player is in fullscreen mode or tell the player that it
+     * is or is not in fullscreen mode.
+     *
+     * > NOTE: As of the latest HTML5 spec, isFullscreen is no longer an official
+     * property and instead document.fullscreenElement is used. But isFullscreen is
+     * still a valuable property for internal player workings.
+     *
+     * @param  {boolean} [isFS]
+     *         Set the players current fullscreen state
+     *
+     * @return {boolean}
+     *         - true if fullscreen is on and getting
+     *         - false if fullscreen is off and getting
+     */
+    ;
+
+    _proto.isFullscreen = function isFullscreen(isFS) {
+      if (isFS !== undefined) {
+        var oldValue = this.isFullscreen_;
+        this.isFullscreen_ = Boolean(isFS); // if we changed fullscreen state and we're in prefixed mode, trigger fullscreenchange
+        // this is the only place where we trigger fullscreenchange events for older browsers
+        // fullWindow mode is treated as a prefixed event and will get a fullscreenchange event as well
+
+        if (this.isFullscreen_ !== oldValue && this.fsApi_.prefixed) {
+          /**
+             * @event Player#fullscreenchange
+             * @type {EventTarget~Event}
+             */
+          this.trigger('fullscreenchange');
+        }
+
+        this.toggleFullscreenClass_();
+        return;
+      }
+
+      return this.isFullscreen_;
+    }
+    /**
+     * Increase the size of the video to full screen
+     * In some browsers, full screen is not supported natively, so it enters
+     * "full window mode", where the video fills the browser window.
+     * In browsers and devices that support native full screen, sometimes the
+     * browser's default controls will be shown, and not the Video.js custom skin.
+     * This includes most mobile devices (iOS, Android) and older versions of
+     * Safari.
+     *
+     * @param  {Object} [fullscreenOptions]
+     *         Override the player fullscreen options
+     *
+     * @fires Player#fullscreenchange
+     */
+    ;
+
+    _proto.requestFullscreen = function requestFullscreen(fullscreenOptions) {
+      var PromiseClass = this.options_.Promise || window_1.Promise;
+
+      if (PromiseClass) {
+        var self = this;
+        return new PromiseClass(function (resolve, reject) {
+          function offHandler() {
+            self.off('fullscreenerror', errorHandler);
+            self.off('fullscreenchange', changeHandler);
+          }
+
+          function changeHandler() {
+            offHandler();
+            resolve();
+          }
+
+          function errorHandler(e, err) {
+            offHandler();
+            reject(err);
+          }
+
+          self.one('fullscreenchange', changeHandler);
+          self.one('fullscreenerror', errorHandler);
+          var promise = self.requestFullscreenHelper_(fullscreenOptions);
+
+          if (promise) {
+            promise.then(offHandler, offHandler);
+            promise.then(resolve, reject);
+          }
+        });
+      }
+
+      return this.requestFullscreenHelper_();
+    };
+
+    _proto.requestFullscreenHelper_ = function requestFullscreenHelper_(fullscreenOptions) {
+      var _this11 = this;
+
+      var fsOptions; // Only pass fullscreen options to requestFullscreen in spec-compliant browsers.
+      // Use defaults or player configured option unless passed directly to this method.
+
+      if (!this.fsApi_.prefixed) {
+        fsOptions = this.options_.fullscreen && this.options_.fullscreen.options || {};
+
+        if (fullscreenOptions !== undefined) {
+          fsOptions = fullscreenOptions;
+        }
+      } // This method works as follows:
+      // 1. if a fullscreen api is available, use it
+      //   1. call requestFullscreen with potential options
+      //   2. if we got a promise from above, use it to update isFullscreen()
+      // 2. otherwise, if the tech supports fullscreen, call `enterFullScreen` on it.
+      //   This is particularly used for iPhone, older iPads, and non-safari browser on iOS.
+      // 3. otherwise, use "fullWindow" mode
+
+
+      if (this.fsApi_.requestFullscreen) {
+        var promise = this.el_[this.fsApi_.requestFullscreen](fsOptions);
+
+        if (promise) {
+          promise.then(function () {
+            return _this11.isFullscreen(true);
+          }, function () {
+            return _this11.isFullscreen(false);
+          });
+        }
+
+        return promise;
+      } else if (this.tech_.supportsFullScreen() && !this.options_.preferFullWindow === true) {
+        // we can't take the video.js controls fullscreen but we can go fullscreen
+        // with native controls
+        this.techCall_('enterFullScreen');
+      } else {
+        // fullscreen isn't supported so we'll just stretch the video element to
+        // fill the viewport
+        this.enterFullWindow();
+      }
+    }
+    /**
+     * Return the video to its normal size after having been in full screen mode
+     *
+     * @fires Player#fullscreenchange
+     */
+    ;
+
+    _proto.exitFullscreen = function exitFullscreen() {
+      var PromiseClass = this.options_.Promise || window_1.Promise;
+
+      if (PromiseClass) {
+        var self = this;
+        return new PromiseClass(function (resolve, reject) {
+          function offHandler() {
+            self.off('fullscreenerror', errorHandler);
+            self.off('fullscreenchange', changeHandler);
+          }
+
+          function changeHandler() {
+            offHandler();
+            resolve();
+          }
+
+          function errorHandler(e, err) {
+            offHandler();
+            reject(err);
+          }
+
+          self.one('fullscreenchange', changeHandler);
+          self.one('fullscreenerror', errorHandler);
+          var promise = self.exitFullscreenHelper_();
+
+          if (promise) {
+            promise.then(offHandler, offHandler); // map the promise to our resolve/reject methods
+
+            promise.then(resolve, reject);
+          }
+        });
+      }
+
+      return this.exitFullscreenHelper_();
+    };
+
+    _proto.exitFullscreenHelper_ = function exitFullscreenHelper_() {
+      var _this12 = this;
+
+      if (this.fsApi_.requestFullscreen) {
+        var promise = document_1[this.fsApi_.exitFullscreen]();
+
+        if (promise) {
+          // we're splitting the promise here, so, we want to catch the
+          // potential error so that this chain doesn't have unhandled errors
+          silencePromise(promise.then(function () {
+            return _this12.isFullscreen(false);
+          }));
+        }
+
+        return promise;
+      } else if (this.tech_.supportsFullScreen() && !this.options_.preferFullWindow === true) {
+        this.techCall_('exitFullScreen');
+      } else {
+        this.exitFullWindow();
+      }
+    }
+    /**
+     * When fullscreen isn't supported we can stretch the
+     * video container to as wide as the browser will let us.
+     *
+     * @fires Player#enterFullWindow
+     */
+    ;
+
+    _proto.enterFullWindow = function enterFullWindow() {
+      this.isFullscreen(true);
+      this.isFullWindow = true; // Storing original doc overflow value to return to when fullscreen is off
+
+      this.docOrigOverflow = document_1.documentElement.style.overflow; // Add listener for esc key to exit fullscreen
+
+      on(document_1, 'keydown', this.boundFullWindowOnEscKey_); // Hide any scroll bars
+
+      document_1.documentElement.style.overflow = 'hidden'; // Apply fullscreen styles
+
+      addClass(document_1.body, 'vjs-full-window');
+      /**
+       * @event Player#enterFullWindow
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('enterFullWindow');
+    }
+    /**
+     * Check for call to either exit full window or
+     * full screen on ESC key
+     *
+     * @param {string} event
+     *        Event to check for key press
+     */
+    ;
+
+    _proto.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
+      if (keycode.isEventKey(event, 'Esc')) {
+        if (this.isFullscreen() === true) {
+          if (!this.isFullWindow) {
+            this.exitFullscreen();
+          } else {
+            this.exitFullWindow();
+          }
+        }
+      }
+    }
+    /**
+     * Exit full window
+     *
+     * @fires Player#exitFullWindow
+     */
+    ;
+
+    _proto.exitFullWindow = function exitFullWindow() {
+      this.isFullscreen(false);
+      this.isFullWindow = false;
+      off(document_1, 'keydown', this.boundFullWindowOnEscKey_); // Unhide scroll bars.
+
+      document_1.documentElement.style.overflow = this.docOrigOverflow; // Remove fullscreen styles
+
+      removeClass(document_1.body, 'vjs-full-window'); // Resize the box, controller, and poster to original sizes
+      // this.positionAll();
+
+      /**
+       * @event Player#exitFullWindow
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('exitFullWindow');
+    }
+    /**
+     * Disable Picture-in-Picture mode.
+     *
+     * @param {boolean} value
+     *                  - true will disable Picture-in-Picture mode
+     *                  - false will enable Picture-in-Picture mode
+     */
+    ;
+
+    _proto.disablePictureInPicture = function disablePictureInPicture(value) {
+      if (value === undefined) {
+        return this.techGet_('disablePictureInPicture');
+      }
+
+      this.techCall_('setDisablePictureInPicture', value);
+      this.options_.disablePictureInPicture = value;
+      this.trigger('disablepictureinpicturechanged');
+    }
+    /**
+     * Check if the player is in Picture-in-Picture mode or tell the player that it
+     * is or is not in Picture-in-Picture mode.
+     *
+     * @param  {boolean} [isPiP]
+     *         Set the players current Picture-in-Picture state
+     *
+     * @return {boolean}
+     *         - true if Picture-in-Picture is on and getting
+     *         - false if Picture-in-Picture is off and getting
+     */
+    ;
+
+    _proto.isInPictureInPicture = function isInPictureInPicture(isPiP) {
+      if (isPiP !== undefined) {
+        this.isInPictureInPicture_ = !!isPiP;
+        this.togglePictureInPictureClass_();
+        return;
+      }
+
+      return !!this.isInPictureInPicture_;
+    }
+    /**
+     * Create a floating video window always on top of other windows so that users may
+     * continue consuming media while they interact with other content sites, or
+     * applications on their device.
+     *
+     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
+     *
+     * @fires Player#enterpictureinpicture
+     *
+     * @return {Promise}
+     *         A promise with a Picture-in-Picture window.
+     */
+    ;
+
+    _proto.requestPictureInPicture = function requestPictureInPicture() {
+      if ('pictureInPictureEnabled' in document_1 && this.disablePictureInPicture() === false) {
+        /**
+         * This event fires when the player enters picture in picture mode
+         *
+         * @event Player#enterpictureinpicture
+         * @type {EventTarget~Event}
+         */
+        return this.techGet_('requestPictureInPicture');
+      }
+    }
+    /**
+     * Exit Picture-in-Picture mode.
+     *
+     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
+     *
+     * @fires Player#leavepictureinpicture
+     *
+     * @return {Promise}
+     *         A promise.
+     */
+    ;
+
+    _proto.exitPictureInPicture = function exitPictureInPicture() {
+      if ('pictureInPictureEnabled' in document_1) {
+        /**
+         * This event fires when the player leaves picture in picture mode
+         *
+         * @event Player#leavepictureinpicture
+         * @type {EventTarget~Event}
+         */
+        return document_1.exitPictureInPicture();
+      }
+    }
+    /**
+     * Called when this Player has focus and a key gets pressed down, or when
+     * any Component of this player receives a key press that it doesn't handle.
+     * This allows player-wide hotkeys (either as defined below, or optionally
+     * by an external function).
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    ;
+
+    _proto.handleKeyDown = function handleKeyDown(event) {
+      var userActions = this.options_.userActions; // Bail out if hotkeys are not configured.
+
+      if (!userActions || !userActions.hotkeys) {
+        return;
+      } // Function that determines whether or not to exclude an element from
+      // hotkeys handling.
+
+
+      var excludeElement = function excludeElement(el) {
+        var tagName = el.tagName.toLowerCase(); // The first and easiest test is for `contenteditable` elements.
+
+        if (el.isContentEditable) {
+          return true;
+        } // Inputs matching these types will still trigger hotkey handling as
+        // they are not text inputs.
+
+
+        var allowedInputTypes = ['button', 'checkbox', 'hidden', 'radio', 'reset', 'submit'];
+
+        if (tagName === 'input') {
+          return allowedInputTypes.indexOf(el.type) === -1;
+        } // The final test is by tag name. These tags will be excluded entirely.
+
+
+        var excludedTags = ['textarea'];
+        return excludedTags.indexOf(tagName) !== -1;
+      }; // Bail out if the user is focused on an interactive form element.
+
+
+      if (excludeElement(this.el_.ownerDocument.activeElement)) {
+        return;
+      }
+
+      if (typeof userActions.hotkeys === 'function') {
+        userActions.hotkeys.call(this, event);
+      } else {
+        this.handleHotkeys(event);
+      }
+    }
+    /**
+     * Called when this Player receives a hotkey keydown event.
+     * Supported player-wide hotkeys are:
+     *
+     *   f          - toggle fullscreen
+     *   m          - toggle mute
+     *   k or Space - toggle play/pause
+     *
+     * @param {EventTarget~Event} event
+     *        The `keydown` event that caused this function to be called.
+     */
+    ;
+
+    _proto.handleHotkeys = function handleHotkeys(event) {
+      var hotkeys = this.options_.userActions ? this.options_.userActions.hotkeys : {}; // set fullscreenKey, muteKey, playPauseKey from `hotkeys`, use defaults if not set
+
+      var _hotkeys$fullscreenKe = hotkeys.fullscreenKey,
+          fullscreenKey = _hotkeys$fullscreenKe === void 0 ? function (keydownEvent) {
+        return keycode.isEventKey(keydownEvent, 'f');
+      } : _hotkeys$fullscreenKe,
+          _hotkeys$muteKey = hotkeys.muteKey,
+          muteKey = _hotkeys$muteKey === void 0 ? function (keydownEvent) {
+        return keycode.isEventKey(keydownEvent, 'm');
+      } : _hotkeys$muteKey,
+          _hotkeys$playPauseKey = hotkeys.playPauseKey,
+          playPauseKey = _hotkeys$playPauseKey === void 0 ? function (keydownEvent) {
+        return keycode.isEventKey(keydownEvent, 'k') || keycode.isEventKey(keydownEvent, 'Space');
+      } : _hotkeys$playPauseKey;
+
+      if (fullscreenKey.call(this, event)) {
+        event.preventDefault();
+        event.stopPropagation();
+        var FSToggle = Component$1.getComponent('FullscreenToggle');
+
+        if (document_1[this.fsApi_.fullscreenEnabled] !== false) {
+          FSToggle.prototype.handleClick.call(this, event);
+        }
+      } else if (muteKey.call(this, event)) {
+        event.preventDefault();
+        event.stopPropagation();
+        var MuteToggle = Component$1.getComponent('MuteToggle');
+        MuteToggle.prototype.handleClick.call(this, event);
+      } else if (playPauseKey.call(this, event)) {
+        event.preventDefault();
+        event.stopPropagation();
+        var PlayToggle = Component$1.getComponent('PlayToggle');
+        PlayToggle.prototype.handleClick.call(this, event);
+      }
+    }
+    /**
+     * Check whether the player can play a given mimetype
+     *
+     * @see https://www.w3.org/TR/2011/WD-html5-20110113/video.html#dom-navigator-canplaytype
+     *
+     * @param {string} type
+     *        The mimetype to check
+     *
+     * @return {string}
+     *         'probably', 'maybe', or '' (empty string)
+     */
+    ;
+
+    _proto.canPlayType = function canPlayType(type) {
+      var can; // Loop through each playback technology in the options order
+
+      for (var i = 0, j = this.options_.techOrder; i < j.length; i++) {
+        var techName = j[i];
+        var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
+        // Remove once that deprecated behavior is removed.
+
+        if (!tech) {
+          tech = Component$1.getComponent(techName);
+        } // Check if the current tech is defined before continuing
+
+
+        if (!tech) {
+          log$1.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
+          continue;
+        } // Check if the browser supports this technology
+
+
+        if (tech.isSupported()) {
+          can = tech.canPlayType(type);
+
+          if (can) {
+            return can;
+          }
+        }
+      }
+
+      return '';
+    }
+    /**
+     * Select source based on tech-order or source-order
+     * Uses source-order selection if `options.sourceOrder` is truthy. Otherwise,
+     * defaults to tech-order selection
+     *
+     * @param {Array} sources
+     *        The sources for a media asset
+     *
+     * @return {Object|boolean}
+     *         Object of source and tech order or false
+     */
+    ;
+
+    _proto.selectSource = function selectSource(sources) {
+      var _this13 = this;
+
+      // Get only the techs specified in `techOrder` that exist and are supported by the
+      // current platform
+      var techs = this.options_.techOrder.map(function (techName) {
+        return [techName, Tech.getTech(techName)];
+      }).filter(function (_ref) {
+        var techName = _ref[0],
+            tech = _ref[1];
+
+        // Check if the current tech is defined before continuing
+        if (tech) {
+          // Check if the browser supports this technology
+          return tech.isSupported();
+        }
+
+        log$1.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
+        return false;
+      }); // Iterate over each `innerArray` element once per `outerArray` element and execute
+      // `tester` with both. If `tester` returns a non-falsy value, exit early and return
+      // that value.
+
+      var findFirstPassingTechSourcePair = function findFirstPassingTechSourcePair(outerArray, innerArray, tester) {
+        var found;
+        outerArray.some(function (outerChoice) {
+          return innerArray.some(function (innerChoice) {
+            found = tester(outerChoice, innerChoice);
+
+            if (found) {
+              return true;
+            }
+          });
+        });
+        return found;
+      };
+
+      var foundSourceAndTech;
+
+      var flip = function flip(fn) {
+        return function (a, b) {
+          return fn(b, a);
+        };
+      };
+
+      var finder = function finder(_ref2, source) {
+        var techName = _ref2[0],
+            tech = _ref2[1];
+
+        if (tech.canPlaySource(source, _this13.options_[techName.toLowerCase()])) {
+          return {
+            source: source,
+            tech: techName
+          };
+        }
+      }; // Depending on the truthiness of `options.sourceOrder`, we swap the order of techs and sources
+      // to select from them based on their priority.
+
+
+      if (this.options_.sourceOrder) {
+        // Source-first ordering
+        foundSourceAndTech = findFirstPassingTechSourcePair(sources, techs, flip(finder));
+      } else {
+        // Tech-first ordering
+        foundSourceAndTech = findFirstPassingTechSourcePair(techs, sources, finder);
+      }
+
+      return foundSourceAndTech || false;
+    }
+    /**
+     * Executes source setting and getting logic
+     *
+     * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
+     *        A SourceObject, an array of SourceObjects, or a string referencing
+     *        a URL to a media source. It is _highly recommended_ that an object
+     *        or array of objects is used here, so that source selection
+     *        algorithms can take the `type` into account.
+     *
+     *        If not provided, this method acts as a getter.
+     * @param {boolean} isRetry
+     *        Indicates whether this is being called internally as a result of a retry
+     *
+     * @return {string|undefined}
+     *         If the `source` argument is missing, returns the current source
+     *         URL. Otherwise, returns nothing/undefined.
+     */
+    ;
+
+    _proto.handleSrc_ = function handleSrc_(source, isRetry) {
+      var _this14 = this;
+
+      // getter usage
+      if (typeof source === 'undefined') {
+        return this.cache_.src || '';
+      } // Reset retry behavior for new source
+
+
+      if (this.resetRetryOnError_) {
+        this.resetRetryOnError_();
+      } // filter out invalid sources and turn our source into
+      // an array of source objects
+
+
+      var sources = filterSource(source); // if a source was passed in then it is invalid because
+      // it was filtered to a zero length Array. So we have to
+      // show an error
+
+      if (!sources.length) {
+        this.setTimeout(function () {
+          this.error({
+            code: 4,
+            message: this.localize(this.options_.notSupportedMessage)
+          });
+        }, 0);
+        return;
+      } // initial sources
+
+
+      this.changingSrc_ = true; // Only update the cached source list if we are not retrying a new source after error,
+      // since in that case we want to include the failed source(s) in the cache
+
+      if (!isRetry) {
+        this.cache_.sources = sources;
+      }
+
+      this.updateSourceCaches_(sources[0]); // middlewareSource is the source after it has been changed by middleware
+
+      setSource(this, sources[0], function (middlewareSource, mws) {
+        _this14.middleware_ = mws; // since sourceSet is async we have to update the cache again after we select a source since
+        // the source that is selected could be out of order from the cache update above this callback.
+
+        if (!isRetry) {
+          _this14.cache_.sources = sources;
+        }
+
+        _this14.updateSourceCaches_(middlewareSource);
+
+        var err = _this14.src_(middlewareSource);
+
+        if (err) {
+          if (sources.length > 1) {
+            return _this14.handleSrc_(sources.slice(1));
+          }
+
+          _this14.changingSrc_ = false; // We need to wrap this in a timeout to give folks a chance to add error event handlers
+
+          _this14.setTimeout(function () {
+            this.error({
+              code: 4,
+              message: this.localize(this.options_.notSupportedMessage)
+            });
+          }, 0); // we could not find an appropriate tech, but let's still notify the delegate that this is it
+          // this needs a better comment about why this is needed
+
+
+          _this14.triggerReady();
+
+          return;
+        }
+
+        setTech(mws, _this14.tech_);
+      }); // Try another available source if this one fails before playback.
+
+      if (this.options_.retryOnError && sources.length > 1) {
+        var retry = function retry() {
+          // Remove the error modal
+          _this14.error(null);
+
+          _this14.handleSrc_(sources.slice(1), true);
+        };
+
+        var stopListeningForErrors = function stopListeningForErrors() {
+          _this14.off('error', retry);
+        };
+
+        this.one('error', retry);
+        this.one('playing', stopListeningForErrors);
+
+        this.resetRetryOnError_ = function () {
+          _this14.off('error', retry);
+
+          _this14.off('playing', stopListeningForErrors);
+        };
+      }
+    }
+    /**
+     * Get or set the video source.
+     *
+     * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
+     *        A SourceObject, an array of SourceObjects, or a string referencing
+     *        a URL to a media source. It is _highly recommended_ that an object
+     *        or array of objects is used here, so that source selection
+     *        algorithms can take the `type` into account.
+     *
+     *        If not provided, this method acts as a getter.
+     *
+     * @return {string|undefined}
+     *         If the `source` argument is missing, returns the current source
+     *         URL. Otherwise, returns nothing/undefined.
+     */
+    ;
+
+    _proto.src = function src(source) {
+      return this.handleSrc_(source, false);
+    }
+    /**
+     * Set the source object on the tech, returns a boolean that indicates whether
+     * there is a tech that can play the source or not
+     *
+     * @param {Tech~SourceObject} source
+     *        The source object to set on the Tech
+     *
+     * @return {boolean}
+     *         - True if there is no Tech to playback this source
+     *         - False otherwise
+     *
+     * @private
+     */
+    ;
+
+    _proto.src_ = function src_(source) {
+      var _this15 = this;
+
+      var sourceTech = this.selectSource([source]);
+
+      if (!sourceTech) {
+        return true;
+      }
+
+      if (!titleCaseEquals(sourceTech.tech, this.techName_)) {
+        this.changingSrc_ = true; // load this technology with the chosen source
+
+        this.loadTech_(sourceTech.tech, sourceTech.source);
+        this.tech_.ready(function () {
+          _this15.changingSrc_ = false;
+        });
+        return false;
+      } // wait until the tech is ready to set the source
+      // and set it synchronously if possible (#2326)
+
+
+      this.ready(function () {
+        // The setSource tech method was added with source handlers
+        // so older techs won't support it
+        // We need to check the direct prototype for the case where subclasses
+        // of the tech do not support source handlers
+        if (this.tech_.constructor.prototype.hasOwnProperty('setSource')) {
+          this.techCall_('setSource', source);
+        } else {
+          this.techCall_('src', source.src);
+        }
+
+        this.changingSrc_ = false;
+      }, true);
+      return false;
+    }
+    /**
+     * Begin loading the src data.
+     */
+    ;
+
+    _proto.load = function load() {
+      this.techCall_('load');
+    }
+    /**
+     * Reset the player. Loads the first tech in the techOrder,
+     * removes all the text tracks in the existing `tech`,
+     * and calls `reset` on the `tech`.
+     */
+    ;
+
+    _proto.reset = function reset() {
+      var _this16 = this;
+
+      var PromiseClass = this.options_.Promise || window_1.Promise;
+
+      if (this.paused() || !PromiseClass) {
+        this.doReset_();
+      } else {
+        var playPromise = this.play();
+        silencePromise(playPromise.then(function () {
+          return _this16.doReset_();
+        }));
+      }
+    };
+
+    _proto.doReset_ = function doReset_() {
+      if (this.tech_) {
+        this.tech_.clearTracks('text');
+      }
+
+      this.resetCache_();
+      this.poster('');
+      this.loadTech_(this.options_.techOrder[0], null);
+      this.techCall_('reset');
+      this.resetControlBarUI_();
+
+      if (isEvented(this)) {
+        this.trigger('playerreset');
+      }
+    }
+    /**
+     * Reset Control Bar's UI by calling sub-methods that reset
+     * all of Control Bar's components
+     */
+    ;
+
+    _proto.resetControlBarUI_ = function resetControlBarUI_() {
+      this.resetProgressBar_();
+      this.resetPlaybackRate_();
+      this.resetVolumeBar_();
+    }
+    /**
+     * Reset tech's progress so progress bar is reset in the UI
+     */
+    ;
+
+    _proto.resetProgressBar_ = function resetProgressBar_() {
+      this.currentTime(0);
+      var _this$controlBar = this.controlBar,
+          durationDisplay = _this$controlBar.durationDisplay,
+          remainingTimeDisplay = _this$controlBar.remainingTimeDisplay;
+
+      if (durationDisplay) {
+        durationDisplay.updateContent();
+      }
+
+      if (remainingTimeDisplay) {
+        remainingTimeDisplay.updateContent();
+      }
+    }
+    /**
+     * Reset Playback ratio
+     */
+    ;
+
+    _proto.resetPlaybackRate_ = function resetPlaybackRate_() {
+      this.playbackRate(this.defaultPlaybackRate());
+      this.handleTechRateChange_();
+    }
+    /**
+     * Reset Volume bar
+     */
+    ;
+
+    _proto.resetVolumeBar_ = function resetVolumeBar_() {
+      this.volume(1.0);
+      this.trigger('volumechange');
+    }
+    /**
+     * Returns all of the current source objects.
+     *
+     * @return {Tech~SourceObject[]}
+     *         The current source objects
+     */
+    ;
+
+    _proto.currentSources = function currentSources() {
+      var source = this.currentSource();
+      var sources = []; // assume `{}` or `{ src }`
+
+      if (Object.keys(source).length !== 0) {
+        sources.push(source);
+      }
+
+      return this.cache_.sources || sources;
+    }
+    /**
+     * Returns the current source object.
+     *
+     * @return {Tech~SourceObject}
+     *         The current source object
+     */
+    ;
+
+    _proto.currentSource = function currentSource() {
+      return this.cache_.source || {};
+    }
+    /**
+     * Returns the fully qualified URL of the current source value e.g. http://mysite.com/video.mp4
+     * Can be used in conjunction with `currentType` to assist in rebuilding the current source object.
+     *
+     * @return {string}
+     *         The current source
+     */
+    ;
+
+    _proto.currentSrc = function currentSrc() {
+      return this.currentSource() && this.currentSource().src || '';
+    }
+    /**
+     * Get the current source type e.g. video/mp4
+     * This can allow you rebuild the current source object so that you could load the same
+     * source and tech later
+     *
+     * @return {string}
+     *         The source MIME type
+     */
+    ;
+
+    _proto.currentType = function currentType() {
+      return this.currentSource() && this.currentSource().type || '';
+    }
+    /**
+     * Get or set the preload attribute
+     *
+     * @param {boolean} [value]
+     *        - true means that we should preload
+     *        - false means that we should not preload
+     *
+     * @return {string}
+     *         The preload attribute value when getting
+     */
+    ;
+
+    _proto.preload = function preload(value) {
+      if (value !== undefined) {
+        this.techCall_('setPreload', value);
+        this.options_.preload = value;
+        return;
+      }
+
+      return this.techGet_('preload');
+    }
+    /**
+     * Get or set the autoplay option. When this is a boolean it will
+     * modify the attribute on the tech. When this is a string the attribute on
+     * the tech will be removed and `Player` will handle autoplay on loadstarts.
+     *
+     * @param {boolean|string} [value]
+     *        - true: autoplay using the browser behavior
+     *        - false: do not autoplay
+     *        - 'play': call play() on every loadstart
+     *        - 'muted': call muted() then play() on every loadstart
+     *        - 'any': call play() on every loadstart. if that fails call muted() then play().
+     *        - *: values other than those listed here will be set `autoplay` to true
+     *
+     * @return {boolean|string}
+     *         The current value of autoplay when getting
+     */
+    ;
+
+    _proto.autoplay = function autoplay(value) {
+      // getter usage
+      if (value === undefined) {
+        return this.options_.autoplay || false;
+      }
+
+      var techAutoplay; // if the value is a valid string set it to that, or normalize `true` to 'play', if need be
+
+      if (typeof value === 'string' && /(any|play|muted)/.test(value) || value === true && this.options_.normalizeAutoplay) {
+        this.options_.autoplay = value;
+        this.manualAutoplay_(typeof value === 'string' ? value : 'play');
+        techAutoplay = false; // any falsy value sets autoplay to false in the browser,
+        // lets do the same
+      } else if (!value) {
+        this.options_.autoplay = false; // any other value (ie truthy) sets autoplay to true
+      } else {
+        this.options_.autoplay = true;
+      }
+
+      techAutoplay = typeof techAutoplay === 'undefined' ? this.options_.autoplay : techAutoplay; // if we don't have a tech then we do not queue up
+      // a setAutoplay call on tech ready. We do this because the
+      // autoplay option will be passed in the constructor and we
+      // do not need to set it twice
+
+      if (this.tech_) {
+        this.techCall_('setAutoplay', techAutoplay);
+      }
+    }
+    /**
+     * Set or unset the playsinline attribute.
+     * Playsinline tells the browser that non-fullscreen playback is preferred.
+     *
+     * @param {boolean} [value]
+     *        - true means that we should try to play inline by default
+     *        - false means that we should use the browser's default playback mode,
+     *          which in most cases is inline. iOS Safari is a notable exception
+     *          and plays fullscreen by default.
+     *
+     * @return {string|Player}
+     *         - the current value of playsinline
+     *         - the player when setting
+     *
+     * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
+     */
+    ;
+
+    _proto.playsinline = function playsinline(value) {
+      if (value !== undefined) {
+        this.techCall_('setPlaysinline', value);
+        this.options_.playsinline = value;
+        return this;
+      }
+
+      return this.techGet_('playsinline');
+    }
+    /**
+     * Get or set the loop attribute on the video element.
+     *
+     * @param {boolean} [value]
+     *        - true means that we should loop the video
+     *        - false means that we should not loop the video
+     *
+     * @return {boolean}
+     *         The current value of loop when getting
+     */
+    ;
+
+    _proto.loop = function loop(value) {
+      if (value !== undefined) {
+        this.techCall_('setLoop', value);
+        this.options_.loop = value;
+        return;
+      }
+
+      return this.techGet_('loop');
+    }
+    /**
+     * Get or set the poster image source url
+     *
+     * @fires Player#posterchange
+     *
+     * @param {string} [src]
+     *        Poster image source URL
+     *
+     * @return {string}
+     *         The current value of poster when getting
+     */
+    ;
+
+    _proto.poster = function poster(src) {
+      if (src === undefined) {
+        return this.poster_;
+      } // The correct way to remove a poster is to set as an empty string
+      // other falsey values will throw errors
+
+
+      if (!src) {
+        src = '';
+      }
+
+      if (src === this.poster_) {
+        return;
+      } // update the internal poster variable
+
+
+      this.poster_ = src; // update the tech's poster
+
+      this.techCall_('setPoster', src);
+      this.isPosterFromTech_ = false; // alert components that the poster has been set
+
+      /**
+       * This event fires when the poster image is changed on the player.
+       *
+       * @event Player#posterchange
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('posterchange');
+    }
+    /**
+     * Some techs (e.g. YouTube) can provide a poster source in an
+     * asynchronous way. We want the poster component to use this
+     * poster source so that it covers up the tech's controls.
+     * (YouTube's play button). However we only want to use this
+     * source if the player user hasn't set a poster through
+     * the normal APIs.
+     *
+     * @fires Player#posterchange
+     * @listens Tech#posterchange
+     * @private
+     */
+    ;
+
+    _proto.handleTechPosterChange_ = function handleTechPosterChange_() {
+      if ((!this.poster_ || this.options_.techCanOverridePoster) && this.tech_ && this.tech_.poster) {
+        var newPoster = this.tech_.poster() || '';
+
+        if (newPoster !== this.poster_) {
+          this.poster_ = newPoster;
+          this.isPosterFromTech_ = true; // Let components know the poster has changed
+
+          this.trigger('posterchange');
+        }
+      }
+    }
+    /**
+     * Get or set whether or not the controls are showing.
+     *
+     * @fires Player#controlsenabled
+     *
+     * @param {boolean} [bool]
+     *        - true to turn controls on
+     *        - false to turn controls off
+     *
+     * @return {boolean}
+     *         The current value of controls when getting
+     */
+    ;
+
+    _proto.controls = function controls(bool) {
+      if (bool === undefined) {
+        return !!this.controls_;
+      }
+
+      bool = !!bool; // Don't trigger a change event unless it actually changed
+
+      if (this.controls_ === bool) {
+        return;
+      }
+
+      this.controls_ = bool;
+
+      if (this.usingNativeControls()) {
+        this.techCall_('setControls', bool);
+      }
+
+      if (this.controls_) {
+        this.removeClass('vjs-controls-disabled');
+        this.addClass('vjs-controls-enabled');
+        /**
+         * @event Player#controlsenabled
+         * @type {EventTarget~Event}
+         */
+
+        this.trigger('controlsenabled');
+
+        if (!this.usingNativeControls()) {
+          this.addTechControlsListeners_();
+        }
+      } else {
+        this.removeClass('vjs-controls-enabled');
+        this.addClass('vjs-controls-disabled');
+        /**
+         * @event Player#controlsdisabled
+         * @type {EventTarget~Event}
+         */
+
+        this.trigger('controlsdisabled');
+
+        if (!this.usingNativeControls()) {
+          this.removeTechControlsListeners_();
+        }
+      }
+    }
+    /**
+     * Toggle native controls on/off. Native controls are the controls built into
+     * devices (e.g. default iPhone controls) or other techs
+     * (e.g. Vimeo Controls)
+     * **This should only be set by the current tech, because only the tech knows
+     * if it can support native controls**
+     *
+     * @fires Player#usingnativecontrols
+     * @fires Player#usingcustomcontrols
+     *
+     * @param {boolean} [bool]
+     *        - true to turn native controls on
+     *        - false to turn native controls off
+     *
+     * @return {boolean}
+     *         The current value of native controls when getting
+     */
+    ;
+
+    _proto.usingNativeControls = function usingNativeControls(bool) {
+      if (bool === undefined) {
+        return !!this.usingNativeControls_;
+      }
+
+      bool = !!bool; // Don't trigger a change event unless it actually changed
+
+      if (this.usingNativeControls_ === bool) {
+        return;
+      }
+
+      this.usingNativeControls_ = bool;
+
+      if (this.usingNativeControls_) {
+        this.addClass('vjs-using-native-controls');
+        /**
+         * player is using the native device controls
+         *
+         * @event Player#usingnativecontrols
+         * @type {EventTarget~Event}
+         */
+
+        this.trigger('usingnativecontrols');
+      } else {
+        this.removeClass('vjs-using-native-controls');
+        /**
+         * player is using the custom HTML controls
+         *
+         * @event Player#usingcustomcontrols
+         * @type {EventTarget~Event}
+         */
+
+        this.trigger('usingcustomcontrols');
+      }
+    }
+    /**
+     * Set or get the current MediaError
+     *
+     * @fires Player#error
+     *
+     * @param  {MediaError|string|number} [err]
+     *         A MediaError or a string/number to be turned
+     *         into a MediaError
+     *
+     * @return {MediaError|null}
+     *         The current MediaError when getting (or null)
+     */
+    ;
+
+    _proto.error = function error(err) {
+      if (err === undefined) {
+        return this.error_ || null;
+      } // Suppress the first error message for no compatible source until
+      // user interaction
+
+
+      if (this.options_.suppressNotSupportedError && err && err.code === 4) {
+        var triggerSuppressedError = function triggerSuppressedError() {
+          this.error(err);
+        };
+
+        this.options_.suppressNotSupportedError = false;
+        this.any(['click', 'touchstart'], triggerSuppressedError);
+        this.one('loadstart', function () {
+          this.off(['click', 'touchstart'], triggerSuppressedError);
+        });
+        return;
+      } // restoring to default
+
+
+      if (err === null) {
+        this.error_ = err;
+        this.removeClass('vjs-error');
+
+        if (this.errorDisplay) {
+          this.errorDisplay.close();
+        }
+
+        return;
+      }
+
+      this.error_ = new MediaError(err); // add the vjs-error classname to the player
+
+      this.addClass('vjs-error'); // log the name of the error type and any message
+      // IE11 logs "[object object]" and required you to expand message to see error object
+
+      log$1.error("(CODE:" + this.error_.code + " " + MediaError.errorTypes[this.error_.code] + ")", this.error_.message, this.error_);
+      /**
+       * @event Player#error
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('error');
+      return;
+    }
+    /**
+     * Report user activity
+     *
+     * @param {Object} event
+     *        Event object
+     */
+    ;
+
+    _proto.reportUserActivity = function reportUserActivity(event) {
+      this.userActivity_ = true;
+    }
+    /**
+     * Get/set if user is active
+     *
+     * @fires Player#useractive
+     * @fires Player#userinactive
+     *
+     * @param {boolean} [bool]
+     *        - true if the user is active
+     *        - false if the user is inactive
+     *
+     * @return {boolean}
+     *         The current value of userActive when getting
+     */
+    ;
+
+    _proto.userActive = function userActive(bool) {
+      if (bool === undefined) {
+        return this.userActive_;
+      }
+
+      bool = !!bool;
+
+      if (bool === this.userActive_) {
+        return;
+      }
+
+      this.userActive_ = bool;
+
+      if (this.userActive_) {
+        this.userActivity_ = true;
+        this.removeClass('vjs-user-inactive');
+        this.addClass('vjs-user-active');
+        /**
+         * @event Player#useractive
+         * @type {EventTarget~Event}
+         */
+
+        this.trigger('useractive');
+        return;
+      } // Chrome/Safari/IE have bugs where when you change the cursor it can
+      // trigger a mousemove event. This causes an issue when you're hiding
+      // the cursor when the user is inactive, and a mousemove signals user
+      // activity. Making it impossible to go into inactive mode. Specifically
+      // this happens in fullscreen when we really need to hide the cursor.
+      //
+      // When this gets resolved in ALL browsers it can be removed
+      // https://code.google.com/p/chromium/issues/detail?id=103041
+
+
+      if (this.tech_) {
+        this.tech_.one('mousemove', function (e) {
+          e.stopPropagation();
+          e.preventDefault();
+        });
+      }
+
+      this.userActivity_ = false;
+      this.removeClass('vjs-user-active');
+      this.addClass('vjs-user-inactive');
+      /**
+       * @event Player#userinactive
+       * @type {EventTarget~Event}
+       */
+
+      this.trigger('userinactive');
+    }
+    /**
+     * Listen for user activity based on timeout value
+     *
+     * @private
+     */
+    ;
+
+    _proto.listenForUserActivity_ = function listenForUserActivity_() {
+      var mouseInProgress;
+      var lastMoveX;
+      var lastMoveY;
+      var handleActivity = bind(this, this.reportUserActivity);
+
+      var handleMouseMove = function handleMouseMove(e) {
+        // #1068 - Prevent mousemove spamming
+        // Chrome Bug: https://code.google.com/p/chromium/issues/detail?id=366970
+        if (e.screenX !== lastMoveX || e.screenY !== lastMoveY) {
+          lastMoveX = e.screenX;
+          lastMoveY = e.screenY;
+          handleActivity();
+        }
+      };
+
+      var handleMouseDown = function handleMouseDown() {
+        handleActivity(); // For as long as the they are touching the device or have their mouse down,
+        // we consider them active even if they're not moving their finger or mouse.
+        // So we want to continue to update that they are active
+
+        this.clearInterval(mouseInProgress); // Setting userActivity=true now and setting the interval to the same time
+        // as the activityCheck interval (250) should ensure we never miss the
+        // next activityCheck
+
+        mouseInProgress = this.setInterval(handleActivity, 250);
+      };
+
+      var handleMouseUpAndMouseLeave = function handleMouseUpAndMouseLeave(event) {
+        handleActivity(); // Stop the interval that maintains activity if the mouse/touch is down
+
+        this.clearInterval(mouseInProgress);
+      }; // Any mouse movement will be considered user activity
+
+
+      this.on('mousedown', handleMouseDown);
+      this.on('mousemove', handleMouseMove);
+      this.on('mouseup', handleMouseUpAndMouseLeave);
+      this.on('mouseleave', handleMouseUpAndMouseLeave);
+      var controlBar = this.getChild('controlBar'); // Fixes bug on Android & iOS where when tapping progressBar (when control bar is displayed)
+      // controlBar would no longer be hidden by default timeout.
+
+      if (controlBar && !IS_IOS && !IS_ANDROID) {
+        controlBar.on('mouseenter', function (event) {
+          this.player().cache_.inactivityTimeout = this.player().options_.inactivityTimeout;
+          this.player().options_.inactivityTimeout = 0;
+        });
+        controlBar.on('mouseleave', function (event) {
+          this.player().options_.inactivityTimeout = this.player().cache_.inactivityTimeout;
+        });
+      } // Listen for keyboard navigation
+      // Shouldn't need to use inProgress interval because of key repeat
+
+
+      this.on('keydown', handleActivity);
+      this.on('keyup', handleActivity); // Run an interval every 250 milliseconds instead of stuffing everything into
+      // the mousemove/touchmove function itself, to prevent performance degradation.
+      // `this.reportUserActivity` simply sets this.userActivity_ to true, which
+      // then gets picked up by this loop
+      // http://ejohn.org/blog/learning-from-twitter/
+
+      var inactivityTimeout;
+      this.setInterval(function () {
+        // Check to see if mouse/touch activity has happened
+        if (!this.userActivity_) {
+          return;
+        } // Reset the activity tracker
+
+
+        this.userActivity_ = false; // If the user state was inactive, set the state to active
+
+        this.userActive(true); // Clear any existing inactivity timeout to start the timer over
+
+        this.clearTimeout(inactivityTimeout);
+        var timeout = this.options_.inactivityTimeout;
+
+        if (timeout <= 0) {
+          return;
+        } // In <timeout> milliseconds, if no more activity has occurred the
+        // user will be considered inactive
+
+
+        inactivityTimeout = this.setTimeout(function () {
+          // Protect against the case where the inactivityTimeout can trigger just
+          // before the next user activity is picked up by the activity check loop
+          // causing a flicker
+          if (!this.userActivity_) {
+            this.userActive(false);
+          }
+        }, timeout);
+      }, 250);
+    }
+    /**
+     * Gets or sets the current playback rate. A playback rate of
+     * 1.0 represents normal speed and 0.5 would indicate half-speed
+     * playback, for instance.
+     *
+     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-playbackrate
+     *
+     * @param {number} [rate]
+     *       New playback rate to set.
+     *
+     * @return {number}
+     *         The current playback rate when getting or 1.0
+     */
+    ;
+
+    _proto.playbackRate = function playbackRate(rate) {
+      if (rate !== undefined) {
+        // NOTE: this.cache_.lastPlaybackRate is set from the tech handler
+        // that is registered above
+        this.techCall_('setPlaybackRate', rate);
+        return;
+      }
+
+      if (this.tech_ && this.tech_.featuresPlaybackRate) {
+        return this.cache_.lastPlaybackRate || this.techGet_('playbackRate');
+      }
+
+      return 1.0;
+    }
+    /**
+     * Gets or sets the current default playback rate. A default playback rate of
+     * 1.0 represents normal speed and 0.5 would indicate half-speed playback, for instance.
+     * defaultPlaybackRate will only represent what the initial playbackRate of a video was, not
+     * not the current playbackRate.
+     *
+     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-defaultplaybackrate
+     *
+     * @param {number} [rate]
+     *       New default playback rate to set.
+     *
+     * @return {number|Player}
+     *         - The default playback rate when getting or 1.0
+     *         - the player when setting
+     */
+    ;
+
+    _proto.defaultPlaybackRate = function defaultPlaybackRate(rate) {
+      if (rate !== undefined) {
+        return this.techCall_('setDefaultPlaybackRate', rate);
+      }
+
+      if (this.tech_ && this.tech_.featuresPlaybackRate) {
+        return this.techGet_('defaultPlaybackRate');
+      }
+
+      return 1.0;
+    }
+    /**
+     * Gets or sets the audio flag
+     *
+     * @param {boolean} bool
+     *        - true signals that this is an audio player
+     *        - false signals that this is not an audio player
+     *
+     * @return {boolean}
+     *         The current value of isAudio when getting
+     */
+    ;
+
+    _proto.isAudio = function isAudio(bool) {
+      if (bool !== undefined) {
+        this.isAudio_ = !!bool;
+        return;
+      }
+
+      return !!this.isAudio_;
+    }
+    /**
+     * A helper method for adding a {@link TextTrack} to our
+     * {@link TextTrackList}.
+     *
+     * In addition to the W3C settings we allow adding additional info through options.
+     *
+     * @see http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack
+     *
+     * @param {string} [kind]
+     *        the kind of TextTrack you are adding
+     *
+     * @param {string} [label]
+     *        the label to give the TextTrack label
+     *
+     * @param {string} [language]
+     *        the language to set on the TextTrack
+     *
+     * @return {TextTrack|undefined}
+     *         the TextTrack that was added or undefined
+     *         if there is no tech
+     */
+    ;
+
+    _proto.addTextTrack = function addTextTrack(kind, label, language) {
+      if (this.tech_) {
+        return this.tech_.addTextTrack(kind, label, language);
+      }
+    }
+    /**
+     * Create a remote {@link TextTrack} and an {@link HTMLTrackElement}.
+     * When manualCleanup is set to false, the track will be automatically removed
+     * on source changes.
+     *
+     * @param {Object} options
+     *        Options to pass to {@link HTMLTrackElement} during creation. See
+     *        {@link HTMLTrackElement} for object properties that you should use.
+     *
+     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
+     *                                       removed on a source change
+     *
+     * @return {HtmlTrackElement}
+     *         the HTMLTrackElement that was created and added
+     *         to the HtmlTrackElementList and the remote
+     *         TextTrackList
+     *
+     * @deprecated The default value of the "manualCleanup" parameter will default
+     *             to "false" in upcoming versions of Video.js
+     */
+    ;
+
+    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
+      if (this.tech_) {
+        return this.tech_.addRemoteTextTrack(options, manualCleanup);
+      }
+    }
+    /**
+     * Remove a remote {@link TextTrack} from the respective
+     * {@link TextTrackList} and {@link HtmlTrackElementList}.
+     *
+     * @param {Object} track
+     *        Remote {@link TextTrack} to remove
+     *
+     * @return {undefined}
+     *         does not return anything
+     */
+    ;
+
+    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(obj) {
+      if (obj === void 0) {
+        obj = {};
+      }
+
+      var _obj = obj,
+          track = _obj.track;
+
+      if (!track) {
+        track = obj;
+      } // destructure the input into an object with a track argument, defaulting to arguments[0]
+      // default the whole argument to an empty object if nothing was passed in
+
+
+      if (this.tech_) {
+        return this.tech_.removeRemoteTextTrack(track);
+      }
+    }
+    /**
+     * Gets available media playback quality metrics as specified by the W3C's Media
+     * Playback Quality API.
+     *
+     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
+     *
+     * @return {Object|undefined}
+     *         An object with supported media playback quality metrics or undefined if there
+     *         is no tech or the tech does not support it.
+     */
+    ;
+
+    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
+      return this.techGet_('getVideoPlaybackQuality');
+    }
+    /**
+     * Get video width
+     *
+     * @return {number}
+     *         current video width
+     */
+    ;
+
+    _proto.videoWidth = function videoWidth() {
+      return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
+    }
+    /**
+     * Get video height
+     *
+     * @return {number}
+     *         current video height
+     */
+    ;
+
+    _proto.videoHeight = function videoHeight() {
+      return this.tech_ && this.tech_.videoHeight && this.tech_.videoHeight() || 0;
+    }
+    /**
+     * The player's language code.
+     *
+     * Changing the langauge will trigger
+     * [languagechange]{@link Player#event:languagechange}
+     * which Components can use to update control text.
+     * ClickableComponent will update its control text by default on
+     * [languagechange]{@link Player#event:languagechange}.
+     *
+     * @fires Player#languagechange
+     *
+     * @param {string} [code]
+     *        the language code to set the player to
+     *
+     * @return {string}
+     *         The current language code when getting
+     */
+    ;
+
+    _proto.language = function language(code) {
+      if (code === undefined) {
+        return this.language_;
+      }
+
+      if (this.language_ !== String(code).toLowerCase()) {
+        this.language_ = String(code).toLowerCase(); // during first init, it's possible some things won't be evented
+
+        if (isEvented(this)) {
+          /**
+          * fires when the player language change
+          *
+          * @event Player#languagechange
+          * @type {EventTarget~Event}
+          */
+          this.trigger('languagechange');
+        }
+      }
+    }
+    /**
+     * Get the player's language dictionary
+     * Merge every time, because a newly added plugin might call videojs.addLanguage() at any time
+     * Languages specified directly in the player options have precedence
+     *
+     * @return {Array}
+     *         An array of of supported languages
+     */
+    ;
+
+    _proto.languages = function languages() {
+      return mergeOptions$3(Player.prototype.options_.languages, this.languages_);
+    }
+    /**
+     * returns a JavaScript object reperesenting the current track
+     * information. **DOES not return it as JSON**
+     *
+     * @return {Object}
+     *         Object representing the current of track info
+     */
+    ;
+
+    _proto.toJSON = function toJSON() {
+      var options = mergeOptions$3(this.options_);
+      var tracks = options.tracks;
+      options.tracks = [];
+
+      for (var i = 0; i < tracks.length; i++) {
+        var track = tracks[i]; // deep merge tracks and null out player so no circular references
+
+        track = mergeOptions$3(track);
+        track.player = undefined;
+        options.tracks[i] = track;
+      }
+
+      return options;
+    }
+    /**
+     * Creates a simple modal dialog (an instance of the {@link ModalDialog}
+     * component) that immediately overlays the player with arbitrary
+     * content and removes itself when closed.
+     *
+     * @param {string|Function|Element|Array|null} content
+     *        Same as {@link ModalDialog#content}'s param of the same name.
+     *        The most straight-forward usage is to provide a string or DOM
+     *        element.
+     *
+     * @param {Object} [options]
+     *        Extra options which will be passed on to the {@link ModalDialog}.
+     *
+     * @return {ModalDialog}
+     *         the {@link ModalDialog} that was created
+     */
+    ;
+
+    _proto.createModal = function createModal(content, options) {
+      var _this17 = this;
+
+      options = options || {};
+      options.content = content || '';
+      var modal = new ModalDialog(this, options);
+      this.addChild(modal);
+      modal.on('dispose', function () {
+        _this17.removeChild(modal);
+      });
+      modal.open();
+      return modal;
+    }
+    /**
+     * Change breakpoint classes when the player resizes.
+     *
+     * @private
+     */
+    ;
+
+    _proto.updateCurrentBreakpoint_ = function updateCurrentBreakpoint_() {
+      if (!this.responsive()) {
+        return;
+      }
+
+      var currentBreakpoint = this.currentBreakpoint();
+      var currentWidth = this.currentWidth();
+
+      for (var i = 0; i < BREAKPOINT_ORDER.length; i++) {
+        var candidateBreakpoint = BREAKPOINT_ORDER[i];
+        var maxWidth = this.breakpoints_[candidateBreakpoint];
+
+        if (currentWidth <= maxWidth) {
+          // The current breakpoint did not change, nothing to do.
+          if (currentBreakpoint === candidateBreakpoint) {
+            return;
+          } // Only remove a class if there is a current breakpoint.
+
+
+          if (currentBreakpoint) {
+            this.removeClass(BREAKPOINT_CLASSES[currentBreakpoint]);
+          }
+
+          this.addClass(BREAKPOINT_CLASSES[candidateBreakpoint]);
+          this.breakpoint_ = candidateBreakpoint;
+          break;
+        }
+      }
+    }
+    /**
+     * Removes the current breakpoint.
+     *
+     * @private
+     */
+    ;
+
+    _proto.removeCurrentBreakpoint_ = function removeCurrentBreakpoint_() {
+      var className = this.currentBreakpointClass();
+      this.breakpoint_ = '';
+
+      if (className) {
+        this.removeClass(className);
+      }
+    }
+    /**
+     * Get or set breakpoints on the player.
+     *
+     * Calling this method with an object or `true` will remove any previous
+     * custom breakpoints and start from the defaults again.
+     *
+     * @param  {Object|boolean} [breakpoints]
+     *         If an object is given, it can be used to provide custom
+     *         breakpoints. If `true` is given, will set default breakpoints.
+     *         If this argument is not given, will simply return the current
+     *         breakpoints.
+     *
+     * @param  {number} [breakpoints.tiny]
+     *         The maximum width for the "vjs-layout-tiny" class.
+     *
+     * @param  {number} [breakpoints.xsmall]
+     *         The maximum width for the "vjs-layout-x-small" class.
+     *
+     * @param  {number} [breakpoints.small]
+     *         The maximum width for the "vjs-layout-small" class.
+     *
+     * @param  {number} [breakpoints.medium]
+     *         The maximum width for the "vjs-layout-medium" class.
+     *
+     * @param  {number} [breakpoints.large]
+     *         The maximum width for the "vjs-layout-large" class.
+     *
+     * @param  {number} [breakpoints.xlarge]
+     *         The maximum width for the "vjs-layout-x-large" class.
+     *
+     * @param  {number} [breakpoints.huge]
+     *         The maximum width for the "vjs-layout-huge" class.
+     *
+     * @return {Object}
+     *         An object mapping breakpoint names to maximum width values.
+     */
+    ;
+
+    _proto.breakpoints = function breakpoints(_breakpoints) {
+      // Used as a getter.
+      if (_breakpoints === undefined) {
+        return assign(this.breakpoints_);
+      }
+
+      this.breakpoint_ = '';
+      this.breakpoints_ = assign({}, DEFAULT_BREAKPOINTS, _breakpoints); // When breakpoint definitions change, we need to update the currently
+      // selected breakpoint.
+
+      this.updateCurrentBreakpoint_(); // Clone the breakpoints before returning.
+
+      return assign(this.breakpoints_);
+    }
+    /**
+     * Get or set a flag indicating whether or not this player should adjust
+     * its UI based on its dimensions.
+     *
+     * @param  {boolean} value
+     *         Should be `true` if the player should adjust its UI based on its
+     *         dimensions; otherwise, should be `false`.
+     *
+     * @return {boolean}
+     *         Will be `true` if this player should adjust its UI based on its
+     *         dimensions; otherwise, will be `false`.
+     */
+    ;
+
+    _proto.responsive = function responsive(value) {
+      // Used as a getter.
+      if (value === undefined) {
+        return this.responsive_;
+      }
+
+      value = Boolean(value);
+      var current = this.responsive_; // Nothing changed.
+
+      if (value === current) {
+        return;
+      } // The value actually changed, set it.
+
+
+      this.responsive_ = value; // Start listening for breakpoints and set the initial breakpoint if the
+      // player is now responsive.
+
+      if (value) {
+        this.on('playerresize', this.boundUpdateCurrentBreakpoint_);
+        this.updateCurrentBreakpoint_(); // Stop listening for breakpoints if the player is no longer responsive.
+      } else {
+        this.off('playerresize', this.boundUpdateCurrentBreakpoint_);
+        this.removeCurrentBreakpoint_();
+      }
+
+      return value;
+    }
+    /**
+     * Get current breakpoint name, if any.
+     *
+     * @return {string}
+     *         If there is currently a breakpoint set, returns a the key from the
+     *         breakpoints object matching it. Otherwise, returns an empty string.
+     */
+    ;
+
+    _proto.currentBreakpoint = function currentBreakpoint() {
+      return this.breakpoint_;
+    }
+    /**
+     * Get the current breakpoint class name.
+     *
+     * @return {string}
+     *         The matching class name (e.g. `"vjs-layout-tiny"` or
+     *         `"vjs-layout-large"`) for the current breakpoint. Empty string if
+     *         there is no current breakpoint.
+     */
+    ;
+
+    _proto.currentBreakpointClass = function currentBreakpointClass() {
+      return BREAKPOINT_CLASSES[this.breakpoint_] || '';
+    }
+    /**
+     * An object that describes a single piece of media.
+     *
+     * Properties that are not part of this type description will be retained; so,
+     * this can be viewed as a generic metadata storage mechanism as well.
+     *
+     * @see      {@link https://wicg.github.io/mediasession/#the-mediametadata-interface}
+     * @typedef  {Object} Player~MediaObject
+     *
+     * @property {string} [album]
+     *           Unused, except if this object is passed to the `MediaSession`
+     *           API.
+     *
+     * @property {string} [artist]
+     *           Unused, except if this object is passed to the `MediaSession`
+     *           API.
+     *
+     * @property {Object[]} [artwork]
+     *           Unused, except if this object is passed to the `MediaSession`
+     *           API. If not specified, will be populated via the `poster`, if
+     *           available.
+     *
+     * @property {string} [poster]
+     *           URL to an image that will display before playback.
+     *
+     * @property {Tech~SourceObject|Tech~SourceObject[]|string} [src]
+     *           A single source object, an array of source objects, or a string
+     *           referencing a URL to a media source. It is _highly recommended_
+     *           that an object or array of objects is used here, so that source
+     *           selection algorithms can take the `type` into account.
+     *
+     * @property {string} [title]
+     *           Unused, except if this object is passed to the `MediaSession`
+     *           API.
+     *
+     * @property {Object[]} [textTracks]
+     *           An array of objects to be used to create text tracks, following
+     *           the {@link https://www.w3.org/TR/html50/embedded-content-0.html#the-track-element|native track element format}.
+     *           For ease of removal, these will be created as "remote" text
+     *           tracks and set to automatically clean up on source changes.
+     *
+     *           These objects may have properties like `src`, `kind`, `label`,
+     *           and `language`, see {@link Tech#createRemoteTextTrack}.
+     */
+
+    /**
+     * Populate the player using a {@link Player~MediaObject|MediaObject}.
+     *
+     * @param  {Player~MediaObject} media
+     *         A media object.
+     *
+     * @param  {Function} ready
+     *         A callback to be called when the player is ready.
+     */
+    ;
+
+    _proto.loadMedia = function loadMedia(media, ready) {
+      var _this18 = this;
+
+      if (!media || typeof media !== 'object') {
+        return;
+      }
+
+      this.reset(); // Clone the media object so it cannot be mutated from outside.
+
+      this.cache_.media = mergeOptions$3(media);
+      var _this$cache_$media = this.cache_.media,
+          artwork = _this$cache_$media.artwork,
+          poster = _this$cache_$media.poster,
+          src = _this$cache_$media.src,
+          textTracks = _this$cache_$media.textTracks; // If `artwork` is not given, create it using `poster`.
+
+      if (!artwork && poster) {
+        this.cache_.media.artwork = [{
+          src: poster,
+          type: getMimetype(poster)
+        }];
+      }
+
+      if (src) {
+        this.src(src);
+      }
+
+      if (poster) {
+        this.poster(poster);
+      }
+
+      if (Array.isArray(textTracks)) {
+        textTracks.forEach(function (tt) {
+          return _this18.addRemoteTextTrack(tt, false);
+        });
+      }
+
+      this.ready(ready);
+    }
+    /**
+     * Get a clone of the current {@link Player~MediaObject} for this player.
+     *
+     * If the `loadMedia` method has not been used, will attempt to return a
+     * {@link Player~MediaObject} based on the current state of the player.
+     *
+     * @return {Player~MediaObject}
+     */
+    ;
+
+    _proto.getMedia = function getMedia() {
+      if (!this.cache_.media) {
+        var poster = this.poster();
+        var src = this.currentSources();
+        var textTracks = Array.prototype.map.call(this.remoteTextTracks(), function (tt) {
+          return {
+            kind: tt.kind,
+            label: tt.label,
+            language: tt.language,
+            src: tt.src
+          };
+        });
+        var media = {
+          src: src,
+          textTracks: textTracks
+        };
+
+        if (poster) {
+          media.poster = poster;
+          media.artwork = [{
+            src: media.poster,
+            type: getMimetype(media.poster)
+          }];
+        }
+
+        return media;
+      }
+
+      return mergeOptions$3(this.cache_.media);
+    }
+    /**
+     * Gets tag settings
+     *
+     * @param {Element} tag
+     *        The player tag
+     *
+     * @return {Object}
+     *         An object containing all of the settings
+     *         for a player tag
+     */
+    ;
+
+    Player.getTagSettings = function getTagSettings(tag) {
+      var baseOptions = {
+        sources: [],
+        tracks: []
+      };
+      var tagOptions = getAttributes(tag);
+      var dataSetup = tagOptions['data-setup'];
+
+      if (hasClass(tag, 'vjs-fill')) {
+        tagOptions.fill = true;
+      }
+
+      if (hasClass(tag, 'vjs-fluid')) {
+        tagOptions.fluid = true;
+      } // Check if data-setup attr exists.
+
+
+      if (dataSetup !== null) {
+        // Parse options JSON
+        // If empty string, make it a parsable json object.
+        var _safeParseTuple = tuple(dataSetup || '{}'),
+            err = _safeParseTuple[0],
+            data = _safeParseTuple[1];
+
+        if (err) {
+          log$1.error(err);
+        }
+
+        assign(tagOptions, data);
+      }
+
+      assign(baseOptions, tagOptions); // Get tag children settings
+
+      if (tag.hasChildNodes()) {
+        var children = tag.childNodes;
+
+        for (var i = 0, j = children.length; i < j; i++) {
+          var child = children[i]; // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/
+
+          var childName = child.nodeName.toLowerCase();
+
+          if (childName === 'source') {
+            baseOptions.sources.push(getAttributes(child));
+          } else if (childName === 'track') {
+            baseOptions.tracks.push(getAttributes(child));
+          }
+        }
+      }
+
+      return baseOptions;
+    }
+    /**
+     * Determine whether or not flexbox is supported
+     *
+     * @return {boolean}
+     *         - true if flexbox is supported
+     *         - false if flexbox is not supported
+     */
+    ;
+
+    _proto.flexNotSupported_ = function flexNotSupported_() {
+      var elem = document_1.createElement('i'); // Note: We don't actually use flexBasis (or flexOrder), but it's one of the more
+      // common flex features that we can rely on when checking for flex support.
+
+      return !('flexBasis' in elem.style || 'webkitFlexBasis' in elem.style || 'mozFlexBasis' in elem.style || 'msFlexBasis' in elem.style || // IE10-specific (2012 flex spec), available for completeness
+      'msFlexOrder' in elem.style);
+    }
+    /**
+     * Set debug mode to enable/disable logs at info level.
+     *
+     * @param {boolean} enabled
+     * @fires Player#debugon
+     * @fires Player#debugoff
+     */
+    ;
+
+    _proto.debug = function debug(enabled) {
+      if (enabled === undefined) {
+        return this.debugEnabled_;
+      }
+
+      if (enabled) {
+        this.trigger('debugon');
+        this.previousLogLevel_ = this.log.level;
+        this.log.level('debug');
+        this.debugEnabled_ = true;
+      } else {
+        this.trigger('debugoff');
+        this.log.level(this.previousLogLevel_);
+        this.previousLogLevel_ = undefined;
+        this.debugEnabled_ = false;
+      }
+    }
+    /**
+     * Set or get current playback rates.
+     * Takes an array and updates the playback rates menu with the new items.
+     * Pass in an empty array to hide the menu.
+     * Values other than arrays are ignored.
+     *
+     * @fires Player#playbackrateschange
+     * @param {number[]} newRates
+     *                   The new rates that the playback rates menu should update to.
+     *                   An empty array will hide the menu
+     * @return {number[]} When used as a getter will return the current playback rates
+     */
+    ;
+
+    _proto.playbackRates = function playbackRates(newRates) {
+      if (newRates === undefined) {
+        return this.cache_.playbackRates;
+      } // ignore any value that isn't an array
+
+
+      if (!Array.isArray(newRates)) {
+        return;
+      } // ignore any arrays that don't only contain numbers
+
+
+      if (!newRates.every(function (rate) {
+        return typeof rate === 'number';
+      })) {
+        return;
+      }
+
+      this.cache_.playbackRates = newRates;
+      /**
+      * fires when the playback rates in a player are changed
+      *
+      * @event Player#playbackrateschange
+      * @type {EventTarget~Event}
+      */
+
+      this.trigger('playbackrateschange');
+    };
+
+    return Player;
+  }(Component$1);
+  /**
+   * Get the {@link VideoTrackList}
+   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist
+   *
+   * @return {VideoTrackList}
+   *         the current video track list
+   *
+   * @method Player.prototype.videoTracks
+   */
+
+  /**
+   * Get the {@link AudioTrackList}
+   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist
+   *
+   * @return {AudioTrackList}
+   *         the current audio track list
+   *
+   * @method Player.prototype.audioTracks
+   */
+
+  /**
+   * Get the {@link TextTrackList}
+   *
+   * @link http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks
+   *
+   * @return {TextTrackList}
+   *         the current text track list
+   *
+   * @method Player.prototype.textTracks
+   */
+
+  /**
+   * Get the remote {@link TextTrackList}
+   *
+   * @return {TextTrackList}
+   *         The current remote text track list
+   *
+   * @method Player.prototype.remoteTextTracks
+   */
+
+  /**
+   * Get the remote {@link HtmlTrackElementList} tracks.
+   *
+   * @return {HtmlTrackElementList}
+   *         The current remote text track element list
+   *
+   * @method Player.prototype.remoteTextTrackEls
+   */
+
+
+  ALL.names.forEach(function (name) {
+    var props = ALL[name];
+
+    Player.prototype[props.getterName] = function () {
+      if (this.tech_) {
+        return this.tech_[props.getterName]();
+      } // if we have not yet loadTech_, we create {video,audio,text}Tracks_
+      // these will be passed to the tech during loading
+
+
+      this[props.privateName] = this[props.privateName] || new props.ListClass();
+      return this[props.privateName];
+    };
+  });
+  /**
+   * Get or set the `Player`'s crossorigin option. For the HTML5 player, this
+   * sets the `crossOrigin` property on the `<video>` tag to control the CORS
+   * behavior.
+   *
+   * @see [Video Element Attributes]{@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-crossorigin}
+   *
+   * @param {string} [value]
+   *        The value to set the `Player`'s crossorigin to. If an argument is
+   *        given, must be one of `anonymous` or `use-credentials`.
+   *
+   * @return {string|undefined}
+   *         - The current crossorigin value of the `Player` when getting.
+   *         - undefined when setting
+   */
+
+  Player.prototype.crossorigin = Player.prototype.crossOrigin;
+  /**
+   * Global enumeration of players.
+   *
+   * The keys are the player IDs and the values are either the {@link Player}
+   * instance or `null` for disposed players.
+   *
+   * @type {Object}
+   */
+
+  Player.players = {};
+  var navigator = window_1.navigator;
+  /*
+   * Player instance options, surfaced using options
+   * options = Player.prototype.options_
+   * Make changes in options, not here.
+   *
+   * @type {Object}
+   * @private
+   */
+
+  Player.prototype.options_ = {
+    // Default order of fallback technology
+    techOrder: Tech.defaultTechOrder_,
+    html5: {},
+    // default inactivity timeout
+    inactivityTimeout: 2000,
+    // default playback rates
+    playbackRates: [],
+    // Add playback rate selection by adding rates
+    // 'playbackRates': [0.5, 1, 1.5, 2],
+    liveui: false,
+    // Included control sets
+    children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'liveTracker', 'controlBar', 'errorDisplay', 'textTrackSettings', 'resizeManager'],
+    language: navigator && (navigator.languages && navigator.languages[0] || navigator.userLanguage || navigator.language) || 'en',
+    // locales and their language translations
+    languages: {},
+    // Default message to show when a video cannot be played.
+    notSupportedMessage: 'No compatible source was found for this media.',
+    normalizeAutoplay: false,
+    fullscreen: {
+      options: {
+        navigationUI: 'hide'
+      }
+    },
+    breakpoints: {},
+    responsive: false
+  };
+  [
+  /**
+   * Returns whether or not the player is in the "ended" state.
+   *
+   * @return {Boolean} True if the player is in the ended state, false if not.
+   * @method Player#ended
+   */
+  'ended',
+  /**
+   * Returns whether or not the player is in the "seeking" state.
+   *
+   * @return {Boolean} True if the player is in the seeking state, false if not.
+   * @method Player#seeking
+   */
+  'seeking',
+  /**
+   * Returns the TimeRanges of the media that are currently available
+   * for seeking to.
+   *
+   * @return {TimeRanges} the seekable intervals of the media timeline
+   * @method Player#seekable
+   */
+  'seekable',
+  /**
+   * Returns the current state of network activity for the element, from
+   * the codes in the list below.
+   * - NETWORK_EMPTY (numeric value 0)
+   *   The element has not yet been initialised. All attributes are in
+   *   their initial states.
+   * - NETWORK_IDLE (numeric value 1)
+   *   The element's resource selection algorithm is active and has
+   *   selected a resource, but it is not actually using the network at
+   *   this time.
+   * - NETWORK_LOADING (numeric value 2)
+   *   The user agent is actively trying to download data.
+   * - NETWORK_NO_SOURCE (numeric value 3)
+   *   The element's resource selection algorithm is active, but it has
+   *   not yet found a resource to use.
+   *
+   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#network-states
+   * @return {number} the current network activity state
+   * @method Player#networkState
+   */
+  'networkState',
+  /**
+   * Returns a value that expresses the current state of the element
+   * with respect to rendering the current playback position, from the
+   * codes in the list below.
+   * - HAVE_NOTHING (numeric value 0)
+   *   No information regarding the media resource is available.
+   * - HAVE_METADATA (numeric value 1)
+   *   Enough of the resource has been obtained that the duration of the
+   *   resource is available.
+   * - HAVE_CURRENT_DATA (numeric value 2)
+   *   Data for the immediate current playback position is available.
+   * - HAVE_FUTURE_DATA (numeric value 3)
+   *   Data for the immediate current playback position is available, as
+   *   well as enough data for the user agent to advance the current
+   *   playback position in the direction of playback.
+   * - HAVE_ENOUGH_DATA (numeric value 4)
+   *   The user agent estimates that enough data is available for
+   *   playback to proceed uninterrupted.
+   *
+   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-readystate
+   * @return {number} the current playback rendering state
+   * @method Player#readyState
+   */
+  'readyState'].forEach(function (fn) {
+    Player.prototype[fn] = function () {
+      return this.techGet_(fn);
+    };
+  });
+  TECH_EVENTS_RETRIGGER.forEach(function (event) {
+    Player.prototype["handleTech" + toTitleCase$1(event) + "_"] = function () {
+      return this.trigger(event);
+    };
+  });
+  /**
+   * Fired when the player has initial duration and dimension information
+   *
+   * @event Player#loadedmetadata
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Fired when the player has downloaded data at the current playback position
+   *
+   * @event Player#loadeddata
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Fired when the current playback position has changed *
+   * During playback this is fired every 15-250 milliseconds, depending on the
+   * playback technology in use.
+   *
+   * @event Player#timeupdate
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Fired when the volume changes
+   *
+   * @event Player#volumechange
+   * @type {EventTarget~Event}
+   */
+
+  /**
+   * Reports whether or not a player has a plugin available.
+   *
+   * This does not report whether or not the plugin has ever been initialized
+   * on this player. For that, [usingPlugin]{@link Player#usingPlugin}.
+   *
+   * @method Player#hasPlugin
+   * @param  {string}  name
+   *         The name of a plugin.
+   *
+   * @return {boolean}
+   *         Whether or not this player has the requested plugin available.
+   */
+
+  /**
+   * Reports whether or not a player is using a plugin by name.
+   *
+   * For basic plugins, this only reports whether the plugin has _ever_ been
+   * initialized on this player.
+   *
+   * @method Player#usingPlugin
+   * @param  {string} name
+   *         The name of a plugin.
+   *
+   * @return {boolean}
+   *         Whether or not this player is using the requested plugin.
+   */
+
+  Component$1.registerComponent('Player', Player);
+
+  var setPrototypeOf = createCommonjsModule(function (module) {
+    function _setPrototypeOf(o, p) {
+      module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+      };
+
+      return _setPrototypeOf(o, p);
+    }
+
+    module.exports = _setPrototypeOf;
+  });
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  var isNativeReflectConstruct = _isNativeReflectConstruct;
+
+  var construct = createCommonjsModule(function (module) {
+    function _construct(Parent, args, Class) {
+      if (isNativeReflectConstruct()) {
+        module.exports = _construct = Reflect.construct;
+      } else {
+        module.exports = _construct = function _construct(Parent, args, Class) {
+          var a = [null];
+          a.push.apply(a, args);
+          var Constructor = Function.bind.apply(Parent, a);
+          var instance = new Constructor();
+          if (Class) setPrototypeOf(instance, Class.prototype);
+          return instance;
+        };
+      }
+
+      return _construct.apply(null, arguments);
+    }
+
+    module.exports = _construct;
+  });
+
+  /**
+   * The base plugin name.
+   *
+   * @private
+   * @constant
+   * @type {string}
+   */
+
+  var BASE_PLUGIN_NAME = 'plugin';
+  /**
+   * The key on which a player's active plugins cache is stored.
+   *
+   * @private
+   * @constant
+   * @type     {string}
+   */
+
+  var PLUGIN_CACHE_KEY = 'activePlugins_';
+  /**
+   * Stores registered plugins in a private space.
+   *
+   * @private
+   * @type    {Object}
+   */
+
+  var pluginStorage = {};
+  /**
+   * Reports whether or not a plugin has been registered.
+   *
+   * @private
+   * @param   {string} name
+   *          The name of a plugin.
+   *
+   * @return {boolean}
+   *          Whether or not the plugin has been registered.
+   */
+
+  var pluginExists = function pluginExists(name) {
+    return pluginStorage.hasOwnProperty(name);
+  };
+  /**
+   * Get a single registered plugin by name.
+   *
+   * @private
+   * @param   {string} name
+   *          The name of a plugin.
+   *
+   * @return {Function|undefined}
+   *          The plugin (or undefined).
+   */
+
+
+  var getPlugin = function getPlugin(name) {
+    return pluginExists(name) ? pluginStorage[name] : undefined;
+  };
+  /**
+   * Marks a plugin as "active" on a player.
+   *
+   * Also, ensures that the player has an object for tracking active plugins.
+   *
+   * @private
+   * @param   {Player} player
+   *          A Video.js player instance.
+   *
+   * @param   {string} name
+   *          The name of a plugin.
+   */
+
+
+  var markPluginAsActive = function markPluginAsActive(player, name) {
+    player[PLUGIN_CACHE_KEY] = player[PLUGIN_CACHE_KEY] || {};
+    player[PLUGIN_CACHE_KEY][name] = true;
+  };
+  /**
+   * Triggers a pair of plugin setup events.
+   *
+   * @private
+   * @param  {Player} player
+   *         A Video.js player instance.
+   *
+   * @param  {Plugin~PluginEventHash} hash
+   *         A plugin event hash.
+   *
+   * @param  {boolean} [before]
+   *         If true, prefixes the event name with "before". In other words,
+   *         use this to trigger "beforepluginsetup" instead of "pluginsetup".
+   */
+
+
+  var triggerSetupEvent = function triggerSetupEvent(player, hash, before) {
+    var eventName = (before ? 'before' : '') + 'pluginsetup';
+    player.trigger(eventName, hash);
+    player.trigger(eventName + ':' + hash.name, hash);
+  };
+  /**
+   * Takes a basic plugin function and returns a wrapper function which marks
+   * on the player that the plugin has been activated.
+   *
+   * @private
+   * @param   {string} name
+   *          The name of the plugin.
+   *
+   * @param   {Function} plugin
+   *          The basic plugin.
+   *
+   * @return {Function}
+   *          A wrapper function for the given plugin.
+   */
+
+
+  var createBasicPlugin = function createBasicPlugin(name, plugin) {
+    var basicPluginWrapper = function basicPluginWrapper() {
+      // We trigger the "beforepluginsetup" and "pluginsetup" events on the player
+      // regardless, but we want the hash to be consistent with the hash provided
+      // for advanced plugins.
+      //
+      // The only potentially counter-intuitive thing here is the `instance` in
+      // the "pluginsetup" event is the value returned by the `plugin` function.
+      triggerSetupEvent(this, {
+        name: name,
+        plugin: plugin,
+        instance: null
+      }, true);
+      var instance = plugin.apply(this, arguments);
+      markPluginAsActive(this, name);
+      triggerSetupEvent(this, {
+        name: name,
+        plugin: plugin,
+        instance: instance
+      });
+      return instance;
+    };
+
+    Object.keys(plugin).forEach(function (prop) {
+      basicPluginWrapper[prop] = plugin[prop];
+    });
+    return basicPluginWrapper;
+  };
+  /**
+   * Takes a plugin sub-class and returns a factory function for generating
+   * instances of it.
+   *
+   * This factory function will replace itself with an instance of the requested
+   * sub-class of Plugin.
+   *
+   * @private
+   * @param   {string} name
+   *          The name of the plugin.
+   *
+   * @param   {Plugin} PluginSubClass
+   *          The advanced plugin.
+   *
+   * @return {Function}
+   */
+
+
+  var createPluginFactory = function createPluginFactory(name, PluginSubClass) {
+    // Add a `name` property to the plugin prototype so that each plugin can
+    // refer to itself by name.
+    PluginSubClass.prototype.name = name;
+    return function () {
+      triggerSetupEvent(this, {
+        name: name,
+        plugin: PluginSubClass,
+        instance: null
+      }, true);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      var instance = construct(PluginSubClass, [this].concat(args)); // The plugin is replaced by a function that returns the current instance.
+
+
+      this[name] = function () {
+        return instance;
+      };
+
+      triggerSetupEvent(this, instance.getEventHash());
+      return instance;
+    };
+  };
+  /**
+   * Parent class for all advanced plugins.
+   *
+   * @mixes   module:evented~EventedMixin
+   * @mixes   module:stateful~StatefulMixin
+   * @fires   Player#beforepluginsetup
+   * @fires   Player#beforepluginsetup:$name
+   * @fires   Player#pluginsetup
+   * @fires   Player#pluginsetup:$name
+   * @listens Player#dispose
+   * @throws  {Error}
+   *          If attempting to instantiate the base {@link Plugin} class
+   *          directly instead of via a sub-class.
+   */
+
+
+  var Plugin = /*#__PURE__*/function () {
+    /**
+     * Creates an instance of this class.
+     *
+     * Sub-classes should call `super` to ensure plugins are properly initialized.
+     *
+     * @param {Player} player
+     *        A Video.js player instance.
+     */
+    function Plugin(player) {
+      if (this.constructor === Plugin) {
+        throw new Error('Plugin must be sub-classed; not directly instantiated.');
+      }
+
+      this.player = player;
+
+      if (!this.log) {
+        this.log = this.player.log.createLogger(this.name);
+      } // Make this object evented, but remove the added `trigger` method so we
+      // use the prototype version instead.
+
+
+      evented(this);
+      delete this.trigger;
+      stateful(this, this.constructor.defaultState);
+      markPluginAsActive(player, this.name); // Auto-bind the dispose method so we can use it as a listener and unbind
+      // it later easily.
+
+      this.dispose = this.dispose.bind(this); // If the player is disposed, dispose the plugin.
+
+      player.on('dispose', this.dispose);
+    }
+    /**
+     * Get the version of the plugin that was set on <pluginName>.VERSION
+     */
+
+
+    var _proto = Plugin.prototype;
+
+    _proto.version = function version() {
+      return this.constructor.VERSION;
+    }
+    /**
+     * Each event triggered by plugins includes a hash of additional data with
+     * conventional properties.
+     *
+     * This returns that object or mutates an existing hash.
+     *
+     * @param   {Object} [hash={}]
+     *          An object to be used as event an event hash.
+     *
+     * @return {Plugin~PluginEventHash}
+     *          An event hash object with provided properties mixed-in.
+     */
+    ;
+
+    _proto.getEventHash = function getEventHash(hash) {
+      if (hash === void 0) {
+        hash = {};
+      }
+
+      hash.name = this.name;
+      hash.plugin = this.constructor;
+      hash.instance = this;
+      return hash;
+    }
+    /**
+     * Triggers an event on the plugin object and overrides
+     * {@link module:evented~EventedMixin.trigger|EventedMixin.trigger}.
+     *
+     * @param   {string|Object} event
+     *          An event type or an object with a type property.
+     *
+     * @param   {Object} [hash={}]
+     *          Additional data hash to merge with a
+     *          {@link Plugin~PluginEventHash|PluginEventHash}.
+     *
+     * @return {boolean}
+     *          Whether or not default was prevented.
+     */
+    ;
+
+    _proto.trigger = function trigger$1(event, hash) {
+      if (hash === void 0) {
+        hash = {};
+      }
+
+      return trigger(this.eventBusEl_, event, this.getEventHash(hash));
+    }
+    /**
+     * Handles "statechanged" events on the plugin. No-op by default, override by
+     * subclassing.
+     *
+     * @abstract
+     * @param    {Event} e
+     *           An event object provided by a "statechanged" event.
+     *
+     * @param    {Object} e.changes
+     *           An object describing changes that occurred with the "statechanged"
+     *           event.
+     */
+    ;
+
+    _proto.handleStateChanged = function handleStateChanged(e) {}
+    /**
+     * Disposes a plugin.
+     *
+     * Subclasses can override this if they want, but for the sake of safety,
+     * it's probably best to subscribe the "dispose" event.
+     *
+     * @fires Plugin#dispose
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      var name = this.name,
+          player = this.player;
+      /**
+       * Signals that a advanced plugin is about to be disposed.
+       *
+       * @event Plugin#dispose
+       * @type  {EventTarget~Event}
+       */
+
+      this.trigger('dispose');
+      this.off();
+      player.off('dispose', this.dispose); // Eliminate any possible sources of leaking memory by clearing up
+      // references between the player and the plugin instance and nulling out
+      // the plugin's state and replacing methods with a function that throws.
+
+      player[PLUGIN_CACHE_KEY][name] = false;
+      this.player = this.state = null; // Finally, replace the plugin name on the player with a new factory
+      // function, so that the plugin is ready to be set up again.
+
+      player[name] = createPluginFactory(name, pluginStorage[name]);
+    }
+    /**
+     * Determines if a plugin is a basic plugin (i.e. not a sub-class of `Plugin`).
+     *
+     * @param   {string|Function} plugin
+     *          If a string, matches the name of a plugin. If a function, will be
+     *          tested directly.
+     *
+     * @return {boolean}
+     *          Whether or not a plugin is a basic plugin.
+     */
+    ;
+
+    Plugin.isBasic = function isBasic(plugin) {
+      var p = typeof plugin === 'string' ? getPlugin(plugin) : plugin;
+      return typeof p === 'function' && !Plugin.prototype.isPrototypeOf(p.prototype);
+    }
+    /**
+     * Register a Video.js plugin.
+     *
+     * @param   {string} name
+     *          The name of the plugin to be registered. Must be a string and
+     *          must not match an existing plugin or a method on the `Player`
+     *          prototype.
+     *
+     * @param   {Function} plugin
+     *          A sub-class of `Plugin` or a function for basic plugins.
+     *
+     * @return {Function}
+     *          For advanced plugins, a factory function for that plugin. For
+     *          basic plugins, a wrapper function that initializes the plugin.
+     */
+    ;
+
+    Plugin.registerPlugin = function registerPlugin(name, plugin) {
+      if (typeof name !== 'string') {
+        throw new Error("Illegal plugin name, \"" + name + "\", must be a string, was " + typeof name + ".");
+      }
+
+      if (pluginExists(name)) {
+        log$1.warn("A plugin named \"" + name + "\" already exists. You may want to avoid re-registering plugins!");
+      } else if (Player.prototype.hasOwnProperty(name)) {
+        throw new Error("Illegal plugin name, \"" + name + "\", cannot share a name with an existing player method!");
+      }
+
+      if (typeof plugin !== 'function') {
+        throw new Error("Illegal plugin for \"" + name + "\", must be a function, was " + typeof plugin + ".");
+      }
+
+      pluginStorage[name] = plugin; // Add a player prototype method for all sub-classed plugins (but not for
+      // the base Plugin class).
+
+      if (name !== BASE_PLUGIN_NAME) {
+        if (Plugin.isBasic(plugin)) {
+          Player.prototype[name] = createBasicPlugin(name, plugin);
+        } else {
+          Player.prototype[name] = createPluginFactory(name, plugin);
+        }
+      }
+
+      return plugin;
+    }
+    /**
+     * De-register a Video.js plugin.
+     *
+     * @param  {string} name
+     *         The name of the plugin to be de-registered. Must be a string that
+     *         matches an existing plugin.
+     *
+     * @throws {Error}
+     *         If an attempt is made to de-register the base plugin.
+     */
+    ;
+
+    Plugin.deregisterPlugin = function deregisterPlugin(name) {
+      if (name === BASE_PLUGIN_NAME) {
+        throw new Error('Cannot de-register base plugin.');
+      }
+
+      if (pluginExists(name)) {
+        delete pluginStorage[name];
+        delete Player.prototype[name];
+      }
+    }
+    /**
+     * Gets an object containing multiple Video.js plugins.
+     *
+     * @param   {Array} [names]
+     *          If provided, should be an array of plugin names. Defaults to _all_
+     *          plugin names.
+     *
+     * @return {Object|undefined}
+     *          An object containing plugin(s) associated with their name(s) or
+     *          `undefined` if no matching plugins exist).
+     */
+    ;
+
+    Plugin.getPlugins = function getPlugins(names) {
+      if (names === void 0) {
+        names = Object.keys(pluginStorage);
+      }
+
+      var result;
+      names.forEach(function (name) {
+        var plugin = getPlugin(name);
+
+        if (plugin) {
+          result = result || {};
+          result[name] = plugin;
+        }
+      });
+      return result;
+    }
+    /**
+     * Gets a plugin's version, if available
+     *
+     * @param   {string} name
+     *          The name of a plugin.
+     *
+     * @return {string}
+     *          The plugin's version or an empty string.
+     */
+    ;
+
+    Plugin.getPluginVersion = function getPluginVersion(name) {
+      var plugin = getPlugin(name);
+      return plugin && plugin.VERSION || '';
+    };
+
+    return Plugin;
+  }();
+  /**
+   * Gets a plugin by name if it exists.
+   *
+   * @static
+   * @method   getPlugin
+   * @memberOf Plugin
+   * @param    {string} name
+   *           The name of a plugin.
+   *
+   * @returns  {Function|undefined}
+   *           The plugin (or `undefined`).
+   */
+
+
+  Plugin.getPlugin = getPlugin;
+  /**
+   * The name of the base plugin class as it is registered.
+   *
+   * @type {string}
+   */
+
+  Plugin.BASE_PLUGIN_NAME = BASE_PLUGIN_NAME;
+  Plugin.registerPlugin(BASE_PLUGIN_NAME, Plugin);
+  /**
+   * Documented in player.js
+   *
+   * @ignore
+   */
+
+  Player.prototype.usingPlugin = function (name) {
+    return !!this[PLUGIN_CACHE_KEY] && this[PLUGIN_CACHE_KEY][name] === true;
+  };
+  /**
+   * Documented in player.js
+   *
+   * @ignore
+   */
+
+
+  Player.prototype.hasPlugin = function (name) {
+    return !!pluginExists(name);
+  };
+  /**
+   * Signals that a plugin is about to be set up on a player.
+   *
+   * @event    Player#beforepluginsetup
+   * @type     {Plugin~PluginEventHash}
+   */
+
+  /**
+   * Signals that a plugin is about to be set up on a player - by name. The name
+   * is the name of the plugin.
+   *
+   * @event    Player#beforepluginsetup:$name
+   * @type     {Plugin~PluginEventHash}
+   */
+
+  /**
+   * Signals that a plugin has just been set up on a player.
+   *
+   * @event    Player#pluginsetup
+   * @type     {Plugin~PluginEventHash}
+   */
+
+  /**
+   * Signals that a plugin has just been set up on a player - by name. The name
+   * is the name of the plugin.
+   *
+   * @event    Player#pluginsetup:$name
+   * @type     {Plugin~PluginEventHash}
+   */
+
+  /**
+   * @typedef  {Object} Plugin~PluginEventHash
+   *
+   * @property {string} instance
+   *           For basic plugins, the return value of the plugin function. For
+   *           advanced plugins, the plugin instance on which the event is fired.
+   *
+   * @property {string} name
+   *           The name of the plugin.
+   *
+   * @property {string} plugin
+   *           For basic plugins, the plugin function. For advanced plugins, the
+   *           plugin class/constructor.
+   */
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) setPrototypeOf(subClass, superClass);
+  }
+
+  var inherits = _inherits;
+
+  /**
+   * @file extend.js
+   * @module extend
+   */
+  /**
+   * Used to subclass an existing class by emulating ES subclassing using the
+   * `extends` keyword.
+   *
+   * @function
+   * @example
+   * var MyComponent = videojs.extend(videojs.getComponent('Component'), {
+   *   myCustomMethod: function() {
+   *     // Do things in my method.
+   *   }
+   * });
+   *
+   * @param    {Function} superClass
+   *           The class to inherit from
+   *
+   * @param    {Object}   [subClassMethods={}]
+   *           Methods of the new class
+   *
+   * @return   {Function}
+   *           The new class with subClassMethods that inherited superClass.
+   */
+
+  var extend = function extend(superClass, subClassMethods) {
+    if (subClassMethods === void 0) {
+      subClassMethods = {};
+    }
+
+    var subClass = function subClass() {
+      superClass.apply(this, arguments);
+    };
+
+    var methods = {};
+
+    if (typeof subClassMethods === 'object') {
+      if (subClassMethods.constructor !== Object.prototype.constructor) {
+        subClass = subClassMethods.constructor;
+      }
+
+      methods = subClassMethods;
+    } else if (typeof subClassMethods === 'function') {
+      subClass = subClassMethods;
+    }
+
+    inherits(subClass, superClass); // this is needed for backward-compatibility and node compatibility.
+
+
+    if (superClass) {
+      subClass.super_ = superClass;
+    } // Extend subObj's prototype with functions and other properties from props
+
+
+    for (var name in methods) {
+      if (methods.hasOwnProperty(name)) {
+        subClass.prototype[name] = methods[name];
+      }
+    }
+
+    return subClass;
+  };
+
+  /**
+   * @file video.js
+   * @module videojs
+   */
+  /**
+   * Normalize an `id` value by trimming off a leading `#`
+   *
+   * @private
+   * @param   {string} id
+   *          A string, maybe with a leading `#`.
+   *
+   * @return {string}
+   *          The string, without any leading `#`.
+   */
+
+  var normalizeId = function normalizeId(id) {
+    return id.indexOf('#') === 0 ? id.slice(1) : id;
+  };
+  /**
+   * The `videojs()` function doubles as the main function for users to create a
+   * {@link Player} instance as well as the main library namespace.
+   *
+   * It can also be used as a getter for a pre-existing {@link Player} instance.
+   * However, we _strongly_ recommend using `videojs.getPlayer()` for this
+   * purpose because it avoids any potential for unintended initialization.
+   *
+   * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
+   * of our JSDoc template, we cannot properly document this as both a function
+   * and a namespace, so its function signature is documented here.
+   *
+   * #### Arguments
+   * ##### id
+   * string|Element, **required**
+   *
+   * Video element or video element ID.
+   *
+   * ##### options
+   * Object, optional
+   *
+   * Options object for providing settings.
+   * See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
+   *
+   * ##### ready
+   * {@link Component~ReadyCallback}, optional
+   *
+   * A function to be called when the {@link Player} and {@link Tech} are ready.
+   *
+   * #### Return Value
+   *
+   * The `videojs()` function returns a {@link Player} instance.
+   *
+   * @namespace
+   *
+   * @borrows AudioTrack as AudioTrack
+   * @borrows Component.getComponent as getComponent
+   * @borrows module:computed-style~computedStyle as computedStyle
+   * @borrows module:events.on as on
+   * @borrows module:events.one as one
+   * @borrows module:events.off as off
+   * @borrows module:events.trigger as trigger
+   * @borrows EventTarget as EventTarget
+   * @borrows module:extend~extend as extend
+   * @borrows module:fn.bind as bind
+   * @borrows module:format-time.formatTime as formatTime
+   * @borrows module:format-time.resetFormatTime as resetFormatTime
+   * @borrows module:format-time.setFormatTime as setFormatTime
+   * @borrows module:merge-options.mergeOptions as mergeOptions
+   * @borrows module:middleware.use as use
+   * @borrows Player.players as players
+   * @borrows Plugin.registerPlugin as registerPlugin
+   * @borrows Plugin.deregisterPlugin as deregisterPlugin
+   * @borrows Plugin.getPlugins as getPlugins
+   * @borrows Plugin.getPlugin as getPlugin
+   * @borrows Plugin.getPluginVersion as getPluginVersion
+   * @borrows Tech.getTech as getTech
+   * @borrows Tech.registerTech as registerTech
+   * @borrows TextTrack as TextTrack
+   * @borrows module:time-ranges.createTimeRanges as createTimeRange
+   * @borrows module:time-ranges.createTimeRanges as createTimeRanges
+   * @borrows module:url.isCrossOrigin as isCrossOrigin
+   * @borrows module:url.parseUrl as parseUrl
+   * @borrows VideoTrack as VideoTrack
+   *
+   * @param  {string|Element} id
+   *         Video element or video element ID.
+   *
+   * @param  {Object} [options]
+   *         Options object for providing settings.
+   *         See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
+   *
+   * @param  {Component~ReadyCallback} [ready]
+   *         A function to be called when the {@link Player} and {@link Tech} are
+   *         ready.
+   *
+   * @return {Player}
+   *         The `videojs()` function returns a {@link Player|Player} instance.
+   */
+
+
+  function videojs(id, options, ready) {
+    var player = videojs.getPlayer(id);
+
+    if (player) {
+      if (options) {
+        log$1.warn("Player \"" + id + "\" is already initialised. Options will not be applied.");
+      }
+
+      if (ready) {
+        player.ready(ready);
+      }
+
+      return player;
+    }
+
+    var el = typeof id === 'string' ? $('#' + normalizeId(id)) : id;
+
+    if (!isEl(el)) {
+      throw new TypeError('The element or ID supplied is not valid. (videojs)');
+    } // document.body.contains(el) will only check if el is contained within that one document.
+    // This causes problems for elements in iframes.
+    // Instead, use the element's ownerDocument instead of the global document.
+    // This will make sure that the element is indeed in the dom of that document.
+    // Additionally, check that the document in question has a default view.
+    // If the document is no longer attached to the dom, the defaultView of the document will be null.
+
+
+    if (!el.ownerDocument.defaultView || !el.ownerDocument.body.contains(el)) {
+      log$1.warn('The element supplied is not included in the DOM');
+    }
+
+    options = options || {};
+    videojs.hooks('beforesetup').forEach(function (hookFunction) {
+      var opts = hookFunction(el, mergeOptions$3(options));
+
+      if (!isObject$1(opts) || Array.isArray(opts)) {
+        log$1.error('please return an object in beforesetup hooks');
+        return;
+      }
+
+      options = mergeOptions$3(options, opts);
+    }); // We get the current "Player" component here in case an integration has
+    // replaced it with a custom player.
+
+    var PlayerComponent = Component$1.getComponent('Player');
+    player = new PlayerComponent(el, options, ready);
+    videojs.hooks('setup').forEach(function (hookFunction) {
+      return hookFunction(player);
+    });
+    return player;
+  }
+  /**
+   * An Object that contains lifecycle hooks as keys which point to an array
+   * of functions that are run when a lifecycle is triggered
+   *
+   * @private
+   */
+
+
+  videojs.hooks_ = {};
+  /**
+   * Get a list of hooks for a specific lifecycle
+   *
+   * @param  {string} type
+   *         the lifecyle to get hooks from
+   *
+   * @param  {Function|Function[]} [fn]
+   *         Optionally add a hook (or hooks) to the lifecycle that your are getting.
+   *
+   * @return {Array}
+   *         an array of hooks, or an empty array if there are none.
+   */
+
+  videojs.hooks = function (type, fn) {
+    videojs.hooks_[type] = videojs.hooks_[type] || [];
+
+    if (fn) {
+      videojs.hooks_[type] = videojs.hooks_[type].concat(fn);
+    }
+
+    return videojs.hooks_[type];
+  };
+  /**
+   * Add a function hook to a specific videojs lifecycle.
+   *
+   * @param {string} type
+   *        the lifecycle to hook the function to.
+   *
+   * @param {Function|Function[]}
+   *        The function or array of functions to attach.
+   */
+
+
+  videojs.hook = function (type, fn) {
+    videojs.hooks(type, fn);
+  };
+  /**
+   * Add a function hook that will only run once to a specific videojs lifecycle.
+   *
+   * @param {string} type
+   *        the lifecycle to hook the function to.
+   *
+   * @param {Function|Function[]}
+   *        The function or array of functions to attach.
+   */
+
+
+  videojs.hookOnce = function (type, fn) {
+    videojs.hooks(type, [].concat(fn).map(function (original) {
+      var wrapper = function wrapper() {
+        videojs.removeHook(type, wrapper);
+        return original.apply(void 0, arguments);
+      };
+
+      return wrapper;
+    }));
+  };
+  /**
+   * Remove a hook from a specific videojs lifecycle.
+   *
+   * @param  {string} type
+   *         the lifecycle that the function hooked to
+   *
+   * @param  {Function} fn
+   *         The hooked function to remove
+   *
+   * @return {boolean}
+   *         The function that was removed or undef
+   */
+
+
+  videojs.removeHook = function (type, fn) {
+    var index = videojs.hooks(type).indexOf(fn);
+
+    if (index <= -1) {
+      return false;
+    }
+
+    videojs.hooks_[type] = videojs.hooks_[type].slice();
+    videojs.hooks_[type].splice(index, 1);
+    return true;
+  }; // Add default styles
+
+
+  if (window_1.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {
+    var style = $('.vjs-styles-defaults');
+
+    if (!style) {
+      style = createStyleElement('vjs-styles-defaults');
+      var head = $('head');
+
+      if (head) {
+        head.insertBefore(style, head.firstChild);
+      }
+
+      setTextContent(style, "\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ");
+    }
+  } // Run Auto-load players
+  // You have to wait at least once in case this script is loaded after your
+  // video in the DOM (weird behavior only with minified version)
+
+
+  autoSetupTimeout(1, videojs);
+  /**
+   * Current Video.js version. Follows [semantic versioning](https://semver.org/).
+   *
+   * @type {string}
+   */
+
+  videojs.VERSION = version$5;
+  /**
+   * The global options object. These are the settings that take effect
+   * if no overrides are specified when the player is created.
+   *
+   * @type {Object}
+   */
+
+  videojs.options = Player.prototype.options_;
+  /**
+   * Get an object with the currently created players, keyed by player ID
+   *
+   * @return {Object}
+   *         The created players
+   */
+
+  videojs.getPlayers = function () {
+    return Player.players;
+  };
+  /**
+   * Get a single player based on an ID or DOM element.
+   *
+   * This is useful if you want to check if an element or ID has an associated
+   * Video.js player, but not create one if it doesn't.
+   *
+   * @param   {string|Element} id
+   *          An HTML element - `<video>`, `<audio>`, or `<video-js>` -
+   *          or a string matching the `id` of such an element.
+   *
+   * @return {Player|undefined}
+   *          A player instance or `undefined` if there is no player instance
+   *          matching the argument.
+   */
+
+
+  videojs.getPlayer = function (id) {
+    var players = Player.players;
+    var tag;
+
+    if (typeof id === 'string') {
+      var nId = normalizeId(id);
+      var player = players[nId];
+
+      if (player) {
+        return player;
+      }
+
+      tag = $('#' + nId);
+    } else {
+      tag = id;
+    }
+
+    if (isEl(tag)) {
+      var _tag = tag,
+          _player = _tag.player,
+          playerId = _tag.playerId; // Element may have a `player` property referring to an already created
+      // player instance. If so, return that.
+
+      if (_player || players[playerId]) {
+        return _player || players[playerId];
+      }
+    }
+  };
+  /**
+   * Returns an array of all current players.
+   *
+   * @return {Array}
+   *         An array of all players. The array will be in the order that
+   *         `Object.keys` provides, which could potentially vary between
+   *         JavaScript engines.
+   *
+   */
+
+
+  videojs.getAllPlayers = function () {
+    return (// Disposed players leave a key with a `null` value, so we need to make sure
+      // we filter those out.
+      Object.keys(Player.players).map(function (k) {
+        return Player.players[k];
+      }).filter(Boolean)
+    );
+  };
+
+  videojs.players = Player.players;
+  videojs.getComponent = Component$1.getComponent;
+  /**
+   * Register a component so it can referred to by name. Used when adding to other
+   * components, either through addChild `component.addChild('myComponent')` or through
+   * default children options  `{ children: ['myComponent'] }`.
+   *
+   * > NOTE: You could also just initialize the component before adding.
+   * `component.addChild(new MyComponent());`
+   *
+   * @param {string} name
+   *        The class name of the component
+   *
+   * @param {Component} comp
+   *        The component class
+   *
+   * @return {Component}
+   *         The newly registered component
+   */
+
+  videojs.registerComponent = function (name, comp) {
+    if (Tech.isTech(comp)) {
+      log$1.warn("The " + name + " tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)");
+    }
+
+    Component$1.registerComponent.call(Component$1, name, comp);
+  };
+
+  videojs.getTech = Tech.getTech;
+  videojs.registerTech = Tech.registerTech;
+  videojs.use = use;
+  /**
+   * An object that can be returned by a middleware to signify
+   * that the middleware is being terminated.
+   *
+   * @type {object}
+   * @property {object} middleware.TERMINATOR
+   */
+
+  Object.defineProperty(videojs, 'middleware', {
+    value: {},
+    writeable: false,
+    enumerable: true
+  });
+  Object.defineProperty(videojs.middleware, 'TERMINATOR', {
+    value: TERMINATOR,
+    writeable: false,
+    enumerable: true
+  });
+  /**
+   * A reference to the {@link module:browser|browser utility module} as an object.
+   *
+   * @type {Object}
+   * @see  {@link module:browser|browser}
+   */
+
+  videojs.browser = browser;
+  /**
+   * Use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED} instead; only
+   * included for backward-compatibility with 4.x.
+   *
+   * @deprecated Since version 5.0, use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED instead.
+   * @type {boolean}
+   */
+
+  videojs.TOUCH_ENABLED = TOUCH_ENABLED;
+  videojs.extend = extend;
+  videojs.mergeOptions = mergeOptions$3;
+  videojs.bind = bind;
+  videojs.registerPlugin = Plugin.registerPlugin;
+  videojs.deregisterPlugin = Plugin.deregisterPlugin;
+  /**
+   * Deprecated method to register a plugin with Video.js
+   *
+   * @deprecated videojs.plugin() is deprecated; use videojs.registerPlugin() instead
+   *
+   * @param {string} name
+   *        The plugin name
+   *
+   * @param {Plugin|Function} plugin
+   *         The plugin sub-class or function
+   */
+
+  videojs.plugin = function (name, plugin) {
+    log$1.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
+    return Plugin.registerPlugin(name, plugin);
+  };
+
+  videojs.getPlugins = Plugin.getPlugins;
+  videojs.getPlugin = Plugin.getPlugin;
+  videojs.getPluginVersion = Plugin.getPluginVersion;
+  /**
+   * Adding languages so that they're available to all players.
+   * Example: `videojs.addLanguage('es', { 'Hello': 'Hola' });`
+   *
+   * @param {string} code
+   *        The language code or dictionary property
+   *
+   * @param {Object} data
+   *        The data values to be translated
+   *
+   * @return {Object}
+   *         The resulting language dictionary object
+   */
+
+  videojs.addLanguage = function (code, data) {
+    var _mergeOptions;
+
+    code = ('' + code).toLowerCase();
+    videojs.options.languages = mergeOptions$3(videojs.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
+    return videojs.options.languages[code];
+  };
+  /**
+   * A reference to the {@link module:log|log utility module} as an object.
+   *
+   * @type {Function}
+   * @see  {@link module:log|log}
+   */
+
+
+  videojs.log = log$1;
+  videojs.createLogger = createLogger;
+  videojs.createTimeRange = videojs.createTimeRanges = createTimeRanges;
+  videojs.formatTime = formatTime;
+  videojs.setFormatTime = setFormatTime;
+  videojs.resetFormatTime = resetFormatTime;
+  videojs.parseUrl = parseUrl;
+  videojs.isCrossOrigin = isCrossOrigin;
+  videojs.EventTarget = EventTarget$2;
+  videojs.on = on;
+  videojs.one = one;
+  videojs.off = off;
+  videojs.trigger = trigger;
+  /**
+   * A cross-browser XMLHttpRequest wrapper.
+   *
+   * @function
+   * @param    {Object} options
+   *           Settings for the request.
+   *
+   * @return   {XMLHttpRequest|XDomainRequest}
+   *           The request object.
+   *
+   * @see      https://github.com/Raynos/xhr
+   */
+
+  videojs.xhr = xhr;
+  videojs.TextTrack = TextTrack;
+  videojs.AudioTrack = AudioTrack;
+  videojs.VideoTrack = VideoTrack;
+  ['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
+    videojs[k] = function () {
+      log$1.warn("videojs." + k + "() is deprecated; use videojs.dom." + k + "() instead");
+      return Dom[k].apply(null, arguments);
+    };
+  });
+  videojs.computedStyle = computedStyle;
+  /**
+   * A reference to the {@link module:dom|DOM utility module} as an object.
+   *
+   * @type {Object}
+   * @see  {@link module:dom|dom}
+   */
+
+  videojs.dom = Dom;
+  /**
+   * A reference to the {@link module:url|URL utility module} as an object.
+   *
+   * @type {Object}
+   * @see  {@link module:url|url}
+   */
+
+  videojs.url = Url;
+  videojs.defineLazyProperty = defineLazyProperty; // Adding less ambiguous text for fullscreen button.
+  // In a major update this could become the default text and key.
+
+  videojs.addLanguage('en', {
+    'Non-Fullscreen': 'Exit Fullscreen'
+  });
+
+  var urlToolkit = createCommonjsModule(function (module, exports) {
+    // see https://tools.ietf.org/html/rfc1808
+    (function (root) {
+      var URL_REGEX = /^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/?#]*\/)*[^;?#]*)?(;[^?#]*)?(\?[^#]*)?(#[^]*)?$/;
+      var FIRST_SEGMENT_REGEX = /^([^\/?#]*)([^]*)$/;
+      var SLASH_DOT_REGEX = /(?:\/|^)\.(?=\/)/g;
+      var SLASH_DOT_DOT_REGEX = /(?:\/|^)\.\.\/(?!\.\.\/)[^\/]*(?=\/)/g;
+      var URLToolkit = {
+        // If opts.alwaysNormalize is true then the path will always be normalized even when it starts with / or //
+        // E.g
+        // With opts.alwaysNormalize = false (default, spec compliant)
+        // http://a.com/b/cd + /e/f/../g => http://a.com/e/f/../g
+        // With opts.alwaysNormalize = true (not spec compliant)
+        // http://a.com/b/cd + /e/f/../g => http://a.com/e/g
+        buildAbsoluteURL: function buildAbsoluteURL(baseURL, relativeURL, opts) {
+          opts = opts || {}; // remove any remaining space and CRLF
+
+          baseURL = baseURL.trim();
+          relativeURL = relativeURL.trim();
+
+          if (!relativeURL) {
+            // 2a) If the embedded URL is entirely empty, it inherits the
+            // entire base URL (i.e., is set equal to the base URL)
+            // and we are done.
+            if (!opts.alwaysNormalize) {
+              return baseURL;
+            }
+
+            var basePartsForNormalise = URLToolkit.parseURL(baseURL);
+
+            if (!basePartsForNormalise) {
+              throw new Error('Error trying to parse base URL.');
+            }
+
+            basePartsForNormalise.path = URLToolkit.normalizePath(basePartsForNormalise.path);
+            return URLToolkit.buildURLFromParts(basePartsForNormalise);
+          }
+
+          var relativeParts = URLToolkit.parseURL(relativeURL);
+
+          if (!relativeParts) {
+            throw new Error('Error trying to parse relative URL.');
+          }
+
+          if (relativeParts.scheme) {
+            // 2b) If the embedded URL starts with a scheme name, it is
+            // interpreted as an absolute URL and we are done.
+            if (!opts.alwaysNormalize) {
+              return relativeURL;
+            }
+
+            relativeParts.path = URLToolkit.normalizePath(relativeParts.path);
+            return URLToolkit.buildURLFromParts(relativeParts);
+          }
+
+          var baseParts = URLToolkit.parseURL(baseURL);
+
+          if (!baseParts) {
+            throw new Error('Error trying to parse base URL.');
+          }
+
+          if (!baseParts.netLoc && baseParts.path && baseParts.path[0] !== '/') {
+            // If netLoc missing and path doesn't start with '/', assume everthing before the first '/' is the netLoc
+            // This causes 'example.com/a' to be handled as '//example.com/a' instead of '/example.com/a'
+            var pathParts = FIRST_SEGMENT_REGEX.exec(baseParts.path);
+            baseParts.netLoc = pathParts[1];
+            baseParts.path = pathParts[2];
+          }
+
+          if (baseParts.netLoc && !baseParts.path) {
+            baseParts.path = '/';
+          }
+
+          var builtParts = {
+            // 2c) Otherwise, the embedded URL inherits the scheme of
+            // the base URL.
+            scheme: baseParts.scheme,
+            netLoc: relativeParts.netLoc,
+            path: null,
+            params: relativeParts.params,
+            query: relativeParts.query,
+            fragment: relativeParts.fragment
+          };
+
+          if (!relativeParts.netLoc) {
+            // 3) If the embedded URL's <net_loc> is non-empty, we skip to
+            // Step 7.  Otherwise, the embedded URL inherits the <net_loc>
+            // (if any) of the base URL.
+            builtParts.netLoc = baseParts.netLoc; // 4) If the embedded URL path is preceded by a slash "/", the
+            // path is not relative and we skip to Step 7.
+
+            if (relativeParts.path[0] !== '/') {
+              if (!relativeParts.path) {
+                // 5) If the embedded URL path is empty (and not preceded by a
+                // slash), then the embedded URL inherits the base URL path
+                builtParts.path = baseParts.path; // 5a) if the embedded URL's <params> is non-empty, we skip to
+                // step 7; otherwise, it inherits the <params> of the base
+                // URL (if any) and
+
+                if (!relativeParts.params) {
+                  builtParts.params = baseParts.params; // 5b) if the embedded URL's <query> is non-empty, we skip to
+                  // step 7; otherwise, it inherits the <query> of the base
+                  // URL (if any) and we skip to step 7.
+
+                  if (!relativeParts.query) {
+                    builtParts.query = baseParts.query;
+                  }
+                }
+              } else {
+                // 6) The last segment of the base URL's path (anything
+                // following the rightmost slash "/", or the entire path if no
+                // slash is present) is removed and the embedded URL's path is
+                // appended in its place.
+                var baseURLPath = baseParts.path;
+                var newPath = baseURLPath.substring(0, baseURLPath.lastIndexOf('/') + 1) + relativeParts.path;
+                builtParts.path = URLToolkit.normalizePath(newPath);
+              }
+            }
+          }
+
+          if (builtParts.path === null) {
+            builtParts.path = opts.alwaysNormalize ? URLToolkit.normalizePath(relativeParts.path) : relativeParts.path;
+          }
+
+          return URLToolkit.buildURLFromParts(builtParts);
+        },
+        parseURL: function parseURL(url) {
+          var parts = URL_REGEX.exec(url);
+
+          if (!parts) {
+            return null;
+          }
+
+          return {
+            scheme: parts[1] || '',
+            netLoc: parts[2] || '',
+            path: parts[3] || '',
+            params: parts[4] || '',
+            query: parts[5] || '',
+            fragment: parts[6] || ''
+          };
+        },
+        normalizePath: function normalizePath(path) {
+          // The following operations are
+          // then applied, in order, to the new path:
+          // 6a) All occurrences of "./", where "." is a complete path
+          // segment, are removed.
+          // 6b) If the path ends with "." as a complete path segment,
+          // that "." is removed.
+          path = path.split('').reverse().join('').replace(SLASH_DOT_REGEX, ''); // 6c) All occurrences of "<segment>/../", where <segment> is a
+          // complete path segment not equal to "..", are removed.
+          // Removal of these path segments is performed iteratively,
+          // removing the leftmost matching pattern on each iteration,
+          // until no matching pattern remains.
+          // 6d) If the path ends with "<segment>/..", where <segment> is a
+          // complete path segment not equal to "..", that
+          // "<segment>/.." is removed.
+
+          while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {}
+
+          return path.split('').reverse().join('');
+        },
+        buildURLFromParts: function buildURLFromParts(parts) {
+          return parts.scheme + parts.netLoc + parts.path + parts.params + parts.query + parts.fragment;
+        }
+      };
+      module.exports = URLToolkit;
+    })();
+  });
+
+  var DEFAULT_LOCATION = 'http://example.com';
+
+  var resolveUrl$1 = function resolveUrl(baseUrl, relativeUrl) {
+    // return early if we don't need to resolve
+    if (/^[a-z]+:/i.test(relativeUrl)) {
+      return relativeUrl;
+    } // if baseUrl is a data URI, ignore it and resolve everything relative to window.location
+
+
+    if (/^data:/.test(baseUrl)) {
+      baseUrl = window_1.location && window_1.location.href || '';
+    } // IE11 supports URL but not the URL constructor
+    // feature detect the behavior we want
+
+
+    var nativeURL = typeof window_1.URL === 'function';
+    var protocolLess = /^\/\//.test(baseUrl); // remove location if window.location isn't available (i.e. we're in node)
+    // and if baseUrl isn't an absolute url
+
+    var removeLocation = !window_1.location && !/\/\//i.test(baseUrl); // if the base URL is relative then combine with the current location
+
+    if (nativeURL) {
+      baseUrl = new window_1.URL(baseUrl, window_1.location || DEFAULT_LOCATION);
+    } else if (!/\/\//i.test(baseUrl)) {
+      baseUrl = urlToolkit.buildAbsoluteURL(window_1.location && window_1.location.href || '', baseUrl);
+    }
+
+    if (nativeURL) {
+      var newUrl = new URL(relativeUrl, baseUrl); // if we're a protocol-less url, remove the protocol
+      // and if we're location-less, remove the location
+      // otherwise, return the url unmodified
+
+      if (removeLocation) {
+        return newUrl.href.slice(DEFAULT_LOCATION.length);
+      } else if (protocolLess) {
+        return newUrl.href.slice(newUrl.protocol.length);
+      }
+
+      return newUrl.href;
+    }
+
+    return urlToolkit.buildAbsoluteURL(baseUrl, relativeUrl);
+  };
+
+  /**
+   * @file stream.js
+   */
+
+  /**
+   * A lightweight readable stream implemention that handles event dispatching.
+   *
+   * @class Stream
+   */
+  var Stream = /*#__PURE__*/function () {
+    function Stream() {
+      this.listeners = {};
+    }
+    /**
+     * Add a listener for a specified event type.
+     *
+     * @param {string} type the event name
+     * @param {Function} listener the callback to be invoked when an event of
+     * the specified type occurs
+     */
+
+
+    var _proto = Stream.prototype;
+
+    _proto.on = function on(type, listener) {
+      if (!this.listeners[type]) {
+        this.listeners[type] = [];
+      }
+
+      this.listeners[type].push(listener);
+    }
+    /**
+     * Remove a listener for a specified event type.
+     *
+     * @param {string} type the event name
+     * @param {Function} listener  a function previously registered for this
+     * type of event through `on`
+     * @return {boolean} if we could turn it off or not
+     */
+    ;
+
+    _proto.off = function off(type, listener) {
+      if (!this.listeners[type]) {
+        return false;
+      }
+
+      var index = this.listeners[type].indexOf(listener); // TODO: which is better?
+      // In Video.js we slice listener functions
+      // on trigger so that it does not mess up the order
+      // while we loop through.
+      //
+      // Here we slice on off so that the loop in trigger
+      // can continue using it's old reference to loop without
+      // messing up the order.
+
+      this.listeners[type] = this.listeners[type].slice(0);
+      this.listeners[type].splice(index, 1);
+      return index > -1;
+    }
+    /**
+     * Trigger an event of the specified type on this stream. Any additional
+     * arguments to this function are passed as parameters to event listeners.
+     *
+     * @param {string} type the event name
+     */
+    ;
+
+    _proto.trigger = function trigger(type) {
+      var callbacks = this.listeners[type];
+
+      if (!callbacks) {
+        return;
+      } // Slicing the arguments on every invocation of this method
+      // can add a significant amount of overhead. Avoid the
+      // intermediate object creation for the common case of a
+      // single callback argument
+
+
+      if (arguments.length === 2) {
+        var length = callbacks.length;
+
+        for (var i = 0; i < length; ++i) {
+          callbacks[i].call(this, arguments[1]);
+        }
+      } else {
+        var args = Array.prototype.slice.call(arguments, 1);
+        var _length = callbacks.length;
+
+        for (var _i = 0; _i < _length; ++_i) {
+          callbacks[_i].apply(this, args);
+        }
+      }
+    }
+    /**
+     * Destroys the stream and cleans up.
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      this.listeners = {};
+    }
+    /**
+     * Forwards all `data` events on this stream to the destination stream. The
+     * destination stream should provide a method `push` to receive the data
+     * events as they arrive.
+     *
+     * @param {Stream} destination the stream that will receive all `data` events
+     * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
+     */
+    ;
+
+    _proto.pipe = function pipe(destination) {
+      this.on('data', function (data) {
+        destination.push(data);
+      });
+    };
+
+    return Stream;
+  }();
+
+  var atob = function atob(s) {
+    return window_1.atob ? window_1.atob(s) : Buffer.from(s, 'base64').toString('binary');
+  };
+
+  function decodeB64ToUint8Array(b64Text) {
+    var decodedString = atob(b64Text);
+    var array = new Uint8Array(decodedString.length);
+
+    for (var i = 0; i < decodedString.length; i++) {
+      array[i] = decodedString.charCodeAt(i);
+    }
+
+    return array;
+  }
+
+  /*! @name m3u8-parser @version 4.7.0 @license Apache-2.0 */
+  /**
+   * A stream that buffers string input and generates a `data` event for each
+   * line.
+   *
+   * @class LineStream
+   * @extends Stream
+   */
+
+  var LineStream = /*#__PURE__*/function (_Stream) {
+    inheritsLoose(LineStream, _Stream);
+
+    function LineStream() {
+      var _this;
+
+      _this = _Stream.call(this) || this;
+      _this.buffer = '';
+      return _this;
+    }
+    /**
+     * Add new data to be parsed.
+     *
+     * @param {string} data the text to process
+     */
+
+
+    var _proto = LineStream.prototype;
+
+    _proto.push = function push(data) {
+      var nextNewline;
+      this.buffer += data;
+      nextNewline = this.buffer.indexOf('\n');
+
+      for (; nextNewline > -1; nextNewline = this.buffer.indexOf('\n')) {
+        this.trigger('data', this.buffer.substring(0, nextNewline));
+        this.buffer = this.buffer.substring(nextNewline + 1);
+      }
+    };
+
+    return LineStream;
+  }(Stream);
+
+  var TAB = String.fromCharCode(0x09);
+
+  var parseByterange = function parseByterange(byterangeString) {
+    // optionally match and capture 0+ digits before `@`
+    // optionally match and capture 0+ digits after `@`
+    var match = /([0-9.]*)?@?([0-9.]*)?/.exec(byterangeString || '');
+    var result = {};
+
+    if (match[1]) {
+      result.length = parseInt(match[1], 10);
+    }
+
+    if (match[2]) {
+      result.offset = parseInt(match[2], 10);
+    }
+
+    return result;
+  };
+  /**
+   * "forgiving" attribute list psuedo-grammar:
+   * attributes -> keyvalue (',' keyvalue)*
+   * keyvalue   -> key '=' value
+   * key        -> [^=]*
+   * value      -> '"' [^"]* '"' | [^,]*
+   */
+
+
+  var attributeSeparator = function attributeSeparator() {
+    var key = '[^=]*';
+    var value = '"[^"]*"|[^,]*';
+    var keyvalue = '(?:' + key + ')=(?:' + value + ')';
+    return new RegExp('(?:^|,)(' + keyvalue + ')');
+  };
+  /**
+   * Parse attributes from a line given the separator
+   *
+   * @param {string} attributes the attribute line to parse
+   */
+
+
+  var parseAttributes$1 = function parseAttributes(attributes) {
+    // split the string using attributes as the separator
+    var attrs = attributes.split(attributeSeparator());
+    var result = {};
+    var i = attrs.length;
+    var attr;
+
+    while (i--) {
+      // filter out unmatched portions of the string
+      if (attrs[i] === '') {
+        continue;
+      } // split the key and value
+
+
+      attr = /([^=]*)=(.*)/.exec(attrs[i]).slice(1); // trim whitespace and remove optional quotes around the value
+
+      attr[0] = attr[0].replace(/^\s+|\s+$/g, '');
+      attr[1] = attr[1].replace(/^\s+|\s+$/g, '');
+      attr[1] = attr[1].replace(/^['"](.*)['"]$/g, '$1');
+      result[attr[0]] = attr[1];
+    }
+
+    return result;
+  };
+  /**
+   * A line-level M3U8 parser event stream. It expects to receive input one
+   * line at a time and performs a context-free parse of its contents. A stream
+   * interpretation of a manifest can be useful if the manifest is expected to
+   * be too large to fit comfortably into memory or the entirety of the input
+   * is not immediately available. Otherwise, it's probably much easier to work
+   * with a regular `Parser` object.
+   *
+   * Produces `data` events with an object that captures the parser's
+   * interpretation of the input. That object has a property `tag` that is one
+   * of `uri`, `comment`, or `tag`. URIs only have a single additional
+   * property, `line`, which captures the entirety of the input without
+   * interpretation. Comments similarly have a single additional property
+   * `text` which is the input without the leading `#`.
+   *
+   * Tags always have a property `tagType` which is the lower-cased version of
+   * the M3U8 directive without the `#EXT` or `#EXT-X-` prefix. For instance,
+   * `#EXT-X-MEDIA-SEQUENCE` becomes `media-sequence` when parsed. Unrecognized
+   * tags are given the tag type `unknown` and a single additional property
+   * `data` with the remainder of the input.
+   *
+   * @class ParseStream
+   * @extends Stream
+   */
+
+
+  var ParseStream = /*#__PURE__*/function (_Stream) {
+    inheritsLoose(ParseStream, _Stream);
+
+    function ParseStream() {
+      var _this;
+
+      _this = _Stream.call(this) || this;
+      _this.customParsers = [];
+      _this.tagMappers = [];
+      return _this;
+    }
+    /**
+     * Parses an additional line of input.
+     *
+     * @param {string} line a single line of an M3U8 file to parse
+     */
+
+
+    var _proto = ParseStream.prototype;
+
+    _proto.push = function push(line) {
+      var _this2 = this;
+
+      var match;
+      var event; // strip whitespace
+
+      line = line.trim();
+
+      if (line.length === 0) {
+        // ignore empty lines
+        return;
+      } // URIs
+
+
+      if (line[0] !== '#') {
+        this.trigger('data', {
+          type: 'uri',
+          uri: line
+        });
+        return;
+      } // map tags
+
+
+      var newLines = this.tagMappers.reduce(function (acc, mapper) {
+        var mappedLine = mapper(line); // skip if unchanged
+
+        if (mappedLine === line) {
+          return acc;
+        }
+
+        return acc.concat([mappedLine]);
+      }, [line]);
+      newLines.forEach(function (newLine) {
+        for (var i = 0; i < _this2.customParsers.length; i++) {
+          if (_this2.customParsers[i].call(_this2, newLine)) {
+            return;
+          }
+        } // Comments
+
+
+        if (newLine.indexOf('#EXT') !== 0) {
+          _this2.trigger('data', {
+            type: 'comment',
+            text: newLine.slice(1)
+          });
+
+          return;
+        } // strip off any carriage returns here so the regex matching
+        // doesn't have to account for them.
+
+
+        newLine = newLine.replace('\r', ''); // Tags
+
+        match = /^#EXTM3U/.exec(newLine);
+
+        if (match) {
+          _this2.trigger('data', {
+            type: 'tag',
+            tagType: 'm3u'
+          });
+
+          return;
+        }
+
+        match = /^#EXTINF:?([0-9\.]*)?,?(.*)?$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'inf'
+          };
+
+          if (match[1]) {
+            event.duration = parseFloat(match[1]);
+          }
+
+          if (match[2]) {
+            event.title = match[2];
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-TARGETDURATION:?([0-9.]*)?/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'targetduration'
+          };
+
+          if (match[1]) {
+            event.duration = parseInt(match[1], 10);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-VERSION:?([0-9.]*)?/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'version'
+          };
+
+          if (match[1]) {
+            event.version = parseInt(match[1], 10);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-MEDIA-SEQUENCE:?(\-?[0-9.]*)?/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'media-sequence'
+          };
+
+          if (match[1]) {
+            event.number = parseInt(match[1], 10);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-DISCONTINUITY-SEQUENCE:?(\-?[0-9.]*)?/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'discontinuity-sequence'
+          };
+
+          if (match[1]) {
+            event.number = parseInt(match[1], 10);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-PLAYLIST-TYPE:?(.*)?$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'playlist-type'
+          };
+
+          if (match[1]) {
+            event.playlistType = match[1];
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-BYTERANGE:?(.*)?$/.exec(newLine);
+
+        if (match) {
+          event = _extends_1(parseByterange(match[1]), {
+            type: 'tag',
+            tagType: 'byterange'
+          });
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-ALLOW-CACHE:?(YES|NO)?/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'allow-cache'
+          };
+
+          if (match[1]) {
+            event.allowed = !/NO/.test(match[1]);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-MAP:?(.*)$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'map'
+          };
+
+          if (match[1]) {
+            var attributes = parseAttributes$1(match[1]);
+
+            if (attributes.URI) {
+              event.uri = attributes.URI;
+            }
+
+            if (attributes.BYTERANGE) {
+              event.byterange = parseByterange(attributes.BYTERANGE);
+            }
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-STREAM-INF:?(.*)$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'stream-inf'
+          };
+
+          if (match[1]) {
+            event.attributes = parseAttributes$1(match[1]);
+
+            if (event.attributes.RESOLUTION) {
+              var split = event.attributes.RESOLUTION.split('x');
+              var resolution = {};
+
+              if (split[0]) {
+                resolution.width = parseInt(split[0], 10);
+              }
+
+              if (split[1]) {
+                resolution.height = parseInt(split[1], 10);
+              }
+
+              event.attributes.RESOLUTION = resolution;
+            }
+
+            if (event.attributes.BANDWIDTH) {
+              event.attributes.BANDWIDTH = parseInt(event.attributes.BANDWIDTH, 10);
+            }
+
+            if (event.attributes['PROGRAM-ID']) {
+              event.attributes['PROGRAM-ID'] = parseInt(event.attributes['PROGRAM-ID'], 10);
+            }
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-MEDIA:?(.*)$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'media'
+          };
+
+          if (match[1]) {
+            event.attributes = parseAttributes$1(match[1]);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-ENDLIST/.exec(newLine);
+
+        if (match) {
+          _this2.trigger('data', {
+            type: 'tag',
+            tagType: 'endlist'
+          });
+
+          return;
+        }
+
+        match = /^#EXT-X-DISCONTINUITY/.exec(newLine);
+
+        if (match) {
+          _this2.trigger('data', {
+            type: 'tag',
+            tagType: 'discontinuity'
+          });
+
+          return;
+        }
+
+        match = /^#EXT-X-PROGRAM-DATE-TIME:?(.*)$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'program-date-time'
+          };
+
+          if (match[1]) {
+            event.dateTimeString = match[1];
+            event.dateTimeObject = new Date(match[1]);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-KEY:?(.*)$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'key'
+          };
+
+          if (match[1]) {
+            event.attributes = parseAttributes$1(match[1]); // parse the IV string into a Uint32Array
+
+            if (event.attributes.IV) {
+              if (event.attributes.IV.substring(0, 2).toLowerCase() === '0x') {
+                event.attributes.IV = event.attributes.IV.substring(2);
+              }
+
+              event.attributes.IV = event.attributes.IV.match(/.{8}/g);
+              event.attributes.IV[0] = parseInt(event.attributes.IV[0], 16);
+              event.attributes.IV[1] = parseInt(event.attributes.IV[1], 16);
+              event.attributes.IV[2] = parseInt(event.attributes.IV[2], 16);
+              event.attributes.IV[3] = parseInt(event.attributes.IV[3], 16);
+              event.attributes.IV = new Uint32Array(event.attributes.IV);
+            }
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-START:?(.*)$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'start'
+          };
+
+          if (match[1]) {
+            event.attributes = parseAttributes$1(match[1]);
+            event.attributes['TIME-OFFSET'] = parseFloat(event.attributes['TIME-OFFSET']);
+            event.attributes.PRECISE = /YES/.test(event.attributes.PRECISE);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-CUE-OUT-CONT:?(.*)?$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'cue-out-cont'
+          };
+
+          if (match[1]) {
+            event.data = match[1];
+          } else {
+            event.data = '';
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-CUE-OUT:?(.*)?$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'cue-out'
+          };
+
+          if (match[1]) {
+            event.data = match[1];
+          } else {
+            event.data = '';
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-CUE-IN:?(.*)?$/.exec(newLine);
+
+        if (match) {
+          event = {
+            type: 'tag',
+            tagType: 'cue-in'
+          };
+
+          if (match[1]) {
+            event.data = match[1];
+          } else {
+            event.data = '';
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-SKIP:(.*)$/.exec(newLine);
+
+        if (match && match[1]) {
+          event = {
+            type: 'tag',
+            tagType: 'skip'
+          };
+          event.attributes = parseAttributes$1(match[1]);
+
+          if (event.attributes.hasOwnProperty('SKIPPED-SEGMENTS')) {
+            event.attributes['SKIPPED-SEGMENTS'] = parseInt(event.attributes['SKIPPED-SEGMENTS'], 10);
+          }
+
+          if (event.attributes.hasOwnProperty('RECENTLY-REMOVED-DATERANGES')) {
+            event.attributes['RECENTLY-REMOVED-DATERANGES'] = event.attributes['RECENTLY-REMOVED-DATERANGES'].split(TAB);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-PART:(.*)$/.exec(newLine);
+
+        if (match && match[1]) {
+          event = {
+            type: 'tag',
+            tagType: 'part'
+          };
+          event.attributes = parseAttributes$1(match[1]);
+          ['DURATION'].forEach(function (key) {
+            if (event.attributes.hasOwnProperty(key)) {
+              event.attributes[key] = parseFloat(event.attributes[key]);
+            }
+          });
+          ['INDEPENDENT', 'GAP'].forEach(function (key) {
+            if (event.attributes.hasOwnProperty(key)) {
+              event.attributes[key] = /YES/.test(event.attributes[key]);
+            }
+          });
+
+          if (event.attributes.hasOwnProperty('BYTERANGE')) {
+            event.attributes.byterange = parseByterange(event.attributes.BYTERANGE);
+          }
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-SERVER-CONTROL:(.*)$/.exec(newLine);
+
+        if (match && match[1]) {
+          event = {
+            type: 'tag',
+            tagType: 'server-control'
+          };
+          event.attributes = parseAttributes$1(match[1]);
+          ['CAN-SKIP-UNTIL', 'PART-HOLD-BACK', 'HOLD-BACK'].forEach(function (key) {
+            if (event.attributes.hasOwnProperty(key)) {
+              event.attributes[key] = parseFloat(event.attributes[key]);
+            }
+          });
+          ['CAN-SKIP-DATERANGES', 'CAN-BLOCK-RELOAD'].forEach(function (key) {
+            if (event.attributes.hasOwnProperty(key)) {
+              event.attributes[key] = /YES/.test(event.attributes[key]);
+            }
+          });
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-PART-INF:(.*)$/.exec(newLine);
+
+        if (match && match[1]) {
+          event = {
+            type: 'tag',
+            tagType: 'part-inf'
+          };
+          event.attributes = parseAttributes$1(match[1]);
+          ['PART-TARGET'].forEach(function (key) {
+            if (event.attributes.hasOwnProperty(key)) {
+              event.attributes[key] = parseFloat(event.attributes[key]);
+            }
+          });
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-PRELOAD-HINT:(.*)$/.exec(newLine);
+
+        if (match && match[1]) {
+          event = {
+            type: 'tag',
+            tagType: 'preload-hint'
+          };
+          event.attributes = parseAttributes$1(match[1]);
+          ['BYTERANGE-START', 'BYTERANGE-LENGTH'].forEach(function (key) {
+            if (event.attributes.hasOwnProperty(key)) {
+              event.attributes[key] = parseInt(event.attributes[key], 10);
+              var subkey = key === 'BYTERANGE-LENGTH' ? 'length' : 'offset';
+              event.attributes.byterange = event.attributes.byterange || {};
+              event.attributes.byterange[subkey] = event.attributes[key]; // only keep the parsed byterange object.
+
+              delete event.attributes[key];
+            }
+          });
+
+          _this2.trigger('data', event);
+
+          return;
+        }
+
+        match = /^#EXT-X-RENDITION-REPORT:(.*)$/.exec(newLine);
+
+        if (match && match[1]) {
+          event = {
+            type: 'tag',
+            tagType: 'rendition-report'
+          };
+          event.attributes = parseAttributes$1(match[1]);
+          ['LAST-MSN', 'LAST-PART'].forEach(function (key) {
+            if (event.attributes.hasOwnProperty(key)) {
+              event.attributes[key] = parseInt(event.attributes[key], 10);
+            }
+          });
+
+          _this2.trigger('data', event);
+
+          return;
+        } // unknown tag type
+
+
+        _this2.trigger('data', {
+          type: 'tag',
+          data: newLine.slice(4)
+        });
+      });
+    }
+    /**
+     * Add a parser for custom headers
+     *
+     * @param {Object}   options              a map of options for the added parser
+     * @param {RegExp}   options.expression   a regular expression to match the custom header
+     * @param {string}   options.customType   the custom type to register to the output
+     * @param {Function} [options.dataParser] function to parse the line into an object
+     * @param {boolean}  [options.segment]    should tag data be attached to the segment object
+     */
+    ;
+
+    _proto.addParser = function addParser(_ref) {
+      var _this3 = this;
+
+      var expression = _ref.expression,
+          customType = _ref.customType,
+          dataParser = _ref.dataParser,
+          segment = _ref.segment;
+
+      if (typeof dataParser !== 'function') {
+        dataParser = function dataParser(line) {
+          return line;
+        };
+      }
+
+      this.customParsers.push(function (line) {
+        var match = expression.exec(line);
+
+        if (match) {
+          _this3.trigger('data', {
+            type: 'custom',
+            data: dataParser(line),
+            customType: customType,
+            segment: segment
+          });
+
+          return true;
+        }
+      });
+    }
+    /**
+     * Add a custom header mapper
+     *
+     * @param {Object}   options
+     * @param {RegExp}   options.expression   a regular expression to match the custom header
+     * @param {Function} options.map          function to translate tag into a different tag
+     */
+    ;
+
+    _proto.addTagMapper = function addTagMapper(_ref2) {
+      var expression = _ref2.expression,
+          map = _ref2.map;
+
+      var mapFn = function mapFn(line) {
+        if (expression.test(line)) {
+          return map(line);
+        }
+
+        return line;
+      };
+
+      this.tagMappers.push(mapFn);
+    };
+
+    return ParseStream;
+  }(Stream);
+
+  var camelCase = function camelCase(str) {
+    return str.toLowerCase().replace(/-(\w)/g, function (a) {
+      return a[1].toUpperCase();
+    });
+  };
+
+  var camelCaseKeys = function camelCaseKeys(attributes) {
+    var result = {};
+    Object.keys(attributes).forEach(function (key) {
+      result[camelCase(key)] = attributes[key];
+    });
+    return result;
+  }; // set SERVER-CONTROL hold back based upon targetDuration and partTargetDuration
+  // we need this helper because defaults are based upon targetDuration and
+  // partTargetDuration being set, but they may not be if SERVER-CONTROL appears before
+  // target durations are set.
+
+
+  var setHoldBack = function setHoldBack(manifest) {
+    var serverControl = manifest.serverControl,
+        targetDuration = manifest.targetDuration,
+        partTargetDuration = manifest.partTargetDuration;
+
+    if (!serverControl) {
+      return;
+    }
+
+    var tag = '#EXT-X-SERVER-CONTROL';
+    var hb = 'holdBack';
+    var phb = 'partHoldBack';
+    var minTargetDuration = targetDuration && targetDuration * 3;
+    var minPartDuration = partTargetDuration && partTargetDuration * 2;
+
+    if (targetDuration && !serverControl.hasOwnProperty(hb)) {
+      serverControl[hb] = minTargetDuration;
+      this.trigger('info', {
+        message: tag + " defaulting HOLD-BACK to targetDuration * 3 (" + minTargetDuration + ")."
+      });
+    }
+
+    if (minTargetDuration && serverControl[hb] < minTargetDuration) {
+      this.trigger('warn', {
+        message: tag + " clamping HOLD-BACK (" + serverControl[hb] + ") to targetDuration * 3 (" + minTargetDuration + ")"
+      });
+      serverControl[hb] = minTargetDuration;
+    } // default no part hold back to part target duration * 3
+
+
+    if (partTargetDuration && !serverControl.hasOwnProperty(phb)) {
+      serverControl[phb] = partTargetDuration * 3;
+      this.trigger('info', {
+        message: tag + " defaulting PART-HOLD-BACK to partTargetDuration * 3 (" + serverControl[phb] + ")."
+      });
+    } // if part hold back is too small default it to part target duration * 2
+
+
+    if (partTargetDuration && serverControl[phb] < minPartDuration) {
+      this.trigger('warn', {
+        message: tag + " clamping PART-HOLD-BACK (" + serverControl[phb] + ") to partTargetDuration * 2 (" + minPartDuration + ")."
+      });
+      serverControl[phb] = minPartDuration;
+    }
+  };
+  /**
+   * A parser for M3U8 files. The current interpretation of the input is
+   * exposed as a property `manifest` on parser objects. It's just two lines to
+   * create and parse a manifest once you have the contents available as a string:
+   *
+   * ```js
+   * var parser = new m3u8.Parser();
+   * parser.push(xhr.responseText);
+   * ```
+   *
+   * New input can later be applied to update the manifest object by calling
+   * `push` again.
+   *
+   * The parser attempts to create a usable manifest object even if the
+   * underlying input is somewhat nonsensical. It emits `info` and `warning`
+   * events during the parse if it encounters input that seems invalid or
+   * requires some property of the manifest object to be defaulted.
+   *
+   * @class Parser
+   * @extends Stream
+   */
+
+
+  var Parser = /*#__PURE__*/function (_Stream) {
+    inheritsLoose(Parser, _Stream);
+
+    function Parser() {
+      var _this;
+
+      _this = _Stream.call(this) || this;
+      _this.lineStream = new LineStream();
+      _this.parseStream = new ParseStream();
+
+      _this.lineStream.pipe(_this.parseStream);
+      /* eslint-disable consistent-this */
+
+
+      var self = assertThisInitialized(_this);
+      /* eslint-enable consistent-this */
+
+
+      var uris = [];
+      var currentUri = {}; // if specified, the active EXT-X-MAP definition
+
+      var currentMap; // if specified, the active decryption key
+
+      var _key;
+
+      var hasParts = false;
+
+      var noop = function noop() {};
+
+      var defaultMediaGroups = {
+        'AUDIO': {},
+        'VIDEO': {},
+        'CLOSED-CAPTIONS': {},
+        'SUBTITLES': {}
+      }; // This is the Widevine UUID from DASH IF IOP. The same exact string is
+      // used in MPDs with Widevine encrypted streams.
+
+      var widevineUuid = 'urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed'; // group segments into numbered timelines delineated by discontinuities
+
+      var currentTimeline = 0; // the manifest is empty until the parse stream begins delivering data
+
+      _this.manifest = {
+        allowCache: true,
+        discontinuityStarts: [],
+        segments: []
+      }; // keep track of the last seen segment's byte range end, as segments are not required
+      // to provide the offset, in which case it defaults to the next byte after the
+      // previous segment
+
+      var lastByterangeEnd = 0; // keep track of the last seen part's byte range end.
+
+      var lastPartByterangeEnd = 0;
+
+      _this.on('end', function () {
+        // only add preloadSegment if we don't yet have a uri for it.
+        // and we actually have parts/preloadHints
+        if (currentUri.uri || !currentUri.parts && !currentUri.preloadHints) {
+          return;
+        }
+
+        if (!currentUri.map && currentMap) {
+          currentUri.map = currentMap;
+        }
+
+        if (!currentUri.key && _key) {
+          currentUri.key = _key;
+        }
+
+        if (!currentUri.timeline && typeof currentTimeline === 'number') {
+          currentUri.timeline = currentTimeline;
+        }
+
+        _this.manifest.preloadSegment = currentUri;
+      }); // update the manifest with the m3u8 entry from the parse stream
+
+
+      _this.parseStream.on('data', function (entry) {
+        var mediaGroup;
+        var rendition;
+        ({
+          tag: function tag() {
+            // switch based on the tag type
+            (({
+              version: function version() {
+                if (entry.version) {
+                  this.manifest.version = entry.version;
+                }
+              },
+              'allow-cache': function allowCache() {
+                this.manifest.allowCache = entry.allowed;
+
+                if (!('allowed' in entry)) {
+                  this.trigger('info', {
+                    message: 'defaulting allowCache to YES'
+                  });
+                  this.manifest.allowCache = true;
+                }
+              },
+              byterange: function byterange() {
+                var byterange = {};
+
+                if ('length' in entry) {
+                  currentUri.byterange = byterange;
+                  byterange.length = entry.length;
+
+                  if (!('offset' in entry)) {
+                    /*
+                     * From the latest spec (as of this writing):
+                     * https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-4.3.2.2
+                     *
+                     * Same text since EXT-X-BYTERANGE's introduction in draft 7:
+                     * https://tools.ietf.org/html/draft-pantos-http-live-streaming-07#section-3.3.1)
+                     *
+                     * "If o [offset] is not present, the sub-range begins at the next byte
+                     * following the sub-range of the previous media segment."
+                     */
+                    entry.offset = lastByterangeEnd;
+                  }
+                }
+
+                if ('offset' in entry) {
+                  currentUri.byterange = byterange;
+                  byterange.offset = entry.offset;
+                }
+
+                lastByterangeEnd = byterange.offset + byterange.length;
+              },
+              endlist: function endlist() {
+                this.manifest.endList = true;
+              },
+              inf: function inf() {
+                if (!('mediaSequence' in this.manifest)) {
+                  this.manifest.mediaSequence = 0;
+                  this.trigger('info', {
+                    message: 'defaulting media sequence to zero'
+                  });
+                }
+
+                if (!('discontinuitySequence' in this.manifest)) {
+                  this.manifest.discontinuitySequence = 0;
+                  this.trigger('info', {
+                    message: 'defaulting discontinuity sequence to zero'
+                  });
+                }
+
+                if (entry.duration > 0) {
+                  currentUri.duration = entry.duration;
+                }
+
+                if (entry.duration === 0) {
+                  currentUri.duration = 0.01;
+                  this.trigger('info', {
+                    message: 'updating zero segment duration to a small value'
+                  });
+                }
+
+                this.manifest.segments = uris;
+              },
+              key: function key() {
+                if (!entry.attributes) {
+                  this.trigger('warn', {
+                    message: 'ignoring key declaration without attribute list'
+                  });
+                  return;
+                } // clear the active encryption key
+
+
+                if (entry.attributes.METHOD === 'NONE') {
+                  _key = null;
+                  return;
+                }
+
+                if (!entry.attributes.URI) {
+                  this.trigger('warn', {
+                    message: 'ignoring key declaration without URI'
+                  });
+                  return;
+                }
+
+                if (entry.attributes.KEYFORMAT === 'com.apple.streamingkeydelivery') {
+                  this.manifest.contentProtection = this.manifest.contentProtection || {}; // TODO: add full support for this.
+
+                  this.manifest.contentProtection['com.apple.fps.1_0'] = {
+                    attributes: entry.attributes
+                  };
+                  return;
+                } // check if the content is encrypted for Widevine
+                // Widevine/HLS spec: https://storage.googleapis.com/wvdocs/Widevine_DRM_HLS.pdf
+
+
+                if (entry.attributes.KEYFORMAT === widevineUuid) {
+                  var VALID_METHODS = ['SAMPLE-AES', 'SAMPLE-AES-CTR', 'SAMPLE-AES-CENC'];
+
+                  if (VALID_METHODS.indexOf(entry.attributes.METHOD) === -1) {
+                    this.trigger('warn', {
+                      message: 'invalid key method provided for Widevine'
+                    });
+                    return;
+                  }
+
+                  if (entry.attributes.METHOD === 'SAMPLE-AES-CENC') {
+                    this.trigger('warn', {
+                      message: 'SAMPLE-AES-CENC is deprecated, please use SAMPLE-AES-CTR instead'
+                    });
+                  }
+
+                  if (entry.attributes.URI.substring(0, 23) !== 'data:text/plain;base64,') {
+                    this.trigger('warn', {
+                      message: 'invalid key URI provided for Widevine'
+                    });
+                    return;
+                  }
+
+                  if (!(entry.attributes.KEYID && entry.attributes.KEYID.substring(0, 2) === '0x')) {
+                    this.trigger('warn', {
+                      message: 'invalid key ID provided for Widevine'
+                    });
+                    return;
+                  } // if Widevine key attributes are valid, store them as `contentProtection`
+                  // on the manifest to emulate Widevine tag structure in a DASH mpd
+
+
+                  this.manifest.contentProtection = this.manifest.contentProtection || {};
+                  this.manifest.contentProtection['com.widevine.alpha'] = {
+                    attributes: {
+                      schemeIdUri: entry.attributes.KEYFORMAT,
+                      // remove '0x' from the key id string
+                      keyId: entry.attributes.KEYID.substring(2)
+                    },
+                    // decode the base64-encoded PSSH box
+                    pssh: decodeB64ToUint8Array(entry.attributes.URI.split(',')[1])
+                  };
+                  return;
+                }
+
+                if (!entry.attributes.METHOD) {
+                  this.trigger('warn', {
+                    message: 'defaulting key method to AES-128'
+                  });
+                } // setup an encryption key for upcoming segments
+
+
+                _key = {
+                  method: entry.attributes.METHOD || 'AES-128',
+                  uri: entry.attributes.URI
+                };
+
+                if (typeof entry.attributes.IV !== 'undefined') {
+                  _key.iv = entry.attributes.IV;
+                }
+              },
+              'media-sequence': function mediaSequence() {
+                if (!isFinite(entry.number)) {
+                  this.trigger('warn', {
+                    message: 'ignoring invalid media sequence: ' + entry.number
+                  });
+                  return;
+                }
+
+                this.manifest.mediaSequence = entry.number;
+              },
+              'discontinuity-sequence': function discontinuitySequence() {
+                if (!isFinite(entry.number)) {
+                  this.trigger('warn', {
+                    message: 'ignoring invalid discontinuity sequence: ' + entry.number
+                  });
+                  return;
+                }
+
+                this.manifest.discontinuitySequence = entry.number;
+                currentTimeline = entry.number;
+              },
+              'playlist-type': function playlistType() {
+                if (!/VOD|EVENT/.test(entry.playlistType)) {
+                  this.trigger('warn', {
+                    message: 'ignoring unknown playlist type: ' + entry.playlist
+                  });
+                  return;
+                }
+
+                this.manifest.playlistType = entry.playlistType;
+              },
+              map: function map() {
+                currentMap = {};
+
+                if (entry.uri) {
+                  currentMap.uri = entry.uri;
+                }
+
+                if (entry.byterange) {
+                  currentMap.byterange = entry.byterange;
+                }
+
+                if (_key) {
+                  currentMap.key = _key;
+                }
+              },
+              'stream-inf': function streamInf() {
+                this.manifest.playlists = uris;
+                this.manifest.mediaGroups = this.manifest.mediaGroups || defaultMediaGroups;
+
+                if (!entry.attributes) {
+                  this.trigger('warn', {
+                    message: 'ignoring empty stream-inf attributes'
+                  });
+                  return;
+                }
+
+                if (!currentUri.attributes) {
+                  currentUri.attributes = {};
+                }
+
+                _extends_1(currentUri.attributes, entry.attributes);
+              },
+              media: function media() {
+                this.manifest.mediaGroups = this.manifest.mediaGroups || defaultMediaGroups;
+
+                if (!(entry.attributes && entry.attributes.TYPE && entry.attributes['GROUP-ID'] && entry.attributes.NAME)) {
+                  this.trigger('warn', {
+                    message: 'ignoring incomplete or missing media group'
+                  });
+                  return;
+                } // find the media group, creating defaults as necessary
+
+
+                var mediaGroupType = this.manifest.mediaGroups[entry.attributes.TYPE];
+                mediaGroupType[entry.attributes['GROUP-ID']] = mediaGroupType[entry.attributes['GROUP-ID']] || {};
+                mediaGroup = mediaGroupType[entry.attributes['GROUP-ID']]; // collect the rendition metadata
+
+                rendition = {
+                  "default": /yes/i.test(entry.attributes.DEFAULT)
+                };
+
+                if (rendition["default"]) {
+                  rendition.autoselect = true;
+                } else {
+                  rendition.autoselect = /yes/i.test(entry.attributes.AUTOSELECT);
+                }
+
+                if (entry.attributes.LANGUAGE) {
+                  rendition.language = entry.attributes.LANGUAGE;
+                }
+
+                if (entry.attributes.URI) {
+                  rendition.uri = entry.attributes.URI;
+                }
+
+                if (entry.attributes['INSTREAM-ID']) {
+                  rendition.instreamId = entry.attributes['INSTREAM-ID'];
+                }
+
+                if (entry.attributes.CHARACTERISTICS) {
+                  rendition.characteristics = entry.attributes.CHARACTERISTICS;
+                }
+
+                if (entry.attributes.FORCED) {
+                  rendition.forced = /yes/i.test(entry.attributes.FORCED);
+                } // insert the new rendition
+
+
+                mediaGroup[entry.attributes.NAME] = rendition;
+              },
+              discontinuity: function discontinuity() {
+                currentTimeline += 1;
+                currentUri.discontinuity = true;
+                this.manifest.discontinuityStarts.push(uris.length);
+              },
+              'program-date-time': function programDateTime() {
+                if (typeof this.manifest.dateTimeString === 'undefined') {
+                  // PROGRAM-DATE-TIME is a media-segment tag, but for backwards
+                  // compatibility, we add the first occurence of the PROGRAM-DATE-TIME tag
+                  // to the manifest object
+                  // TODO: Consider removing this in future major version
+                  this.manifest.dateTimeString = entry.dateTimeString;
+                  this.manifest.dateTimeObject = entry.dateTimeObject;
+                }
+
+                currentUri.dateTimeString = entry.dateTimeString;
+                currentUri.dateTimeObject = entry.dateTimeObject;
+              },
+              targetduration: function targetduration() {
+                if (!isFinite(entry.duration) || entry.duration < 0) {
+                  this.trigger('warn', {
+                    message: 'ignoring invalid target duration: ' + entry.duration
+                  });
+                  return;
+                }
+
+                this.manifest.targetDuration = entry.duration;
+                setHoldBack.call(this, this.manifest);
+              },
+              start: function start() {
+                if (!entry.attributes || isNaN(entry.attributes['TIME-OFFSET'])) {
+                  this.trigger('warn', {
+                    message: 'ignoring start declaration without appropriate attribute list'
+                  });
+                  return;
+                }
+
+                this.manifest.start = {
+                  timeOffset: entry.attributes['TIME-OFFSET'],
+                  precise: entry.attributes.PRECISE
+                };
+              },
+              'cue-out': function cueOut() {
+                currentUri.cueOut = entry.data;
+              },
+              'cue-out-cont': function cueOutCont() {
+                currentUri.cueOutCont = entry.data;
+              },
+              'cue-in': function cueIn() {
+                currentUri.cueIn = entry.data;
+              },
+              'skip': function skip() {
+                this.manifest.skip = camelCaseKeys(entry.attributes);
+                this.warnOnMissingAttributes_('#EXT-X-SKIP', entry.attributes, ['SKIPPED-SEGMENTS']);
+              },
+              'part': function part() {
+                var _this2 = this;
+
+                hasParts = true; // parts are always specifed before a segment
+
+                var segmentIndex = this.manifest.segments.length;
+                var part = camelCaseKeys(entry.attributes);
+                currentUri.parts = currentUri.parts || [];
+                currentUri.parts.push(part);
+
+                if (part.byterange) {
+                  if (!part.byterange.hasOwnProperty('offset')) {
+                    part.byterange.offset = lastPartByterangeEnd;
+                  }
+
+                  lastPartByterangeEnd = part.byterange.offset + part.byterange.length;
+                }
+
+                var partIndex = currentUri.parts.length - 1;
+                this.warnOnMissingAttributes_("#EXT-X-PART #" + partIndex + " for segment #" + segmentIndex, entry.attributes, ['URI', 'DURATION']);
+
+                if (this.manifest.renditionReports) {
+                  this.manifest.renditionReports.forEach(function (r, i) {
+                    if (!r.hasOwnProperty('lastPart')) {
+                      _this2.trigger('warn', {
+                        message: "#EXT-X-RENDITION-REPORT #" + i + " lacks required attribute(s): LAST-PART"
+                      });
+                    }
+                  });
+                }
+              },
+              'server-control': function serverControl() {
+                var attrs = this.manifest.serverControl = camelCaseKeys(entry.attributes);
+
+                if (!attrs.hasOwnProperty('canBlockReload')) {
+                  attrs.canBlockReload = false;
+                  this.trigger('info', {
+                    message: '#EXT-X-SERVER-CONTROL defaulting CAN-BLOCK-RELOAD to false'
+                  });
+                }
+
+                setHoldBack.call(this, this.manifest);
+
+                if (attrs.canSkipDateranges && !attrs.hasOwnProperty('canSkipUntil')) {
+                  this.trigger('warn', {
+                    message: '#EXT-X-SERVER-CONTROL lacks required attribute CAN-SKIP-UNTIL which is required when CAN-SKIP-DATERANGES is set'
+                  });
+                }
+              },
+              'preload-hint': function preloadHint() {
+                // parts are always specifed before a segment
+                var segmentIndex = this.manifest.segments.length;
+                var hint = camelCaseKeys(entry.attributes);
+                var isPart = hint.type && hint.type === 'PART';
+                currentUri.preloadHints = currentUri.preloadHints || [];
+                currentUri.preloadHints.push(hint);
+
+                if (hint.byterange) {
+                  if (!hint.byterange.hasOwnProperty('offset')) {
+                    // use last part byterange end or zero if not a part.
+                    hint.byterange.offset = isPart ? lastPartByterangeEnd : 0;
+
+                    if (isPart) {
+                      lastPartByterangeEnd = hint.byterange.offset + hint.byterange.length;
+                    }
+                  }
+                }
+
+                var index = currentUri.preloadHints.length - 1;
+                this.warnOnMissingAttributes_("#EXT-X-PRELOAD-HINT #" + index + " for segment #" + segmentIndex, entry.attributes, ['TYPE', 'URI']);
+
+                if (!hint.type) {
+                  return;
+                } // search through all preload hints except for the current one for
+                // a duplicate type.
+
+
+                for (var i = 0; i < currentUri.preloadHints.length - 1; i++) {
+                  var otherHint = currentUri.preloadHints[i];
+
+                  if (!otherHint.type) {
+                    continue;
+                  }
+
+                  if (otherHint.type === hint.type) {
+                    this.trigger('warn', {
+                      message: "#EXT-X-PRELOAD-HINT #" + index + " for segment #" + segmentIndex + " has the same TYPE " + hint.type + " as preload hint #" + i
+                    });
+                  }
+                }
+              },
+              'rendition-report': function renditionReport() {
+                var report = camelCaseKeys(entry.attributes);
+                this.manifest.renditionReports = this.manifest.renditionReports || [];
+                this.manifest.renditionReports.push(report);
+                var index = this.manifest.renditionReports.length - 1;
+                var required = ['LAST-MSN', 'URI'];
+
+                if (hasParts) {
+                  required.push('LAST-PART');
+                }
+
+                this.warnOnMissingAttributes_("#EXT-X-RENDITION-REPORT #" + index, entry.attributes, required);
+              },
+              'part-inf': function partInf() {
+                this.manifest.partInf = camelCaseKeys(entry.attributes);
+                this.warnOnMissingAttributes_('#EXT-X-PART-INF', entry.attributes, ['PART-TARGET']);
+
+                if (this.manifest.partInf.partTarget) {
+                  this.manifest.partTargetDuration = this.manifest.partInf.partTarget;
+                }
+
+                setHoldBack.call(this, this.manifest);
+              }
+            })[entry.tagType] || noop).call(self);
+          },
+          uri: function uri() {
+            currentUri.uri = entry.uri;
+            uris.push(currentUri); // if no explicit duration was declared, use the target duration
+
+            if (this.manifest.targetDuration && !('duration' in currentUri)) {
+              this.trigger('warn', {
+                message: 'defaulting segment duration to the target duration'
+              });
+              currentUri.duration = this.manifest.targetDuration;
+            } // annotate with encryption information, if necessary
+
+
+            if (_key) {
+              currentUri.key = _key;
+            }
+
+            currentUri.timeline = currentTimeline; // annotate with initialization segment information, if necessary
+
+            if (currentMap) {
+              currentUri.map = currentMap;
+            } // reset the last byterange end as it needs to be 0 between parts
+
+
+            lastPartByterangeEnd = 0; // prepare for the next URI
+
+            currentUri = {};
+          },
+          comment: function comment() {// comments are not important for playback
+          },
+          custom: function custom() {
+            // if this is segment-level data attach the output to the segment
+            if (entry.segment) {
+              currentUri.custom = currentUri.custom || {};
+              currentUri.custom[entry.customType] = entry.data; // if this is manifest-level data attach to the top level manifest object
+            } else {
+              this.manifest.custom = this.manifest.custom || {};
+              this.manifest.custom[entry.customType] = entry.data;
+            }
+          }
+        })[entry.type].call(self);
+      });
+
+      return _this;
+    }
+
+    var _proto = Parser.prototype;
+
+    _proto.warnOnMissingAttributes_ = function warnOnMissingAttributes_(identifier, attributes, required) {
+      var missing = [];
+      required.forEach(function (key) {
+        if (!attributes.hasOwnProperty(key)) {
+          missing.push(key);
+        }
+      });
+
+      if (missing.length) {
+        this.trigger('warn', {
+          message: identifier + " lacks required attribute(s): " + missing.join(', ')
+        });
+      }
+    }
+    /**
+     * Parse the input string and update the manifest object.
+     *
+     * @param {string} chunk a potentially incomplete portion of the manifest
+     */
+    ;
+
+    _proto.push = function push(chunk) {
+      this.lineStream.push(chunk);
+    }
+    /**
+     * Flush any remaining input. This can be handy if the last line of an M3U8
+     * manifest did not contain a trailing newline but the file has been
+     * completely received.
+     */
+    ;
+
+    _proto.end = function end() {
+      // flush any buffered input
+      this.lineStream.push('\n');
+      this.trigger('end');
+    }
+    /**
+     * Add an additional parser for non-standard tags
+     *
+     * @param {Object}   options              a map of options for the added parser
+     * @param {RegExp}   options.expression   a regular expression to match the custom header
+     * @param {string}   options.type         the type to register to the output
+     * @param {Function} [options.dataParser] function to parse the line into an object
+     * @param {boolean}  [options.segment]    should tag data be attached to the segment object
+     */
+    ;
+
+    _proto.addParser = function addParser(options) {
+      this.parseStream.addParser(options);
+    }
+    /**
+     * Add a custom header mapper
+     *
+     * @param {Object}   options
+     * @param {RegExp}   options.expression   a regular expression to match the custom header
+     * @param {Function} options.map          function to translate tag into a different tag
+     */
+    ;
+
+    _proto.addTagMapper = function addTagMapper(options) {
+      this.parseStream.addTagMapper(options);
+    };
+
+    return Parser;
+  }(Stream);
+
+  var regexs = {
+    // to determine mime types
+    mp4: /^(av0?1|avc0?[1234]|vp0?9|flac|opus|mp3|mp4a|mp4v|stpp.ttml.im1t)/,
+    webm: /^(vp0?[89]|av0?1|opus|vorbis)/,
+    ogg: /^(vp0?[89]|theora|flac|opus|vorbis)/,
+    // to determine if a codec is audio or video
+    video: /^(av0?1|avc0?[1234]|vp0?[89]|hvc1|hev1|theora|mp4v)/,
+    audio: /^(mp4a|flac|vorbis|opus|ac-[34]|ec-3|alac|mp3|speex|aac)/,
+    text: /^(stpp.ttml.im1t)/,
+    // mux.js support regex
+    muxerVideo: /^(avc0?1)/,
+    muxerAudio: /^(mp4a)/,
+    // match nothing as muxer does not support text right now.
+    // there cannot never be a character before the start of a string
+    // so this matches nothing.
+    muxerText: /a^/
+  };
+  var mediaTypes = ['video', 'audio', 'text'];
+  var upperMediaTypes = ['Video', 'Audio', 'Text'];
+  /**
+   * Replace the old apple-style `avc1.<dd>.<dd>` codec string with the standard
+   * `avc1.<hhhhhh>`
+   *
+   * @param {string} codec
+   *        Codec string to translate
+   * @return {string}
+   *         The translated codec string
+   */
+
+  var translateLegacyCodec = function translateLegacyCodec(codec) {
+    if (!codec) {
+      return codec;
+    }
+
+    return codec.replace(/avc1\.(\d+)\.(\d+)/i, function (orig, profile, avcLevel) {
+      var profileHex = ('00' + Number(profile).toString(16)).slice(-2);
+      var avcLevelHex = ('00' + Number(avcLevel).toString(16)).slice(-2);
+      return 'avc1.' + profileHex + '00' + avcLevelHex;
+    });
+  };
+  /**
+   * @typedef {Object} ParsedCodecInfo
+   * @property {number} codecCount
+   *           Number of codecs parsed
+   * @property {string} [videoCodec]
+   *           Parsed video codec (if found)
+   * @property {string} [videoObjectTypeIndicator]
+   *           Video object type indicator (if found)
+   * @property {string|null} audioProfile
+   *           Audio profile
+   */
+
+  /**
+   * Parses a codec string to retrieve the number of codecs specified, the video codec and
+   * object type indicator, and the audio profile.
+   *
+   * @param {string} [codecString]
+   *        The codec string to parse
+   * @return {ParsedCodecInfo}
+   *         Parsed codec info
+   */
+
+  var parseCodecs = function parseCodecs(codecString) {
+    if (codecString === void 0) {
+      codecString = '';
+    }
+
+    var codecs = codecString.split(',');
+    var result = [];
+    codecs.forEach(function (codec) {
+      codec = codec.trim();
+      var codecType;
+      mediaTypes.forEach(function (name) {
+        var match = regexs[name].exec(codec.toLowerCase());
+
+        if (!match || match.length <= 1) {
+          return;
+        }
+
+        codecType = name; // maintain codec case
+
+        var type = codec.substring(0, match[1].length);
+        var details = codec.replace(type, '');
+        result.push({
+          type: type,
+          details: details,
+          mediaType: name
+        });
+      });
+
+      if (!codecType) {
+        result.push({
+          type: codec,
+          details: '',
+          mediaType: 'unknown'
+        });
+      }
+    });
+    return result;
+  };
+  /**
+   * Returns a ParsedCodecInfo object for the default alternate audio playlist if there is
+   * a default alternate audio playlist for the provided audio group.
+   *
+   * @param {Object} master
+   *        The master playlist
+   * @param {string} audioGroupId
+   *        ID of the audio group for which to find the default codec info
+   * @return {ParsedCodecInfo}
+   *         Parsed codec info
+   */
+
+  var codecsFromDefault = function codecsFromDefault(master, audioGroupId) {
+    if (!master.mediaGroups.AUDIO || !audioGroupId) {
+      return null;
+    }
+
+    var audioGroup = master.mediaGroups.AUDIO[audioGroupId];
+
+    if (!audioGroup) {
+      return null;
+    }
+
+    for (var name in audioGroup) {
+      var audioType = audioGroup[name];
+
+      if (audioType["default"] && audioType.playlists) {
+        // codec should be the same for all playlists within the audio type
+        return parseCodecs(audioType.playlists[0].attributes.CODECS);
+      }
+    }
+
+    return null;
+  };
+  var isAudioCodec = function isAudioCodec(codec) {
+    if (codec === void 0) {
+      codec = '';
+    }
+
+    return regexs.audio.test(codec.trim().toLowerCase());
+  };
+  var isTextCodec = function isTextCodec(codec) {
+    if (codec === void 0) {
+      codec = '';
+    }
+
+    return regexs.text.test(codec.trim().toLowerCase());
+  };
+  var getMimeForCodec = function getMimeForCodec(codecString) {
+    if (!codecString || typeof codecString !== 'string') {
+      return;
+    }
+
+    var codecs = codecString.toLowerCase().split(',').map(function (c) {
+      return translateLegacyCodec(c.trim());
+    }); // default to video type
+
+    var type = 'video'; // only change to audio type if the only codec we have is
+    // audio
+
+    if (codecs.length === 1 && isAudioCodec(codecs[0])) {
+      type = 'audio';
+    } else if (codecs.length === 1 && isTextCodec(codecs[0])) {
+      // text uses application/<container> for now
+      type = 'application';
+    } // default the container to mp4
+
+
+    var container = 'mp4'; // every codec must be able to go into the container
+    // for that container to be the correct one
+
+    if (codecs.every(function (c) {
+      return regexs.mp4.test(c);
+    })) {
+      container = 'mp4';
+    } else if (codecs.every(function (c) {
+      return regexs.webm.test(c);
+    })) {
+      container = 'webm';
+    } else if (codecs.every(function (c) {
+      return regexs.ogg.test(c);
+    })) {
+      container = 'ogg';
+    }
+
+    return type + "/" + container + ";codecs=\"" + codecString + "\"";
+  };
+  var browserSupportsCodec = function browserSupportsCodec(codecString) {
+    if (codecString === void 0) {
+      codecString = '';
+    }
+
+    return window_1.MediaSource && window_1.MediaSource.isTypeSupported && window_1.MediaSource.isTypeSupported(getMimeForCodec(codecString)) || false;
+  };
+  var muxerSupportsCodec = function muxerSupportsCodec(codecString) {
+    if (codecString === void 0) {
+      codecString = '';
+    }
+
+    return codecString.toLowerCase().split(',').every(function (codec) {
+      codec = codec.trim(); // any match is supported.
+
+      for (var i = 0; i < upperMediaTypes.length; i++) {
+        var type = upperMediaTypes[i];
+
+        if (regexs["muxer" + type].test(codec)) {
+          return true;
+        }
+      }
+
+      return false;
+    });
+  };
+  var DEFAULT_AUDIO_CODEC = 'mp4a.40.2';
+  var DEFAULT_VIDEO_CODEC = 'avc1.4d400d';
+
+  var MPEGURL_REGEX = /^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i;
+  var DASH_REGEX = /^application\/dash\+xml/i;
+  /**
+   * Returns a string that describes the type of source based on a video source object's
+   * media type.
+   *
+   * @see {@link https://dev.w3.org/html5/pf-summary/video.html#dom-source-type|Source Type}
+   *
+   * @param {string} type
+   *        Video source object media type
+   * @return {('hls'|'dash'|'vhs-json'|null)}
+   *         VHS source type string
+   */
+
+  var simpleTypeFromSourceType = function simpleTypeFromSourceType(type) {
+    if (MPEGURL_REGEX.test(type)) {
+      return 'hls';
+    }
+
+    if (DASH_REGEX.test(type)) {
+      return 'dash';
+    } // Denotes the special case of a manifest object passed to http-streaming instead of a
+    // source URL.
+    //
+    // See https://en.wikipedia.org/wiki/Media_type for details on specifying media types.
+    //
+    // In this case, vnd stands for vendor, video.js for the organization, VHS for this
+    // project, and the +json suffix identifies the structure of the media type.
+
+
+    if (type === 'application/vnd.videojs.vhs+json') {
+      return 'vhs-json';
+    }
+
+    return null;
+  };
+
+  var entityMap = {
+    lt: '<',
+    gt: '>',
+    amp: '&',
+    quot: '"',
+    apos: "'",
+    Agrave: "À",
+    Aacute: "Á",
+    Acirc: "Â",
+    Atilde: "Ã",
+    Auml: "Ä",
+    Aring: "Å",
+    AElig: "Æ",
+    Ccedil: "Ç",
+    Egrave: "È",
+    Eacute: "É",
+    Ecirc: "Ê",
+    Euml: "Ë",
+    Igrave: "Ì",
+    Iacute: "Í",
+    Icirc: "Î",
+    Iuml: "Ï",
+    ETH: "Ð",
+    Ntilde: "Ñ",
+    Ograve: "Ò",
+    Oacute: "Ó",
+    Ocirc: "Ô",
+    Otilde: "Õ",
+    Ouml: "Ö",
+    Oslash: "Ø",
+    Ugrave: "Ù",
+    Uacute: "Ú",
+    Ucirc: "Û",
+    Uuml: "Ü",
+    Yacute: "Ý",
+    THORN: "Þ",
+    szlig: "ß",
+    agrave: "à",
+    aacute: "á",
+    acirc: "â",
+    atilde: "ã",
+    auml: "ä",
+    aring: "å",
+    aelig: "æ",
+    ccedil: "ç",
+    egrave: "è",
+    eacute: "é",
+    ecirc: "ê",
+    euml: "ë",
+    igrave: "ì",
+    iacute: "í",
+    icirc: "î",
+    iuml: "ï",
+    eth: "ð",
+    ntilde: "ñ",
+    ograve: "ò",
+    oacute: "ó",
+    ocirc: "ô",
+    otilde: "õ",
+    ouml: "ö",
+    oslash: "ø",
+    ugrave: "ù",
+    uacute: "ú",
+    ucirc: "û",
+    uuml: "ü",
+    yacute: "ý",
+    thorn: "þ",
+    yuml: "ÿ",
+    nbsp: "\xA0",
+    iexcl: "¡",
+    cent: "¢",
+    pound: "£",
+    curren: "¤",
+    yen: "¥",
+    brvbar: "¦",
+    sect: "§",
+    uml: "¨",
+    copy: "©",
+    ordf: "ª",
+    laquo: "«",
+    not: "¬",
+    shy: "­­",
+    reg: "®",
+    macr: "¯",
+    deg: "°",
+    plusmn: "±",
+    sup2: "²",
+    sup3: "³",
+    acute: "´",
+    micro: "µ",
+    para: "¶",
+    middot: "·",
+    cedil: "¸",
+    sup1: "¹",
+    ordm: "º",
+    raquo: "»",
+    frac14: "¼",
+    frac12: "½",
+    frac34: "¾",
+    iquest: "¿",
+    times: "×",
+    divide: "÷",
+    forall: "∀",
+    part: "∂",
+    exist: "∃",
+    empty: "∅",
+    nabla: "∇",
+    isin: "∈",
+    notin: "∉",
+    ni: "∋",
+    prod: "∏",
+    sum: "∑",
+    minus: "−",
+    lowast: "∗",
+    radic: "√",
+    prop: "∝",
+    infin: "∞",
+    ang: "∠",
+    and: "∧",
+    or: "∨",
+    cap: "∩",
+    cup: "∪",
+    'int': "∫",
+    there4: "∴",
+    sim: "∼",
+    cong: "≅",
+    asymp: "≈",
+    ne: "≠",
+    equiv: "≡",
+    le: "≤",
+    ge: "≥",
+    sub: "⊂",
+    sup: "⊃",
+    nsub: "⊄",
+    sube: "⊆",
+    supe: "⊇",
+    oplus: "⊕",
+    otimes: "⊗",
+    perp: "⊥",
+    sdot: "⋅",
+    Alpha: "Α",
+    Beta: "Β",
+    Gamma: "Γ",
+    Delta: "Δ",
+    Epsilon: "Ε",
+    Zeta: "Ζ",
+    Eta: "Η",
+    Theta: "Θ",
+    Iota: "Ι",
+    Kappa: "Κ",
+    Lambda: "Λ",
+    Mu: "Μ",
+    Nu: "Ν",
+    Xi: "Ξ",
+    Omicron: "Ο",
+    Pi: "Π",
+    Rho: "Ρ",
+    Sigma: "Σ",
+    Tau: "Τ",
+    Upsilon: "Υ",
+    Phi: "Φ",
+    Chi: "Χ",
+    Psi: "Ψ",
+    Omega: "Ω",
+    alpha: "α",
+    beta: "β",
+    gamma: "γ",
+    delta: "δ",
+    epsilon: "ε",
+    zeta: "ζ",
+    eta: "η",
+    theta: "θ",
+    iota: "ι",
+    kappa: "κ",
+    lambda: "λ",
+    mu: "μ",
+    nu: "ν",
+    xi: "ξ",
+    omicron: "ο",
+    pi: "π",
+    rho: "ρ",
+    sigmaf: "ς",
+    sigma: "σ",
+    tau: "τ",
+    upsilon: "υ",
+    phi: "φ",
+    chi: "χ",
+    psi: "ψ",
+    omega: "ω",
+    thetasym: "ϑ",
+    upsih: "ϒ",
+    piv: "ϖ",
+    OElig: "Œ",
+    oelig: "œ",
+    Scaron: "Š",
+    scaron: "š",
+    Yuml: "Ÿ",
+    fnof: "ƒ",
+    circ: "ˆ",
+    tilde: "˜",
+    ensp: " ",
+    emsp: " ",
+    thinsp: " ",
+    zwnj: "‌",
+    zwj: "‍",
+    lrm: "‎",
+    rlm: "‏",
+    ndash: "–",
+    mdash: "—",
+    lsquo: "‘",
+    rsquo: "’",
+    sbquo: "‚",
+    ldquo: "“",
+    rdquo: "”",
+    bdquo: "„",
+    dagger: "†",
+    Dagger: "‡",
+    bull: "•",
+    hellip: "…",
+    permil: "‰",
+    prime: "′",
+    Prime: "″",
+    lsaquo: "‹",
+    rsaquo: "›",
+    oline: "‾",
+    euro: "€",
+    trade: "™",
+    larr: "←",
+    uarr: "↑",
+    rarr: "→",
+    darr: "↓",
+    harr: "↔",
+    crarr: "↵",
+    lceil: "⌈",
+    rceil: "⌉",
+    lfloor: "⌊",
+    rfloor: "⌋",
+    loz: "◊",
+    spades: "♠",
+    clubs: "♣",
+    hearts: "♥",
+    diams: "♦"
+  };
+  var entities = {
+    entityMap: entityMap
+  };
+
+  //[4]   	NameStartChar	   ::=   	":" | [A-Z] | "_" | [a-z] | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x2FF] | [#x370-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | [#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF]
+  //[4a]   	NameChar	   ::=   	NameStartChar | "-" | "." | [0-9] | #xB7 | [#x0300-#x036F] | [#x203F-#x2040]
+  //[5]   	Name	   ::=   	NameStartChar (NameChar)*
+  var nameStartChar = /[A-Z_a-z\xC0-\xD6\xD8-\xF6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD]/; //\u10000-\uEFFFF
+
+  var nameChar = new RegExp("[\\-\\.0-9" + nameStartChar.source.slice(1, -1) + "\\u00B7\\u0300-\\u036F\\u203F-\\u2040]");
+  var tagNamePattern = new RegExp('^' + nameStartChar.source + nameChar.source + '*(?:\:' + nameStartChar.source + nameChar.source + '*)?$'); //var tagNamePattern = /^[a-zA-Z_][\w\-\.]*(?:\:[a-zA-Z_][\w\-\.]*)?$/
+  //var handlers = 'resolveEntity,getExternalSubset,characters,endDocument,endElement,endPrefixMapping,ignorableWhitespace,processingInstruction,setDocumentLocator,skippedEntity,startDocument,startElement,startPrefixMapping,notationDecl,unparsedEntityDecl,error,fatalError,warning,attributeDecl,elementDecl,externalEntityDecl,internalEntityDecl,comment,endCDATA,endDTD,endEntity,startCDATA,startDTD,startEntity'.split(',')
+  //S_TAG,	S_ATTR,	S_EQ,	S_ATTR_NOQUOT_VALUE
+  //S_ATTR_SPACE,	S_ATTR_END,	S_TAG_SPACE, S_TAG_CLOSE
+
+  var S_TAG = 0; //tag name offerring
+
+  var S_ATTR = 1; //attr name offerring 
+
+  var S_ATTR_SPACE = 2; //attr name end and space offer
+
+  var S_EQ = 3; //=space?
+
+  var S_ATTR_NOQUOT_VALUE = 4; //attr value(no quot value only)
+
+  var S_ATTR_END = 5; //attr value end and no space(quot end)
+
+  var S_TAG_SPACE = 6; //(attr value end || tag end ) && (space offer)
+
+  var S_TAG_CLOSE = 7; //closed el<el />
+
+  /**
+   * Creates an error that will not be caught by XMLReader aka the SAX parser.
+   *
+   * @param {string} message
+   * @param {any?} locator Optional, can provide details about the location in the source
+   * @constructor
+   */
+
+  function ParseError(message, locator) {
+    this.message = message;
+    this.locator = locator;
+    if (Error.captureStackTrace) Error.captureStackTrace(this, ParseError);
+  }
+
+  ParseError.prototype = new Error();
+  ParseError.prototype.name = ParseError.name;
+
+  function XMLReader() {}
+
+  XMLReader.prototype = {
+    parse: function parse(source, defaultNSMap, entityMap) {
+      var domBuilder = this.domBuilder;
+      domBuilder.startDocument();
+
+      _copy(defaultNSMap, defaultNSMap = {});
+
+      _parse(source, defaultNSMap, entityMap, domBuilder, this.errorHandler);
+
+      domBuilder.endDocument();
+    }
+  };
+
+  function _parse(source, defaultNSMapCopy, entityMap, domBuilder, errorHandler) {
+    function fixedFromCharCode(code) {
+      // String.prototype.fromCharCode does not supports
+      // > 2 bytes unicode chars directly
+      if (code > 0xffff) {
+        code -= 0x10000;
+        var surrogate1 = 0xd800 + (code >> 10),
+            surrogate2 = 0xdc00 + (code & 0x3ff);
+        return String.fromCharCode(surrogate1, surrogate2);
+      } else {
+        return String.fromCharCode(code);
+      }
+    }
+
+    function entityReplacer(a) {
+      var k = a.slice(1, -1);
+
+      if (k in entityMap) {
+        return entityMap[k];
+      } else if (k.charAt(0) === '#') {
+        return fixedFromCharCode(parseInt(k.substr(1).replace('x', '0x')));
+      } else {
+        errorHandler.error('entity not found:' + a);
+        return a;
+      }
+    }
+
+    function appendText(end) {
+      //has some bugs
+      if (end > start) {
+        var xt = source.substring(start, end).replace(/&#?\w+;/g, entityReplacer);
+        locator && position(start);
+        domBuilder.characters(xt, 0, end - start);
+        start = end;
+      }
+    }
+
+    function position(p, m) {
+      while (p >= lineEnd && (m = linePattern.exec(source))) {
+        lineStart = m.index;
+        lineEnd = lineStart + m[0].length;
+        locator.lineNumber++; //console.log('line++:',locator,startPos,endPos)
+      }
+
+      locator.columnNumber = p - lineStart + 1;
+    }
+
+    var lineStart = 0;
+    var lineEnd = 0;
+    var linePattern = /.*(?:\r\n?|\n)|.*$/g;
+    var locator = domBuilder.locator;
+    var parseStack = [{
+      currentNSMap: defaultNSMapCopy
+    }];
+    var closeMap = {};
+    var start = 0;
+
+    while (true) {
+      try {
+        var tagStart = source.indexOf('<', start);
+
+        if (tagStart < 0) {
+          if (!source.substr(start).match(/^\s*$/)) {
+            var doc = domBuilder.doc;
+            var text = doc.createTextNode(source.substr(start));
+            doc.appendChild(text);
+            domBuilder.currentElement = text;
+          }
+
+          return;
+        }
+
+        if (tagStart > start) {
+          appendText(tagStart);
+        }
+
+        switch (source.charAt(tagStart + 1)) {
+          case '/':
+            var end = source.indexOf('>', tagStart + 3);
+            var tagName = source.substring(tagStart + 2, end);
+            var config = parseStack.pop();
+
+            if (end < 0) {
+              tagName = source.substring(tagStart + 2).replace(/[\s<].*/, ''); //console.error('#@@@@@@'+tagName)
+
+              errorHandler.error("end tag name: " + tagName + ' is not complete:' + config.tagName);
+              end = tagStart + 1 + tagName.length;
+            } else if (tagName.match(/\s</)) {
+              tagName = tagName.replace(/[\s<].*/, '');
+              errorHandler.error("end tag name: " + tagName + ' maybe not complete');
+              end = tagStart + 1 + tagName.length;
+            } //console.error(parseStack.length,parseStack)
+            //console.error(config);
+
+
+            var localNSMap = config.localNSMap;
+            var endMatch = config.tagName == tagName;
+            var endIgnoreCaseMach = endMatch || config.tagName && config.tagName.toLowerCase() == tagName.toLowerCase();
+
+            if (endIgnoreCaseMach) {
+              domBuilder.endElement(config.uri, config.localName, tagName);
+
+              if (localNSMap) {
+                for (var prefix in localNSMap) {
+                  domBuilder.endPrefixMapping(prefix);
+                }
+              }
+
+              if (!endMatch) {
+                errorHandler.fatalError("end tag name: " + tagName + ' is not match the current start tagName:' + config.tagName); // No known test case
+              }
+            } else {
+              parseStack.push(config);
+            }
+
+            end++;
+            break;
+          // end elment
+
+          case '?':
+            // <?...?>
+            locator && position(tagStart);
+            end = parseInstruction(source, tagStart, domBuilder);
+            break;
+
+          case '!':
+            // <!doctype,<![CDATA,<!--
+            locator && position(tagStart);
+            end = parseDCC(source, tagStart, domBuilder, errorHandler);
+            break;
+
+          default:
+            locator && position(tagStart);
+            var el = new ElementAttributes();
+            var currentNSMap = parseStack[parseStack.length - 1].currentNSMap; //elStartEnd
+
+            var end = parseElementStartPart(source, tagStart, el, currentNSMap, entityReplacer, errorHandler);
+            var len = el.length;
+
+            if (!el.closed && fixSelfClosed(source, end, el.tagName, closeMap)) {
+              el.closed = true;
+
+              if (!entityMap.nbsp) {
+                errorHandler.warning('unclosed xml attribute');
+              }
+            }
+
+            if (locator && len) {
+              var locator2 = copyLocator(locator, {}); //try{//attribute position fixed
+
+              for (var i = 0; i < len; i++) {
+                var a = el[i];
+                position(a.offset);
+                a.locator = copyLocator(locator, {});
+              } //}catch(e){console.error('@@@@@'+e)}
+
+
+              domBuilder.locator = locator2;
+
+              if (appendElement(el, domBuilder, currentNSMap)) {
+                parseStack.push(el);
+              }
+
+              domBuilder.locator = locator;
+            } else {
+              if (appendElement(el, domBuilder, currentNSMap)) {
+                parseStack.push(el);
+              }
+            }
+
+            if (el.uri === 'http://www.w3.org/1999/xhtml' && !el.closed) {
+              end = parseHtmlSpecialContent(source, end, el.tagName, entityReplacer, domBuilder);
+            } else {
+              end++;
+            }
+
+        }
+      } catch (e) {
+        if (e instanceof ParseError) {
+          throw e;
+        }
+
+        errorHandler.error('element parse error: ' + e);
+        end = -1;
+      }
+
+      if (end > start) {
+        start = end;
+      } else {
+        //TODO: 这里有可能sax回退，有位置错误风险
+        appendText(Math.max(tagStart, start) + 1);
+      }
+    }
+  }
+
+  function copyLocator(f, t) {
+    t.lineNumber = f.lineNumber;
+    t.columnNumber = f.columnNumber;
+    return t;
+  }
+  /**
+   * @see #appendElement(source,elStartEnd,el,selfClosed,entityReplacer,domBuilder,parseStack);
+   * @return end of the elementStartPart(end of elementEndPart for selfClosed el)
+   */
+
+
+  function parseElementStartPart(source, start, el, currentNSMap, entityReplacer, errorHandler) {
+    /**
+     * @param {string} qname
+     * @param {string} value
+     * @param {number} startIndex
+     */
+    function addAttribute(qname, value, startIndex) {
+      if (qname in el.attributeNames) errorHandler.fatalError('Attribute ' + qname + ' redefined');
+      el.addValue(qname, value, startIndex);
+    }
+
+    var attrName;
+    var value;
+    var p = ++start;
+    var s = S_TAG; //status
+
+    while (true) {
+      var c = source.charAt(p);
+
+      switch (c) {
+        case '=':
+          if (s === S_ATTR) {
+            //attrName
+            attrName = source.slice(start, p);
+            s = S_EQ;
+          } else if (s === S_ATTR_SPACE) {
+            s = S_EQ;
+          } else {
+            //fatalError: equal must after attrName or space after attrName
+            throw new Error('attribute equal must after attrName'); // No known test case
+          }
+
+          break;
+
+        case '\'':
+        case '"':
+          if (s === S_EQ || s === S_ATTR //|| s == S_ATTR_SPACE
+          ) {
+              //equal
+              if (s === S_ATTR) {
+                errorHandler.warning('attribute value must after "="');
+                attrName = source.slice(start, p);
+              }
+
+              start = p + 1;
+              p = source.indexOf(c, start);
+
+              if (p > 0) {
+                value = source.slice(start, p).replace(/&#?\w+;/g, entityReplacer);
+                addAttribute(attrName, value, start - 1);
+                s = S_ATTR_END;
+              } else {
+                //fatalError: no end quot match
+                throw new Error('attribute value no end \'' + c + '\' match');
+              }
+            } else if (s == S_ATTR_NOQUOT_VALUE) {
+            value = source.slice(start, p).replace(/&#?\w+;/g, entityReplacer); //console.log(attrName,value,start,p)
+
+            addAttribute(attrName, value, start); //console.dir(el)
+
+            errorHandler.warning('attribute "' + attrName + '" missed start quot(' + c + ')!!');
+            start = p + 1;
+            s = S_ATTR_END;
+          } else {
+            //fatalError: no equal before
+            throw new Error('attribute value must after "="'); // No known test case
+          }
+
+          break;
+
+        case '/':
+          switch (s) {
+            case S_TAG:
+              el.setTagName(source.slice(start, p));
+
+            case S_ATTR_END:
+            case S_TAG_SPACE:
+            case S_TAG_CLOSE:
+              s = S_TAG_CLOSE;
+              el.closed = true;
+
+            case S_ATTR_NOQUOT_VALUE:
+            case S_ATTR:
+            case S_ATTR_SPACE:
+              break;
+            //case S_EQ:
+
+            default:
+              throw new Error("attribute invalid close char('/')");
+            // No known test case
+          }
+
+          break;
+
+        case '':
+          //end document
+          errorHandler.error('unexpected end of input');
+
+          if (s == S_TAG) {
+            el.setTagName(source.slice(start, p));
+          }
+
+          return p;
+
+        case '>':
+          switch (s) {
+            case S_TAG:
+              el.setTagName(source.slice(start, p));
+
+            case S_ATTR_END:
+            case S_TAG_SPACE:
+            case S_TAG_CLOSE:
+              break;
+            //normal
+
+            case S_ATTR_NOQUOT_VALUE: //Compatible state
+
+            case S_ATTR:
+              value = source.slice(start, p);
+
+              if (value.slice(-1) === '/') {
+                el.closed = true;
+                value = value.slice(0, -1);
+              }
+
+            case S_ATTR_SPACE:
+              if (s === S_ATTR_SPACE) {
+                value = attrName;
+              }
+
+              if (s == S_ATTR_NOQUOT_VALUE) {
+                errorHandler.warning('attribute "' + value + '" missed quot(")!');
+                addAttribute(attrName, value.replace(/&#?\w+;/g, entityReplacer), start);
+              } else {
+                if (currentNSMap[''] !== 'http://www.w3.org/1999/xhtml' || !value.match(/^(?:disabled|checked|selected)$/i)) {
+                  errorHandler.warning('attribute "' + value + '" missed value!! "' + value + '" instead!!');
+                }
+
+                addAttribute(value, value, start);
+              }
+
+              break;
+
+            case S_EQ:
+              throw new Error('attribute value missed!!');
+          } //			console.log(tagName,tagNamePattern,tagNamePattern.test(tagName))
+
+
+          return p;
+
+        /*xml space '\x20' | #x9 | #xD | #xA; */
+
+        case "\x80":
+          c = ' ';
+
+        default:
+          if (c <= ' ') {
+            //space
+            switch (s) {
+              case S_TAG:
+                el.setTagName(source.slice(start, p)); //tagName
+
+                s = S_TAG_SPACE;
+                break;
+
+              case S_ATTR:
+                attrName = source.slice(start, p);
+                s = S_ATTR_SPACE;
+                break;
+
+              case S_ATTR_NOQUOT_VALUE:
+                var value = source.slice(start, p).replace(/&#?\w+;/g, entityReplacer);
+                errorHandler.warning('attribute "' + value + '" missed quot(")!!');
+                addAttribute(attrName, value, start);
+
+              case S_ATTR_END:
+                s = S_TAG_SPACE;
+                break;
+              //case S_TAG_SPACE:
+              //case S_EQ:
+              //case S_ATTR_SPACE:
+              //	void();break;
+              //case S_TAG_CLOSE:
+              //ignore warning
+            }
+          } else {
+            //not space
+            //S_TAG,	S_ATTR,	S_EQ,	S_ATTR_NOQUOT_VALUE
+            //S_ATTR_SPACE,	S_ATTR_END,	S_TAG_SPACE, S_TAG_CLOSE
+            switch (s) {
+              //case S_TAG:void();break;
+              //case S_ATTR:void();break;
+              //case S_ATTR_NOQUOT_VALUE:void();break;
+              case S_ATTR_SPACE:
+                el.tagName;
+
+                if (currentNSMap[''] !== 'http://www.w3.org/1999/xhtml' || !attrName.match(/^(?:disabled|checked|selected)$/i)) {
+                  errorHandler.warning('attribute "' + attrName + '" missed value!! "' + attrName + '" instead2!!');
+                }
+
+                addAttribute(attrName, attrName, start);
+                start = p;
+                s = S_ATTR;
+                break;
+
+              case S_ATTR_END:
+                errorHandler.warning('attribute space is required"' + attrName + '"!!');
+
+              case S_TAG_SPACE:
+                s = S_ATTR;
+                start = p;
+                break;
+
+              case S_EQ:
+                s = S_ATTR_NOQUOT_VALUE;
+                start = p;
+                break;
+
+              case S_TAG_CLOSE:
+                throw new Error("elements closed character '/' and '>' must be connected to");
+            }
+          }
+
+      } //end outer switch
+      //console.log('p++',p)
+
+
+      p++;
+    }
+  }
+  /**
+   * @return true if has new namespace define
+   */
+
+
+  function appendElement(el, domBuilder, currentNSMap) {
+    var tagName = el.tagName;
+    var localNSMap = null; //var currentNSMap = parseStack[parseStack.length-1].currentNSMap;
+
+    var i = el.length;
+
+    while (i--) {
+      var a = el[i];
+      var qName = a.qName;
+      var value = a.value;
+      var nsp = qName.indexOf(':');
+
+      if (nsp > 0) {
+        var prefix = a.prefix = qName.slice(0, nsp);
+        var localName = qName.slice(nsp + 1);
+        var nsPrefix = prefix === 'xmlns' && localName;
+      } else {
+        localName = qName;
+        prefix = null;
+        nsPrefix = qName === 'xmlns' && '';
+      } //can not set prefix,because prefix !== ''
+
+
+      a.localName = localName; //prefix == null for no ns prefix attribute 
+
+      if (nsPrefix !== false) {
+        //hack!!
+        if (localNSMap == null) {
+          localNSMap = {}; //console.log(currentNSMap,0)
+
+          _copy(currentNSMap, currentNSMap = {}); //console.log(currentNSMap,1)
+
+        }
+
+        currentNSMap[nsPrefix] = localNSMap[nsPrefix] = value;
+        a.uri = 'http://www.w3.org/2000/xmlns/';
+        domBuilder.startPrefixMapping(nsPrefix, value);
+      }
+    }
+
+    var i = el.length;
+
+    while (i--) {
+      a = el[i];
+      var prefix = a.prefix;
+
+      if (prefix) {
+        //no prefix attribute has no namespace
+        if (prefix === 'xml') {
+          a.uri = 'http://www.w3.org/XML/1998/namespace';
+        }
+
+        if (prefix !== 'xmlns') {
+          a.uri = currentNSMap[prefix || '']; //{console.log('###'+a.qName,domBuilder.locator.systemId+'',currentNSMap,a.uri)}
+        }
+      }
+    }
+
+    var nsp = tagName.indexOf(':');
+
+    if (nsp > 0) {
+      prefix = el.prefix = tagName.slice(0, nsp);
+      localName = el.localName = tagName.slice(nsp + 1);
+    } else {
+      prefix = null; //important!!
+
+      localName = el.localName = tagName;
+    } //no prefix element has default namespace
+
+
+    var ns = el.uri = currentNSMap[prefix || ''];
+    domBuilder.startElement(ns, localName, tagName, el); //endPrefixMapping and startPrefixMapping have not any help for dom builder
+    //localNSMap = null
+
+    if (el.closed) {
+      domBuilder.endElement(ns, localName, tagName);
+
+      if (localNSMap) {
+        for (prefix in localNSMap) {
+          domBuilder.endPrefixMapping(prefix);
+        }
+      }
+    } else {
+      el.currentNSMap = currentNSMap;
+      el.localNSMap = localNSMap; //parseStack.push(el);
+
+      return true;
+    }
+  }
+
+  function parseHtmlSpecialContent(source, elStartEnd, tagName, entityReplacer, domBuilder) {
+    if (/^(?:script|textarea)$/i.test(tagName)) {
+      var elEndStart = source.indexOf('</' + tagName + '>', elStartEnd);
+      var text = source.substring(elStartEnd + 1, elEndStart);
+
+      if (/[&<]/.test(text)) {
+        if (/^script$/i.test(tagName)) {
+          //if(!/\]\]>/.test(text)){
+          //lexHandler.startCDATA();
+          domBuilder.characters(text, 0, text.length); //lexHandler.endCDATA();
+
+          return elEndStart; //}
+        } //}else{//text area
+
+
+        text = text.replace(/&#?\w+;/g, entityReplacer);
+        domBuilder.characters(text, 0, text.length);
+        return elEndStart; //}
+      }
+    }
+
+    return elStartEnd + 1;
+  }
+
+  function fixSelfClosed(source, elStartEnd, tagName, closeMap) {
+    //if(tagName in closeMap){
+    var pos = closeMap[tagName];
+
+    if (pos == null) {
+      //console.log(tagName)
+      pos = source.lastIndexOf('</' + tagName + '>');
+
+      if (pos < elStartEnd) {
+        //忘记闭合
+        pos = source.lastIndexOf('</' + tagName);
+      }
+
+      closeMap[tagName] = pos;
+    }
+
+    return pos < elStartEnd; //} 
+  }
+
+  function _copy(source, target) {
+    for (var n in source) {
+      target[n] = source[n];
+    }
+  }
+
+  function parseDCC(source, start, domBuilder, errorHandler) {
+    //sure start with '<!'
+    var next = source.charAt(start + 2);
+
+    switch (next) {
+      case '-':
+        if (source.charAt(start + 3) === '-') {
+          var end = source.indexOf('-->', start + 4); //append comment source.substring(4,end)//<!--
+
+          if (end > start) {
+            domBuilder.comment(source, start + 4, end - start - 4);
+            return end + 3;
+          } else {
+            errorHandler.error("Unclosed comment");
+            return -1;
+          }
+        } else {
+          //error
+          return -1;
+        }
+
+      default:
+        if (source.substr(start + 3, 6) == 'CDATA[') {
+          var end = source.indexOf(']]>', start + 9);
+          domBuilder.startCDATA();
+          domBuilder.characters(source, start + 9, end - start - 9);
+          domBuilder.endCDATA();
+          return end + 3;
+        } //<!DOCTYPE
+        //startDTD(java.lang.String name, java.lang.String publicId, java.lang.String systemId) 
+
+
+        var matchs = split(source, start);
+        var len = matchs.length;
+
+        if (len > 1 && /!doctype/i.test(matchs[0][0])) {
+          var name = matchs[1][0];
+          var pubid = false;
+          var sysid = false;
+
+          if (len > 3) {
+            if (/^public$/i.test(matchs[2][0])) {
+              pubid = matchs[3][0];
+              sysid = len > 4 && matchs[4][0];
+            } else if (/^system$/i.test(matchs[2][0])) {
+              sysid = matchs[3][0];
+            }
+          }
+
+          var lastMatch = matchs[len - 1];
+          domBuilder.startDTD(name, pubid, sysid);
+          domBuilder.endDTD();
+          return lastMatch.index + lastMatch[0].length;
+        }
+
+    }
+
+    return -1;
+  }
+
+  function parseInstruction(source, start, domBuilder) {
+    var end = source.indexOf('?>', start);
+
+    if (end) {
+      var match = source.substring(start, end).match(/^<\?(\S*)\s*([\s\S]*?)\s*$/);
+
+      if (match) {
+        match[0].length;
+        domBuilder.processingInstruction(match[1], match[2]);
+        return end + 2;
+      } else {
+        //error
+        return -1;
+      }
+    }
+
+    return -1;
+  }
+
+  function ElementAttributes() {
+    this.attributeNames = {};
+  }
+
+  ElementAttributes.prototype = {
+    setTagName: function setTagName(tagName) {
+      if (!tagNamePattern.test(tagName)) {
+        throw new Error('invalid tagName:' + tagName);
+      }
+
+      this.tagName = tagName;
+    },
+    addValue: function addValue(qName, value, offset) {
+      if (!tagNamePattern.test(qName)) {
+        throw new Error('invalid attribute:' + qName);
+      }
+
+      this.attributeNames[qName] = this.length;
+      this[this.length++] = {
+        qName: qName,
+        value: value,
+        offset: offset
+      };
+    },
+    length: 0,
+    getLocalName: function getLocalName(i) {
+      return this[i].localName;
+    },
+    getLocator: function getLocator(i) {
+      return this[i].locator;
+    },
+    getQName: function getQName(i) {
+      return this[i].qName;
+    },
+    getURI: function getURI(i) {
+      return this[i].uri;
+    },
+    getValue: function getValue(i) {
+      return this[i].value;
+    } //	,getIndex:function(uri, localName)){
+    //		if(localName){
+    //			
+    //		}else{
+    //			var qName = uri
+    //		}
+    //	},
+    //	getValue:function(){return this.getValue(this.getIndex.apply(this,arguments))},
+    //	getType:function(uri,localName){}
+    //	getType:function(i){},
+
+  };
+
+  function split(source, start) {
+    var match;
+    var buf = [];
+    var reg = /'[^']+'|"[^"]+"|[^\s<>\/=]+=?|(\/?\s*>|<)/g;
+    reg.lastIndex = start;
+    reg.exec(source); //skip <
+
+    while (match = reg.exec(source)) {
+      buf.push(match);
+      if (match[1]) return buf;
+    }
+  }
+
+  var XMLReader_1 = XMLReader;
+  var ParseError_1 = ParseError;
+  var sax = {
+    XMLReader: XMLReader_1,
+    ParseError: ParseError_1
+  };
+
+  function copy(src, dest) {
+    for (var p in src) {
+      dest[p] = src[p];
+    }
+  }
+  /**
+  ^\w+\.prototype\.([_\w]+)\s*=\s*((?:.*\{\s*?[\r\n][\s\S]*?^})|\S.*?(?=[;\r\n]));?
+  ^\w+\.prototype\.([_\w]+)\s*=\s*(\S.*?(?=[;\r\n]));?
+   */
+
+
+  function _extends(Class, Super) {
+    var pt = Class.prototype;
+
+    if (!(pt instanceof Super)) {
+      var t = function t() {};
+      t.prototype = Super.prototype;
+      t = new t();
+      copy(pt, t);
+      Class.prototype = pt = t;
+    }
+
+    if (pt.constructor != Class) {
+      if (typeof Class != 'function') {
+        console.error("unknow Class:" + Class);
+      }
+
+      pt.constructor = Class;
+    }
+  }
+
+  var htmlns = 'http://www.w3.org/1999/xhtml'; // Node Types
+
+  var NodeType = {};
+  var ELEMENT_NODE = NodeType.ELEMENT_NODE = 1;
+  var ATTRIBUTE_NODE = NodeType.ATTRIBUTE_NODE = 2;
+  var TEXT_NODE = NodeType.TEXT_NODE = 3;
+  var CDATA_SECTION_NODE = NodeType.CDATA_SECTION_NODE = 4;
+  var ENTITY_REFERENCE_NODE = NodeType.ENTITY_REFERENCE_NODE = 5;
+  var ENTITY_NODE = NodeType.ENTITY_NODE = 6;
+  var PROCESSING_INSTRUCTION_NODE = NodeType.PROCESSING_INSTRUCTION_NODE = 7;
+  var COMMENT_NODE = NodeType.COMMENT_NODE = 8;
+  var DOCUMENT_NODE = NodeType.DOCUMENT_NODE = 9;
+  var DOCUMENT_TYPE_NODE = NodeType.DOCUMENT_TYPE_NODE = 10;
+  var DOCUMENT_FRAGMENT_NODE = NodeType.DOCUMENT_FRAGMENT_NODE = 11;
+  var NOTATION_NODE = NodeType.NOTATION_NODE = 12; // ExceptionCode
+
+  var ExceptionCode = {};
+  var ExceptionMessage = {};
+  ExceptionCode.INDEX_SIZE_ERR = (ExceptionMessage[1] = "Index size error", 1);
+  ExceptionCode.DOMSTRING_SIZE_ERR = (ExceptionMessage[2] = "DOMString size error", 2);
+  var HIERARCHY_REQUEST_ERR = ExceptionCode.HIERARCHY_REQUEST_ERR = (ExceptionMessage[3] = "Hierarchy request error", 3);
+  ExceptionCode.WRONG_DOCUMENT_ERR = (ExceptionMessage[4] = "Wrong document", 4);
+  ExceptionCode.INVALID_CHARACTER_ERR = (ExceptionMessage[5] = "Invalid character", 5);
+  ExceptionCode.NO_DATA_ALLOWED_ERR = (ExceptionMessage[6] = "No data allowed", 6);
+  ExceptionCode.NO_MODIFICATION_ALLOWED_ERR = (ExceptionMessage[7] = "No modification allowed", 7);
+  var NOT_FOUND_ERR = ExceptionCode.NOT_FOUND_ERR = (ExceptionMessage[8] = "Not found", 8);
+  ExceptionCode.NOT_SUPPORTED_ERR = (ExceptionMessage[9] = "Not supported", 9);
+  var INUSE_ATTRIBUTE_ERR = ExceptionCode.INUSE_ATTRIBUTE_ERR = (ExceptionMessage[10] = "Attribute in use", 10); //level2
+
+  ExceptionCode.INVALID_STATE_ERR = (ExceptionMessage[11] = "Invalid state", 11);
+  ExceptionCode.SYNTAX_ERR = (ExceptionMessage[12] = "Syntax error", 12);
+  ExceptionCode.INVALID_MODIFICATION_ERR = (ExceptionMessage[13] = "Invalid modification", 13);
+  ExceptionCode.NAMESPACE_ERR = (ExceptionMessage[14] = "Invalid namespace", 14);
+  ExceptionCode.INVALID_ACCESS_ERR = (ExceptionMessage[15] = "Invalid access", 15);
+  /**
+   * DOM Level 2
+   * Object DOMException
+   * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/ecma-script-binding.html
+   * @see http://www.w3.org/TR/REC-DOM-Level-1/ecma-script-language-binding.html
+   */
+
+  function DOMException(code, message) {
+    if (message instanceof Error) {
+      var error = message;
+    } else {
+      error = this;
+      Error.call(this, ExceptionMessage[code]);
+      this.message = ExceptionMessage[code];
+      if (Error.captureStackTrace) Error.captureStackTrace(this, DOMException);
+    }
+
+    error.code = code;
+    if (message) this.message = this.message + ": " + message;
+    return error;
+  }
+  DOMException.prototype = Error.prototype;
+  copy(ExceptionCode, DOMException);
+  /**
+   * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-536297177
+   * The NodeList interface provides the abstraction of an ordered collection of nodes, without defining or constraining how this collection is implemented. NodeList objects in the DOM are live.
+   * The items in the NodeList are accessible via an integral index, starting from 0.
+   */
+
+  function NodeList() {}
+  NodeList.prototype = {
+    /**
+     * The number of nodes in the list. The range of valid child node indices is 0 to length-1 inclusive.
+     * @standard level1
+     */
+    length: 0,
+
+    /**
+     * Returns the indexth item in the collection. If index is greater than or equal to the number of nodes in the list, this returns null.
+     * @standard level1
+     * @param index  unsigned long 
+     *   Index into the collection.
+     * @return Node
+     * 	The node at the indexth position in the NodeList, or null if that is not a valid index. 
+     */
+    item: function item(index) {
+      return this[index] || null;
+    },
+    toString: function toString(isHTML, nodeFilter) {
+      for (var buf = [], i = 0; i < this.length; i++) {
+        serializeToString(this[i], buf, isHTML, nodeFilter);
+      }
+
+      return buf.join('');
+    }
+  };
+
+  function LiveNodeList(node, refresh) {
+    this._node = node;
+    this._refresh = refresh;
+
+    _updateLiveList(this);
+  }
+
+  function _updateLiveList(list) {
+    var inc = list._node._inc || list._node.ownerDocument._inc;
+
+    if (list._inc != inc) {
+      var ls = list._refresh(list._node); //console.log(ls.length)
+
+
+      __set__(list, 'length', ls.length);
+
+      copy(ls, list);
+      list._inc = inc;
+    }
+  }
+
+  LiveNodeList.prototype.item = function (i) {
+    _updateLiveList(this);
+
+    return this[i];
+  };
+
+  _extends(LiveNodeList, NodeList);
+  /**
+   * 
+   * Objects implementing the NamedNodeMap interface are used to represent collections of nodes that can be accessed by name. Note that NamedNodeMap does not inherit from NodeList; NamedNodeMaps are not maintained in any particular order. Objects contained in an object implementing NamedNodeMap may also be accessed by an ordinal index, but this is simply to allow convenient enumeration of the contents of a NamedNodeMap, and does not imply that the DOM specifies an order to these Nodes.
+   * NamedNodeMap objects in the DOM are live.
+   * used for attributes or DocumentType entities 
+   */
+
+
+  function NamedNodeMap() {}
+
+  function _findNodeIndex(list, node) {
+    var i = list.length;
+
+    while (i--) {
+      if (list[i] === node) {
+        return i;
+      }
+    }
+  }
+
+  function _addNamedNode(el, list, newAttr, oldAttr) {
+    if (oldAttr) {
+      list[_findNodeIndex(list, oldAttr)] = newAttr;
+    } else {
+      list[list.length++] = newAttr;
+    }
+
+    if (el) {
+      newAttr.ownerElement = el;
+      var doc = el.ownerDocument;
+
+      if (doc) {
+        oldAttr && _onRemoveAttribute(doc, el, oldAttr);
+
+        _onAddAttribute(doc, el, newAttr);
+      }
+    }
+  }
+
+  function _removeNamedNode(el, list, attr) {
+    //console.log('remove attr:'+attr)
+    var i = _findNodeIndex(list, attr);
+
+    if (i >= 0) {
+      var lastIndex = list.length - 1;
+
+      while (i < lastIndex) {
+        list[i] = list[++i];
+      }
+
+      list.length = lastIndex;
+
+      if (el) {
+        var doc = el.ownerDocument;
+
+        if (doc) {
+          _onRemoveAttribute(doc, el, attr);
+
+          attr.ownerElement = null;
+        }
+      }
+    } else {
+      throw DOMException(NOT_FOUND_ERR, new Error(el.tagName + '@' + attr));
+    }
+  }
+
+  NamedNodeMap.prototype = {
+    length: 0,
+    item: NodeList.prototype.item,
+    getNamedItem: function getNamedItem(key) {
+      //		if(key.indexOf(':')>0 || key == 'xmlns'){
+      //			return null;
+      //		}
+      //console.log()
+      var i = this.length;
+
+      while (i--) {
+        var attr = this[i]; //console.log(attr.nodeName,key)
+
+        if (attr.nodeName == key) {
+          return attr;
+        }
+      }
+    },
+    setNamedItem: function setNamedItem(attr) {
+      var el = attr.ownerElement;
+
+      if (el && el != this._ownerElement) {
+        throw new DOMException(INUSE_ATTRIBUTE_ERR);
+      }
+
+      var oldAttr = this.getNamedItem(attr.nodeName);
+
+      _addNamedNode(this._ownerElement, this, attr, oldAttr);
+
+      return oldAttr;
+    },
+
+    /* returns Node */
+    setNamedItemNS: function setNamedItemNS(attr) {
+      // raises: WRONG_DOCUMENT_ERR,NO_MODIFICATION_ALLOWED_ERR,INUSE_ATTRIBUTE_ERR
+      var el = attr.ownerElement,
+          oldAttr;
+
+      if (el && el != this._ownerElement) {
+        throw new DOMException(INUSE_ATTRIBUTE_ERR);
+      }
+
+      oldAttr = this.getNamedItemNS(attr.namespaceURI, attr.localName);
+
+      _addNamedNode(this._ownerElement, this, attr, oldAttr);
+
+      return oldAttr;
+    },
+
+    /* returns Node */
+    removeNamedItem: function removeNamedItem(key) {
+      var attr = this.getNamedItem(key);
+
+      _removeNamedNode(this._ownerElement, this, attr);
+
+      return attr;
+    },
+    // raises: NOT_FOUND_ERR,NO_MODIFICATION_ALLOWED_ERR
+    //for level2
+    removeNamedItemNS: function removeNamedItemNS(namespaceURI, localName) {
+      var attr = this.getNamedItemNS(namespaceURI, localName);
+
+      _removeNamedNode(this._ownerElement, this, attr);
+
+      return attr;
+    },
+    getNamedItemNS: function getNamedItemNS(namespaceURI, localName) {
+      var i = this.length;
+
+      while (i--) {
+        var node = this[i];
+
+        if (node.localName == localName && node.namespaceURI == namespaceURI) {
+          return node;
+        }
+      }
+
+      return null;
+    }
+  };
+  /**
+   * @see http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-102161490
+   */
+
+  function DOMImplementation(
+  /* Object */
+  features) {
+    this._features = {};
+
+    if (features) {
+      for (var feature in features) {
+        this._features = features[feature];
+      }
+    }
+  }
+  DOMImplementation.prototype = {
+    hasFeature: function hasFeature(
+    /* string */
+    feature,
+    /* string */
+    version) {
+      var versions = this._features[feature.toLowerCase()];
+
+      if (versions && (!version || version in versions)) {
+        return true;
+      } else {
+        return false;
+      }
+    },
+    // Introduced in DOM Level 2:
+    createDocument: function createDocument(namespaceURI, qualifiedName, doctype) {
+      // raises:INVALID_CHARACTER_ERR,NAMESPACE_ERR,WRONG_DOCUMENT_ERR
+      var doc = new Document();
+      doc.implementation = this;
+      doc.childNodes = new NodeList();
+      doc.doctype = doctype;
+
+      if (doctype) {
+        doc.appendChild(doctype);
+      }
+
+      if (qualifiedName) {
+        var root = doc.createElementNS(namespaceURI, qualifiedName);
+        doc.appendChild(root);
+      }
+
+      return doc;
+    },
+    // Introduced in DOM Level 2:
+    createDocumentType: function createDocumentType(qualifiedName, publicId, systemId) {
+      // raises:INVALID_CHARACTER_ERR,NAMESPACE_ERR
+      var node = new DocumentType();
+      node.name = qualifiedName;
+      node.nodeName = qualifiedName;
+      node.publicId = publicId;
+      node.systemId = systemId; // Introduced in DOM Level 2:
+      //readonly attribute DOMString        internalSubset;
+      //TODO:..
+      //  readonly attribute NamedNodeMap     entities;
+      //  readonly attribute NamedNodeMap     notations;
+
+      return node;
+    }
+  };
+  /**
+   * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-1950641247
+   */
+
+  function Node() {}
+  Node.prototype = {
+    firstChild: null,
+    lastChild: null,
+    previousSibling: null,
+    nextSibling: null,
+    attributes: null,
+    parentNode: null,
+    childNodes: null,
+    ownerDocument: null,
+    nodeValue: null,
+    namespaceURI: null,
+    prefix: null,
+    localName: null,
+    // Modified in DOM Level 2:
+    insertBefore: function insertBefore(newChild, refChild) {
+      //raises 
+      return _insertBefore(this, newChild, refChild);
+    },
+    replaceChild: function replaceChild(newChild, oldChild) {
+      //raises 
+      this.insertBefore(newChild, oldChild);
+
+      if (oldChild) {
+        this.removeChild(oldChild);
+      }
+    },
+    removeChild: function removeChild(oldChild) {
+      return _removeChild(this, oldChild);
+    },
+    appendChild: function appendChild(newChild) {
+      return this.insertBefore(newChild, null);
+    },
+    hasChildNodes: function hasChildNodes() {
+      return this.firstChild != null;
+    },
+    cloneNode: function cloneNode(deep) {
+      return _cloneNode(this.ownerDocument || this, this, deep);
+    },
+    // Modified in DOM Level 2:
+    normalize: function normalize() {
+      var child = this.firstChild;
+
+      while (child) {
+        var next = child.nextSibling;
+
+        if (next && next.nodeType == TEXT_NODE && child.nodeType == TEXT_NODE) {
+          this.removeChild(next);
+          child.appendData(next.data);
+        } else {
+          child.normalize();
+          child = next;
+        }
+      }
+    },
+    // Introduced in DOM Level 2:
+    isSupported: function isSupported(feature, version) {
+      return this.ownerDocument.implementation.hasFeature(feature, version);
+    },
+    // Introduced in DOM Level 2:
+    hasAttributes: function hasAttributes() {
+      return this.attributes.length > 0;
+    },
+    lookupPrefix: function lookupPrefix(namespaceURI) {
+      var el = this;
+
+      while (el) {
+        var map = el._nsMap; //console.dir(map)
+
+        if (map) {
+          for (var n in map) {
+            if (map[n] == namespaceURI) {
+              return n;
+            }
+          }
+        }
+
+        el = el.nodeType == ATTRIBUTE_NODE ? el.ownerDocument : el.parentNode;
+      }
+
+      return null;
+    },
+    // Introduced in DOM Level 3:
+    lookupNamespaceURI: function lookupNamespaceURI(prefix) {
+      var el = this;
+
+      while (el) {
+        var map = el._nsMap; //console.dir(map)
+
+        if (map) {
+          if (prefix in map) {
+            return map[prefix];
+          }
+        }
+
+        el = el.nodeType == ATTRIBUTE_NODE ? el.ownerDocument : el.parentNode;
+      }
+
+      return null;
+    },
+    // Introduced in DOM Level 3:
+    isDefaultNamespace: function isDefaultNamespace(namespaceURI) {
+      var prefix = this.lookupPrefix(namespaceURI);
+      return prefix == null;
+    }
+  };
+
+  function _xmlEncoder(c) {
+    return c == '<' && '&lt;' || c == '>' && '&gt;' || c == '&' && '&amp;' || c == '"' && '&quot;' || '&#' + c.charCodeAt() + ';';
+  }
+
+  copy(NodeType, Node);
+  copy(NodeType, Node.prototype);
+  /**
+   * @param callback return true for continue,false for break
+   * @return boolean true: break visit;
+   */
+
+  function _visitNode(node, callback) {
+    if (callback(node)) {
+      return true;
+    }
+
+    if (node = node.firstChild) {
+      do {
+        if (_visitNode(node, callback)) {
+          return true;
+        }
+      } while (node = node.nextSibling);
+    }
+  }
+
+  function Document() {}
+
+  function _onAddAttribute(doc, el, newAttr) {
+    doc && doc._inc++;
+    var ns = newAttr.namespaceURI;
+
+    if (ns == 'http://www.w3.org/2000/xmlns/') {
+      //update namespace
+      el._nsMap[newAttr.prefix ? newAttr.localName : ''] = newAttr.value;
+    }
+  }
+
+  function _onRemoveAttribute(doc, el, newAttr, remove) {
+    doc && doc._inc++;
+    var ns = newAttr.namespaceURI;
+
+    if (ns == 'http://www.w3.org/2000/xmlns/') {
+      //update namespace
+      delete el._nsMap[newAttr.prefix ? newAttr.localName : ''];
+    }
+  }
+
+  function _onUpdateChild(doc, el, newChild) {
+    if (doc && doc._inc) {
+      doc._inc++; //update childNodes
+
+      var cs = el.childNodes;
+
+      if (newChild) {
+        cs[cs.length++] = newChild;
+      } else {
+        //console.log(1)
+        var child = el.firstChild;
+        var i = 0;
+
+        while (child) {
+          cs[i++] = child;
+          child = child.nextSibling;
+        }
+
+        cs.length = i;
+      }
+    }
+  }
+  /**
+   * attributes;
+   * children;
+   * 
+   * writeable properties:
+   * nodeValue,Attr:value,CharacterData:data
+   * prefix
+   */
+
+
+  function _removeChild(parentNode, child) {
+    var previous = child.previousSibling;
+    var next = child.nextSibling;
+
+    if (previous) {
+      previous.nextSibling = next;
+    } else {
+      parentNode.firstChild = next;
+    }
+
+    if (next) {
+      next.previousSibling = previous;
+    } else {
+      parentNode.lastChild = previous;
+    }
+
+    _onUpdateChild(parentNode.ownerDocument, parentNode);
+
+    return child;
+  }
+  /**
+   * preformance key(refChild == null)
+   */
+
+
+  function _insertBefore(parentNode, newChild, nextChild) {
+    var cp = newChild.parentNode;
+
+    if (cp) {
+      cp.removeChild(newChild); //remove and update
+    }
+
+    if (newChild.nodeType === DOCUMENT_FRAGMENT_NODE) {
+      var newFirst = newChild.firstChild;
+
+      if (newFirst == null) {
+        return newChild;
+      }
+
+      var newLast = newChild.lastChild;
+    } else {
+      newFirst = newLast = newChild;
+    }
+
+    var pre = nextChild ? nextChild.previousSibling : parentNode.lastChild;
+    newFirst.previousSibling = pre;
+    newLast.nextSibling = nextChild;
+
+    if (pre) {
+      pre.nextSibling = newFirst;
+    } else {
+      parentNode.firstChild = newFirst;
+    }
+
+    if (nextChild == null) {
+      parentNode.lastChild = newLast;
+    } else {
+      nextChild.previousSibling = newLast;
+    }
+
+    do {
+      newFirst.parentNode = parentNode;
+    } while (newFirst !== newLast && (newFirst = newFirst.nextSibling));
+
+    _onUpdateChild(parentNode.ownerDocument || parentNode, parentNode); //console.log(parentNode.lastChild.nextSibling == null)
+
+
+    if (newChild.nodeType == DOCUMENT_FRAGMENT_NODE) {
+      newChild.firstChild = newChild.lastChild = null;
+    }
+
+    return newChild;
+  }
+
+  function _appendSingleChild(parentNode, newChild) {
+    var cp = newChild.parentNode;
+
+    if (cp) {
+      var pre = parentNode.lastChild;
+      cp.removeChild(newChild); //remove and update
+
+      var pre = parentNode.lastChild;
+    }
+
+    var pre = parentNode.lastChild;
+    newChild.parentNode = parentNode;
+    newChild.previousSibling = pre;
+    newChild.nextSibling = null;
+
+    if (pre) {
+      pre.nextSibling = newChild;
+    } else {
+      parentNode.firstChild = newChild;
+    }
+
+    parentNode.lastChild = newChild;
+
+    _onUpdateChild(parentNode.ownerDocument, parentNode, newChild);
+
+    return newChild; //console.log("__aa",parentNode.lastChild.nextSibling == null)
+  }
+
+  Document.prototype = {
+    //implementation : null,
+    nodeName: '#document',
+    nodeType: DOCUMENT_NODE,
+    doctype: null,
+    documentElement: null,
+    _inc: 1,
+    insertBefore: function insertBefore(newChild, refChild) {
+      //raises 
+      if (newChild.nodeType == DOCUMENT_FRAGMENT_NODE) {
+        var child = newChild.firstChild;
+
+        while (child) {
+          var next = child.nextSibling;
+          this.insertBefore(child, refChild);
+          child = next;
+        }
+
+        return newChild;
+      }
+
+      if (this.documentElement == null && newChild.nodeType == ELEMENT_NODE) {
+        this.documentElement = newChild;
+      }
+
+      return _insertBefore(this, newChild, refChild), newChild.ownerDocument = this, newChild;
+    },
+    removeChild: function removeChild(oldChild) {
+      if (this.documentElement == oldChild) {
+        this.documentElement = null;
+      }
+
+      return _removeChild(this, oldChild);
+    },
+    // Introduced in DOM Level 2:
+    importNode: function importNode(importedNode, deep) {
+      return _importNode(this, importedNode, deep);
+    },
+    // Introduced in DOM Level 2:
+    getElementById: function getElementById(id) {
+      var rtv = null;
+
+      _visitNode(this.documentElement, function (node) {
+        if (node.nodeType == ELEMENT_NODE) {
+          if (node.getAttribute('id') == id) {
+            rtv = node;
+            return true;
+          }
+        }
+      });
+
+      return rtv;
+    },
+    getElementsByClassName: function getElementsByClassName(className) {
+      var pattern = new RegExp("(^|\\s)" + className + "(\\s|$)");
+      return new LiveNodeList(this, function (base) {
+        var ls = [];
+
+        _visitNode(base.documentElement, function (node) {
+          if (node !== base && node.nodeType == ELEMENT_NODE) {
+            if (pattern.test(node.getAttribute('class'))) {
+              ls.push(node);
+            }
+          }
+        });
+
+        return ls;
+      });
+    },
+    //document factory method:
+    createElement: function createElement(tagName) {
+      var node = new Element();
+      node.ownerDocument = this;
+      node.nodeName = tagName;
+      node.tagName = tagName;
+      node.childNodes = new NodeList();
+      var attrs = node.attributes = new NamedNodeMap();
+      attrs._ownerElement = node;
+      return node;
+    },
+    createDocumentFragment: function createDocumentFragment() {
+      var node = new DocumentFragment();
+      node.ownerDocument = this;
+      node.childNodes = new NodeList();
+      return node;
+    },
+    createTextNode: function createTextNode(data) {
+      var node = new Text();
+      node.ownerDocument = this;
+      node.appendData(data);
+      return node;
+    },
+    createComment: function createComment(data) {
+      var node = new Comment();
+      node.ownerDocument = this;
+      node.appendData(data);
+      return node;
+    },
+    createCDATASection: function createCDATASection(data) {
+      var node = new CDATASection();
+      node.ownerDocument = this;
+      node.appendData(data);
+      return node;
+    },
+    createProcessingInstruction: function createProcessingInstruction(target, data) {
+      var node = new ProcessingInstruction();
+      node.ownerDocument = this;
+      node.tagName = node.target = target;
+      node.nodeValue = node.data = data;
+      return node;
+    },
+    createAttribute: function createAttribute(name) {
+      var node = new Attr();
+      node.ownerDocument = this;
+      node.name = name;
+      node.nodeName = name;
+      node.localName = name;
+      node.specified = true;
+      return node;
+    },
+    createEntityReference: function createEntityReference(name) {
+      var node = new EntityReference();
+      node.ownerDocument = this;
+      node.nodeName = name;
+      return node;
+    },
+    // Introduced in DOM Level 2:
+    createElementNS: function createElementNS(namespaceURI, qualifiedName) {
+      var node = new Element();
+      var pl = qualifiedName.split(':');
+      var attrs = node.attributes = new NamedNodeMap();
+      node.childNodes = new NodeList();
+      node.ownerDocument = this;
+      node.nodeName = qualifiedName;
+      node.tagName = qualifiedName;
+      node.namespaceURI = namespaceURI;
+
+      if (pl.length == 2) {
+        node.prefix = pl[0];
+        node.localName = pl[1];
+      } else {
+        //el.prefix = null;
+        node.localName = qualifiedName;
+      }
+
+      attrs._ownerElement = node;
+      return node;
+    },
+    // Introduced in DOM Level 2:
+    createAttributeNS: function createAttributeNS(namespaceURI, qualifiedName) {
+      var node = new Attr();
+      var pl = qualifiedName.split(':');
+      node.ownerDocument = this;
+      node.nodeName = qualifiedName;
+      node.name = qualifiedName;
+      node.namespaceURI = namespaceURI;
+      node.specified = true;
+
+      if (pl.length == 2) {
+        node.prefix = pl[0];
+        node.localName = pl[1];
+      } else {
+        //el.prefix = null;
+        node.localName = qualifiedName;
+      }
+
+      return node;
+    }
+  };
+
+  _extends(Document, Node);
+
+  function Element() {
+    this._nsMap = {};
+  }
+  Element.prototype = {
+    nodeType: ELEMENT_NODE,
+    hasAttribute: function hasAttribute(name) {
+      return this.getAttributeNode(name) != null;
+    },
+    getAttribute: function getAttribute(name) {
+      var attr = this.getAttributeNode(name);
+      return attr && attr.value || '';
+    },
+    getAttributeNode: function getAttributeNode(name) {
+      return this.attributes.getNamedItem(name);
+    },
+    setAttribute: function setAttribute(name, value) {
+      var attr = this.ownerDocument.createAttribute(name);
+      attr.value = attr.nodeValue = "" + value;
+      this.setAttributeNode(attr);
+    },
+    removeAttribute: function removeAttribute(name) {
+      var attr = this.getAttributeNode(name);
+      attr && this.removeAttributeNode(attr);
+    },
+    //four real opeartion method
+    appendChild: function appendChild(newChild) {
+      if (newChild.nodeType === DOCUMENT_FRAGMENT_NODE) {
+        return this.insertBefore(newChild, null);
+      } else {
+        return _appendSingleChild(this, newChild);
+      }
+    },
+    setAttributeNode: function setAttributeNode(newAttr) {
+      return this.attributes.setNamedItem(newAttr);
+    },
+    setAttributeNodeNS: function setAttributeNodeNS(newAttr) {
+      return this.attributes.setNamedItemNS(newAttr);
+    },
+    removeAttributeNode: function removeAttributeNode(oldAttr) {
+      //console.log(this == oldAttr.ownerElement)
+      return this.attributes.removeNamedItem(oldAttr.nodeName);
+    },
+    //get real attribute name,and remove it by removeAttributeNode
+    removeAttributeNS: function removeAttributeNS(namespaceURI, localName) {
+      var old = this.getAttributeNodeNS(namespaceURI, localName);
+      old && this.removeAttributeNode(old);
+    },
+    hasAttributeNS: function hasAttributeNS(namespaceURI, localName) {
+      return this.getAttributeNodeNS(namespaceURI, localName) != null;
+    },
+    getAttributeNS: function getAttributeNS(namespaceURI, localName) {
+      var attr = this.getAttributeNodeNS(namespaceURI, localName);
+      return attr && attr.value || '';
+    },
+    setAttributeNS: function setAttributeNS(namespaceURI, qualifiedName, value) {
+      var attr = this.ownerDocument.createAttributeNS(namespaceURI, qualifiedName);
+      attr.value = attr.nodeValue = "" + value;
+      this.setAttributeNode(attr);
+    },
+    getAttributeNodeNS: function getAttributeNodeNS(namespaceURI, localName) {
+      return this.attributes.getNamedItemNS(namespaceURI, localName);
+    },
+    getElementsByTagName: function getElementsByTagName(tagName) {
+      return new LiveNodeList(this, function (base) {
+        var ls = [];
+
+        _visitNode(base, function (node) {
+          if (node !== base && node.nodeType == ELEMENT_NODE && (tagName === '*' || node.tagName == tagName)) {
+            ls.push(node);
+          }
+        });
+
+        return ls;
+      });
+    },
+    getElementsByTagNameNS: function getElementsByTagNameNS(namespaceURI, localName) {
+      return new LiveNodeList(this, function (base) {
+        var ls = [];
+
+        _visitNode(base, function (node) {
+          if (node !== base && node.nodeType === ELEMENT_NODE && (namespaceURI === '*' || node.namespaceURI === namespaceURI) && (localName === '*' || node.localName == localName)) {
+            ls.push(node);
+          }
+        });
+
+        return ls;
+      });
+    }
+  };
+  Document.prototype.getElementsByTagName = Element.prototype.getElementsByTagName;
+  Document.prototype.getElementsByTagNameNS = Element.prototype.getElementsByTagNameNS;
+
+  _extends(Element, Node);
+
+  function Attr() {}
+  Attr.prototype.nodeType = ATTRIBUTE_NODE;
+
+  _extends(Attr, Node);
+
+  function CharacterData() {}
+  CharacterData.prototype = {
+    data: '',
+    substringData: function substringData(offset, count) {
+      return this.data.substring(offset, offset + count);
+    },
+    appendData: function appendData(text) {
+      text = this.data + text;
+      this.nodeValue = this.data = text;
+      this.length = text.length;
+    },
+    insertData: function insertData(offset, text) {
+      this.replaceData(offset, 0, text);
+    },
+    appendChild: function appendChild(newChild) {
+      throw new Error(ExceptionMessage[HIERARCHY_REQUEST_ERR]);
+    },
+    deleteData: function deleteData(offset, count) {
+      this.replaceData(offset, count, "");
+    },
+    replaceData: function replaceData(offset, count, text) {
+      var start = this.data.substring(0, offset);
+      var end = this.data.substring(offset + count);
+      text = start + text + end;
+      this.nodeValue = this.data = text;
+      this.length = text.length;
+    }
+  };
+
+  _extends(CharacterData, Node);
+
+  function Text() {}
+  Text.prototype = {
+    nodeName: "#text",
+    nodeType: TEXT_NODE,
+    splitText: function splitText(offset) {
+      var text = this.data;
+      var newText = text.substring(offset);
+      text = text.substring(0, offset);
+      this.data = this.nodeValue = text;
+      this.length = text.length;
+      var newNode = this.ownerDocument.createTextNode(newText);
+
+      if (this.parentNode) {
+        this.parentNode.insertBefore(newNode, this.nextSibling);
+      }
+
+      return newNode;
+    }
+  };
+
+  _extends(Text, CharacterData);
+
+  function Comment() {}
+  Comment.prototype = {
+    nodeName: "#comment",
+    nodeType: COMMENT_NODE
+  };
+
+  _extends(Comment, CharacterData);
+
+  function CDATASection() {}
+  CDATASection.prototype = {
+    nodeName: "#cdata-section",
+    nodeType: CDATA_SECTION_NODE
+  };
+
+  _extends(CDATASection, CharacterData);
+
+  function DocumentType() {}
+  DocumentType.prototype.nodeType = DOCUMENT_TYPE_NODE;
+
+  _extends(DocumentType, Node);
+
+  function Notation() {}
+  Notation.prototype.nodeType = NOTATION_NODE;
+
+  _extends(Notation, Node);
+
+  function Entity() {}
+  Entity.prototype.nodeType = ENTITY_NODE;
+
+  _extends(Entity, Node);
+
+  function EntityReference() {}
+  EntityReference.prototype.nodeType = ENTITY_REFERENCE_NODE;
+
+  _extends(EntityReference, Node);
+
+  function DocumentFragment() {}
+  DocumentFragment.prototype.nodeName = "#document-fragment";
+  DocumentFragment.prototype.nodeType = DOCUMENT_FRAGMENT_NODE;
+
+  _extends(DocumentFragment, Node);
+
+  function ProcessingInstruction() {}
+
+  ProcessingInstruction.prototype.nodeType = PROCESSING_INSTRUCTION_NODE;
+
+  _extends(ProcessingInstruction, Node);
+
+  function XMLSerializer() {}
+
+  XMLSerializer.prototype.serializeToString = function (node, isHtml, nodeFilter) {
+    return nodeSerializeToString.call(node, isHtml, nodeFilter);
+  };
+
+  Node.prototype.toString = nodeSerializeToString;
+
+  function nodeSerializeToString(isHtml, nodeFilter) {
+    var buf = [];
+    var refNode = this.nodeType == 9 && this.documentElement || this;
+    var prefix = refNode.prefix;
+    var uri = refNode.namespaceURI;
+
+    if (uri && prefix == null) {
+      //console.log(prefix)
+      var prefix = refNode.lookupPrefix(uri);
+
+      if (prefix == null) {
+        //isHTML = true;
+        var visibleNamespaces = [{
+          namespace: uri,
+          prefix: null
+        } //{namespace:uri,prefix:''}
+        ];
+      }
+    }
+
+    serializeToString(this, buf, isHtml, nodeFilter, visibleNamespaces); //console.log('###',this.nodeType,uri,prefix,buf.join(''))
+
+    return buf.join('');
+  }
+
+  function needNamespaceDefine(node, isHTML, visibleNamespaces) {
+    var prefix = node.prefix || '';
+    var uri = node.namespaceURI;
+
+    if (!prefix && !uri) {
+      return false;
+    }
+
+    if (prefix === "xml" && uri === "http://www.w3.org/XML/1998/namespace" || uri == 'http://www.w3.org/2000/xmlns/') {
+      return false;
+    }
+
+    var i = visibleNamespaces.length; //console.log('@@@@',node.tagName,prefix,uri,visibleNamespaces)
+
+    while (i--) {
+      var ns = visibleNamespaces[i]; // get namespace prefix
+      //console.log(node.nodeType,node.tagName,ns.prefix,prefix)
+
+      if (ns.prefix == prefix) {
+        return ns.namespace != uri;
+      }
+    } //console.log(isHTML,uri,prefix=='')
+    //if(isHTML && prefix ==null && uri == 'http://www.w3.org/1999/xhtml'){
+    //	return false;
+    //}
+    //node.flag = '11111'
+    //console.error(3,true,node.flag,node.prefix,node.namespaceURI)
+
+
+    return true;
+  }
+
+  function serializeToString(node, buf, isHTML, nodeFilter, visibleNamespaces) {
+    if (nodeFilter) {
+      node = nodeFilter(node);
+
+      if (node) {
+        if (typeof node == 'string') {
+          buf.push(node);
+          return;
+        }
+      } else {
+        return;
+      } //buf.sort.apply(attrs, attributeSorter);
+
+    }
+
+    switch (node.nodeType) {
+      case ELEMENT_NODE:
+        if (!visibleNamespaces) visibleNamespaces = [];
+        visibleNamespaces.length;
+        var attrs = node.attributes;
+        var len = attrs.length;
+        var child = node.firstChild;
+        var nodeName = node.tagName;
+        isHTML = htmlns === node.namespaceURI || isHTML;
+        buf.push('<', nodeName);
+
+        for (var i = 0; i < len; i++) {
+          // add namespaces for attributes
+          var attr = attrs.item(i);
+
+          if (attr.prefix == 'xmlns') {
+            visibleNamespaces.push({
+              prefix: attr.localName,
+              namespace: attr.value
+            });
+          } else if (attr.nodeName == 'xmlns') {
+            visibleNamespaces.push({
+              prefix: '',
+              namespace: attr.value
+            });
+          }
+        }
+
+        for (var i = 0; i < len; i++) {
+          var attr = attrs.item(i);
+
+          if (needNamespaceDefine(attr, isHTML, visibleNamespaces)) {
+            var prefix = attr.prefix || '';
+            var uri = attr.namespaceURI;
+            var ns = prefix ? ' xmlns:' + prefix : " xmlns";
+            buf.push(ns, '="', uri, '"');
+            visibleNamespaces.push({
+              prefix: prefix,
+              namespace: uri
+            });
+          }
+
+          serializeToString(attr, buf, isHTML, nodeFilter, visibleNamespaces);
+        } // add namespace for current node		
+
+
+        if (needNamespaceDefine(node, isHTML, visibleNamespaces)) {
+          var prefix = node.prefix || '';
+          var uri = node.namespaceURI;
+          var ns = prefix ? ' xmlns:' + prefix : " xmlns";
+          buf.push(ns, '="', uri, '"');
+          visibleNamespaces.push({
+            prefix: prefix,
+            namespace: uri
+          });
+        }
+
+        if (child || isHTML && !/^(?:meta|link|img|br|hr|input)$/i.test(nodeName)) {
+          buf.push('>'); //if is cdata child node
+
+          if (isHTML && /^script$/i.test(nodeName)) {
+            while (child) {
+              if (child.data) {
+                buf.push(child.data);
+              } else {
+                serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces);
+              }
+
+              child = child.nextSibling;
+            }
+          } else {
+            while (child) {
+              serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces);
+              child = child.nextSibling;
+            }
+          }
+
+          buf.push('</', nodeName, '>');
+        } else {
+          buf.push('/>');
+        } // remove added visible namespaces
+        //visibleNamespaces.length = startVisibleNamespaces;
+
+
+        return;
+
+      case DOCUMENT_NODE:
+      case DOCUMENT_FRAGMENT_NODE:
+        var child = node.firstChild;
+
+        while (child) {
+          serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces);
+          child = child.nextSibling;
+        }
+
+        return;
+
+      case ATTRIBUTE_NODE:
+        return buf.push(' ', node.name, '="', node.value.replace(/[&"]/g, _xmlEncoder), '"');
+
+      case TEXT_NODE:
+        /**
+         * The ampersand character (&) and the left angle bracket (<) must not appear in their literal form,
+         * except when used as markup delimiters, or within a comment, a processing instruction, or a CDATA section.
+         * If they are needed elsewhere, they must be escaped using either numeric character references or the strings
+         * `&amp;` and `&lt;` respectively.
+         * The right angle bracket (>) may be represented using the string " &gt; ", and must, for compatibility,
+         * be escaped using either `&gt;` or a character reference when it appears in the string `]]>` in content,
+         * when that string is not marking the end of a CDATA section.
+         *
+         * In the content of elements, character data is any string of characters
+         * which does not contain the start-delimiter of any markup
+         * and does not include the CDATA-section-close delimiter, `]]>`.
+         *
+         * @see https://www.w3.org/TR/xml/#NT-CharData
+         */
+        return buf.push(node.data.replace(/[<&]/g, _xmlEncoder).replace(/]]>/g, ']]&gt;'));
+
+      case CDATA_SECTION_NODE:
+        return buf.push('<![CDATA[', node.data, ']]>');
+
+      case COMMENT_NODE:
+        return buf.push("<!--", node.data, "-->");
+
+      case DOCUMENT_TYPE_NODE:
+        var pubid = node.publicId;
+        var sysid = node.systemId;
+        buf.push('<!DOCTYPE ', node.name);
+
+        if (pubid) {
+          buf.push(' PUBLIC ', pubid);
+
+          if (sysid && sysid != '.') {
+            buf.push(' ', sysid);
+          }
+
+          buf.push('>');
+        } else if (sysid && sysid != '.') {
+          buf.push(' SYSTEM ', sysid, '>');
+        } else {
+          var sub = node.internalSubset;
+
+          if (sub) {
+            buf.push(" [", sub, "]");
+          }
+
+          buf.push(">");
+        }
+
+        return;
+
+      case PROCESSING_INSTRUCTION_NODE:
+        return buf.push("<?", node.target, " ", node.data, "?>");
+
+      case ENTITY_REFERENCE_NODE:
+        return buf.push('&', node.nodeName, ';');
+      //case ENTITY_NODE:
+      //case NOTATION_NODE:
+
+      default:
+        buf.push('??', node.nodeName);
+    }
+  }
+
+  function _importNode(doc, node, deep) {
+    var node2;
+
+    switch (node.nodeType) {
+      case ELEMENT_NODE:
+        node2 = node.cloneNode(false);
+        node2.ownerDocument = doc;
+      //var attrs = node2.attributes;
+      //var len = attrs.length;
+      //for(var i=0;i<len;i++){
+      //node2.setAttributeNodeNS(importNode(doc,attrs.item(i),deep));
+      //}
+
+      case DOCUMENT_FRAGMENT_NODE:
+        break;
+
+      case ATTRIBUTE_NODE:
+        deep = true;
+        break;
+      //case ENTITY_REFERENCE_NODE:
+      //case PROCESSING_INSTRUCTION_NODE:
+      ////case TEXT_NODE:
+      //case CDATA_SECTION_NODE:
+      //case COMMENT_NODE:
+      //	deep = false;
+      //	break;
+      //case DOCUMENT_NODE:
+      //case DOCUMENT_TYPE_NODE:
+      //cannot be imported.
+      //case ENTITY_NODE:
+      //case NOTATION_NODE：
+      //can not hit in level3
+      //default:throw e;
+    }
+
+    if (!node2) {
+      node2 = node.cloneNode(false); //false
+    }
+
+    node2.ownerDocument = doc;
+    node2.parentNode = null;
+
+    if (deep) {
+      var child = node.firstChild;
+
+      while (child) {
+        node2.appendChild(_importNode(doc, child, deep));
+        child = child.nextSibling;
+      }
+    }
+
+    return node2;
+  } //
+  //var _relationMap = {firstChild:1,lastChild:1,previousSibling:1,nextSibling:1,
+  //					attributes:1,childNodes:1,parentNode:1,documentElement:1,doctype,};
+
+
+  function _cloneNode(doc, node, deep) {
+    var node2 = new node.constructor();
+
+    for (var n in node) {
+      var v = node[n];
+
+      if (typeof v != 'object') {
+        if (v != node2[n]) {
+          node2[n] = v;
+        }
+      }
+    }
+
+    if (node.childNodes) {
+      node2.childNodes = new NodeList();
+    }
+
+    node2.ownerDocument = doc;
+
+    switch (node2.nodeType) {
+      case ELEMENT_NODE:
+        var attrs = node.attributes;
+        var attrs2 = node2.attributes = new NamedNodeMap();
+        var len = attrs.length;
+        attrs2._ownerElement = node2;
+
+        for (var i = 0; i < len; i++) {
+          node2.setAttributeNode(_cloneNode(doc, attrs.item(i), true));
+        }
+
+        break;
+
+      case ATTRIBUTE_NODE:
+        deep = true;
+    }
+
+    if (deep) {
+      var child = node.firstChild;
+
+      while (child) {
+        node2.appendChild(_cloneNode(doc, child, deep));
+        child = child.nextSibling;
+      }
+    }
+
+    return node2;
+  }
+
+  function __set__(object, key, value) {
+    object[key] = value;
+  } //do dynamic
+
+
+  try {
+    if (Object.defineProperty) {
+      var getTextContent = function getTextContent(node) {
+        switch (node.nodeType) {
+          case ELEMENT_NODE:
+          case DOCUMENT_FRAGMENT_NODE:
+            var buf = [];
+            node = node.firstChild;
+
+            while (node) {
+              if (node.nodeType !== 7 && node.nodeType !== 8) {
+                buf.push(getTextContent(node));
+              }
+
+              node = node.nextSibling;
+            }
+
+            return buf.join('');
+
+          default:
+            return node.nodeValue;
+        }
+      };
+
+      Object.defineProperty(LiveNodeList.prototype, 'length', {
+        get: function get() {
+          _updateLiveList(this);
+
+          return this.$$length;
+        }
+      });
+      Object.defineProperty(Node.prototype, 'textContent', {
+        get: function get() {
+          return getTextContent(this);
+        },
+        set: function set(data) {
+          switch (this.nodeType) {
+            case ELEMENT_NODE:
+            case DOCUMENT_FRAGMENT_NODE:
+              while (this.firstChild) {
+                this.removeChild(this.firstChild);
+              }
+
+              if (data || String(data)) {
+                this.appendChild(this.ownerDocument.createTextNode(data));
+              }
+
+              break;
+
+            default:
+              //TODO:
+              this.data = data;
+              this.value = data;
+              this.nodeValue = data;
+          }
+        }
+      });
+
+      __set__ = function __set__(object, key, value) {
+        //console.log(value)
+        object['$$' + key] = value;
+      };
+    }
+  } catch (e) {//ie8
+  } //if(typeof require == 'function'){
+
+
+  var Node_1 = Node;
+  var DOMException_1 = DOMException;
+  var DOMImplementation_1 = DOMImplementation;
+  var XMLSerializer_1 = XMLSerializer; //}
+
+  var dom = {
+    Node: Node_1,
+    DOMException: DOMException_1,
+    DOMImplementation: DOMImplementation_1,
+    XMLSerializer: XMLSerializer_1
+  };
+
+  var domParser = createCommonjsModule(function (module, exports) {
+    function DOMParser(options) {
+      this.options = options || {
+        locator: {}
+      };
+    }
+
+    DOMParser.prototype.parseFromString = function (source, mimeType) {
+      var options = this.options;
+      var sax = new XMLReader();
+      var domBuilder = options.domBuilder || new DOMHandler(); //contentHandler and LexicalHandler
+
+      var errorHandler = options.errorHandler;
+      var locator = options.locator;
+      var defaultNSMap = options.xmlns || {};
+      var isHTML = /\/x?html?$/.test(mimeType); //mimeType.toLowerCase().indexOf('html') > -1;
+
+      var entityMap = isHTML ? entities.entityMap : {
+        'lt': '<',
+        'gt': '>',
+        'amp': '&',
+        'quot': '"',
+        'apos': "'"
+      };
+
+      if (locator) {
+        domBuilder.setDocumentLocator(locator);
+      }
+
+      sax.errorHandler = buildErrorHandler(errorHandler, domBuilder, locator);
+      sax.domBuilder = options.domBuilder || domBuilder;
+
+      if (isHTML) {
+        defaultNSMap[''] = 'http://www.w3.org/1999/xhtml';
+      }
+
+      defaultNSMap.xml = defaultNSMap.xml || 'http://www.w3.org/XML/1998/namespace';
+
+      if (source && typeof source === 'string') {
+        sax.parse(source, defaultNSMap, entityMap);
+      } else {
+        sax.errorHandler.error("invalid doc source");
+      }
+
+      return domBuilder.doc;
+    };
+
+    function buildErrorHandler(errorImpl, domBuilder, locator) {
+      if (!errorImpl) {
+        if (domBuilder instanceof DOMHandler) {
+          return domBuilder;
+        }
+
+        errorImpl = domBuilder;
+      }
+
+      var errorHandler = {};
+      var isCallback = errorImpl instanceof Function;
+      locator = locator || {};
+
+      function build(key) {
+        var fn = errorImpl[key];
+
+        if (!fn && isCallback) {
+          fn = errorImpl.length == 2 ? function (msg) {
+            errorImpl(key, msg);
+          } : errorImpl;
+        }
+
+        errorHandler[key] = fn && function (msg) {
+          fn('[xmldom ' + key + ']\t' + msg + _locator(locator));
+        } || function () {};
+      }
+
+      build('warning');
+      build('error');
+      build('fatalError');
+      return errorHandler;
+    } //console.log('#\n\n\n\n\n\n\n####')
+
+    /**
+     * +ContentHandler+ErrorHandler
+     * +LexicalHandler+EntityResolver2
+     * -DeclHandler-DTDHandler
+     *
+     * DefaultHandler:EntityResolver, DTDHandler, ContentHandler, ErrorHandler
+     * DefaultHandler2:DefaultHandler,LexicalHandler, DeclHandler, EntityResolver2
+     * @link http://www.saxproject.org/apidoc/org/xml/sax/helpers/DefaultHandler.html
+     */
+
+
+    function DOMHandler() {
+      this.cdata = false;
+    }
+
+    function position(locator, node) {
+      node.lineNumber = locator.lineNumber;
+      node.columnNumber = locator.columnNumber;
+    }
+    /**
+     * @see org.xml.sax.ContentHandler#startDocument
+     * @link http://www.saxproject.org/apidoc/org/xml/sax/ContentHandler.html
+     */
+
+
+    DOMHandler.prototype = {
+      startDocument: function startDocument() {
+        this.doc = new DOMImplementation().createDocument(null, null, null);
+
+        if (this.locator) {
+          this.doc.documentURI = this.locator.systemId;
+        }
+      },
+      startElement: function startElement(namespaceURI, localName, qName, attrs) {
+        var doc = this.doc;
+        var el = doc.createElementNS(namespaceURI, qName || localName);
+        var len = attrs.length;
+        appendElement(this, el);
+        this.currentElement = el;
+        this.locator && position(this.locator, el);
+
+        for (var i = 0; i < len; i++) {
+          var namespaceURI = attrs.getURI(i);
+          var value = attrs.getValue(i);
+          var qName = attrs.getQName(i);
+          var attr = doc.createAttributeNS(namespaceURI, qName);
+          this.locator && position(attrs.getLocator(i), attr);
+          attr.value = attr.nodeValue = value;
+          el.setAttributeNode(attr);
+        }
+      },
+      endElement: function endElement(namespaceURI, localName, qName) {
+        var current = this.currentElement;
+        current.tagName;
+        this.currentElement = current.parentNode;
+      },
+      startPrefixMapping: function startPrefixMapping(prefix, uri) {},
+      endPrefixMapping: function endPrefixMapping(prefix) {},
+      processingInstruction: function processingInstruction(target, data) {
+        var ins = this.doc.createProcessingInstruction(target, data);
+        this.locator && position(this.locator, ins);
+        appendElement(this, ins);
+      },
+      ignorableWhitespace: function ignorableWhitespace(ch, start, length) {},
+      characters: function characters(chars, start, length) {
+        chars = _toString.apply(this, arguments); //console.log(chars)
+
+        if (chars) {
+          if (this.cdata) {
+            var charNode = this.doc.createCDATASection(chars);
+          } else {
+            var charNode = this.doc.createTextNode(chars);
+          }
+
+          if (this.currentElement) {
+            this.currentElement.appendChild(charNode);
+          } else if (/^\s*$/.test(chars)) {
+            this.doc.appendChild(charNode); //process xml
+          }
+
+          this.locator && position(this.locator, charNode);
+        }
+      },
+      skippedEntity: function skippedEntity(name) {},
+      endDocument: function endDocument() {
+        this.doc.normalize();
+      },
+      setDocumentLocator: function setDocumentLocator(locator) {
+        if (this.locator = locator) {
+          // && !('lineNumber' in locator)){
+          locator.lineNumber = 0;
+        }
+      },
+      //LexicalHandler
+      comment: function comment(chars, start, length) {
+        chars = _toString.apply(this, arguments);
+        var comm = this.doc.createComment(chars);
+        this.locator && position(this.locator, comm);
+        appendElement(this, comm);
+      },
+      startCDATA: function startCDATA() {
+        //used in characters() methods
+        this.cdata = true;
+      },
+      endCDATA: function endCDATA() {
+        this.cdata = false;
+      },
+      startDTD: function startDTD(name, publicId, systemId) {
+        var impl = this.doc.implementation;
+
+        if (impl && impl.createDocumentType) {
+          var dt = impl.createDocumentType(name, publicId, systemId);
+          this.locator && position(this.locator, dt);
+          appendElement(this, dt);
+        }
+      },
+
+      /**
+       * @see org.xml.sax.ErrorHandler
+       * @link http://www.saxproject.org/apidoc/org/xml/sax/ErrorHandler.html
+       */
+      warning: function warning(error) {
+        console.warn('[xmldom warning]\t' + error, _locator(this.locator));
+      },
+      error: function error(_error) {
+        console.error('[xmldom error]\t' + _error, _locator(this.locator));
+      },
+      fatalError: function fatalError(error) {
+        throw new ParseError(error, this.locator);
+      }
+    };
+
+    function _locator(l) {
+      if (l) {
+        return '\n@' + (l.systemId || '') + '#[line:' + l.lineNumber + ',col:' + l.columnNumber + ']';
+      }
+    }
+
+    function _toString(chars, start, length) {
+      if (typeof chars == 'string') {
+        return chars.substr(start, length);
+      } else {
+        //java sax connect width xmldom on rhino(what about: "? && !(chars instanceof String)")
+        if (chars.length >= start + length || start) {
+          return new java.lang.String(chars, start, length) + '';
+        }
+
+        return chars;
+      }
+    }
+    /*
+     * @link http://www.saxproject.org/apidoc/org/xml/sax/ext/LexicalHandler.html
+     * used method of org.xml.sax.ext.LexicalHandler:
+     *  #comment(chars, start, length)
+     *  #startCDATA()
+     *  #endCDATA()
+     *  #startDTD(name, publicId, systemId)
+     *
+     *
+     * IGNORED method of org.xml.sax.ext.LexicalHandler:
+     *  #endDTD()
+     *  #startEntity(name)
+     *  #endEntity(name)
+     *
+     *
+     * @link http://www.saxproject.org/apidoc/org/xml/sax/ext/DeclHandler.html
+     * IGNORED method of org.xml.sax.ext.DeclHandler
+     * 	#attributeDecl(eName, aName, type, mode, value)
+     *  #elementDecl(name, model)
+     *  #externalEntityDecl(name, publicId, systemId)
+     *  #internalEntityDecl(name, value)
+     * @link http://www.saxproject.org/apidoc/org/xml/sax/ext/EntityResolver2.html
+     * IGNORED method of org.xml.sax.EntityResolver2
+     *  #resolveEntity(String name,String publicId,String baseURI,String systemId)
+     *  #resolveEntity(publicId, systemId)
+     *  #getExternalSubset(name, baseURI)
+     * @link http://www.saxproject.org/apidoc/org/xml/sax/DTDHandler.html
+     * IGNORED method of org.xml.sax.DTDHandler
+     *  #notationDecl(name, publicId, systemId) {};
+     *  #unparsedEntityDecl(name, publicId, systemId, notationName) {};
+     */
+
+
+    "endDTD,startEntity,endEntity,attributeDecl,elementDecl,externalEntityDecl,internalEntityDecl,resolveEntity,getExternalSubset,notationDecl,unparsedEntityDecl".replace(/\w+/g, function (key) {
+      DOMHandler.prototype[key] = function () {
+        return null;
+      };
+    });
+    /* Private static helpers treated below as private instance methods, so don't need to add these to the public API; we might use a Relator to also get rid of non-standard public properties */
+
+    function appendElement(hander, node) {
+      if (!hander.currentElement) {
+        hander.doc.appendChild(node);
+      } else {
+        hander.currentElement.appendChild(node);
+      }
+    } //appendChild and setAttributeNS are preformance key
+    //if(typeof require == 'function'){
+
+
+    var XMLReader = sax.XMLReader;
+    var ParseError = sax.ParseError;
+    var DOMImplementation = exports.DOMImplementation = dom.DOMImplementation;
+    exports.XMLSerializer = dom.XMLSerializer;
+    exports.DOMParser = DOMParser;
+    exports.__DOMHandler = DOMHandler; //}
+  });
+  domParser.DOMImplementation;
+  domParser.XMLSerializer;
+  var domParser_3 = domParser.DOMParser;
+  domParser.__DOMHandler;
+
+  /*! @name mpd-parser @version 0.17.0 @license Apache-2.0 */
+
+  var isObject = function isObject(obj) {
+    return !!obj && typeof obj === 'object';
+  };
+
+  var merge = function merge() {
+    for (var _len = arguments.length, objects = new Array(_len), _key = 0; _key < _len; _key++) {
+      objects[_key] = arguments[_key];
+    }
+
+    return objects.reduce(function (result, source) {
+      if (typeof source !== 'object') {
+        return result;
+      }
+
+      Object.keys(source).forEach(function (key) {
+        if (Array.isArray(result[key]) && Array.isArray(source[key])) {
+          result[key] = result[key].concat(source[key]);
+        } else if (isObject(result[key]) && isObject(source[key])) {
+          result[key] = merge(result[key], source[key]);
+        } else {
+          result[key] = source[key];
+        }
+      });
+      return result;
+    }, {});
+  };
+
+  var values = function values(o) {
+    return Object.keys(o).map(function (k) {
+      return o[k];
+    });
+  };
+
+  var range = function range(start, end) {
+    var result = [];
+
+    for (var i = start; i < end; i++) {
+      result.push(i);
+    }
+
+    return result;
+  };
+
+  var flatten = function flatten(lists) {
+    return lists.reduce(function (x, y) {
+      return x.concat(y);
+    }, []);
+  };
+
+  var from = function from(list) {
+    if (!list.length) {
+      return [];
+    }
+
+    var result = [];
+
+    for (var i = 0; i < list.length; i++) {
+      result.push(list[i]);
+    }
+
+    return result;
+  };
+
+  var findIndexes = function findIndexes(l, key) {
+    return l.reduce(function (a, e, i) {
+      if (e[key]) {
+        a.push(i);
+      }
+
+      return a;
+    }, []);
+  };
+
+  var errors = {
+    INVALID_NUMBER_OF_PERIOD: 'INVALID_NUMBER_OF_PERIOD',
+    DASH_EMPTY_MANIFEST: 'DASH_EMPTY_MANIFEST',
+    DASH_INVALID_XML: 'DASH_INVALID_XML',
+    NO_BASE_URL: 'NO_BASE_URL',
+    MISSING_SEGMENT_INFORMATION: 'MISSING_SEGMENT_INFORMATION',
+    SEGMENT_TIME_UNSPECIFIED: 'SEGMENT_TIME_UNSPECIFIED',
+    UNSUPPORTED_UTC_TIMING_SCHEME: 'UNSUPPORTED_UTC_TIMING_SCHEME'
+  };
+  /**
+   * @typedef {Object} SingleUri
+   * @property {string} uri - relative location of segment
+   * @property {string} resolvedUri - resolved location of segment
+   * @property {Object} byterange - Object containing information on how to make byte range
+   *   requests following byte-range-spec per RFC2616.
+   * @property {String} byterange.length - length of range request
+   * @property {String} byterange.offset - byte offset of range request
+   *
+   * @see https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.35.1
+   */
+
+  /**
+   * Converts a URLType node (5.3.9.2.3 Table 13) to a segment object
+   * that conforms to how m3u8-parser is structured
+   *
+   * @see https://github.com/videojs/m3u8-parser
+   *
+   * @param {string} baseUrl - baseUrl provided by <BaseUrl> nodes
+   * @param {string} source - source url for segment
+   * @param {string} range - optional range used for range calls,
+   *   follows  RFC 2616, Clause 14.35.1
+   * @return {SingleUri} full segment information transformed into a format similar
+   *   to m3u8-parser
+   */
+
+  var urlTypeToSegment = function urlTypeToSegment(_ref) {
+    var _ref$baseUrl = _ref.baseUrl,
+        baseUrl = _ref$baseUrl === void 0 ? '' : _ref$baseUrl,
+        _ref$source = _ref.source,
+        source = _ref$source === void 0 ? '' : _ref$source,
+        _ref$range = _ref.range,
+        range = _ref$range === void 0 ? '' : _ref$range,
+        _ref$indexRange = _ref.indexRange,
+        indexRange = _ref$indexRange === void 0 ? '' : _ref$indexRange;
+    var segment = {
+      uri: source,
+      resolvedUri: resolveUrl$1(baseUrl || '', source)
+    };
+
+    if (range || indexRange) {
+      var rangeStr = range ? range : indexRange;
+      var ranges = rangeStr.split('-');
+      var startRange = parseInt(ranges[0], 10);
+      var endRange = parseInt(ranges[1], 10); // byterange should be inclusive according to
+      // RFC 2616, Clause 14.35.1
+
+      segment.byterange = {
+        length: endRange - startRange + 1,
+        offset: startRange
+      };
+    }
+
+    return segment;
+  };
+
+  var byteRangeToString = function byteRangeToString(byterange) {
+    // `endRange` is one less than `offset + length` because the HTTP range
+    // header uses inclusive ranges
+    var endRange = byterange.offset + byterange.length - 1;
+    return byterange.offset + "-" + endRange;
+  };
+  /**
+   * parse the end number attribue that can be a string
+   * number, or undefined.
+   *
+   * @param {string|number|undefined} endNumber
+   *        The end number attribute.
+   *
+   * @return {number|null}
+   *          The result of parsing the end number.
+   */
+
+
+  var parseEndNumber = function parseEndNumber(endNumber) {
+    if (endNumber && typeof endNumber !== 'number') {
+      endNumber = parseInt(endNumber, 10);
+    }
+
+    if (isNaN(endNumber)) {
+      return null;
+    }
+
+    return endNumber;
+  };
+  /**
+   * Functions for calculating the range of available segments in static and dynamic
+   * manifests.
+   */
+
+
+  var segmentRange = {
+    /**
+     * Returns the entire range of available segments for a static MPD
+     *
+     * @param {Object} attributes
+     *        Inheritied MPD attributes
+     * @return {{ start: number, end: number }}
+     *         The start and end numbers for available segments
+     */
+    "static": function _static(attributes) {
+      var duration = attributes.duration,
+          _attributes$timescale = attributes.timescale,
+          timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
+          sourceDuration = attributes.sourceDuration;
+      var endNumber = parseEndNumber(attributes.endNumber);
+      return {
+        start: 0,
+        end: typeof endNumber === 'number' ? endNumber : Math.ceil(sourceDuration / (duration / timescale))
+      };
+    },
+
+    /**
+     * Returns the current live window range of available segments for a dynamic MPD
+     *
+     * @param {Object} attributes
+     *        Inheritied MPD attributes
+     * @return {{ start: number, end: number }}
+     *         The start and end numbers for available segments
+     */
+    dynamic: function dynamic(attributes) {
+      var NOW = attributes.NOW,
+          clientOffset = attributes.clientOffset,
+          availabilityStartTime = attributes.availabilityStartTime,
+          _attributes$timescale2 = attributes.timescale,
+          timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
+          duration = attributes.duration,
+          _attributes$start = attributes.start,
+          start = _attributes$start === void 0 ? 0 : _attributes$start,
+          _attributes$minimumUp = attributes.minimumUpdatePeriod,
+          minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp,
+          _attributes$timeShift = attributes.timeShiftBufferDepth,
+          timeShiftBufferDepth = _attributes$timeShift === void 0 ? Infinity : _attributes$timeShift;
+      var endNumber = parseEndNumber(attributes.endNumber);
+      var now = (NOW + clientOffset) / 1000;
+      var periodStartWC = availabilityStartTime + start;
+      var periodEndWC = now + minimumUpdatePeriod;
+      var periodDuration = periodEndWC - periodStartWC;
+      var segmentCount = Math.ceil(periodDuration * timescale / duration);
+      var availableStart = Math.floor((now - periodStartWC - timeShiftBufferDepth) * timescale / duration);
+      var availableEnd = Math.floor((now - periodStartWC) * timescale / duration);
+      return {
+        start: Math.max(0, availableStart),
+        end: typeof endNumber === 'number' ? endNumber : Math.min(segmentCount, availableEnd)
+      };
+    }
+  };
+  /**
+   * Maps a range of numbers to objects with information needed to build the corresponding
+   * segment list
+   *
+   * @name toSegmentsCallback
+   * @function
+   * @param {number} number
+   *        Number of the segment
+   * @param {number} index
+   *        Index of the number in the range list
+   * @return {{ number: Number, duration: Number, timeline: Number, time: Number }}
+   *         Object with segment timing and duration info
+   */
+
+  /**
+   * Returns a callback for Array.prototype.map for mapping a range of numbers to
+   * information needed to build the segment list.
+   *
+   * @param {Object} attributes
+   *        Inherited MPD attributes
+   * @return {toSegmentsCallback}
+   *         Callback map function
+   */
+
+  var toSegments = function toSegments(attributes) {
+    return function (number, index) {
+      var duration = attributes.duration,
+          _attributes$timescale3 = attributes.timescale,
+          timescale = _attributes$timescale3 === void 0 ? 1 : _attributes$timescale3,
+          periodIndex = attributes.periodIndex,
+          _attributes$startNumb = attributes.startNumber,
+          startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb;
+      return {
+        number: startNumber + number,
+        duration: duration / timescale,
+        timeline: periodIndex,
+        time: index * duration
+      };
+    };
+  };
+  /**
+   * Returns a list of objects containing segment timing and duration info used for
+   * building the list of segments. This uses the @duration attribute specified
+   * in the MPD manifest to derive the range of segments.
+   *
+   * @param {Object} attributes
+   *        Inherited MPD attributes
+   * @return {{number: number, duration: number, time: number, timeline: number}[]}
+   *         List of Objects with segment timing and duration info
+   */
+
+
+  var parseByDuration = function parseByDuration(attributes) {
+    var _attributes$type = attributes.type,
+        type = _attributes$type === void 0 ? 'static' : _attributes$type,
+        duration = attributes.duration,
+        _attributes$timescale4 = attributes.timescale,
+        timescale = _attributes$timescale4 === void 0 ? 1 : _attributes$timescale4,
+        sourceDuration = attributes.sourceDuration;
+
+    var _segmentRange$type = segmentRange[type](attributes),
+        start = _segmentRange$type.start,
+        end = _segmentRange$type.end;
+
+    var segments = range(start, end).map(toSegments(attributes));
+
+    if (type === 'static') {
+      var index = segments.length - 1; // final segment may be less than full segment duration
+
+      segments[index].duration = sourceDuration - duration / timescale * index;
+    }
+
+    return segments;
+  };
+  /**
+   * Translates SegmentBase into a set of segments.
+   * (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes.  Each
+   * node should be translated into segment.
+   *
+   * @param {Object} attributes
+   *   Object containing all inherited attributes from parent elements with attribute
+   *   names as keys
+   * @return {Object.<Array>} list of segments
+   */
+
+
+  var segmentsFromBase = function segmentsFromBase(attributes) {
+    var baseUrl = attributes.baseUrl,
+        _attributes$initializ = attributes.initialization,
+        initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ,
+        sourceDuration = attributes.sourceDuration,
+        _attributes$indexRang = attributes.indexRange,
+        indexRange = _attributes$indexRang === void 0 ? '' : _attributes$indexRang,
+        duration = attributes.duration; // base url is required for SegmentBase to work, per spec (Section 5.3.9.2.1)
+
+    if (!baseUrl) {
+      throw new Error(errors.NO_BASE_URL);
+    }
+
+    var initSegment = urlTypeToSegment({
+      baseUrl: baseUrl,
+      source: initialization.sourceURL,
+      range: initialization.range
+    });
+    var segment = urlTypeToSegment({
+      baseUrl: baseUrl,
+      source: baseUrl,
+      indexRange: indexRange
+    });
+    segment.map = initSegment; // If there is a duration, use it, otherwise use the given duration of the source
+    // (since SegmentBase is only for one total segment)
+
+    if (duration) {
+      var segmentTimeInfo = parseByDuration(attributes);
+
+      if (segmentTimeInfo.length) {
+        segment.duration = segmentTimeInfo[0].duration;
+        segment.timeline = segmentTimeInfo[0].timeline;
+      }
+    } else if (sourceDuration) {
+      segment.duration = sourceDuration;
+      segment.timeline = 0;
+    } // This is used for mediaSequence
+
+
+    segment.number = 0;
+    return [segment];
+  };
+  /**
+   * Given a playlist, a sidx box, and a baseUrl, update the segment list of the playlist
+   * according to the sidx information given.
+   *
+   * playlist.sidx has metadadata about the sidx where-as the sidx param
+   * is the parsed sidx box itself.
+   *
+   * @param {Object} playlist the playlist to update the sidx information for
+   * @param {Object} sidx the parsed sidx box
+   * @return {Object} the playlist object with the updated sidx information
+   */
+
+
+  var addSidxSegmentsToPlaylist = function addSidxSegmentsToPlaylist(playlist, sidx, baseUrl) {
+    // Retain init segment information
+    var initSegment = playlist.sidx.map ? playlist.sidx.map : null; // Retain source duration from initial master manifest parsing
+
+    var sourceDuration = playlist.sidx.duration; // Retain source timeline
+
+    var timeline = playlist.timeline || 0;
+    var sidxByteRange = playlist.sidx.byterange;
+    var sidxEnd = sidxByteRange.offset + sidxByteRange.length; // Retain timescale of the parsed sidx
+
+    var timescale = sidx.timescale; // referenceType 1 refers to other sidx boxes
+
+    var mediaReferences = sidx.references.filter(function (r) {
+      return r.referenceType !== 1;
+    });
+    var segments = []; // firstOffset is the offset from the end of the sidx box
+
+    var startIndex = sidxEnd + sidx.firstOffset;
+
+    for (var i = 0; i < mediaReferences.length; i++) {
+      var reference = sidx.references[i]; // size of the referenced (sub)segment
+
+      var size = reference.referencedSize; // duration of the referenced (sub)segment, in  the  timescale
+      // this will be converted to seconds when generating segments
+
+      var duration = reference.subsegmentDuration; // should be an inclusive range
+
+      var endIndex = startIndex + size - 1;
+      var indexRange = startIndex + "-" + endIndex;
+      var attributes = {
+        baseUrl: baseUrl,
+        timescale: timescale,
+        timeline: timeline,
+        // this is used in parseByDuration
+        periodIndex: timeline,
+        duration: duration,
+        sourceDuration: sourceDuration,
+        indexRange: indexRange
+      };
+      var segment = segmentsFromBase(attributes)[0];
+
+      if (initSegment) {
+        segment.map = initSegment;
+      }
+
+      segments.push(segment);
+      startIndex += size;
+    }
+
+    playlist.segments = segments;
+    return playlist;
+  };
+
+  var generateSidxKey = function generateSidxKey(sidx) {
+    return sidx && sidx.uri + '-' + byteRangeToString(sidx.byterange);
+  };
+
+  var mergeDiscontiguousPlaylists = function mergeDiscontiguousPlaylists(playlists) {
+    var mergedPlaylists = values(playlists.reduce(function (acc, playlist) {
+      // assuming playlist IDs are the same across periods
+      // TODO: handle multiperiod where representation sets are not the same
+      // across periods
+      var name = playlist.attributes.id + (playlist.attributes.lang || ''); // Periods after first
+
+      if (acc[name]) {
+        var _acc$name$segments; // first segment of subsequent periods signal a discontinuity
+
+
+        if (playlist.segments[0]) {
+          playlist.segments[0].discontinuity = true;
+        }
+
+        (_acc$name$segments = acc[name].segments).push.apply(_acc$name$segments, playlist.segments); // bubble up contentProtection, this assumes all DRM content
+        // has the same contentProtection
+
+
+        if (playlist.attributes.contentProtection) {
+          acc[name].attributes.contentProtection = playlist.attributes.contentProtection;
+        }
+      } else {
+        // first Period
+        acc[name] = playlist;
+      }
+
+      return acc;
+    }, {}));
+    return mergedPlaylists.map(function (playlist) {
+      playlist.discontinuityStarts = findIndexes(playlist.segments, 'discontinuity');
+      return playlist;
+    });
+  };
+
+  var addSidxSegmentsToPlaylist$1 = function addSidxSegmentsToPlaylist$1(playlist, sidxMapping) {
+    var sidxKey = generateSidxKey(playlist.sidx);
+    var sidxMatch = sidxKey && sidxMapping[sidxKey] && sidxMapping[sidxKey].sidx;
+
+    if (sidxMatch) {
+      addSidxSegmentsToPlaylist(playlist, sidxMatch, playlist.sidx.resolvedUri);
+    }
+
+    return playlist;
+  };
+
+  var addSidxSegmentsToPlaylists = function addSidxSegmentsToPlaylists(playlists, sidxMapping) {
+    if (sidxMapping === void 0) {
+      sidxMapping = {};
+    }
+
+    if (!Object.keys(sidxMapping).length) {
+      return playlists;
+    }
+
+    for (var i in playlists) {
+      playlists[i] = addSidxSegmentsToPlaylist$1(playlists[i], sidxMapping);
+    }
+
+    return playlists;
+  };
+
+  var formatAudioPlaylist = function formatAudioPlaylist(_ref, isAudioOnly) {
+    var _attributes;
+
+    var attributes = _ref.attributes,
+        segments = _ref.segments,
+        sidx = _ref.sidx;
+    var playlist = {
+      attributes: (_attributes = {
+        NAME: attributes.id,
+        BANDWIDTH: attributes.bandwidth,
+        CODECS: attributes.codecs
+      }, _attributes['PROGRAM-ID'] = 1, _attributes),
+      uri: '',
+      endList: (attributes.type || 'static') === 'static',
+      timeline: attributes.periodIndex,
+      resolvedUri: '',
+      targetDuration: attributes.duration,
+      segments: segments,
+      mediaSequence: segments.length ? segments[0].number : 1
+    };
+
+    if (attributes.contentProtection) {
+      playlist.contentProtection = attributes.contentProtection;
+    }
+
+    if (sidx) {
+      playlist.sidx = sidx;
+    }
+
+    if (isAudioOnly) {
+      playlist.attributes.AUDIO = 'audio';
+      playlist.attributes.SUBTITLES = 'subs';
+    }
+
+    return playlist;
+  };
+
+  var formatVttPlaylist = function formatVttPlaylist(_ref2) {
+    var _m3u8Attributes;
+
+    var attributes = _ref2.attributes,
+        segments = _ref2.segments;
+
+    if (typeof segments === 'undefined') {
+      // vtt tracks may use single file in BaseURL
+      segments = [{
+        uri: attributes.baseUrl,
+        timeline: attributes.periodIndex,
+        resolvedUri: attributes.baseUrl || '',
+        duration: attributes.sourceDuration,
+        number: 0
+      }]; // targetDuration should be the same duration as the only segment
+
+      attributes.duration = attributes.sourceDuration;
+    }
+
+    var m3u8Attributes = (_m3u8Attributes = {
+      NAME: attributes.id,
+      BANDWIDTH: attributes.bandwidth
+    }, _m3u8Attributes['PROGRAM-ID'] = 1, _m3u8Attributes);
+
+    if (attributes.codecs) {
+      m3u8Attributes.CODECS = attributes.codecs;
+    }
+
+    return {
+      attributes: m3u8Attributes,
+      uri: '',
+      endList: (attributes.type || 'static') === 'static',
+      timeline: attributes.periodIndex,
+      resolvedUri: attributes.baseUrl || '',
+      targetDuration: attributes.duration,
+      segments: segments,
+      mediaSequence: segments.length ? segments[0].number : 1
+    };
+  };
+
+  var organizeAudioPlaylists = function organizeAudioPlaylists(playlists, sidxMapping, isAudioOnly) {
+    if (sidxMapping === void 0) {
+      sidxMapping = {};
+    }
+
+    if (isAudioOnly === void 0) {
+      isAudioOnly = false;
+    }
+
+    var mainPlaylist;
+    var formattedPlaylists = playlists.reduce(function (a, playlist) {
+      var role = playlist.attributes.role && playlist.attributes.role.value || '';
+      var language = playlist.attributes.lang || '';
+      var label = playlist.attributes.label || 'main';
+
+      if (language && !playlist.attributes.label) {
+        var roleLabel = role ? " (" + role + ")" : '';
+        label = "" + playlist.attributes.lang + roleLabel;
+      }
+
+      if (!a[label]) {
+        a[label] = {
+          language: language,
+          autoselect: true,
+          "default": role === 'main',
+          playlists: [],
+          uri: ''
+        };
+      }
+
+      var formatted = addSidxSegmentsToPlaylist$1(formatAudioPlaylist(playlist, isAudioOnly), sidxMapping);
+      a[label].playlists.push(formatted);
+
+      if (typeof mainPlaylist === 'undefined' && role === 'main') {
+        mainPlaylist = playlist;
+        mainPlaylist["default"] = true;
+      }
+
+      return a;
+    }, {}); // if no playlists have role "main", mark the first as main
+
+    if (!mainPlaylist) {
+      var firstLabel = Object.keys(formattedPlaylists)[0];
+      formattedPlaylists[firstLabel]["default"] = true;
+    }
+
+    return formattedPlaylists;
+  };
+
+  var organizeVttPlaylists = function organizeVttPlaylists(playlists, sidxMapping) {
+    if (sidxMapping === void 0) {
+      sidxMapping = {};
+    }
+
+    return playlists.reduce(function (a, playlist) {
+      var label = playlist.attributes.lang || 'text';
+
+      if (!a[label]) {
+        a[label] = {
+          language: label,
+          "default": false,
+          autoselect: false,
+          playlists: [],
+          uri: ''
+        };
+      }
+
+      a[label].playlists.push(addSidxSegmentsToPlaylist$1(formatVttPlaylist(playlist), sidxMapping));
+      return a;
+    }, {});
+  };
+
+  var organizeCaptionServices = function organizeCaptionServices(captionServices) {
+    return captionServices.reduce(function (svcObj, svc) {
+      if (!svc) {
+        return svcObj;
+      }
+
+      svc.forEach(function (service) {
+        var channel = service.channel,
+            language = service.language;
+        svcObj[language] = {
+          autoselect: false,
+          "default": false,
+          instreamId: channel,
+          language: language
+        };
+
+        if (service.hasOwnProperty('aspectRatio')) {
+          svcObj[language].aspectRatio = service.aspectRatio;
+        }
+
+        if (service.hasOwnProperty('easyReader')) {
+          svcObj[language].easyReader = service.easyReader;
+        }
+
+        if (service.hasOwnProperty('3D')) {
+          svcObj[language]['3D'] = service['3D'];
+        }
+      });
+      return svcObj;
+    }, {});
+  };
+
+  var formatVideoPlaylist = function formatVideoPlaylist(_ref3) {
+    var _attributes2;
+
+    var attributes = _ref3.attributes,
+        segments = _ref3.segments,
+        sidx = _ref3.sidx;
+    var playlist = {
+      attributes: (_attributes2 = {
+        NAME: attributes.id,
+        AUDIO: 'audio',
+        SUBTITLES: 'subs',
+        RESOLUTION: {
+          width: attributes.width,
+          height: attributes.height
+        },
+        CODECS: attributes.codecs,
+        BANDWIDTH: attributes.bandwidth
+      }, _attributes2['PROGRAM-ID'] = 1, _attributes2),
+      uri: '',
+      endList: (attributes.type || 'static') === 'static',
+      timeline: attributes.periodIndex,
+      resolvedUri: '',
+      targetDuration: attributes.duration,
+      segments: segments,
+      mediaSequence: segments.length ? segments[0].number : 1
+    };
+
+    if (attributes.contentProtection) {
+      playlist.contentProtection = attributes.contentProtection;
+    }
+
+    if (sidx) {
+      playlist.sidx = sidx;
+    }
+
+    return playlist;
+  };
+
+  var videoOnly = function videoOnly(_ref4) {
+    var attributes = _ref4.attributes;
+    return attributes.mimeType === 'video/mp4' || attributes.mimeType === 'video/webm' || attributes.contentType === 'video';
+  };
+
+  var audioOnly = function audioOnly(_ref5) {
+    var attributes = _ref5.attributes;
+    return attributes.mimeType === 'audio/mp4' || attributes.mimeType === 'audio/webm' || attributes.contentType === 'audio';
+  };
+
+  var vttOnly = function vttOnly(_ref6) {
+    var attributes = _ref6.attributes;
+    return attributes.mimeType === 'text/vtt' || attributes.contentType === 'text';
+  };
+
+  var toM3u8 = function toM3u8(dashPlaylists, locations, sidxMapping) {
+    var _mediaGroups;
+
+    if (sidxMapping === void 0) {
+      sidxMapping = {};
+    }
+
+    if (!dashPlaylists.length) {
+      return {};
+    } // grab all master attributes
+
+
+    var _dashPlaylists$0$attr = dashPlaylists[0].attributes,
+        duration = _dashPlaylists$0$attr.sourceDuration,
+        _dashPlaylists$0$attr2 = _dashPlaylists$0$attr.type,
+        type = _dashPlaylists$0$attr2 === void 0 ? 'static' : _dashPlaylists$0$attr2,
+        suggestedPresentationDelay = _dashPlaylists$0$attr.suggestedPresentationDelay,
+        minimumUpdatePeriod = _dashPlaylists$0$attr.minimumUpdatePeriod;
+    var videoPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(videoOnly)).map(formatVideoPlaylist);
+    var audioPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(audioOnly));
+    var vttPlaylists = dashPlaylists.filter(vttOnly);
+    var captions = dashPlaylists.map(function (playlist) {
+      return playlist.attributes.captionServices;
+    }).filter(Boolean);
+    var master = {
+      allowCache: true,
+      discontinuityStarts: [],
+      segments: [],
+      endList: true,
+      mediaGroups: (_mediaGroups = {
+        AUDIO: {},
+        VIDEO: {}
+      }, _mediaGroups['CLOSED-CAPTIONS'] = {}, _mediaGroups.SUBTITLES = {}, _mediaGroups),
+      uri: '',
+      duration: duration,
+      playlists: addSidxSegmentsToPlaylists(videoPlaylists, sidxMapping)
+    };
+
+    if (minimumUpdatePeriod >= 0) {
+      master.minimumUpdatePeriod = minimumUpdatePeriod * 1000;
+    }
+
+    if (locations) {
+      master.locations = locations;
+    }
+
+    if (type === 'dynamic') {
+      master.suggestedPresentationDelay = suggestedPresentationDelay;
+    }
+
+    var isAudioOnly = master.playlists.length === 0;
+
+    if (audioPlaylists.length) {
+      master.mediaGroups.AUDIO.audio = organizeAudioPlaylists(audioPlaylists, sidxMapping, isAudioOnly);
+    }
+
+    if (vttPlaylists.length) {
+      master.mediaGroups.SUBTITLES.subs = organizeVttPlaylists(vttPlaylists, sidxMapping);
+    }
+
+    if (captions.length) {
+      master.mediaGroups['CLOSED-CAPTIONS'].cc = organizeCaptionServices(captions);
+    }
+
+    return master;
+  };
+  /**
+   * Calculates the R (repetition) value for a live stream (for the final segment
+   * in a manifest where the r value is negative 1)
+   *
+   * @param {Object} attributes
+   *        Object containing all inherited attributes from parent elements with attribute
+   *        names as keys
+   * @param {number} time
+   *        current time (typically the total time up until the final segment)
+   * @param {number} duration
+   *        duration property for the given <S />
+   *
+   * @return {number}
+   *        R value to reach the end of the given period
+   */
+
+
+  var getLiveRValue = function getLiveRValue(attributes, time, duration) {
+    var NOW = attributes.NOW,
+        clientOffset = attributes.clientOffset,
+        availabilityStartTime = attributes.availabilityStartTime,
+        _attributes$timescale = attributes.timescale,
+        timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
+        _attributes$start = attributes.start,
+        start = _attributes$start === void 0 ? 0 : _attributes$start,
+        _attributes$minimumUp = attributes.minimumUpdatePeriod,
+        minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp;
+    var now = (NOW + clientOffset) / 1000;
+    var periodStartWC = availabilityStartTime + start;
+    var periodEndWC = now + minimumUpdatePeriod;
+    var periodDuration = periodEndWC - periodStartWC;
+    return Math.ceil((periodDuration * timescale - time) / duration);
+  };
+  /**
+   * Uses information provided by SegmentTemplate.SegmentTimeline to determine segment
+   * timing and duration
+   *
+   * @param {Object} attributes
+   *        Object containing all inherited attributes from parent elements with attribute
+   *        names as keys
+   * @param {Object[]} segmentTimeline
+   *        List of objects representing the attributes of each S element contained within
+   *
+   * @return {{number: number, duration: number, time: number, timeline: number}[]}
+   *         List of Objects with segment timing and duration info
+   */
+
+
+  var parseByTimeline = function parseByTimeline(attributes, segmentTimeline) {
+    var _attributes$type = attributes.type,
+        type = _attributes$type === void 0 ? 'static' : _attributes$type,
+        _attributes$minimumUp2 = attributes.minimumUpdatePeriod,
+        minimumUpdatePeriod = _attributes$minimumUp2 === void 0 ? 0 : _attributes$minimumUp2,
+        _attributes$media = attributes.media,
+        media = _attributes$media === void 0 ? '' : _attributes$media,
+        sourceDuration = attributes.sourceDuration,
+        _attributes$timescale2 = attributes.timescale,
+        timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
+        _attributes$startNumb = attributes.startNumber,
+        startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb,
+        timeline = attributes.periodIndex;
+    var segments = [];
+    var time = -1;
+
+    for (var sIndex = 0; sIndex < segmentTimeline.length; sIndex++) {
+      var S = segmentTimeline[sIndex];
+      var duration = S.d;
+      var repeat = S.r || 0;
+      var segmentTime = S.t || 0;
+
+      if (time < 0) {
+        // first segment
+        time = segmentTime;
+      }
+
+      if (segmentTime && segmentTime > time) {
+        // discontinuity
+        // TODO: How to handle this type of discontinuity
+        // timeline++ here would treat it like HLS discontuity and content would
+        // get appended without gap
+        // E.G.
+        //  <S t="0" d="1" />
+        //  <S d="1" />
+        //  <S d="1" />
+        //  <S t="5" d="1" />
+        // would have $Time$ values of [0, 1, 2, 5]
+        // should this be appened at time positions [0, 1, 2, 3],(#EXT-X-DISCONTINUITY)
+        // or [0, 1, 2, gap, gap, 5]? (#EXT-X-GAP)
+        // does the value of sourceDuration consider this when calculating arbitrary
+        // negative @r repeat value?
+        // E.G. Same elements as above with this added at the end
+        //  <S d="1" r="-1" />
+        //  with a sourceDuration of 10
+        // Would the 2 gaps be included in the time duration calculations resulting in
+        // 8 segments with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9] or 10 segments
+        // with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9, 10, 11] ?
+        time = segmentTime;
+      }
+
+      var count = void 0;
+
+      if (repeat < 0) {
+        var nextS = sIndex + 1;
+
+        if (nextS === segmentTimeline.length) {
+          // last segment
+          if (type === 'dynamic' && minimumUpdatePeriod > 0 && media.indexOf('$Number$') > 0) {
+            count = getLiveRValue(attributes, time, duration);
+          } else {
+            // TODO: This may be incorrect depending on conclusion of TODO above
+            count = (sourceDuration * timescale - time) / duration;
+          }
+        } else {
+          count = (segmentTimeline[nextS].t - time) / duration;
+        }
+      } else {
+        count = repeat + 1;
+      }
+
+      var end = startNumber + segments.length + count;
+      var number = startNumber + segments.length;
+
+      while (number < end) {
+        segments.push({
+          number: number,
+          duration: duration / timescale,
+          time: time,
+          timeline: timeline
+        });
+        time += duration;
+        number++;
+      }
+    }
+
+    return segments;
+  };
+
+  var identifierPattern = /\$([A-z]*)(?:(%0)([0-9]+)d)?\$/g;
+  /**
+   * Replaces template identifiers with corresponding values. To be used as the callback
+   * for String.prototype.replace
+   *
+   * @name replaceCallback
+   * @function
+   * @param {string} match
+   *        Entire match of identifier
+   * @param {string} identifier
+   *        Name of matched identifier
+   * @param {string} format
+   *        Format tag string. Its presence indicates that padding is expected
+   * @param {string} width
+   *        Desired length of the replaced value. Values less than this width shall be left
+   *        zero padded
+   * @return {string}
+   *         Replacement for the matched identifier
+   */
+
+  /**
+   * Returns a function to be used as a callback for String.prototype.replace to replace
+   * template identifiers
+   *
+   * @param {Obect} values
+   *        Object containing values that shall be used to replace known identifiers
+   * @param {number} values.RepresentationID
+   *        Value of the Representation@id attribute
+   * @param {number} values.Number
+   *        Number of the corresponding segment
+   * @param {number} values.Bandwidth
+   *        Value of the Representation@bandwidth attribute.
+   * @param {number} values.Time
+   *        Timestamp value of the corresponding segment
+   * @return {replaceCallback}
+   *         Callback to be used with String.prototype.replace to replace identifiers
+   */
+
+  var identifierReplacement = function identifierReplacement(values) {
+    return function (match, identifier, format, width) {
+      if (match === '$$') {
+        // escape sequence
+        return '$';
+      }
+
+      if (typeof values[identifier] === 'undefined') {
+        return match;
+      }
+
+      var value = '' + values[identifier];
+
+      if (identifier === 'RepresentationID') {
+        // Format tag shall not be present with RepresentationID
+        return value;
+      }
+
+      if (!format) {
+        width = 1;
+      } else {
+        width = parseInt(width, 10);
+      }
+
+      if (value.length >= width) {
+        return value;
+      }
+
+      return "" + new Array(width - value.length + 1).join('0') + value;
+    };
+  };
+  /**
+   * Constructs a segment url from a template string
+   *
+   * @param {string} url
+   *        Template string to construct url from
+   * @param {Obect} values
+   *        Object containing values that shall be used to replace known identifiers
+   * @param {number} values.RepresentationID
+   *        Value of the Representation@id attribute
+   * @param {number} values.Number
+   *        Number of the corresponding segment
+   * @param {number} values.Bandwidth
+   *        Value of the Representation@bandwidth attribute.
+   * @param {number} values.Time
+   *        Timestamp value of the corresponding segment
+   * @return {string}
+   *         Segment url with identifiers replaced
+   */
+
+
+  var constructTemplateUrl = function constructTemplateUrl(url, values) {
+    return url.replace(identifierPattern, identifierReplacement(values));
+  };
+  /**
+   * Generates a list of objects containing timing and duration information about each
+   * segment needed to generate segment uris and the complete segment object
+   *
+   * @param {Object} attributes
+   *        Object containing all inherited attributes from parent elements with attribute
+   *        names as keys
+   * @param {Object[]|undefined} segmentTimeline
+   *        List of objects representing the attributes of each S element contained within
+   *        the SegmentTimeline element
+   * @return {{number: number, duration: number, time: number, timeline: number}[]}
+   *         List of Objects with segment timing and duration info
+   */
+
+
+  var parseTemplateInfo = function parseTemplateInfo(attributes, segmentTimeline) {
+    if (!attributes.duration && !segmentTimeline) {
+      // if neither @duration or SegmentTimeline are present, then there shall be exactly
+      // one media segment
+      return [{
+        number: attributes.startNumber || 1,
+        duration: attributes.sourceDuration,
+        time: 0,
+        timeline: attributes.periodIndex
+      }];
+    }
+
+    if (attributes.duration) {
+      return parseByDuration(attributes);
+    }
+
+    return parseByTimeline(attributes, segmentTimeline);
+  };
+  /**
+   * Generates a list of segments using information provided by the SegmentTemplate element
+   *
+   * @param {Object} attributes
+   *        Object containing all inherited attributes from parent elements with attribute
+   *        names as keys
+   * @param {Object[]|undefined} segmentTimeline
+   *        List of objects representing the attributes of each S element contained within
+   *        the SegmentTimeline element
+   * @return {Object[]}
+   *         List of segment objects
+   */
+
+
+  var segmentsFromTemplate = function segmentsFromTemplate(attributes, segmentTimeline) {
+    var templateValues = {
+      RepresentationID: attributes.id,
+      Bandwidth: attributes.bandwidth || 0
+    };
+    var _attributes$initializ = attributes.initialization,
+        initialization = _attributes$initializ === void 0 ? {
+      sourceURL: '',
+      range: ''
+    } : _attributes$initializ;
+    var mapSegment = urlTypeToSegment({
+      baseUrl: attributes.baseUrl,
+      source: constructTemplateUrl(initialization.sourceURL, templateValues),
+      range: initialization.range
+    });
+    var segments = parseTemplateInfo(attributes, segmentTimeline);
+    return segments.map(function (segment) {
+      templateValues.Number = segment.number;
+      templateValues.Time = segment.time;
+      var uri = constructTemplateUrl(attributes.media || '', templateValues);
+      var map = {
+        uri: uri,
+        timeline: segment.timeline,
+        duration: segment.duration,
+        resolvedUri: resolveUrl$1(attributes.baseUrl || '', uri),
+        map: mapSegment,
+        number: segment.number
+      };
+
+      if (attributes.presentationTimeOffset) {
+        map.presentationTimeOffset = attributes.presentationTimeOffset;
+      }
+
+      return map;
+    });
+  };
+  /**
+   * Converts a <SegmentUrl> (of type URLType from the DASH spec 5.3.9.2 Table 14)
+   * to an object that matches the output of a segment in videojs/mpd-parser
+   *
+   * @param {Object} attributes
+   *   Object containing all inherited attributes from parent elements with attribute
+   *   names as keys
+   * @param {Object} segmentUrl
+   *   <SegmentURL> node to translate into a segment object
+   * @return {Object} translated segment object
+   */
+
+
+  var SegmentURLToSegmentObject = function SegmentURLToSegmentObject(attributes, segmentUrl) {
+    var baseUrl = attributes.baseUrl,
+        _attributes$initializ = attributes.initialization,
+        initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ;
+    var initSegment = urlTypeToSegment({
+      baseUrl: baseUrl,
+      source: initialization.sourceURL,
+      range: initialization.range
+    });
+    var segment = urlTypeToSegment({
+      baseUrl: baseUrl,
+      source: segmentUrl.media,
+      range: segmentUrl.mediaRange
+    });
+    segment.map = initSegment;
+    return segment;
+  };
+  /**
+   * Generates a list of segments using information provided by the SegmentList element
+   * SegmentList (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes.  Each
+   * node should be translated into segment.
+   *
+   * @param {Object} attributes
+   *   Object containing all inherited attributes from parent elements with attribute
+   *   names as keys
+   * @param {Object[]|undefined} segmentTimeline
+   *        List of objects representing the attributes of each S element contained within
+   *        the SegmentTimeline element
+   * @return {Object.<Array>} list of segments
+   */
+
+
+  var segmentsFromList = function segmentsFromList(attributes, segmentTimeline) {
+    var duration = attributes.duration,
+        _attributes$segmentUr = attributes.segmentUrls,
+        segmentUrls = _attributes$segmentUr === void 0 ? [] : _attributes$segmentUr; // Per spec (5.3.9.2.1) no way to determine segment duration OR
+    // if both SegmentTimeline and @duration are defined, it is outside of spec.
+
+    if (!duration && !segmentTimeline || duration && segmentTimeline) {
+      throw new Error(errors.SEGMENT_TIME_UNSPECIFIED);
+    }
+
+    var segmentUrlMap = segmentUrls.map(function (segmentUrlObject) {
+      return SegmentURLToSegmentObject(attributes, segmentUrlObject);
+    });
+    var segmentTimeInfo;
+
+    if (duration) {
+      segmentTimeInfo = parseByDuration(attributes);
+    }
+
+    if (segmentTimeline) {
+      segmentTimeInfo = parseByTimeline(attributes, segmentTimeline);
+    }
+
+    var segments = segmentTimeInfo.map(function (segmentTime, index) {
+      if (segmentUrlMap[index]) {
+        var segment = segmentUrlMap[index];
+        segment.timeline = segmentTime.timeline;
+        segment.duration = segmentTime.duration;
+        segment.number = segmentTime.number;
+        return segment;
+      } // Since we're mapping we should get rid of any blank segments (in case
+      // the given SegmentTimeline is handling for more elements than we have
+      // SegmentURLs for).
+
+    }).filter(function (segment) {
+      return segment;
+    });
+    return segments;
+  };
+
+  var generateSegments = function generateSegments(_ref) {
+    var attributes = _ref.attributes,
+        segmentInfo = _ref.segmentInfo;
+    var segmentAttributes;
+    var segmentsFn;
+
+    if (segmentInfo.template) {
+      segmentsFn = segmentsFromTemplate;
+      segmentAttributes = merge(attributes, segmentInfo.template);
+
+      if (segmentInfo.template.presentationTimeOffset) {
+        segmentAttributes.presentationTimeOffset = segmentInfo.template.presentationTimeOffset / segmentInfo.template.timescale;
+      }
+    } else if (segmentInfo.base) {
+      segmentsFn = segmentsFromBase;
+      segmentAttributes = merge(attributes, segmentInfo.base);
+    } else if (segmentInfo.list) {
+      segmentsFn = segmentsFromList;
+      segmentAttributes = merge(attributes, segmentInfo.list);
+    }
+
+    var segmentsInfo = {
+      attributes: attributes
+    };
+
+    if (!segmentsFn) {
+      return segmentsInfo;
+    }
+
+    var segments = segmentsFn(segmentAttributes, segmentInfo.timeline); // The @duration attribute will be used to determin the playlist's targetDuration which
+    // must be in seconds. Since we've generated the segment list, we no longer need
+    // @duration to be in @timescale units, so we can convert it here.
+
+    if (segmentAttributes.duration) {
+      var _segmentAttributes = segmentAttributes,
+          duration = _segmentAttributes.duration,
+          _segmentAttributes$ti = _segmentAttributes.timescale,
+          timescale = _segmentAttributes$ti === void 0 ? 1 : _segmentAttributes$ti;
+      segmentAttributes.duration = duration / timescale;
+    } else if (segments.length) {
+      // if there is no @duration attribute, use the largest segment duration as
+      // as target duration
+      segmentAttributes.duration = segments.reduce(function (max, segment) {
+        return Math.max(max, Math.ceil(segment.duration));
+      }, 0);
+    } else {
+      segmentAttributes.duration = 0;
+    }
+
+    segmentsInfo.attributes = segmentAttributes;
+    segmentsInfo.segments = segments; // This is a sidx box without actual segment information
+
+    if (segmentInfo.base && segmentAttributes.indexRange) {
+      segmentsInfo.sidx = segments[0];
+      segmentsInfo.segments = [];
+    }
+
+    return segmentsInfo;
+  };
+
+  var toPlaylists = function toPlaylists(representations) {
+    return representations.map(generateSegments);
+  };
+
+  var findChildren = function findChildren(element, name) {
+    return from(element.childNodes).filter(function (_ref) {
+      var tagName = _ref.tagName;
+      return tagName === name;
+    });
+  };
+
+  var getContent = function getContent(element) {
+    return element.textContent.trim();
+  };
+
+  var parseDuration = function parseDuration(str) {
+    var SECONDS_IN_YEAR = 365 * 24 * 60 * 60;
+    var SECONDS_IN_MONTH = 30 * 24 * 60 * 60;
+    var SECONDS_IN_DAY = 24 * 60 * 60;
+    var SECONDS_IN_HOUR = 60 * 60;
+    var SECONDS_IN_MIN = 60; // P10Y10M10DT10H10M10.1S
+
+    var durationRegex = /P(?:(\d*)Y)?(?:(\d*)M)?(?:(\d*)D)?(?:T(?:(\d*)H)?(?:(\d*)M)?(?:([\d.]*)S)?)?/;
+    var match = durationRegex.exec(str);
+
+    if (!match) {
+      return 0;
+    }
+
+    var _match$slice = match.slice(1),
+        year = _match$slice[0],
+        month = _match$slice[1],
+        day = _match$slice[2],
+        hour = _match$slice[3],
+        minute = _match$slice[4],
+        second = _match$slice[5];
+
+    return parseFloat(year || 0) * SECONDS_IN_YEAR + parseFloat(month || 0) * SECONDS_IN_MONTH + parseFloat(day || 0) * SECONDS_IN_DAY + parseFloat(hour || 0) * SECONDS_IN_HOUR + parseFloat(minute || 0) * SECONDS_IN_MIN + parseFloat(second || 0);
+  };
+
+  var parseDate = function parseDate(str) {
+    // Date format without timezone according to ISO 8601
+    // YYY-MM-DDThh:mm:ss.ssssss
+    var dateRegex = /^\d+-\d+-\d+T\d+:\d+:\d+(\.\d+)?$/; // If the date string does not specifiy a timezone, we must specifiy UTC. This is
+    // expressed by ending with 'Z'
+
+    if (dateRegex.test(str)) {
+      str += 'Z';
+    }
+
+    return Date.parse(str);
+  };
+
+  var parsers = {
+    /**
+     * Specifies the duration of the entire Media Presentation. Format is a duration string
+     * as specified in ISO 8601
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The duration in seconds
+     */
+    mediaPresentationDuration: function mediaPresentationDuration(value) {
+      return parseDuration(value);
+    },
+
+    /**
+     * Specifies the Segment availability start time for all Segments referred to in this
+     * MPD. For a dynamic manifest, it specifies the anchor for the earliest availability
+     * time. Format is a date string as specified in ISO 8601
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The date as seconds from unix epoch
+     */
+    availabilityStartTime: function availabilityStartTime(value) {
+      return parseDate(value) / 1000;
+    },
+
+    /**
+     * Specifies the smallest period between potential changes to the MPD. Format is a
+     * duration string as specified in ISO 8601
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The duration in seconds
+     */
+    minimumUpdatePeriod: function minimumUpdatePeriod(value) {
+      return parseDuration(value);
+    },
+
+    /**
+     * Specifies the suggested presentation delay. Format is a
+     * duration string as specified in ISO 8601
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The duration in seconds
+     */
+    suggestedPresentationDelay: function suggestedPresentationDelay(value) {
+      return parseDuration(value);
+    },
+
+    /**
+     * specifices the type of mpd. Can be either "static" or "dynamic"
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     *
+     * @return {string}
+     *         The type as a string
+     */
+    type: function type(value) {
+      return value;
+    },
+
+    /**
+     * Specifies the duration of the smallest time shifting buffer for any Representation
+     * in the MPD. Format is a duration string as specified in ISO 8601
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The duration in seconds
+     */
+    timeShiftBufferDepth: function timeShiftBufferDepth(value) {
+      return parseDuration(value);
+    },
+
+    /**
+     * Specifies the PeriodStart time of the Period relative to the availabilityStarttime.
+     * Format is a duration string as specified in ISO 8601
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The duration in seconds
+     */
+    start: function start(value) {
+      return parseDuration(value);
+    },
+
+    /**
+     * Specifies the width of the visual presentation
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The parsed width
+     */
+    width: function width(value) {
+      return parseInt(value, 10);
+    },
+
+    /**
+     * Specifies the height of the visual presentation
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The parsed height
+     */
+    height: function height(value) {
+      return parseInt(value, 10);
+    },
+
+    /**
+     * Specifies the bitrate of the representation
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The parsed bandwidth
+     */
+    bandwidth: function bandwidth(value) {
+      return parseInt(value, 10);
+    },
+
+    /**
+     * Specifies the number of the first Media Segment in this Representation in the Period
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The parsed number
+     */
+    startNumber: function startNumber(value) {
+      return parseInt(value, 10);
+    },
+
+    /**
+     * Specifies the timescale in units per seconds
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The parsed timescale
+     */
+    timescale: function timescale(value) {
+      return parseInt(value, 10);
+    },
+
+    /**
+     * Specifies the presentationTimeOffset.
+     *
+     * @param {string} value
+     *        value of the attribute as a string
+     *
+     * @return {number}
+     *         The parsed presentationTimeOffset
+     */
+    presentationTimeOffset: function presentationTimeOffset(value) {
+      return parseInt(value, 10);
+    },
+
+    /**
+     * Specifies the constant approximate Segment duration
+     * NOTE: The <Period> element also contains an @duration attribute. This duration
+     *       specifies the duration of the Period. This attribute is currently not
+     *       supported by the rest of the parser, however we still check for it to prevent
+     *       errors.
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The parsed duration
+     */
+    duration: function duration(value) {
+      var parsedValue = parseInt(value, 10);
+
+      if (isNaN(parsedValue)) {
+        return parseDuration(value);
+      }
+
+      return parsedValue;
+    },
+
+    /**
+     * Specifies the Segment duration, in units of the value of the @timescale.
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The parsed duration
+     */
+    d: function d(value) {
+      return parseInt(value, 10);
+    },
+
+    /**
+     * Specifies the MPD start time, in @timescale units, the first Segment in the series
+     * starts relative to the beginning of the Period
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The parsed time
+     */
+    t: function t(value) {
+      return parseInt(value, 10);
+    },
+
+    /**
+     * Specifies the repeat count of the number of following contiguous Segments with the
+     * same duration expressed by the value of @d
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {number}
+     *         The parsed number
+     */
+    r: function r(value) {
+      return parseInt(value, 10);
+    },
+
+    /**
+     * Default parser for all other attributes. Acts as a no-op and just returns the value
+     * as a string
+     *
+     * @param {string} value
+     *        value of attribute as a string
+     * @return {string}
+     *         Unparsed value
+     */
+    DEFAULT: function DEFAULT(value) {
+      return value;
+    }
+  };
+  /**
+   * Gets all the attributes and values of the provided node, parses attributes with known
+   * types, and returns an object with attribute names mapped to values.
+   *
+   * @param {Node} el
+   *        The node to parse attributes from
+   * @return {Object}
+   *         Object with all attributes of el parsed
+   */
+
+  var parseAttributes = function parseAttributes(el) {
+    if (!(el && el.attributes)) {
+      return {};
+    }
+
+    return from(el.attributes).reduce(function (a, e) {
+      var parseFn = parsers[e.name] || parsers.DEFAULT;
+      a[e.name] = parseFn(e.value);
+      return a;
+    }, {});
+  };
+
+  var keySystemsMap = {
+    'urn:uuid:1077efec-c0b2-4d02-ace3-3c1e52e2fb4b': 'org.w3.clearkey',
+    'urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed': 'com.widevine.alpha',
+    'urn:uuid:9a04f079-9840-4286-ab92-e65be0885f95': 'com.microsoft.playready',
+    'urn:uuid:f239e769-efa3-4850-9c16-a903c6932efb': 'com.adobe.primetime'
+  };
+  /**
+   * Builds a list of urls that is the product of the reference urls and BaseURL values
+   *
+   * @param {string[]} referenceUrls
+   *        List of reference urls to resolve to
+   * @param {Node[]} baseUrlElements
+   *        List of BaseURL nodes from the mpd
+   * @return {string[]}
+   *         List of resolved urls
+   */
+
+  var buildBaseUrls = function buildBaseUrls(referenceUrls, baseUrlElements) {
+    if (!baseUrlElements.length) {
+      return referenceUrls;
+    }
+
+    return flatten(referenceUrls.map(function (reference) {
+      return baseUrlElements.map(function (baseUrlElement) {
+        return resolveUrl$1(reference, getContent(baseUrlElement));
+      });
+    }));
+  };
+  /**
+   * Contains all Segment information for its containing AdaptationSet
+   *
+   * @typedef {Object} SegmentInformation
+   * @property {Object|undefined} template
+   *           Contains the attributes for the SegmentTemplate node
+   * @property {Object[]|undefined} timeline
+   *           Contains a list of atrributes for each S node within the SegmentTimeline node
+   * @property {Object|undefined} list
+   *           Contains the attributes for the SegmentList node
+   * @property {Object|undefined} base
+   *           Contains the attributes for the SegmentBase node
+   */
+
+  /**
+   * Returns all available Segment information contained within the AdaptationSet node
+   *
+   * @param {Node} adaptationSet
+   *        The AdaptationSet node to get Segment information from
+   * @return {SegmentInformation}
+   *         The Segment information contained within the provided AdaptationSet
+   */
+
+
+  var getSegmentInformation = function getSegmentInformation(adaptationSet) {
+    var segmentTemplate = findChildren(adaptationSet, 'SegmentTemplate')[0];
+    var segmentList = findChildren(adaptationSet, 'SegmentList')[0];
+    var segmentUrls = segmentList && findChildren(segmentList, 'SegmentURL').map(function (s) {
+      return merge({
+        tag: 'SegmentURL'
+      }, parseAttributes(s));
+    });
+    var segmentBase = findChildren(adaptationSet, 'SegmentBase')[0];
+    var segmentTimelineParentNode = segmentList || segmentTemplate;
+    var segmentTimeline = segmentTimelineParentNode && findChildren(segmentTimelineParentNode, 'SegmentTimeline')[0];
+    var segmentInitializationParentNode = segmentList || segmentBase || segmentTemplate;
+    var segmentInitialization = segmentInitializationParentNode && findChildren(segmentInitializationParentNode, 'Initialization')[0]; // SegmentTemplate is handled slightly differently, since it can have both
+    // @initialization and an <Initialization> node.  @initialization can be templated,
+    // while the node can have a url and range specified.  If the <SegmentTemplate> has
+    // both @initialization and an <Initialization> subelement we opt to override with
+    // the node, as this interaction is not defined in the spec.
+
+    var template = segmentTemplate && parseAttributes(segmentTemplate);
+
+    if (template && segmentInitialization) {
+      template.initialization = segmentInitialization && parseAttributes(segmentInitialization);
+    } else if (template && template.initialization) {
+      // If it is @initialization we convert it to an object since this is the format that
+      // later functions will rely on for the initialization segment.  This is only valid
+      // for <SegmentTemplate>
+      template.initialization = {
+        sourceURL: template.initialization
+      };
+    }
+
+    var segmentInfo = {
+      template: template,
+      timeline: segmentTimeline && findChildren(segmentTimeline, 'S').map(function (s) {
+        return parseAttributes(s);
+      }),
+      list: segmentList && merge(parseAttributes(segmentList), {
+        segmentUrls: segmentUrls,
+        initialization: parseAttributes(segmentInitialization)
+      }),
+      base: segmentBase && merge(parseAttributes(segmentBase), {
+        initialization: parseAttributes(segmentInitialization)
+      })
+    };
+    Object.keys(segmentInfo).forEach(function (key) {
+      if (!segmentInfo[key]) {
+        delete segmentInfo[key];
+      }
+    });
+    return segmentInfo;
+  };
+  /**
+   * Contains Segment information and attributes needed to construct a Playlist object
+   * from a Representation
+   *
+   * @typedef {Object} RepresentationInformation
+   * @property {SegmentInformation} segmentInfo
+   *           Segment information for this Representation
+   * @property {Object} attributes
+   *           Inherited attributes for this Representation
+   */
+
+  /**
+   * Maps a Representation node to an object containing Segment information and attributes
+   *
+   * @name inheritBaseUrlsCallback
+   * @function
+   * @param {Node} representation
+   *        Representation node from the mpd
+   * @return {RepresentationInformation}
+   *         Representation information needed to construct a Playlist object
+   */
+
+  /**
+   * Returns a callback for Array.prototype.map for mapping Representation nodes to
+   * Segment information and attributes using inherited BaseURL nodes.
+   *
+   * @param {Object} adaptationSetAttributes
+   *        Contains attributes inherited by the AdaptationSet
+   * @param {string[]} adaptationSetBaseUrls
+   *        Contains list of resolved base urls inherited by the AdaptationSet
+   * @param {SegmentInformation} adaptationSetSegmentInfo
+   *        Contains Segment information for the AdaptationSet
+   * @return {inheritBaseUrlsCallback}
+   *         Callback map function
+   */
+
+
+  var inheritBaseUrls = function inheritBaseUrls(adaptationSetAttributes, adaptationSetBaseUrls, adaptationSetSegmentInfo) {
+    return function (representation) {
+      var repBaseUrlElements = findChildren(representation, 'BaseURL');
+      var repBaseUrls = buildBaseUrls(adaptationSetBaseUrls, repBaseUrlElements);
+      var attributes = merge(adaptationSetAttributes, parseAttributes(representation));
+      var representationSegmentInfo = getSegmentInformation(representation);
+      return repBaseUrls.map(function (baseUrl) {
+        return {
+          segmentInfo: merge(adaptationSetSegmentInfo, representationSegmentInfo),
+          attributes: merge(attributes, {
+            baseUrl: baseUrl
+          })
+        };
+      });
+    };
+  };
+  /**
+   * Tranforms a series of content protection nodes to
+   * an object containing pssh data by key system
+   *
+   * @param {Node[]} contentProtectionNodes
+   *        Content protection nodes
+   * @return {Object}
+   *        Object containing pssh data by key system
+   */
+
+
+  var generateKeySystemInformation = function generateKeySystemInformation(contentProtectionNodes) {
+    return contentProtectionNodes.reduce(function (acc, node) {
+      var attributes = parseAttributes(node);
+      var keySystem = keySystemsMap[attributes.schemeIdUri];
+
+      if (keySystem) {
+        acc[keySystem] = {
+          attributes: attributes
+        };
+        var psshNode = findChildren(node, 'cenc:pssh')[0];
+
+        if (psshNode) {
+          var pssh = getContent(psshNode);
+          var psshBuffer = pssh && decodeB64ToUint8Array(pssh);
+          acc[keySystem].pssh = psshBuffer;
+        }
+      }
+
+      return acc;
+    }, {});
+  }; // defined in ANSI_SCTE 214-1 2016
+
+
+  var parseCaptionServiceMetadata = function parseCaptionServiceMetadata(service) {
+    // 608 captions
+    if (service.schemeIdUri === 'urn:scte:dash:cc:cea-608:2015') {
+      var values = service.value.split(';');
+      return values.map(function (value) {
+        var channel;
+        var language; // default language to value
+
+        language = value;
+
+        if (/^CC\d=/.test(value)) {
+          var _value$split = value.split('=');
+
+          channel = _value$split[0];
+          language = _value$split[1];
+        } else if (/^CC\d$/.test(value)) {
+          channel = value;
+        }
+
+        return {
+          channel: channel,
+          language: language
+        };
+      });
+    } else if (service.schemeIdUri === 'urn:scte:dash:cc:cea-708:2015') {
+      var _values = service.value.split(';');
+
+      return _values.map(function (value) {
+        var flags = {
+          // service or channel number 1-63
+          'channel': undefined,
+          // language is a 3ALPHA per ISO 639.2/B
+          // field is required
+          'language': undefined,
+          // BIT 1/0 or ?
+          // default value is 1, meaning 16:9 aspect ratio, 0 is 4:3, ? is unknown
+          'aspectRatio': 1,
+          // BIT 1/0
+          // easy reader flag indicated the text is tailed to the needs of beginning readers
+          // default 0, or off
+          'easyReader': 0,
+          // BIT 1/0
+          // If 3d metadata is present (CEA-708.1) then 1
+          // default 0
+          '3D': 0
+        };
+
+        if (/=/.test(value)) {
+          var _value$split2 = value.split('='),
+              channel = _value$split2[0],
+              _value$split2$ = _value$split2[1],
+              opts = _value$split2$ === void 0 ? '' : _value$split2$;
+
+          flags.channel = channel;
+          flags.language = value;
+          opts.split(',').forEach(function (opt) {
+            var _opt$split = opt.split(':'),
+                name = _opt$split[0],
+                val = _opt$split[1];
+
+            if (name === 'lang') {
+              flags.language = val; // er for easyReadery
+            } else if (name === 'er') {
+              flags.easyReader = Number(val); // war for wide aspect ratio
+            } else if (name === 'war') {
+              flags.aspectRatio = Number(val);
+            } else if (name === '3D') {
+              flags['3D'] = Number(val);
+            }
+          });
+        } else {
+          flags.language = value;
+        }
+
+        if (flags.channel) {
+          flags.channel = 'SERVICE' + flags.channel;
+        }
+
+        return flags;
+      });
+    }
+  };
+  /**
+   * Maps an AdaptationSet node to a list of Representation information objects
+   *
+   * @name toRepresentationsCallback
+   * @function
+   * @param {Node} adaptationSet
+   *        AdaptationSet node from the mpd
+   * @return {RepresentationInformation[]}
+   *         List of objects containing Representaion information
+   */
+
+  /**
+   * Returns a callback for Array.prototype.map for mapping AdaptationSet nodes to a list of
+   * Representation information objects
+   *
+   * @param {Object} periodAttributes
+   *        Contains attributes inherited by the Period
+   * @param {string[]} periodBaseUrls
+   *        Contains list of resolved base urls inherited by the Period
+   * @param {string[]} periodSegmentInfo
+   *        Contains Segment Information at the period level
+   * @return {toRepresentationsCallback}
+   *         Callback map function
+   */
+
+
+  var toRepresentations = function toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo) {
+    return function (adaptationSet) {
+      var adaptationSetAttributes = parseAttributes(adaptationSet);
+      var adaptationSetBaseUrls = buildBaseUrls(periodBaseUrls, findChildren(adaptationSet, 'BaseURL'));
+      var role = findChildren(adaptationSet, 'Role')[0];
+      var roleAttributes = {
+        role: parseAttributes(role)
+      };
+      var attrs = merge(periodAttributes, adaptationSetAttributes, roleAttributes);
+      var accessibility = findChildren(adaptationSet, 'Accessibility')[0];
+      var captionServices = parseCaptionServiceMetadata(parseAttributes(accessibility));
+
+      if (captionServices) {
+        attrs = merge(attrs, {
+          captionServices: captionServices
+        });
+      }
+
+      var label = findChildren(adaptationSet, 'Label')[0];
+
+      if (label && label.childNodes.length) {
+        var labelVal = label.childNodes[0].nodeValue.trim();
+        attrs = merge(attrs, {
+          label: labelVal
+        });
+      }
+
+      var contentProtection = generateKeySystemInformation(findChildren(adaptationSet, 'ContentProtection'));
+
+      if (Object.keys(contentProtection).length) {
+        attrs = merge(attrs, {
+          contentProtection: contentProtection
+        });
+      }
+
+      var segmentInfo = getSegmentInformation(adaptationSet);
+      var representations = findChildren(adaptationSet, 'Representation');
+      var adaptationSetSegmentInfo = merge(periodSegmentInfo, segmentInfo);
+      return flatten(representations.map(inheritBaseUrls(attrs, adaptationSetBaseUrls, adaptationSetSegmentInfo)));
+    };
+  };
+  /**
+   * Maps an Period node to a list of Representation inforamtion objects for all
+   * AdaptationSet nodes contained within the Period
+   *
+   * @name toAdaptationSetsCallback
+   * @function
+   * @param {Node} period
+   *        Period node from the mpd
+   * @param {number} periodIndex
+   *        Index of the Period within the mpd
+   * @return {RepresentationInformation[]}
+   *         List of objects containing Representaion information
+   */
+
+  /**
+   * Returns a callback for Array.prototype.map for mapping Period nodes to a list of
+   * Representation information objects
+   *
+   * @param {Object} mpdAttributes
+   *        Contains attributes inherited by the mpd
+   * @param {string[]} mpdBaseUrls
+   *        Contains list of resolved base urls inherited by the mpd
+   * @return {toAdaptationSetsCallback}
+   *         Callback map function
+   */
+
+
+  var toAdaptationSets = function toAdaptationSets(mpdAttributes, mpdBaseUrls) {
+    return function (period, index) {
+      var periodBaseUrls = buildBaseUrls(mpdBaseUrls, findChildren(period, 'BaseURL'));
+      var periodAtt = parseAttributes(period);
+      var parsedPeriodId = parseInt(periodAtt.id, 10); // fallback to mapping index if Period@id is not a number
+
+      var periodIndex = window_1.isNaN(parsedPeriodId) ? index : parsedPeriodId;
+      var periodAttributes = merge(mpdAttributes, {
+        periodIndex: periodIndex
+      });
+      var adaptationSets = findChildren(period, 'AdaptationSet');
+      var periodSegmentInfo = getSegmentInformation(period);
+      return flatten(adaptationSets.map(toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo)));
+    };
+  };
+  /**
+   * Traverses the mpd xml tree to generate a list of Representation information objects
+   * that have inherited attributes from parent nodes
+   *
+   * @param {Node} mpd
+   *        The root node of the mpd
+   * @param {Object} options
+   *        Available options for inheritAttributes
+   * @param {string} options.manifestUri
+   *        The uri source of the mpd
+   * @param {number} options.NOW
+   *        Current time per DASH IOP.  Default is current time in ms since epoch
+   * @param {number} options.clientOffset
+   *        Client time difference from NOW (in milliseconds)
+   * @return {RepresentationInformation[]}
+   *         List of objects containing Representation information
+   */
+
+
+  var inheritAttributes = function inheritAttributes(mpd, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var _options = options,
+        _options$manifestUri = _options.manifestUri,
+        manifestUri = _options$manifestUri === void 0 ? '' : _options$manifestUri,
+        _options$NOW = _options.NOW,
+        NOW = _options$NOW === void 0 ? Date.now() : _options$NOW,
+        _options$clientOffset = _options.clientOffset,
+        clientOffset = _options$clientOffset === void 0 ? 0 : _options$clientOffset;
+    var periods = findChildren(mpd, 'Period');
+
+    if (!periods.length) {
+      throw new Error(errors.INVALID_NUMBER_OF_PERIOD);
+    }
+
+    var locations = findChildren(mpd, 'Location');
+    var mpdAttributes = parseAttributes(mpd);
+    var mpdBaseUrls = buildBaseUrls([manifestUri], findChildren(mpd, 'BaseURL'));
+    mpdAttributes.sourceDuration = mpdAttributes.mediaPresentationDuration || 0;
+    mpdAttributes.NOW = NOW;
+    mpdAttributes.clientOffset = clientOffset;
+
+    if (locations.length) {
+      mpdAttributes.locations = locations.map(getContent);
+    }
+
+    return {
+      locations: mpdAttributes.locations,
+      representationInfo: flatten(periods.map(toAdaptationSets(mpdAttributes, mpdBaseUrls)))
+    };
+  };
+
+  var stringToMpdXml = function stringToMpdXml(manifestString) {
+    if (manifestString === '') {
+      throw new Error(errors.DASH_EMPTY_MANIFEST);
+    }
+
+    var parser = new domParser_3();
+    var xml;
+    var mpd;
+
+    try {
+      xml = parser.parseFromString(manifestString, 'application/xml');
+      mpd = xml && xml.documentElement.tagName === 'MPD' ? xml.documentElement : null;
+    } catch (e) {// ie 11 throwsw on invalid xml
+    }
+
+    if (!mpd || mpd && mpd.getElementsByTagName('parsererror').length > 0) {
+      throw new Error(errors.DASH_INVALID_XML);
+    }
+
+    return mpd;
+  };
+  /**
+   * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
+   *
+   * @param {string} mpd
+   *        XML string of the MPD manifest
+   * @return {Object|null}
+   *         Attributes of UTCTiming node specified in the manifest. Null if none found
+   */
+
+
+  var parseUTCTimingScheme = function parseUTCTimingScheme(mpd) {
+    var UTCTimingNode = findChildren(mpd, 'UTCTiming')[0];
+
+    if (!UTCTimingNode) {
+      return null;
+    }
+
+    var attributes = parseAttributes(UTCTimingNode);
+
+    switch (attributes.schemeIdUri) {
+      case 'urn:mpeg:dash:utc:http-head:2014':
+      case 'urn:mpeg:dash:utc:http-head:2012':
+        attributes.method = 'HEAD';
+        break;
+
+      case 'urn:mpeg:dash:utc:http-xsdate:2014':
+      case 'urn:mpeg:dash:utc:http-iso:2014':
+      case 'urn:mpeg:dash:utc:http-xsdate:2012':
+      case 'urn:mpeg:dash:utc:http-iso:2012':
+        attributes.method = 'GET';
+        break;
+
+      case 'urn:mpeg:dash:utc:direct:2014':
+      case 'urn:mpeg:dash:utc:direct:2012':
+        attributes.method = 'DIRECT';
+        attributes.value = Date.parse(attributes.value);
+        break;
+
+      case 'urn:mpeg:dash:utc:http-ntp:2014':
+      case 'urn:mpeg:dash:utc:ntp:2014':
+      case 'urn:mpeg:dash:utc:sntp:2014':
+      default:
+        throw new Error(errors.UNSUPPORTED_UTC_TIMING_SCHEME);
+    }
+
+    return attributes;
+  };
+
+  var parse = function parse(manifestString, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var parsedManifestInfo = inheritAttributes(stringToMpdXml(manifestString), options);
+    var playlists = toPlaylists(parsedManifestInfo.representationInfo);
+    return toM3u8(playlists, parsedManifestInfo.locations, options.sidxMapping);
+  };
+  /**
+   * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
+   *
+   * @param {string} manifestString
+   *        XML string of the MPD manifest
+   * @return {Object|null}
+   *         Attributes of UTCTiming node specified in the manifest. Null if none found
+   */
+
+
+  var parseUTCTiming = function parseUTCTiming(manifestString) {
+    return parseUTCTimingScheme(stringToMpdXml(manifestString));
+  };
+
+  var MAX_UINT32 = Math.pow(2, 32);
+
+  var parseSidx = function parseSidx(data) {
+    var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
+        result = {
+      version: data[0],
+      flags: new Uint8Array(data.subarray(1, 4)),
+      references: [],
+      referenceId: view.getUint32(4),
+      timescale: view.getUint32(8)
+    },
+        i = 12;
+
+    if (result.version === 0) {
+      result.earliestPresentationTime = view.getUint32(i);
+      result.firstOffset = view.getUint32(i + 4);
+      i += 8;
+    } else {
+      // read 64 bits
+      result.earliestPresentationTime = view.getUint32(i) * MAX_UINT32 + view.getUint32(i + 4);
+      result.firstOffset = view.getUint32(i + 8) * MAX_UINT32 + view.getUint32(i + 12);
+      i += 16;
+    }
+
+    i += 2; // reserved
+
+    var referenceCount = view.getUint16(i);
+    i += 2; // start of references
+
+    for (; referenceCount > 0; i += 12, referenceCount--) {
+      result.references.push({
+        referenceType: (data[i] & 0x80) >>> 7,
+        referencedSize: view.getUint32(i) & 0x7FFFFFFF,
+        subsegmentDuration: view.getUint32(i + 4),
+        startsWithSap: !!(data[i + 8] & 0x80),
+        sapType: (data[i + 8] & 0x70) >>> 4,
+        sapDeltaTime: view.getUint32(i + 8) & 0x0FFFFFFF
+      });
+    }
+
+    return result;
+  };
+
+  var parseSidx_1 = parseSidx;
+
+  // we used to do this with log2 but BigInt does not support builtin math
+  // Math.ceil(log2(x));
+
+
+  var countBits = function countBits(x) {
+    return x.toString(2).length;
+  }; // count the number of whole bytes it would take to represent a number
+
+  var countBytes = function countBytes(x) {
+    return Math.ceil(countBits(x) / 8);
+  };
+  var isTypedArray = function isTypedArray(obj) {
+    return ArrayBuffer.isView(obj);
+  };
+  var toUint8 = function toUint8(bytes) {
+    if (bytes instanceof Uint8Array) {
+      return bytes;
+    }
+
+    if (!Array.isArray(bytes) && !isTypedArray(bytes) && !(bytes instanceof ArrayBuffer)) {
+      // any non-number or NaN leads to empty uint8array
+      // eslint-disable-next-line
+      if (typeof bytes !== 'number' || typeof bytes === 'number' && bytes !== bytes) {
+        bytes = 0;
+      } else {
+        bytes = [bytes];
+      }
+    }
+
+    return new Uint8Array(bytes && bytes.buffer || bytes, bytes && bytes.byteOffset || 0, bytes && bytes.byteLength || 0);
+  };
+  var BigInt = window_1.BigInt || Number;
+  var BYTE_TABLE = [BigInt('0x1'), BigInt('0x100'), BigInt('0x10000'), BigInt('0x1000000'), BigInt('0x100000000'), BigInt('0x10000000000'), BigInt('0x1000000000000'), BigInt('0x100000000000000'), BigInt('0x10000000000000000')];
+  var bytesToNumber = function bytesToNumber(bytes, _temp) {
+    var _ref = _temp === void 0 ? {} : _temp,
+        _ref$signed = _ref.signed,
+        signed = _ref$signed === void 0 ? false : _ref$signed,
+        _ref$le = _ref.le,
+        le = _ref$le === void 0 ? false : _ref$le;
+
+    bytes = toUint8(bytes);
+    var fn = le ? 'reduce' : 'reduceRight';
+    var obj = bytes[fn] ? bytes[fn] : Array.prototype[fn];
+    var number = obj.call(bytes, function (total, _byte, i) {
+      var exponent = le ? i : Math.abs(i + 1 - bytes.length);
+      return total + BigInt(_byte) * BYTE_TABLE[exponent];
+    }, BigInt(0));
+
+    if (signed) {
+      var max = BYTE_TABLE[bytes.length] / BigInt(2) - BigInt(1);
+      number = BigInt(number);
+
+      if (number > max) {
+        number -= max;
+        number -= max;
+        number -= BigInt(2);
+      }
+    }
+
+    return Number(number);
+  };
+  var numberToBytes = function numberToBytes(number, _temp2) {
+    var _ref2 = _temp2 === void 0 ? {} : _temp2,
+        _ref2$le = _ref2.le,
+        le = _ref2$le === void 0 ? false : _ref2$le; // eslint-disable-next-line
+
+
+    if (typeof number !== 'bigint' && typeof number !== 'number' || typeof number === 'number' && number !== number) {
+      number = 0;
+    }
+
+    number = BigInt(number);
+    var byteCount = countBytes(number);
+    var bytes = new Uint8Array(new ArrayBuffer(byteCount));
+
+    for (var i = 0; i < byteCount; i++) {
+      var byteIndex = le ? i : Math.abs(i + 1 - bytes.length);
+      bytes[byteIndex] = Number(number / BYTE_TABLE[i] & BigInt(0xFF));
+
+      if (number < 0) {
+        bytes[byteIndex] = Math.abs(~bytes[byteIndex]);
+        bytes[byteIndex] -= i === 0 ? 1 : 2;
+      }
+    }
+
+    return bytes;
+  };
+  var stringToBytes = function stringToBytes(string, stringIsBytes) {
+    if (typeof string !== 'string' && string && typeof string.toString === 'function') {
+      string = string.toString();
+    }
+
+    if (typeof string !== 'string') {
+      return new Uint8Array();
+    } // If the string already is bytes, we don't have to do this
+    // otherwise we do this so that we split multi length characters
+    // into individual bytes
+
+
+    if (!stringIsBytes) {
+      string = unescape(encodeURIComponent(string));
+    }
+
+    var view = new Uint8Array(string.length);
+
+    for (var i = 0; i < string.length; i++) {
+      view[i] = string.charCodeAt(i);
+    }
+
+    return view;
+  };
+  var concatTypedArrays = function concatTypedArrays() {
+    for (var _len = arguments.length, buffers = new Array(_len), _key = 0; _key < _len; _key++) {
+      buffers[_key] = arguments[_key];
+    }
+
+    buffers = buffers.filter(function (b) {
+      return b && (b.byteLength || b.length) && typeof b !== 'string';
+    });
+
+    if (buffers.length <= 1) {
+      // for 0 length we will return empty uint8
+      // for 1 length we return the first uint8
+      return toUint8(buffers[0]);
+    }
+
+    var totalLen = buffers.reduce(function (total, buf, i) {
+      return total + (buf.byteLength || buf.length);
+    }, 0);
+    var tempBuffer = new Uint8Array(totalLen);
+    var offset = 0;
+    buffers.forEach(function (buf) {
+      buf = toUint8(buf);
+      tempBuffer.set(buf, offset);
+      offset += buf.byteLength;
+    });
+    return tempBuffer;
+  };
+  /**
+   * Check if the bytes "b" are contained within bytes "a".
+   *
+   * @param {Uint8Array|Array} a
+   *        Bytes to check in
+   *
+   * @param {Uint8Array|Array} b
+   *        Bytes to check for
+   *
+   * @param {Object} options
+   *        options
+   *
+   * @param {Array|Uint8Array} [offset=0]
+   *        offset to use when looking at bytes in a
+   *
+   * @param {Array|Uint8Array} [mask=[]]
+   *        mask to use on bytes before comparison.
+   *
+   * @return {boolean}
+   *         If all bytes in b are inside of a, taking into account
+   *         bit masks.
+   */
+
+  var bytesMatch = function bytesMatch(a, b, _temp3) {
+    var _ref3 = _temp3 === void 0 ? {} : _temp3,
+        _ref3$offset = _ref3.offset,
+        offset = _ref3$offset === void 0 ? 0 : _ref3$offset,
+        _ref3$mask = _ref3.mask,
+        mask = _ref3$mask === void 0 ? [] : _ref3$mask;
+
+    a = toUint8(a);
+    b = toUint8(b); // ie 11 does not support uint8 every
+
+    var fn = b.every ? b.every : Array.prototype.every;
+    return b.length && a.length - offset >= b.length && // ie 11 doesn't support every on uin8
+    fn.call(b, function (bByte, i) {
+      var aByte = mask[i] ? mask[i] & a[offset + i] : a[offset + i];
+      return bByte === aByte;
+    });
+  };
+
+  var ID3 = toUint8([0x49, 0x44, 0x33]);
+  var getId3Size = function getId3Size(bytes, offset) {
+    if (offset === void 0) {
+      offset = 0;
+    }
+
+    bytes = toUint8(bytes);
+    var flags = bytes[offset + 5];
+    var returnSize = bytes[offset + 6] << 21 | bytes[offset + 7] << 14 | bytes[offset + 8] << 7 | bytes[offset + 9];
+    var footerPresent = (flags & 16) >> 4;
+
+    if (footerPresent) {
+      return returnSize + 20;
+    }
+
+    return returnSize + 10;
+  };
+  var getId3Offset = function getId3Offset(bytes, offset) {
+    if (offset === void 0) {
+      offset = 0;
+    }
+
+    bytes = toUint8(bytes);
+
+    if (bytes.length - offset < 10 || !bytesMatch(bytes, ID3, {
+      offset: offset
+    })) {
+      return offset;
+    }
+
+    offset += getId3Size(bytes, offset); // recursive check for id3 tags as some files
+    // have multiple ID3 tag sections even though
+    // they should not.
+
+    return getId3Offset(bytes, offset);
+  };
+
+  var normalizePath$1 = function normalizePath(path) {
+    if (typeof path === 'string') {
+      return stringToBytes(path);
+    }
+
+    if (typeof path === 'number') {
+      return path;
+    }
+
+    return path;
+  };
+
+  var normalizePaths$1 = function normalizePaths(paths) {
+    if (!Array.isArray(paths)) {
+      return [normalizePath$1(paths)];
+    }
+
+    return paths.map(function (p) {
+      return normalizePath$1(p);
+    });
+  };
+  /**
+   * find any number of boxes by name given a path to it in an iso bmff
+   * such as mp4.
+   *
+   * @param {TypedArray} bytes
+   *        bytes for the iso bmff to search for boxes in
+   *
+   * @param {Uint8Array[]|string[]|string|Uint8Array} name
+   *        An array of paths or a single path representing the name
+   *        of boxes to search through in bytes. Paths may be
+   *        uint8 (character codes) or strings.
+   *
+   * @param {boolean} [complete=false]
+   *        Should we search only for complete boxes on the final path.
+   *        This is very useful when you do not want to get back partial boxes
+   *        in the case of streaming files.
+   *
+   * @return {Uint8Array[]}
+   *         An array of the end paths that we found.
+   */
+
+  var findBox = function findBox(bytes, paths, complete) {
+    if (complete === void 0) {
+      complete = false;
+    }
+
+    paths = normalizePaths$1(paths);
+    bytes = toUint8(bytes);
+    var results = [];
+
+    if (!paths.length) {
+      // short-circuit the search for empty paths
+      return results;
+    }
+
+    var i = 0;
+
+    while (i < bytes.length) {
+      var size = (bytes[i] << 24 | bytes[i + 1] << 16 | bytes[i + 2] << 8 | bytes[i + 3]) >>> 0;
+      var type = bytes.subarray(i + 4, i + 8); // invalid box format.
+
+      if (size === 0) {
+        break;
+      }
+
+      var end = i + size;
+
+      if (end > bytes.length) {
+        // this box is bigger than the number of bytes we have
+        // and complete is set, we cannot find any more boxes.
+        if (complete) {
+          break;
+        }
+
+        end = bytes.length;
+      }
+
+      var data = bytes.subarray(i + 8, end);
+
+      if (bytesMatch(type, paths[0])) {
+        if (paths.length === 1) {
+          // this is the end of the path and we've found the box we were
+          // looking for
+          results.push(data);
+        } else {
+          // recursively search for the next box along the path
+          results.push.apply(results, findBox(data, paths.slice(1), complete));
+        }
+      }
+
+      i = end;
+    } // we've finished searching all of bytes
+
+
+    return results;
+  };
+
+  // https://matroska-org.github.io/libebml/specs.html
+  // https://www.matroska.org/technical/elements.html
+  // https://www.webmproject.org/docs/container/
+
+  var EBML_TAGS = {
+    EBML: toUint8([0x1A, 0x45, 0xDF, 0xA3]),
+    DocType: toUint8([0x42, 0x82]),
+    Segment: toUint8([0x18, 0x53, 0x80, 0x67]),
+    SegmentInfo: toUint8([0x15, 0x49, 0xA9, 0x66]),
+    Tracks: toUint8([0x16, 0x54, 0xAE, 0x6B]),
+    Track: toUint8([0xAE]),
+    TrackNumber: toUint8([0xd7]),
+    DefaultDuration: toUint8([0x23, 0xe3, 0x83]),
+    TrackEntry: toUint8([0xAE]),
+    TrackType: toUint8([0x83]),
+    FlagDefault: toUint8([0x88]),
+    CodecID: toUint8([0x86]),
+    CodecPrivate: toUint8([0x63, 0xA2]),
+    VideoTrack: toUint8([0xe0]),
+    AudioTrack: toUint8([0xe1]),
+    // Not used yet, but will be used for live webm/mkv
+    // see https://www.matroska.org/technical/basics.html#block-structure
+    // see https://www.matroska.org/technical/basics.html#simpleblock-structure
+    Cluster: toUint8([0x1F, 0x43, 0xB6, 0x75]),
+    Timestamp: toUint8([0xE7]),
+    TimestampScale: toUint8([0x2A, 0xD7, 0xB1]),
+    BlockGroup: toUint8([0xA0]),
+    BlockDuration: toUint8([0x9B]),
+    Block: toUint8([0xA1]),
+    SimpleBlock: toUint8([0xA3])
+  };
+  /**
+   * This is a simple table to determine the length
+   * of things in ebml. The length is one based (starts at 1,
+   * rather than zero) and for every zero bit before a one bit
+   * we add one to length. We also need this table because in some
+   * case we have to xor all the length bits from another value.
+   */
+
+  var LENGTH_TABLE = [128, 64, 32, 16, 8, 4, 2, 1];
+
+  var getLength = function getLength(_byte) {
+    var len = 1;
+
+    for (var i = 0; i < LENGTH_TABLE.length; i++) {
+      if (_byte & LENGTH_TABLE[i]) {
+        break;
+      }
+
+      len++;
+    }
+
+    return len;
+  }; // length in ebml is stored in the first 4 to 8 bits
+  // of the first byte. 4 for the id length and 8 for the
+  // data size length. Length is measured by converting the number to binary
+  // then 1 + the number of zeros before a 1 is encountered starting
+  // from the left.
+
+
+  var getvint = function getvint(bytes, offset, removeLength, signed) {
+    if (removeLength === void 0) {
+      removeLength = true;
+    }
+
+    if (signed === void 0) {
+      signed = false;
+    }
+
+    var length = getLength(bytes[offset]);
+    var valueBytes = bytes.subarray(offset, offset + length); // NOTE that we do **not** subarray here because we need to copy these bytes
+    // as they will be modified below to remove the dataSizeLen bits and we do not
+    // want to modify the original data. normally we could just call slice on
+    // uint8array but ie 11 does not support that...
+
+    if (removeLength) {
+      valueBytes = Array.prototype.slice.call(bytes, offset, offset + length);
+      valueBytes[0] ^= LENGTH_TABLE[length - 1];
+    }
+
+    return {
+      length: length,
+      value: bytesToNumber(valueBytes, {
+        signed: signed
+      }),
+      bytes: valueBytes
+    };
+  };
+
+  var normalizePath = function normalizePath(path) {
+    if (typeof path === 'string') {
+      return path.match(/.{1,2}/g).map(function (p) {
+        return normalizePath(p);
+      });
+    }
+
+    if (typeof path === 'number') {
+      return numberToBytes(path);
+    }
+
+    return path;
+  };
+
+  var normalizePaths = function normalizePaths(paths) {
+    if (!Array.isArray(paths)) {
+      return [normalizePath(paths)];
+    }
+
+    return paths.map(function (p) {
+      return normalizePath(p);
+    });
+  };
+
+  var getInfinityDataSize = function getInfinityDataSize(id, bytes, offset) {
+    if (offset >= bytes.length) {
+      return bytes.length;
+    }
+
+    var innerid = getvint(bytes, offset, false);
+
+    if (bytesMatch(id.bytes, innerid.bytes)) {
+      return offset;
+    }
+
+    var dataHeader = getvint(bytes, offset + innerid.length);
+    return getInfinityDataSize(id, bytes, offset + dataHeader.length + dataHeader.value + innerid.length);
+  };
+  /**
+   * Notes on the EBLM format.
+   *
+   * EBLM uses "vints" tags. Every vint tag contains
+   * two parts
+   *
+   * 1. The length from the first byte. You get this by
+   *    converting the byte to binary and counting the zeros
+   *    before a 1. Then you add 1 to that. Examples
+   *    00011111 = length 4 because there are 3 zeros before a 1.
+   *    00100000 = length 3 because there are 2 zeros before a 1.
+   *    00000011 = length 7 because there are 6 zeros before a 1.
+   *
+   * 2. The bits used for length are removed from the first byte
+   *    Then all the bytes are merged into a value. NOTE: this
+   *    is not the case for id ebml tags as there id includes
+   *    length bits.
+   *
+   */
+
+
+  var findEbml = function findEbml(bytes, paths) {
+    paths = normalizePaths(paths);
+    bytes = toUint8(bytes);
+    var results = [];
+
+    if (!paths.length) {
+      return results;
+    }
+
+    var i = 0;
+
+    while (i < bytes.length) {
+      var id = getvint(bytes, i, false);
+      var dataHeader = getvint(bytes, i + id.length);
+      var dataStart = i + id.length + dataHeader.length; // dataSize is unknown or this is a live stream
+
+      if (dataHeader.value === 0x7f) {
+        dataHeader.value = getInfinityDataSize(id, bytes, dataStart);
+
+        if (dataHeader.value !== bytes.length) {
+          dataHeader.value -= dataStart;
+        }
+      }
+
+      var dataEnd = dataStart + dataHeader.value > bytes.length ? bytes.length : dataStart + dataHeader.value;
+      var data = bytes.subarray(dataStart, dataEnd);
+
+      if (bytesMatch(paths[0], id.bytes)) {
+        if (paths.length === 1) {
+          // this is the end of the paths and we've found the tag we were
+          // looking for
+          results.push(data);
+        } else {
+          // recursively search for the next tag inside of the data
+          // of this one
+          results = results.concat(findEbml(data, paths.slice(1)));
+        }
+      }
+
+      var totalLength = id.length + dataHeader.length + data.length; // move past this tag entirely, we are not looking for it
+
+      i += totalLength;
+    }
+
+    return results;
+  }; // see https://www.matroska.org/technical/basics.html#block-structure
+
+  var NAL_TYPE_ONE = toUint8([0x00, 0x00, 0x00, 0x01]);
+  var NAL_TYPE_TWO = toUint8([0x00, 0x00, 0x01]);
+  var EMULATION_PREVENTION = toUint8([0x00, 0x00, 0x03]);
+  /**
+   * Expunge any "Emulation Prevention" bytes from a "Raw Byte
+   * Sequence Payload"
+   *
+   * @param data {Uint8Array} the bytes of a RBSP from a NAL
+   * unit
+   * @return {Uint8Array} the RBSP without any Emulation
+   * Prevention Bytes
+   */
+
+  var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(bytes) {
+    var positions = [];
+    var i = 1; // Find all `Emulation Prevention Bytes`
+
+    while (i < bytes.length - 2) {
+      if (bytesMatch(bytes.subarray(i, i + 3), EMULATION_PREVENTION)) {
+        positions.push(i + 2);
+        i++;
+      }
+
+      i++;
+    } // If no Emulation Prevention Bytes were found just return the original
+    // array
+
+
+    if (positions.length === 0) {
+      return bytes;
+    } // Create a new array to hold the NAL unit data
+
+
+    var newLength = bytes.length - positions.length;
+    var newData = new Uint8Array(newLength);
+    var sourceIndex = 0;
+
+    for (i = 0; i < newLength; sourceIndex++, i++) {
+      if (sourceIndex === positions[0]) {
+        // Skip this byte
+        sourceIndex++; // Remove this position index
+
+        positions.shift();
+      }
+
+      newData[i] = bytes[sourceIndex];
+    }
+
+    return newData;
+  };
+  var findNal = function findNal(bytes, dataType, types, nalLimit) {
+    if (nalLimit === void 0) {
+      nalLimit = Infinity;
+    }
+
+    bytes = toUint8(bytes);
+    types = [].concat(types);
+    var i = 0;
+    var nalStart;
+    var nalsFound = 0; // keep searching until:
+    // we reach the end of bytes
+    // we reach the maximum number of nals they want to seach
+    // NOTE: that we disregard nalLimit when we have found the start
+    // of the nal we want so that we can find the end of the nal we want.
+
+    while (i < bytes.length && (nalsFound < nalLimit || nalStart)) {
+      var nalOffset = void 0;
+
+      if (bytesMatch(bytes.subarray(i), NAL_TYPE_ONE)) {
+        nalOffset = 4;
+      } else if (bytesMatch(bytes.subarray(i), NAL_TYPE_TWO)) {
+        nalOffset = 3;
+      } // we are unsynced,
+      // find the next nal unit
+
+
+      if (!nalOffset) {
+        i++;
+        continue;
+      }
+
+      nalsFound++;
+
+      if (nalStart) {
+        return discardEmulationPreventionBytes(bytes.subarray(nalStart, i));
+      }
+
+      var nalType = void 0;
+
+      if (dataType === 'h264') {
+        nalType = bytes[i + nalOffset] & 0x1f;
+      } else if (dataType === 'h265') {
+        nalType = bytes[i + nalOffset] >> 1 & 0x3f;
+      }
+
+      if (types.indexOf(nalType) !== -1) {
+        nalStart = i + nalOffset;
+      } // nal header is 1 length for h264, and 2 for h265
+
+
+      i += nalOffset + (dataType === 'h264' ? 1 : 2);
+    }
+
+    return bytes.subarray(0, 0);
+  };
+  var findH264Nal = function findH264Nal(bytes, type, nalLimit) {
+    return findNal(bytes, 'h264', type, nalLimit);
+  };
+  var findH265Nal = function findH265Nal(bytes, type, nalLimit) {
+    return findNal(bytes, 'h265', type, nalLimit);
+  };
+
+  var CONSTANTS = {
+    // "webm" string literal in hex
+    'webm': toUint8([0x77, 0x65, 0x62, 0x6d]),
+    // "matroska" string literal in hex
+    'matroska': toUint8([0x6d, 0x61, 0x74, 0x72, 0x6f, 0x73, 0x6b, 0x61]),
+    // "fLaC" string literal in hex
+    'flac': toUint8([0x66, 0x4c, 0x61, 0x43]),
+    // "OggS" string literal in hex
+    'ogg': toUint8([0x4f, 0x67, 0x67, 0x53]),
+    // ac-3 sync byte, also works for ec-3 as that is simply a codec
+    // of ac-3
+    'ac3': toUint8([0x0b, 0x77]),
+    // "RIFF" string literal in hex used for wav and avi
+    'riff': toUint8([0x52, 0x49, 0x46, 0x46]),
+    // "AVI" string literal in hex
+    'avi': toUint8([0x41, 0x56, 0x49]),
+    // "WAVE" string literal in hex
+    'wav': toUint8([0x57, 0x41, 0x56, 0x45]),
+    // "ftyp3g" string literal in hex
+    '3gp': toUint8([0x66, 0x74, 0x79, 0x70, 0x33, 0x67]),
+    // "ftyp" string literal in hex
+    'mp4': toUint8([0x66, 0x74, 0x79, 0x70]),
+    // "styp" string literal in hex
+    'fmp4': toUint8([0x73, 0x74, 0x79, 0x70]),
+    // "ftyp" string literal in hex
+    'mov': toUint8([0x66, 0x74, 0x79, 0x70, 0x71, 0x74])
+  };
+  var _isLikely = {
+    aac: function aac(bytes) {
+      var offset = getId3Offset(bytes);
+      return bytesMatch(bytes, [0xFF, 0x10], {
+        offset: offset,
+        mask: [0xFF, 0x16]
+      });
+    },
+    mp3: function mp3(bytes) {
+      var offset = getId3Offset(bytes);
+      return bytesMatch(bytes, [0xFF, 0x02], {
+        offset: offset,
+        mask: [0xFF, 0x06]
+      });
+    },
+    webm: function webm(bytes) {
+      var docType = findEbml(bytes, [EBML_TAGS.EBML, EBML_TAGS.DocType])[0]; // check if DocType EBML tag is webm
+
+      return bytesMatch(docType, CONSTANTS.webm);
+    },
+    mkv: function mkv(bytes) {
+      var docType = findEbml(bytes, [EBML_TAGS.EBML, EBML_TAGS.DocType])[0]; // check if DocType EBML tag is matroska
+
+      return bytesMatch(docType, CONSTANTS.matroska);
+    },
+    mp4: function mp4(bytes) {
+      return !_isLikely['3gp'](bytes) && !_isLikely.mov(bytes) && (bytesMatch(bytes, CONSTANTS.mp4, {
+        offset: 4
+      }) || bytesMatch(bytes, CONSTANTS.fmp4, {
+        offset: 4
+      }));
+    },
+    mov: function mov(bytes) {
+      return bytesMatch(bytes, CONSTANTS.mov, {
+        offset: 4
+      });
+    },
+    '3gp': function gp(bytes) {
+      return bytesMatch(bytes, CONSTANTS['3gp'], {
+        offset: 4
+      });
+    },
+    ac3: function ac3(bytes) {
+      var offset = getId3Offset(bytes);
+      return bytesMatch(bytes, CONSTANTS.ac3, {
+        offset: offset
+      });
+    },
+    ts: function ts(bytes) {
+      if (bytes.length < 189 && bytes.length >= 1) {
+        return bytes[0] === 0x47;
+      }
+
+      var i = 0; // check the first 376 bytes for two matching sync bytes
+
+      while (i + 188 < bytes.length && i < 188) {
+        if (bytes[i] === 0x47 && bytes[i + 188] === 0x47) {
+          return true;
+        }
+
+        i += 1;
+      }
+
+      return false;
+    },
+    flac: function flac(bytes) {
+      var offset = getId3Offset(bytes);
+      return bytesMatch(bytes, CONSTANTS.flac, {
+        offset: offset
+      });
+    },
+    ogg: function ogg(bytes) {
+      return bytesMatch(bytes, CONSTANTS.ogg);
+    },
+    avi: function avi(bytes) {
+      return bytesMatch(bytes, CONSTANTS.riff) && bytesMatch(bytes, CONSTANTS.avi, {
+        offset: 8
+      });
+    },
+    wav: function wav(bytes) {
+      return bytesMatch(bytes, CONSTANTS.riff) && bytesMatch(bytes, CONSTANTS.wav, {
+        offset: 8
+      });
+    },
+    'h264': function h264(bytes) {
+      // find seq_parameter_set_rbsp
+      return findH264Nal(bytes, 7, 3).length;
+    },
+    'h265': function h265(bytes) {
+      // find video_parameter_set_rbsp or seq_parameter_set_rbsp
+      return findH265Nal(bytes, [32, 33], 3).length;
+    }
+  }; // get all the isLikely functions
+  // but make sure 'ts' is above h264 and h265
+  // but below everything else as it is the least specific
+
+  var isLikelyTypes = Object.keys(_isLikely) // remove ts, h264, h265
+  .filter(function (t) {
+    return t !== 'ts' && t !== 'h264' && t !== 'h265';
+  }) // add it back to the bottom
+  .concat(['ts', 'h264', 'h265']); // make sure we are dealing with uint8 data.
+
+  isLikelyTypes.forEach(function (type) {
+    var isLikelyFn = _isLikely[type];
+
+    _isLikely[type] = function (bytes) {
+      return isLikelyFn(toUint8(bytes));
+    };
+  }); // export after wrapping
+
+  var isLikely = _isLikely; // A useful list of file signatures can be found here
+  // https://en.wikipedia.org/wiki/List_of_file_signatures
+
+  var detectContainerForBytes = function detectContainerForBytes(bytes) {
+    bytes = toUint8(bytes);
+
+    for (var i = 0; i < isLikelyTypes.length; i++) {
+      var type = isLikelyTypes[i];
+
+      if (isLikely[type](bytes)) {
+        return type;
+      }
+    }
+
+    return '';
+  }; // fmp4 is not a container
+
+  var isLikelyFmp4MediaSegment = function isLikelyFmp4MediaSegment(bytes) {
+    return findBox(bytes, ['moof']).length > 0;
+  };
+
+  /**
+   * mux.js
+   *
+   * Copyright (c) Brightcove
+   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+   */
+  var ONE_SECOND_IN_TS = 90000,
+      // 90kHz clock
+  secondsToVideoTs,
+      secondsToAudioTs,
+      videoTsToSeconds,
+      audioTsToSeconds,
+      audioTsToVideoTs,
+      videoTsToAudioTs,
+      metadataTsToSeconds;
+
+  secondsToVideoTs = function secondsToVideoTs(seconds) {
+    return seconds * ONE_SECOND_IN_TS;
+  };
+
+  secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
+    return seconds * sampleRate;
+  };
+
+  videoTsToSeconds = function videoTsToSeconds(timestamp) {
+    return timestamp / ONE_SECOND_IN_TS;
+  };
+
+  audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
+    return timestamp / sampleRate;
+  };
+
+  audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
+    return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
+  };
+
+  videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
+    return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
+  };
+  /**
+   * Adjust ID3 tag or caption timing information by the timeline pts values
+   * (if keepOriginalTimestamps is false) and convert to seconds
+   */
+
+
+  metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
+    return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
+  };
+
+  var clock = {
+    ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
+    secondsToVideoTs: secondsToVideoTs,
+    secondsToAudioTs: secondsToAudioTs,
+    videoTsToSeconds: videoTsToSeconds,
+    audioTsToSeconds: audioTsToSeconds,
+    audioTsToVideoTs: audioTsToVideoTs,
+    videoTsToAudioTs: videoTsToAudioTs,
+    metadataTsToSeconds: metadataTsToSeconds
+  };
+  var clock_1 = clock.ONE_SECOND_IN_TS;
+
+  /*! @name @videojs/http-streaming @version 2.9.2 @license Apache-2.0 */
+  /**
+   * @file resolve-url.js - Handling how URLs are resolved and manipulated
+   */
+
+  var resolveUrl = resolveUrl$1;
+  /**
+   * Checks whether xhr request was redirected and returns correct url depending
+   * on `handleManifestRedirects` option
+   *
+   * @api private
+   *
+   * @param  {string} url - an url being requested
+   * @param  {XMLHttpRequest} req - xhr request result
+   *
+   * @return {string}
+   */
+
+  var resolveManifestRedirect = function resolveManifestRedirect(handleManifestRedirect, url, req) {
+    // To understand how the responseURL below is set and generated:
+    // - https://fetch.spec.whatwg.org/#concept-response-url
+    // - https://fetch.spec.whatwg.org/#atomic-http-redirect-handling
+    if (handleManifestRedirect && req && req.responseURL && url !== req.responseURL) {
+      return req.responseURL;
+    }
+
+    return url;
+  };
+
+  var logger = function logger(source) {
+    if (videojs.log.debug) {
+      return videojs.log.debug.bind(videojs, 'VHS:', source + " >");
+    }
+
+    return function () {};
+  };
+  /**
+   * ranges
+   *
+   * Utilities for working with TimeRanges.
+   *
+   */
+
+
+  var TIME_FUDGE_FACTOR = 1 / 30; // Comparisons between time values such as current time and the end of the buffered range
+  // can be misleading because of precision differences or when the current media has poorly
+  // aligned audio and video, which can cause values to be slightly off from what you would
+  // expect. This value is what we consider to be safe to use in such comparisons to account
+  // for these scenarios.
+
+  var SAFE_TIME_DELTA = TIME_FUDGE_FACTOR * 3;
+
+  var filterRanges = function filterRanges(timeRanges, predicate) {
+    var results = [];
+    var i;
+
+    if (timeRanges && timeRanges.length) {
+      // Search for ranges that match the predicate
+      for (i = 0; i < timeRanges.length; i++) {
+        if (predicate(timeRanges.start(i), timeRanges.end(i))) {
+          results.push([timeRanges.start(i), timeRanges.end(i)]);
+        }
+      }
+    }
+
+    return videojs.createTimeRanges(results);
+  };
+  /**
+   * Attempts to find the buffered TimeRange that contains the specified
+   * time.
+   *
+   * @param {TimeRanges} buffered - the TimeRanges object to query
+   * @param {number} time  - the time to filter on.
+   * @return {TimeRanges} a new TimeRanges object
+   */
+
+
+  var findRange = function findRange(buffered, time) {
+    return filterRanges(buffered, function (start, end) {
+      return start - SAFE_TIME_DELTA <= time && end + SAFE_TIME_DELTA >= time;
+    });
+  };
+  /**
+   * Returns the TimeRanges that begin later than the specified time.
+   *
+   * @param {TimeRanges} timeRanges - the TimeRanges object to query
+   * @param {number} time - the time to filter on.
+   * @return {TimeRanges} a new TimeRanges object.
+   */
+
+
+  var findNextRange = function findNextRange(timeRanges, time) {
+    return filterRanges(timeRanges, function (start) {
+      return start - TIME_FUDGE_FACTOR >= time;
+    });
+  };
+  /**
+   * Returns gaps within a list of TimeRanges
+   *
+   * @param {TimeRanges} buffered - the TimeRanges object
+   * @return {TimeRanges} a TimeRanges object of gaps
+   */
+
+
+  var findGaps = function findGaps(buffered) {
+    if (buffered.length < 2) {
+      return videojs.createTimeRanges();
+    }
+
+    var ranges = [];
+
+    for (var i = 1; i < buffered.length; i++) {
+      var start = buffered.end(i - 1);
+      var end = buffered.start(i);
+      ranges.push([start, end]);
+    }
+
+    return videojs.createTimeRanges(ranges);
+  };
+  /**
+   * Calculate the intersection of two TimeRanges
+   *
+   * @param {TimeRanges} bufferA
+   * @param {TimeRanges} bufferB
+   * @return {TimeRanges} The interesection of `bufferA` with `bufferB`
+   */
+
+
+  var bufferIntersection = function bufferIntersection(bufferA, bufferB) {
+    var start = null;
+    var end = null;
+    var arity = 0;
+    var extents = [];
+    var ranges = [];
+
+    if (!bufferA || !bufferA.length || !bufferB || !bufferB.length) {
+      return videojs.createTimeRange();
+    } // Handle the case where we have both buffers and create an
+    // intersection of the two
+
+
+    var count = bufferA.length; // A) Gather up all start and end times
+
+    while (count--) {
+      extents.push({
+        time: bufferA.start(count),
+        type: 'start'
+      });
+      extents.push({
+        time: bufferA.end(count),
+        type: 'end'
+      });
+    }
+
+    count = bufferB.length;
+
+    while (count--) {
+      extents.push({
+        time: bufferB.start(count),
+        type: 'start'
+      });
+      extents.push({
+        time: bufferB.end(count),
+        type: 'end'
+      });
+    } // B) Sort them by time
+
+
+    extents.sort(function (a, b) {
+      return a.time - b.time;
+    }); // C) Go along one by one incrementing arity for start and decrementing
+    //    arity for ends
+
+    for (count = 0; count < extents.length; count++) {
+      if (extents[count].type === 'start') {
+        arity++; // D) If arity is ever incremented to 2 we are entering an
+        //    overlapping range
+
+        if (arity === 2) {
+          start = extents[count].time;
+        }
+      } else if (extents[count].type === 'end') {
+        arity--; // E) If arity is ever decremented to 1 we leaving an
+        //    overlapping range
+
+        if (arity === 1) {
+          end = extents[count].time;
+        }
+      } // F) Record overlapping ranges
+
+
+      if (start !== null && end !== null) {
+        ranges.push([start, end]);
+        start = null;
+        end = null;
+      }
+    }
+
+    return videojs.createTimeRanges(ranges);
+  };
+  /**
+   * Gets a human readable string for a TimeRange
+   *
+   * @param {TimeRange} range
+   * @return {string} a human readable string
+   */
+
+
+  var printableRange = function printableRange(range) {
+    var strArr = [];
+
+    if (!range || !range.length) {
+      return '';
+    }
+
+    for (var i = 0; i < range.length; i++) {
+      strArr.push(range.start(i) + ' => ' + range.end(i));
+    }
+
+    return strArr.join(', ');
+  };
+  /**
+   * Calculates the amount of time left in seconds until the player hits the end of the
+   * buffer and causes a rebuffer
+   *
+   * @param {TimeRange} buffered
+   *        The state of the buffer
+   * @param {Numnber} currentTime
+   *        The current time of the player
+   * @param {number} playbackRate
+   *        The current playback rate of the player. Defaults to 1.
+   * @return {number}
+   *         Time until the player has to start rebuffering in seconds.
+   * @function timeUntilRebuffer
+   */
+
+
+  var timeUntilRebuffer = function timeUntilRebuffer(buffered, currentTime, playbackRate) {
+    if (playbackRate === void 0) {
+      playbackRate = 1;
+    }
+
+    var bufferedEnd = buffered.length ? buffered.end(buffered.length - 1) : 0;
+    return (bufferedEnd - currentTime) / playbackRate;
+  };
+  /**
+   * Converts a TimeRanges object into an array representation
+   *
+   * @param {TimeRanges} timeRanges
+   * @return {Array}
+   */
+
+
+  var timeRangesToArray = function timeRangesToArray(timeRanges) {
+    var timeRangesList = [];
+
+    for (var i = 0; i < timeRanges.length; i++) {
+      timeRangesList.push({
+        start: timeRanges.start(i),
+        end: timeRanges.end(i)
+      });
+    }
+
+    return timeRangesList;
+  };
+  /**
+   * Determines if two time range objects are different.
+   *
+   * @param {TimeRange} a
+   *        the first time range object to check
+   *
+   * @param {TimeRange} b
+   *        the second time range object to check
+   *
+   * @return {Boolean}
+   *         Whether the time range objects differ
+   */
+
+
+  var isRangeDifferent = function isRangeDifferent(a, b) {
+    // same object
+    if (a === b) {
+      return false;
+    } // one or the other is undefined
+
+
+    if (!a && b || !b && a) {
+      return true;
+    } // length is different
+
+
+    if (a.length !== b.length) {
+      return true;
+    } // see if any start/end pair is different
+
+
+    for (var i = 0; i < a.length; i++) {
+      if (a.start(i) !== b.start(i) || a.end(i) !== b.end(i)) {
+        return true;
+      }
+    } // if the length and every pair is the same
+    // this is the same time range
+
+
+    return false;
+  };
+
+  var lastBufferedEnd = function lastBufferedEnd(a) {
+    if (!a || !a.length || !a.end) {
+      return;
+    }
+
+    return a.end(a.length - 1);
+  };
+  /**
+   * @file playlist.js
+   *
+   * Playlist related utilities.
+   */
+
+
+  var createTimeRange = videojs.createTimeRange;
+  /**
+   * A function to get a combined list of parts and segments with durations
+   * and indexes.
+   *
+   * @param {Playlist} playlist the playlist to get the list for.
+   *
+   * @return {Array} The part/segment list.
+   */
+
+  var getPartsAndSegments = function getPartsAndSegments(playlist) {
+    return (playlist.segments || []).reduce(function (acc, segment, si) {
+      if (segment.parts) {
+        segment.parts.forEach(function (part, pi) {
+          acc.push({
+            duration: part.duration,
+            segmentIndex: si,
+            partIndex: pi,
+            part: part,
+            segment: segment
+          });
+        });
+      } else {
+        acc.push({
+          duration: segment.duration,
+          segmentIndex: si,
+          partIndex: null,
+          segment: segment,
+          part: null
+        });
+      }
+
+      return acc;
+    }, []);
+  };
+
+  var getLastParts = function getLastParts(media) {
+    var lastSegment = media.segments && media.segments.length && media.segments[media.segments.length - 1];
+    return lastSegment && lastSegment.parts || [];
+  };
+
+  var getKnownPartCount = function getKnownPartCount(_ref) {
+    var preloadSegment = _ref.preloadSegment;
+
+    if (!preloadSegment) {
+      return;
+    }
+
+    var parts = preloadSegment.parts,
+        preloadHints = preloadSegment.preloadHints;
+    var partCount = (preloadHints || []).reduce(function (count, hint) {
+      return count + (hint.type === 'PART' ? 1 : 0);
+    }, 0);
+    partCount += parts && parts.length ? parts.length : 0;
+    return partCount;
+  };
+  /**
+   * Get the number of seconds to delay from the end of a
+   * live playlist.
+   *
+   * @param {Playlist} master the master playlist
+   * @param {Playlist} media the media playlist
+   * @return {number} the hold back in seconds.
+   */
+
+
+  var liveEdgeDelay = function liveEdgeDelay(master, media) {
+    if (media.endList) {
+      return 0;
+    } // dash suggestedPresentationDelay trumps everything
+
+
+    if (master && master.suggestedPresentationDelay) {
+      return master.suggestedPresentationDelay;
+    }
+
+    var hasParts = getLastParts(media).length > 0; // look for "part" delays from ll-hls first
+
+    if (hasParts && media.serverControl && media.serverControl.partHoldBack) {
+      return media.serverControl.partHoldBack;
+    } else if (hasParts && media.partTargetDuration) {
+      return media.partTargetDuration * 3; // finally look for full segment delays
+    } else if (media.serverControl && media.serverControl.holdBack) {
+      return media.serverControl.holdBack;
+    } else if (media.targetDuration) {
+      return media.targetDuration * 3;
+    }
+
+    return 0;
+  };
+  /**
+   * walk backward until we find a duration we can use
+   * or return a failure
+   *
+   * @param {Playlist} playlist the playlist to walk through
+   * @param {Number} endSequence the mediaSequence to stop walking on
+   */
+
+
+  var backwardDuration = function backwardDuration(playlist, endSequence) {
+    var result = 0;
+    var i = endSequence - playlist.mediaSequence; // if a start time is available for segment immediately following
+    // the interval, use it
+
+    var segment = playlist.segments[i]; // Walk backward until we find the latest segment with timeline
+    // information that is earlier than endSequence
+
+    if (segment) {
+      if (typeof segment.start !== 'undefined') {
+        return {
+          result: segment.start,
+          precise: true
+        };
+      }
+
+      if (typeof segment.end !== 'undefined') {
+        return {
+          result: segment.end - segment.duration,
+          precise: true
+        };
+      }
+    }
+
+    while (i--) {
+      segment = playlist.segments[i];
+
+      if (typeof segment.end !== 'undefined') {
+        return {
+          result: result + segment.end,
+          precise: true
+        };
+      }
+
+      result += segment.duration;
+
+      if (typeof segment.start !== 'undefined') {
+        return {
+          result: result + segment.start,
+          precise: true
+        };
+      }
+    }
+
+    return {
+      result: result,
+      precise: false
+    };
+  };
+  /**
+   * walk forward until we find a duration we can use
+   * or return a failure
+   *
+   * @param {Playlist} playlist the playlist to walk through
+   * @param {number} endSequence the mediaSequence to stop walking on
+   */
+
+
+  var forwardDuration = function forwardDuration(playlist, endSequence) {
+    var result = 0;
+    var segment;
+    var i = endSequence - playlist.mediaSequence; // Walk forward until we find the earliest segment with timeline
+    // information
+
+    for (; i < playlist.segments.length; i++) {
+      segment = playlist.segments[i];
+
+      if (typeof segment.start !== 'undefined') {
+        return {
+          result: segment.start - result,
+          precise: true
+        };
+      }
+
+      result += segment.duration;
+
+      if (typeof segment.end !== 'undefined') {
+        return {
+          result: segment.end - result,
+          precise: true
+        };
+      }
+    } // indicate we didn't find a useful duration estimate
+
+
+    return {
+      result: -1,
+      precise: false
+    };
+  };
+  /**
+    * Calculate the media duration from the segments associated with a
+    * playlist. The duration of a subinterval of the available segments
+    * may be calculated by specifying an end index.
+    *
+    * @param {Object} playlist a media playlist object
+    * @param {number=} endSequence an exclusive upper boundary
+    * for the playlist.  Defaults to playlist length.
+    * @param {number} expired the amount of time that has dropped
+    * off the front of the playlist in a live scenario
+    * @return {number} the duration between the first available segment
+    * and end index.
+    */
+
+
+  var intervalDuration = function intervalDuration(playlist, endSequence, expired) {
+    if (typeof endSequence === 'undefined') {
+      endSequence = playlist.mediaSequence + playlist.segments.length;
+    }
+
+    if (endSequence < playlist.mediaSequence) {
+      return 0;
+    } // do a backward walk to estimate the duration
+
+
+    var backward = backwardDuration(playlist, endSequence);
+
+    if (backward.precise) {
+      // if we were able to base our duration estimate on timing
+      // information provided directly from the Media Source, return
+      // it
+      return backward.result;
+    } // walk forward to see if a precise duration estimate can be made
+    // that way
+
+
+    var forward = forwardDuration(playlist, endSequence);
+
+    if (forward.precise) {
+      // we found a segment that has been buffered and so it's
+      // position is known precisely
+      return forward.result;
+    } // return the less-precise, playlist-based duration estimate
+
+
+    return backward.result + expired;
+  };
+  /**
+    * Calculates the duration of a playlist. If a start and end index
+    * are specified, the duration will be for the subset of the media
+    * timeline between those two indices. The total duration for live
+    * playlists is always Infinity.
+    *
+    * @param {Object} playlist a media playlist object
+    * @param {number=} endSequence an exclusive upper
+    * boundary for the playlist. Defaults to the playlist media
+    * sequence number plus its length.
+    * @param {number=} expired the amount of time that has
+    * dropped off the front of the playlist in a live scenario
+    * @return {number} the duration between the start index and end
+    * index.
+    */
+
+
+  var duration = function duration(playlist, endSequence, expired) {
+    if (!playlist) {
+      return 0;
+    }
+
+    if (typeof expired !== 'number') {
+      expired = 0;
+    } // if a slice of the total duration is not requested, use
+    // playlist-level duration indicators when they're present
+
+
+    if (typeof endSequence === 'undefined') {
+      // if present, use the duration specified in the playlist
+      if (playlist.totalDuration) {
+        return playlist.totalDuration;
+      } // duration should be Infinity for live playlists
+
+
+      if (!playlist.endList) {
+        return window_1.Infinity;
+      }
+    } // calculate the total duration based on the segment durations
+
+
+    return intervalDuration(playlist, endSequence, expired);
+  };
+  /**
+    * Calculate the time between two indexes in the current playlist
+    * neight the start- nor the end-index need to be within the current
+    * playlist in which case, the targetDuration of the playlist is used
+    * to approximate the durations of the segments
+    *
+    * @param {Array} options.durationList list to iterate over for durations.
+    * @param {number} options.defaultDuration duration to use for elements before or after the durationList
+    * @param {number} options.startIndex partsAndSegments index to start
+    * @param {number} options.endIndex partsAndSegments index to end.
+    * @return {number} the number of seconds between startIndex and endIndex
+    */
+
+
+  var sumDurations = function sumDurations(_ref2) {
+    var defaultDuration = _ref2.defaultDuration,
+        durationList = _ref2.durationList,
+        startIndex = _ref2.startIndex,
+        endIndex = _ref2.endIndex;
+    var durations = 0;
+
+    if (startIndex > endIndex) {
+      var _ref3 = [endIndex, startIndex];
+      startIndex = _ref3[0];
+      endIndex = _ref3[1];
+    }
+
+    if (startIndex < 0) {
+      for (var i = startIndex; i < Math.min(0, endIndex); i++) {
+        durations += defaultDuration;
+      }
+
+      startIndex = 0;
+    }
+
+    for (var _i = startIndex; _i < endIndex; _i++) {
+      durations += durationList[_i].duration;
+    }
+
+    return durations;
+  };
+  /**
+   * Calculates the playlist end time
+   *
+   * @param {Object} playlist a media playlist object
+   * @param {number=} expired the amount of time that has
+   *                  dropped off the front of the playlist in a live scenario
+   * @param {boolean|false} useSafeLiveEnd a boolean value indicating whether or not the
+   *                        playlist end calculation should consider the safe live end
+   *                        (truncate the playlist end by three segments). This is normally
+   *                        used for calculating the end of the playlist's seekable range.
+   *                        This takes into account the value of liveEdgePadding.
+   *                        Setting liveEdgePadding to 0 is equivalent to setting this to false.
+   * @param {number} liveEdgePadding a number indicating how far from the end of the playlist we should be in seconds.
+   *                 If this is provided, it is used in the safe live end calculation.
+   *                 Setting useSafeLiveEnd=false or liveEdgePadding=0 are equivalent.
+   *                 Corresponds to suggestedPresentationDelay in DASH manifests.
+   * @return {number} the end time of playlist
+   * @function playlistEnd
+   */
+
+
+  var playlistEnd = function playlistEnd(playlist, expired, useSafeLiveEnd, liveEdgePadding) {
+    if (!playlist || !playlist.segments) {
+      return null;
+    }
+
+    if (playlist.endList) {
+      return duration(playlist);
+    }
+
+    if (expired === null) {
+      return null;
+    }
+
+    expired = expired || 0;
+    var lastSegmentTime = intervalDuration(playlist, playlist.mediaSequence + playlist.segments.length, expired);
+
+    if (useSafeLiveEnd) {
+      liveEdgePadding = typeof liveEdgePadding === 'number' ? liveEdgePadding : liveEdgeDelay(null, playlist);
+      lastSegmentTime -= liveEdgePadding;
+    } // don't return a time less than zero
+
+
+    return Math.max(0, lastSegmentTime);
+  };
+  /**
+    * Calculates the interval of time that is currently seekable in a
+    * playlist. The returned time ranges are relative to the earliest
+    * moment in the specified playlist that is still available. A full
+    * seekable implementation for live streams would need to offset
+    * these values by the duration of content that has expired from the
+    * stream.
+    *
+    * @param {Object} playlist a media playlist object
+    * dropped off the front of the playlist in a live scenario
+    * @param {number=} expired the amount of time that has
+    * dropped off the front of the playlist in a live scenario
+    * @param {number} liveEdgePadding how far from the end of the playlist we should be in seconds.
+    *        Corresponds to suggestedPresentationDelay in DASH manifests.
+    * @return {TimeRanges} the periods of time that are valid targets
+    * for seeking
+    */
+
+
+  var seekable = function seekable(playlist, expired, liveEdgePadding) {
+    var useSafeLiveEnd = true;
+    var seekableStart = expired || 0;
+    var seekableEnd = playlistEnd(playlist, expired, useSafeLiveEnd, liveEdgePadding);
+
+    if (seekableEnd === null) {
+      return createTimeRange();
+    }
+
+    return createTimeRange(seekableStart, seekableEnd);
+  };
+  /**
+   * Determine the index and estimated starting time of the segment that
+   * contains a specified playback position in a media playlist.
+   *
+   * @param {Object} options.playlist the media playlist to query
+   * @param {number} options.currentTime The number of seconds since the earliest
+   * possible position to determine the containing segment for
+   * @param {number} options.startTime the time when the segment/part starts
+   * @param {number} options.startingSegmentIndex the segment index to start looking at.
+   * @param {number?} [options.startingPartIndex] the part index to look at within the segment.
+   *
+   * @return {Object} an object with partIndex, segmentIndex, and startTime.
+   */
+
+
+  var getMediaInfoForTime = function getMediaInfoForTime(_ref4) {
+    var playlist = _ref4.playlist,
+        currentTime = _ref4.currentTime,
+        startingSegmentIndex = _ref4.startingSegmentIndex,
+        startingPartIndex = _ref4.startingPartIndex,
+        startTime = _ref4.startTime;
+    var time = currentTime - startTime;
+    var partsAndSegments = getPartsAndSegments(playlist);
+    var startIndex = 0;
+
+    for (var i = 0; i < partsAndSegments.length; i++) {
+      var partAndSegment = partsAndSegments[i];
+
+      if (startingSegmentIndex !== partAndSegment.segmentIndex) {
+        continue;
+      } // skip this if part index does not match.
+
+
+      if (typeof startingPartIndex === 'number' && typeof partAndSegment.partIndex === 'number' && startingPartIndex !== partAndSegment.partIndex) {
+        continue;
+      }
+
+      startIndex = i;
+      break;
+    }
+
+    if (time < 0) {
+      // Walk backward from startIndex in the playlist, adding durations
+      // until we find a segment that contains `time` and return it
+      if (startIndex > 0) {
+        for (var _i2 = startIndex - 1; _i2 >= 0; _i2--) {
+          var _partAndSegment = partsAndSegments[_i2];
+          time += _partAndSegment.duration; // TODO: consider not using TIME_FUDGE_FACTOR at all here
+
+          if (time + TIME_FUDGE_FACTOR > 0) {
+            return {
+              partIndex: _partAndSegment.partIndex,
+              segmentIndex: _partAndSegment.segmentIndex,
+              startTime: startTime - sumDurations({
+                defaultDuration: playlist.targetDuration,
+                durationList: partsAndSegments,
+                startIndex: startIndex,
+                endIndex: _i2
+              })
+            };
+          }
+        }
+      } // We were unable to find a good segment within the playlist
+      // so select the first segment
+
+
+      return {
+        partIndex: partsAndSegments[0] && partsAndSegments[0].partIndex || null,
+        segmentIndex: partsAndSegments[0] && partsAndSegments[0].segmentIndex || 0,
+        startTime: currentTime
+      };
+    } // When startIndex is negative, we first walk forward to first segment
+    // adding target durations. If we "run out of time" before getting to
+    // the first segment, return the first segment
+
+
+    if (startIndex < 0) {
+      for (var _i3 = startIndex; _i3 < 0; _i3++) {
+        time -= playlist.targetDuration;
+
+        if (time < 0) {
+          return {
+            partIndex: partsAndSegments[0] && partsAndSegments[0].partIndex || null,
+            segmentIndex: partsAndSegments[0] && partsAndSegments[0].segmentIndex || 0,
+            startTime: currentTime
+          };
+        }
+      }
+
+      startIndex = 0;
+    } // Walk forward from startIndex in the playlist, subtracting durations
+    // until we find a segment that contains `time` and return it
+
+
+    for (var _i4 = startIndex; _i4 < partsAndSegments.length; _i4++) {
+      var _partAndSegment2 = partsAndSegments[_i4];
+      time -= _partAndSegment2.duration; // TODO: consider not using TIME_FUDGE_FACTOR at all here
+
+      if (time - TIME_FUDGE_FACTOR < 0) {
+        return {
+          partIndex: _partAndSegment2.partIndex,
+          segmentIndex: _partAndSegment2.segmentIndex,
+          startTime: startTime + sumDurations({
+            defaultDuration: playlist.targetDuration,
+            durationList: partsAndSegments,
+            startIndex: startIndex,
+            endIndex: _i4
+          })
+        };
+      }
+    } // We are out of possible candidates so load the last one...
+
+
+    return {
+      segmentIndex: partsAndSegments[partsAndSegments.length - 1].segmentIndex,
+      partIndex: partsAndSegments[partsAndSegments.length - 1].partIndex,
+      startTime: currentTime
+    };
+  };
+  /**
+   * Check whether the playlist is blacklisted or not.
+   *
+   * @param {Object} playlist the media playlist object
+   * @return {boolean} whether the playlist is blacklisted or not
+   * @function isBlacklisted
+   */
+
+
+  var isBlacklisted = function isBlacklisted(playlist) {
+    return playlist.excludeUntil && playlist.excludeUntil > Date.now();
+  };
+  /**
+   * Check whether the playlist is compatible with current playback configuration or has
+   * been blacklisted permanently for being incompatible.
+   *
+   * @param {Object} playlist the media playlist object
+   * @return {boolean} whether the playlist is incompatible or not
+   * @function isIncompatible
+   */
+
+
+  var isIncompatible = function isIncompatible(playlist) {
+    return playlist.excludeUntil && playlist.excludeUntil === Infinity;
+  };
+  /**
+   * Check whether the playlist is enabled or not.
+   *
+   * @param {Object} playlist the media playlist object
+   * @return {boolean} whether the playlist is enabled or not
+   * @function isEnabled
+   */
+
+
+  var isEnabled = function isEnabled(playlist) {
+    var blacklisted = isBlacklisted(playlist);
+    return !playlist.disabled && !blacklisted;
+  };
+  /**
+   * Check whether the playlist has been manually disabled through the representations api.
+   *
+   * @param {Object} playlist the media playlist object
+   * @return {boolean} whether the playlist is disabled manually or not
+   * @function isDisabled
+   */
+
+
+  var isDisabled = function isDisabled(playlist) {
+    return playlist.disabled;
+  };
+  /**
+   * Returns whether the current playlist is an AES encrypted HLS stream
+   *
+   * @return {boolean} true if it's an AES encrypted HLS stream
+   */
+
+
+  var isAes = function isAes(media) {
+    for (var i = 0; i < media.segments.length; i++) {
+      if (media.segments[i].key) {
+        return true;
+      }
+    }
+
+    return false;
+  };
+  /**
+   * Checks if the playlist has a value for the specified attribute
+   *
+   * @param {string} attr
+   *        Attribute to check for
+   * @param {Object} playlist
+   *        The media playlist object
+   * @return {boolean}
+   *         Whether the playlist contains a value for the attribute or not
+   * @function hasAttribute
+   */
+
+
+  var hasAttribute = function hasAttribute(attr, playlist) {
+    return playlist.attributes && playlist.attributes[attr];
+  };
+  /**
+   * Estimates the time required to complete a segment download from the specified playlist
+   *
+   * @param {number} segmentDuration
+   *        Duration of requested segment
+   * @param {number} bandwidth
+   *        Current measured bandwidth of the player
+   * @param {Object} playlist
+   *        The media playlist object
+   * @param {number=} bytesReceived
+   *        Number of bytes already received for the request. Defaults to 0
+   * @return {number|NaN}
+   *         The estimated time to request the segment. NaN if bandwidth information for
+   *         the given playlist is unavailable
+   * @function estimateSegmentRequestTime
+   */
+
+
+  var estimateSegmentRequestTime = function estimateSegmentRequestTime(segmentDuration, bandwidth, playlist, bytesReceived) {
+    if (bytesReceived === void 0) {
+      bytesReceived = 0;
+    }
+
+    if (!hasAttribute('BANDWIDTH', playlist)) {
+      return NaN;
+    }
+
+    var size = segmentDuration * playlist.attributes.BANDWIDTH;
+    return (size - bytesReceived * 8) / bandwidth;
+  };
+  /*
+   * Returns whether the current playlist is the lowest rendition
+   *
+   * @return {Boolean} true if on lowest rendition
+   */
+
+
+  var isLowestEnabledRendition = function isLowestEnabledRendition(master, media) {
+    if (master.playlists.length === 1) {
+      return true;
+    }
+
+    var currentBandwidth = media.attributes.BANDWIDTH || Number.MAX_VALUE;
+    return master.playlists.filter(function (playlist) {
+      if (!isEnabled(playlist)) {
+        return false;
+      }
+
+      return (playlist.attributes.BANDWIDTH || 0) < currentBandwidth;
+    }).length === 0;
+  };
+
+  var playlistMatch = function playlistMatch(a, b) {
+    // both playlits are null
+    // or only one playlist is non-null
+    // no match
+    if (!a && !b || !a && b || a && !b) {
+      return false;
+    } // playlist objects are the same, match
+
+
+    if (a === b) {
+      return true;
+    } // first try to use id as it should be the most
+    // accurate
+
+
+    if (a.id && b.id && a.id === b.id) {
+      return true;
+    } // next try to use reslovedUri as it should be the
+    // second most accurate.
+
+
+    if (a.resolvedUri && b.resolvedUri && a.resolvedUri === b.resolvedUri) {
+      return true;
+    } // finally try to use uri as it should be accurate
+    // but might miss a few cases for relative uris
+
+
+    if (a.uri && b.uri && a.uri === b.uri) {
+      return true;
+    }
+
+    return false;
+  };
+
+  var someAudioVariant = function someAudioVariant(master, callback) {
+    var AUDIO = master && master.mediaGroups && master.mediaGroups.AUDIO || {};
+    var found = false;
+
+    for (var groupName in AUDIO) {
+      for (var label in AUDIO[groupName]) {
+        found = callback(AUDIO[groupName][label]);
+
+        if (found) {
+          break;
+        }
+      }
+
+      if (found) {
+        break;
+      }
+    }
+
+    return !!found;
+  };
+
+  var isAudioOnly = function isAudioOnly(master) {
+    // we are audio only if we have no main playlists but do
+    // have media group playlists.
+    if (!master || !master.playlists || !master.playlists.length) {
+      // without audio variants or playlists this
+      // is not an audio only master.
+      var found = someAudioVariant(master, function (variant) {
+        return variant.playlists && variant.playlists.length || variant.uri;
+      });
+      return found;
+    } // if every playlist has only an audio codec it is audio only
+
+
+    var _loop = function _loop(i) {
+      var playlist = master.playlists[i];
+      var CODECS = playlist.attributes && playlist.attributes.CODECS; // all codecs are audio, this is an audio playlist.
+
+      if (CODECS && CODECS.split(',').every(function (c) {
+        return isAudioCodec(c);
+      })) {
+        return "continue";
+      } // playlist is in an audio group it is audio only
+
+
+      var found = someAudioVariant(master, function (variant) {
+        return playlistMatch(playlist, variant);
+      });
+
+      if (found) {
+        return "continue";
+      } // if we make it here this playlist isn't audio and we
+      // are not audio only
+
+
+      return {
+        v: false
+      };
+    };
+
+    for (var i = 0; i < master.playlists.length; i++) {
+      var _ret = _loop(i);
+
+      if (_ret === "continue") continue;
+      if (typeof _ret === "object") return _ret.v;
+    } // if we make it past every playlist without returning, then
+    // this is an audio only playlist.
+
+
+    return true;
+  }; // exports
+
+
+  var Playlist = {
+    liveEdgeDelay: liveEdgeDelay,
+    duration: duration,
+    seekable: seekable,
+    getMediaInfoForTime: getMediaInfoForTime,
+    isEnabled: isEnabled,
+    isDisabled: isDisabled,
+    isBlacklisted: isBlacklisted,
+    isIncompatible: isIncompatible,
+    playlistEnd: playlistEnd,
+    isAes: isAes,
+    hasAttribute: hasAttribute,
+    estimateSegmentRequestTime: estimateSegmentRequestTime,
+    isLowestEnabledRendition: isLowestEnabledRendition,
+    isAudioOnly: isAudioOnly,
+    playlistMatch: playlistMatch
+  };
+  var log = videojs.log;
+
+  var createPlaylistID = function createPlaylistID(index, uri) {
+    return index + "-" + uri;
+  };
+  /**
+   * Parses a given m3u8 playlist
+   *
+   * @param {Function} [onwarn]
+   *        a function to call when the parser triggers a warning event.
+   * @param {Function} [oninfo]
+   *        a function to call when the parser triggers an info event.
+   * @param {string} manifestString
+   *        The downloaded manifest string
+   * @param {Object[]} [customTagParsers]
+   *        An array of custom tag parsers for the m3u8-parser instance
+   * @param {Object[]} [customTagMappers]
+   *        An array of custom tag mappers for the m3u8-parser instance
+   * @param {boolean} [experimentalLLHLS=false]
+   *        Whether to keep ll-hls features in the manifest after parsing.
+   * @return {Object}
+   *         The manifest object
+   */
+
+
+  var parseManifest = function parseManifest(_ref) {
+    var onwarn = _ref.onwarn,
+        oninfo = _ref.oninfo,
+        manifestString = _ref.manifestString,
+        _ref$customTagParsers = _ref.customTagParsers,
+        customTagParsers = _ref$customTagParsers === void 0 ? [] : _ref$customTagParsers,
+        _ref$customTagMappers = _ref.customTagMappers,
+        customTagMappers = _ref$customTagMappers === void 0 ? [] : _ref$customTagMappers,
+        experimentalLLHLS = _ref.experimentalLLHLS;
+    var parser = new Parser();
+
+    if (onwarn) {
+      parser.on('warn', onwarn);
+    }
+
+    if (oninfo) {
+      parser.on('info', oninfo);
+    }
+
+    customTagParsers.forEach(function (customParser) {
+      return parser.addParser(customParser);
+    });
+    customTagMappers.forEach(function (mapper) {
+      return parser.addTagMapper(mapper);
+    });
+    parser.push(manifestString);
+    parser.end();
+    var manifest = parser.manifest; // remove llhls features from the parsed manifest
+    // if we don't want llhls support.
+
+    if (!experimentalLLHLS) {
+      ['preloadSegment', 'skip', 'serverControl', 'renditionReports', 'partInf', 'partTargetDuration'].forEach(function (k) {
+        if (manifest.hasOwnProperty(k)) {
+          delete manifest[k];
+        }
+      });
+
+      if (manifest.segments) {
+        manifest.segments.forEach(function (segment) {
+          ['parts', 'preloadHints'].forEach(function (k) {
+            if (segment.hasOwnProperty(k)) {
+              delete segment[k];
+            }
+          });
+        });
+      }
+    }
+
+    if (!manifest.targetDuration) {
+      var targetDuration = 10;
+
+      if (manifest.segments && manifest.segments.length) {
+        targetDuration = manifest.segments.reduce(function (acc, s) {
+          return Math.max(acc, s.duration);
+        }, 0);
+      }
+
+      if (onwarn) {
+        onwarn("manifest has no targetDuration defaulting to " + targetDuration);
+      }
+
+      manifest.targetDuration = targetDuration;
+    }
+
+    var parts = getLastParts(manifest);
+
+    if (parts.length && !manifest.partTargetDuration) {
+      var partTargetDuration = parts.reduce(function (acc, p) {
+        return Math.max(acc, p.duration);
+      }, 0);
+
+      if (onwarn) {
+        onwarn("manifest has no partTargetDuration defaulting to " + partTargetDuration);
+        log.error('LL-HLS manifest has parts but lacks required #EXT-X-PART-INF:PART-TARGET value. See https://datatracker.ietf.org/doc/html/draft-pantos-hls-rfc8216bis-09#section-4.4.3.7. Playback is not guaranteed.');
+      }
+
+      manifest.partTargetDuration = partTargetDuration;
+    }
+
+    return manifest;
+  };
+  /**
+   * Loops through all supported media groups in master and calls the provided
+   * callback for each group
+   *
+   * @param {Object} master
+   *        The parsed master manifest object
+   * @param {Function} callback
+   *        Callback to call for each media group
+   */
+
+
+  var forEachMediaGroup = function forEachMediaGroup(master, callback) {
+    if (!master.mediaGroups) {
+      return;
+    }
+
+    ['AUDIO', 'SUBTITLES'].forEach(function (mediaType) {
+      if (!master.mediaGroups[mediaType]) {
+        return;
+      }
+
+      for (var groupKey in master.mediaGroups[mediaType]) {
+        for (var labelKey in master.mediaGroups[mediaType][groupKey]) {
+          var mediaProperties = master.mediaGroups[mediaType][groupKey][labelKey];
+          callback(mediaProperties, mediaType, groupKey, labelKey);
+        }
+      }
+    });
+  };
+  /**
+   * Adds properties and attributes to the playlist to keep consistent functionality for
+   * playlists throughout VHS.
+   *
+   * @param {Object} config
+   *        Arguments object
+   * @param {Object} config.playlist
+   *        The media playlist
+   * @param {string} [config.uri]
+   *        The uri to the media playlist (if media playlist is not from within a master
+   *        playlist)
+   * @param {string} id
+   *        ID to use for the playlist
+   */
+
+
+  var setupMediaPlaylist = function setupMediaPlaylist(_ref2) {
+    var playlist = _ref2.playlist,
+        uri = _ref2.uri,
+        id = _ref2.id;
+    playlist.id = id;
+    playlist.playlistErrors_ = 0;
+
+    if (uri) {
+      // For media playlists, m3u8-parser does not have access to a URI, as HLS media
+      // playlists do not contain their own source URI, but one is needed for consistency in
+      // VHS.
+      playlist.uri = uri;
+    } // For HLS master playlists, even though certain attributes MUST be defined, the
+    // stream may still be played without them.
+    // For HLS media playlists, m3u8-parser does not attach an attributes object to the
+    // manifest.
+    //
+    // To avoid undefined reference errors through the project, and make the code easier
+    // to write/read, add an empty attributes object for these cases.
+
+
+    playlist.attributes = playlist.attributes || {};
+  };
+  /**
+   * Adds ID, resolvedUri, and attributes properties to each playlist of the master, where
+   * necessary. In addition, creates playlist IDs for each playlist and adds playlist ID to
+   * playlist references to the playlists array.
+   *
+   * @param {Object} master
+   *        The master playlist
+   */
+
+
+  var setupMediaPlaylists = function setupMediaPlaylists(master) {
+    var i = master.playlists.length;
+
+    while (i--) {
+      var playlist = master.playlists[i];
+      setupMediaPlaylist({
+        playlist: playlist,
+        id: createPlaylistID(i, playlist.uri)
+      });
+      playlist.resolvedUri = resolveUrl(master.uri, playlist.uri);
+      master.playlists[playlist.id] = playlist; // URI reference added for backwards compatibility
+
+      master.playlists[playlist.uri] = playlist; // Although the spec states an #EXT-X-STREAM-INF tag MUST have a BANDWIDTH attribute,
+      // the stream can be played without it. Although an attributes property may have been
+      // added to the playlist to prevent undefined references, issue a warning to fix the
+      // manifest.
+
+      if (!playlist.attributes.BANDWIDTH) {
+        log.warn('Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute.');
+      }
+    }
+  };
+  /**
+   * Adds resolvedUri properties to each media group.
+   *
+   * @param {Object} master
+   *        The master playlist
+   */
+
+
+  var resolveMediaGroupUris = function resolveMediaGroupUris(master) {
+    forEachMediaGroup(master, function (properties) {
+      if (properties.uri) {
+        properties.resolvedUri = resolveUrl(master.uri, properties.uri);
+      }
+    });
+  };
+  /**
+   * Creates a master playlist wrapper to insert a sole media playlist into.
+   *
+   * @param {Object} media
+   *        Media playlist
+   * @param {string} uri
+   *        The media URI
+   *
+   * @return {Object}
+   *         Master playlist
+   */
+
+
+  var masterForMedia = function masterForMedia(media, uri) {
+    var id = createPlaylistID(0, uri);
+    var master = {
+      mediaGroups: {
+        'AUDIO': {},
+        'VIDEO': {},
+        'CLOSED-CAPTIONS': {},
+        'SUBTITLES': {}
+      },
+      uri: window_1.location.href,
+      resolvedUri: window_1.location.href,
+      playlists: [{
+        uri: uri,
+        id: id,
+        resolvedUri: uri,
+        // m3u8-parser does not attach an attributes property to media playlists so make
+        // sure that the property is attached to avoid undefined reference errors
+        attributes: {}
+      }]
+    }; // set up ID reference
+
+    master.playlists[id] = master.playlists[0]; // URI reference added for backwards compatibility
+
+    master.playlists[uri] = master.playlists[0];
+    return master;
+  };
+  /**
+   * Does an in-place update of the master manifest to add updated playlist URI references
+   * as well as other properties needed by VHS that aren't included by the parser.
+   *
+   * @param {Object} master
+   *        Master manifest object
+   * @param {string} uri
+   *        The source URI
+   */
+
+
+  var addPropertiesToMaster = function addPropertiesToMaster(master, uri) {
+    master.uri = uri;
+
+    for (var i = 0; i < master.playlists.length; i++) {
+      if (!master.playlists[i].uri) {
+        // Set up phony URIs for the playlists since playlists are referenced by their URIs
+        // throughout VHS, but some formats (e.g., DASH) don't have external URIs
+        // TODO: consider adding dummy URIs in mpd-parser
+        var phonyUri = "placeholder-uri-" + i;
+        master.playlists[i].uri = phonyUri;
+      }
+    }
+
+    forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
+      var groupId = "placeholder-uri-" + mediaType + "-" + groupKey + "-" + labelKey;
+
+      if (!properties.playlists || !properties.playlists.length) {
+        properties.playlists = [_extends_1({}, properties)];
+      }
+
+      properties.playlists.forEach(function (p, i) {
+        var id = createPlaylistID(i, groupId);
+
+        if (p.uri) {
+          p.resolvedUri = p.resolvedUri || resolveUrl(master.uri, p.uri);
+        } else {
+          // DEPRECATED, this has been added to prevent a breaking change.
+          // previously we only ever had a single media group playlist, so
+          // we mark the first playlist uri without prepending the index as we used to
+          // ideally we would do all of the playlists the same way.
+          p.uri = i === 0 ? groupId : id; // don't resolve a placeholder uri to an absolute url, just use
+          // the placeholder again
+
+          p.resolvedUri = p.uri;
+        }
+
+        p.id = p.id || id; // add an empty attributes object, all playlists are
+        // expected to have this.
+
+        p.attributes = p.attributes || {}; // setup ID and URI references (URI for backwards compatibility)
+
+        master.playlists[p.id] = p;
+        master.playlists[p.uri] = p;
+      });
+    });
+    setupMediaPlaylists(master);
+    resolveMediaGroupUris(master);
+  };
+
+  var mergeOptions$2 = videojs.mergeOptions,
+      EventTarget$1 = videojs.EventTarget;
+
+  var addLLHLSQueryDirectives = function addLLHLSQueryDirectives(uri, media) {
+    if (media.endList) {
+      return uri;
+    }
+
+    var query = [];
+
+    if (media.serverControl && media.serverControl.canBlockReload) {
+      var preloadSegment = media.preloadSegment; // next msn is a zero based value, length is not.
+
+      var nextMSN = media.mediaSequence + media.segments.length; // If preload segment has parts then it is likely
+      // that we are going to request a part of that preload segment.
+      // the logic below is used to determine that.
+
+      if (preloadSegment) {
+        var parts = preloadSegment.parts || []; // _HLS_part is a zero based index
+
+        var nextPart = getKnownPartCount(media) - 1; // if nextPart is > -1 and not equal to just the
+        // length of parts, then we know we had part preload hints
+        // and we need to add the _HLS_part= query
+
+        if (nextPart > -1 && nextPart !== parts.length - 1) {
+          // add existing parts to our preload hints
+          query.push("_HLS_part=" + nextPart);
+        } // this if statement makes sure that we request the msn
+        // of the preload segment if:
+        // 1. the preload segment had parts (and was not yet a full segment)
+        //    but was added to our segments array
+        // 2. the preload segment had preload hints for parts that are not in
+        //    the manifest yet.
+        // in all other cases we want the segment after the preload segment
+        // which will be given by using media.segments.length because it is 1 based
+        // rather than 0 based.
+
+
+        if (nextPart > -1 || parts.length) {
+          nextMSN--;
+        }
+      } // add _HLS_msn= in front of any _HLS_part query
+
+
+      query.unshift("_HLS_msn=" + nextMSN);
+    }
+
+    if (media.serverControl && media.serverControl.canSkipUntil) {
+      // add _HLS_skip= infront of all other queries.
+      query.unshift('_HLS_skip=' + (media.serverControl.canSkipDateranges ? 'v2' : 'YES'));
+    }
+
+    query.forEach(function (str, i) {
+      var symbol = i === 0 ? '?' : '&';
+      uri += "" + symbol + str;
+    });
+    return uri;
+  };
+  /**
+   * Returns a new segment object with properties and
+   * the parts array merged.
+   *
+   * @param {Object} a the old segment
+   * @param {Object} b the new segment
+   *
+   * @return {Object} the merged segment
+   */
+
+
+  var updateSegment = function updateSegment(a, b) {
+    if (!a) {
+      return b;
+    }
+
+    var result = mergeOptions$2(a, b); // if only the old segment has preload hints
+    // and the new one does not, remove preload hints.
+
+    if (a.preloadHints && !b.preloadHints) {
+      delete result.preloadHints;
+    } // if only the old segment has parts
+    // then the parts are no longer valid
+
+
+    if (a.parts && !b.parts) {
+      delete result.parts; // if both segments have parts
+      // copy part propeties from the old segment
+      // to the new one.
+    } else if (a.parts && b.parts) {
+      for (var i = 0; i < b.parts.length; i++) {
+        if (a.parts && a.parts[i]) {
+          result.parts[i] = mergeOptions$2(a.parts[i], b.parts[i]);
+        }
+      }
+    } // set skipped to false for segments that have
+    // have had information merged from the old segment.
+
+
+    if (!a.skipped && b.skipped) {
+      result.skipped = false;
+    } // set preload to false for segments that have
+    // had information added in the new segment.
+
+
+    if (a.preload && !b.preload) {
+      result.preload = false;
+    }
+
+    return result;
+  };
+  /**
+   * Returns a new array of segments that is the result of merging
+   * properties from an older list of segments onto an updated
+   * list. No properties on the updated playlist will be ovewritten.
+   *
+   * @param {Array} original the outdated list of segments
+   * @param {Array} update the updated list of segments
+   * @param {number=} offset the index of the first update
+   * segment in the original segment list. For non-live playlists,
+   * this should always be zero and does not need to be
+   * specified. For live playlists, it should be the difference
+   * between the media sequence numbers in the original and updated
+   * playlists.
+   * @return {Array} a list of merged segment objects
+   */
+
+
+  var updateSegments = function updateSegments(original, update, offset) {
+    var oldSegments = original.slice();
+    var newSegments = update.slice();
+    offset = offset || 0;
+    var result = [];
+    var currentMap;
+
+    for (var newIndex = 0; newIndex < newSegments.length; newIndex++) {
+      var oldSegment = oldSegments[newIndex + offset];
+      var newSegment = newSegments[newIndex];
+
+      if (oldSegment) {
+        currentMap = oldSegment.map || currentMap;
+        result.push(updateSegment(oldSegment, newSegment));
+      } else {
+        // carry over map to new segment if it is missing
+        if (currentMap && !newSegment.map) {
+          newSegment.map = currentMap;
+        }
+
+        result.push(newSegment);
+      }
+    }
+
+    return result;
+  };
+
+  var resolveSegmentUris = function resolveSegmentUris(segment, baseUri) {
+    // preloadSegment will not have a uri at all
+    // as the segment isn't actually in the manifest yet, only parts
+    if (!segment.resolvedUri && segment.uri) {
+      segment.resolvedUri = resolveUrl(baseUri, segment.uri);
+    }
+
+    if (segment.key && !segment.key.resolvedUri) {
+      segment.key.resolvedUri = resolveUrl(baseUri, segment.key.uri);
+    }
+
+    if (segment.map && !segment.map.resolvedUri) {
+      segment.map.resolvedUri = resolveUrl(baseUri, segment.map.uri);
+    }
+
+    if (segment.map && segment.map.key && !segment.map.key.resolvedUri) {
+      segment.map.key.resolvedUri = resolveUrl(baseUri, segment.map.key.uri);
+    }
+
+    if (segment.parts && segment.parts.length) {
+      segment.parts.forEach(function (p) {
+        if (p.resolvedUri) {
+          return;
+        }
+
+        p.resolvedUri = resolveUrl(baseUri, p.uri);
+      });
+    }
+
+    if (segment.preloadHints && segment.preloadHints.length) {
+      segment.preloadHints.forEach(function (p) {
+        if (p.resolvedUri) {
+          return;
+        }
+
+        p.resolvedUri = resolveUrl(baseUri, p.uri);
+      });
+    }
+  };
+
+  var getAllSegments = function getAllSegments(media) {
+    var segments = media.segments || [];
+    var preloadSegment = media.preloadSegment; // a preloadSegment with only preloadHints is not currently
+    // a usable segment, only include a preloadSegment that has
+    // parts.
+
+    if (preloadSegment && preloadSegment.parts && preloadSegment.parts.length) {
+      // if preloadHints has a MAP that means that the
+      // init segment is going to change. We cannot use any of the parts
+      // from this preload segment.
+      if (preloadSegment.preloadHints) {
+        for (var i = 0; i < preloadSegment.preloadHints.length; i++) {
+          if (preloadSegment.preloadHints[i].type === 'MAP') {
+            return segments;
+          }
+        }
+      } // set the duration for our preload segment to target duration.
+
+
+      preloadSegment.duration = media.targetDuration;
+      preloadSegment.preload = true;
+      segments.push(preloadSegment);
+    }
+
+    return segments;
+  }; // consider the playlist unchanged if the playlist object is the same or
+  // the number of segments is equal, the media sequence number is unchanged,
+  // and this playlist hasn't become the end of the playlist
+
+
+  var isPlaylistUnchanged = function isPlaylistUnchanged(a, b) {
+    return a === b || a.segments && b.segments && a.segments.length === b.segments.length && a.endList === b.endList && a.mediaSequence === b.mediaSequence;
+  };
+  /**
+    * Returns a new master playlist that is the result of merging an
+    * updated media playlist into the original version. If the
+    * updated media playlist does not match any of the playlist
+    * entries in the original master playlist, null is returned.
+    *
+    * @param {Object} master a parsed master M3U8 object
+    * @param {Object} media a parsed media M3U8 object
+    * @return {Object} a new object that represents the original
+    * master playlist with the updated media playlist merged in, or
+    * null if the merge produced no change.
+    */
+
+
+  var updateMaster$1 = function updateMaster(master, newMedia, unchangedCheck) {
+    if (unchangedCheck === void 0) {
+      unchangedCheck = isPlaylistUnchanged;
+    }
+
+    var result = mergeOptions$2(master, {});
+    var oldMedia = result.playlists[newMedia.id];
+
+    if (!oldMedia) {
+      return null;
+    }
+
+    if (unchangedCheck(oldMedia, newMedia)) {
+      return null;
+    }
+
+    newMedia.segments = getAllSegments(newMedia);
+    var mergedPlaylist = mergeOptions$2(oldMedia, newMedia); // always use the new media's preload segment
+
+    if (mergedPlaylist.preloadSegment && !newMedia.preloadSegment) {
+      delete mergedPlaylist.preloadSegment;
+    } // if the update could overlap existing segment information, merge the two segment lists
+
+
+    if (oldMedia.segments) {
+      if (newMedia.skip) {
+        newMedia.segments = newMedia.segments || []; // add back in objects for skipped segments, so that we merge
+        // old properties into the new segments
+
+        for (var i = 0; i < newMedia.skip.skippedSegments; i++) {
+          newMedia.segments.unshift({
+            skipped: true
+          });
+        }
+      }
+
+      mergedPlaylist.segments = updateSegments(oldMedia.segments, newMedia.segments, newMedia.mediaSequence - oldMedia.mediaSequence);
+    } // resolve any segment URIs to prevent us from having to do it later
+
+
+    mergedPlaylist.segments.forEach(function (segment) {
+      resolveSegmentUris(segment, mergedPlaylist.resolvedUri);
+    }); // TODO Right now in the playlists array there are two references to each playlist, one
+    // that is referenced by index, and one by URI. The index reference may no longer be
+    // necessary.
+
+    for (var _i = 0; _i < result.playlists.length; _i++) {
+      if (result.playlists[_i].id === newMedia.id) {
+        result.playlists[_i] = mergedPlaylist;
+      }
+    }
+
+    result.playlists[newMedia.id] = mergedPlaylist; // URI reference added for backwards compatibility
+
+    result.playlists[newMedia.uri] = mergedPlaylist; // update media group playlist references.
+
+    forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
+      if (!properties.playlists) {
+        return;
+      }
+
+      for (var _i2 = 0; _i2 < properties.playlists.length; _i2++) {
+        if (newMedia.id === properties.playlists[_i2].id) {
+          properties.playlists[_i2] = newMedia;
+        }
+      }
+    });
+    return result;
+  };
+  /**
+   * Calculates the time to wait before refreshing a live playlist
+   *
+   * @param {Object} media
+   *        The current media
+   * @param {boolean} update
+   *        True if there were any updates from the last refresh, false otherwise
+   * @return {number}
+   *         The time in ms to wait before refreshing the live playlist
+   */
+
+
+  var refreshDelay = function refreshDelay(media, update) {
+    var lastSegment = media.segments[media.segments.length - 1];
+    var lastPart = lastSegment && lastSegment.parts && lastSegment.parts[lastSegment.parts.length - 1];
+    var lastDuration = lastPart && lastPart.duration || lastSegment && lastSegment.duration;
+
+    if (update && lastDuration) {
+      return lastDuration * 1000;
+    } // if the playlist is unchanged since the last reload or last segment duration
+    // cannot be determined, try again after half the target duration
+
+
+    return (media.partTargetDuration || media.targetDuration || 10) * 500;
+  };
+  /**
+   * Load a playlist from a remote location
+   *
+   * @class PlaylistLoader
+   * @extends Stream
+   * @param {string|Object} src url or object of manifest
+   * @param {boolean} withCredentials the withCredentials xhr option
+   * @class
+   */
+
+
+  var PlaylistLoader = /*#__PURE__*/function (_EventTarget) {
+    inheritsLoose(PlaylistLoader, _EventTarget);
+
+    function PlaylistLoader(src, vhs, options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      _this = _EventTarget.call(this) || this;
+
+      if (!src) {
+        throw new Error('A non-empty playlist URL or object is required');
+      }
+
+      _this.logger_ = logger('PlaylistLoader');
+      var _options = options,
+          _options$withCredenti = _options.withCredentials,
+          withCredentials = _options$withCredenti === void 0 ? false : _options$withCredenti,
+          _options$handleManife = _options.handleManifestRedirects,
+          handleManifestRedirects = _options$handleManife === void 0 ? false : _options$handleManife;
+      _this.src = src;
+      _this.vhs_ = vhs;
+      _this.withCredentials = withCredentials;
+      _this.handleManifestRedirects = handleManifestRedirects;
+      var vhsOptions = vhs.options_;
+      _this.customTagParsers = vhsOptions && vhsOptions.customTagParsers || [];
+      _this.customTagMappers = vhsOptions && vhsOptions.customTagMappers || [];
+      _this.experimentalLLHLS = vhsOptions && vhsOptions.experimentalLLHLS || false; // initialize the loader state
+
+      _this.state = 'HAVE_NOTHING'; // live playlist staleness timeout
+
+      _this.handleMediaupdatetimeout_ = _this.handleMediaupdatetimeout_.bind(assertThisInitialized(_this));
+
+      _this.on('mediaupdatetimeout', _this.handleMediaupdatetimeout_);
+
+      return _this;
+    }
+
+    var _proto = PlaylistLoader.prototype;
+
+    _proto.handleMediaupdatetimeout_ = function handleMediaupdatetimeout_() {
+      var _this2 = this;
+
+      if (this.state !== 'HAVE_METADATA') {
+        // only refresh the media playlist if no other activity is going on
+        return;
+      }
+
+      var media = this.media();
+      var uri = resolveUrl(this.master.uri, media.uri);
+
+      if (this.experimentalLLHLS) {
+        uri = addLLHLSQueryDirectives(uri, media);
+      }
+
+      this.state = 'HAVE_CURRENT_METADATA';
+      this.request = this.vhs_.xhr({
+        uri: uri,
+        withCredentials: this.withCredentials
+      }, function (error, req) {
+        // disposed
+        if (!_this2.request) {
+          return;
+        }
+
+        if (error) {
+          return _this2.playlistRequestError(_this2.request, _this2.media(), 'HAVE_METADATA');
+        }
+
+        _this2.haveMetadata({
+          playlistString: _this2.request.responseText,
+          url: _this2.media().uri,
+          id: _this2.media().id
+        });
+      });
+    };
+
+    _proto.playlistRequestError = function playlistRequestError(xhr, playlist, startingState) {
+      var uri = playlist.uri,
+          id = playlist.id; // any in-flight request is now finished
+
+      this.request = null;
+
+      if (startingState) {
+        this.state = startingState;
+      }
+
+      this.error = {
+        playlist: this.master.playlists[id],
+        status: xhr.status,
+        message: "HLS playlist request error at URL: " + uri + ".",
+        responseText: xhr.responseText,
+        code: xhr.status >= 500 ? 4 : 2
+      };
+      this.trigger('error');
+    };
+
+    _proto.parseManifest_ = function parseManifest_(_ref) {
+      var _this3 = this;
+
+      var url = _ref.url,
+          manifestString = _ref.manifestString;
+      return parseManifest({
+        onwarn: function onwarn(_ref2) {
+          var message = _ref2.message;
+          return _this3.logger_("m3u8-parser warn for " + url + ": " + message);
+        },
+        oninfo: function oninfo(_ref3) {
+          var message = _ref3.message;
+          return _this3.logger_("m3u8-parser info for " + url + ": " + message);
+        },
+        manifestString: manifestString,
+        customTagParsers: this.customTagParsers,
+        customTagMappers: this.customTagMappers,
+        experimentalLLHLS: this.experimentalLLHLS
+      });
+    }
+    /**
+     * Update the playlist loader's state in response to a new or updated playlist.
+     *
+     * @param {string} [playlistString]
+     *        Playlist string (if playlistObject is not provided)
+     * @param {Object} [playlistObject]
+     *        Playlist object (if playlistString is not provided)
+     * @param {string} url
+     *        URL of playlist
+     * @param {string} id
+     *        ID to use for playlist
+     */
+    ;
+
+    _proto.haveMetadata = function haveMetadata(_ref4) {
+      var _this4 = this;
+
+      var playlistString = _ref4.playlistString,
+          playlistObject = _ref4.playlistObject,
+          url = _ref4.url,
+          id = _ref4.id; // any in-flight request is now finished
+
+      this.request = null;
+      this.state = 'HAVE_METADATA';
+      var playlist = playlistObject || this.parseManifest_({
+        url: url,
+        manifestString: playlistString
+      });
+      playlist.lastRequest = Date.now();
+      setupMediaPlaylist({
+        playlist: playlist,
+        uri: url,
+        id: id
+      }); // merge this playlist into the master
+
+      var update = updateMaster$1(this.master, playlist);
+      this.targetDuration = playlist.partTargetDuration || playlist.targetDuration;
+
+      if (update) {
+        this.master = update;
+        this.media_ = this.master.playlists[id];
+      } else {
+        this.trigger('playlistunchanged');
+      } // refresh live playlists after a target duration passes
+
+
+      if (!this.media().endList) {
+        window_1.clearTimeout(this.mediaUpdateTimeout);
+        this.mediaUpdateTimeout = window_1.setTimeout(function () {
+          _this4.trigger('mediaupdatetimeout');
+        }, refreshDelay(this.media(), !!update));
+      }
+
+      this.trigger('loadedplaylist');
+    }
+    /**
+      * Abort any outstanding work and clean up.
+      */
+    ;
+
+    _proto.dispose = function dispose() {
+      this.trigger('dispose');
+      this.stopRequest();
+      window_1.clearTimeout(this.mediaUpdateTimeout);
+      window_1.clearTimeout(this.finalRenditionTimeout);
+      this.off();
+    };
+
+    _proto.stopRequest = function stopRequest() {
+      if (this.request) {
+        var oldRequest = this.request;
+        this.request = null;
+        oldRequest.onreadystatechange = null;
+        oldRequest.abort();
+      }
+    }
+    /**
+      * When called without any arguments, returns the currently
+      * active media playlist. When called with a single argument,
+      * triggers the playlist loader to asynchronously switch to the
+      * specified media playlist. Calling this method while the
+      * loader is in the HAVE_NOTHING causes an error to be emitted
+      * but otherwise has no effect.
+      *
+      * @param {Object=} playlist the parsed media playlist
+      * object to switch to
+      * @param {boolean=} shouldDelay whether we should delay the request by half target duration
+      *
+      * @return {Playlist} the current loaded media
+      */
+    ;
+
+    _proto.media = function media(playlist, shouldDelay) {
+      var _this5 = this; // getter
+
+
+      if (!playlist) {
+        return this.media_;
+      } // setter
+
+
+      if (this.state === 'HAVE_NOTHING') {
+        throw new Error('Cannot switch media playlist from ' + this.state);
+      } // find the playlist object if the target playlist has been
+      // specified by URI
+
+
+      if (typeof playlist === 'string') {
+        if (!this.master.playlists[playlist]) {
+          throw new Error('Unknown playlist URI: ' + playlist);
+        }
+
+        playlist = this.master.playlists[playlist];
+      }
+
+      window_1.clearTimeout(this.finalRenditionTimeout);
+
+      if (shouldDelay) {
+        var delay = (playlist.partTargetDuration || playlist.targetDuration) / 2 * 1000 || 5 * 1000;
+        this.finalRenditionTimeout = window_1.setTimeout(this.media.bind(this, playlist, false), delay);
+        return;
+      }
+
+      var startingState = this.state;
+      var mediaChange = !this.media_ || playlist.id !== this.media_.id;
+      var masterPlaylistRef = this.master.playlists[playlist.id]; // switch to fully loaded playlists immediately
+
+      if (masterPlaylistRef && masterPlaylistRef.endList || // handle the case of a playlist object (e.g., if using vhs-json with a resolved
+      // media playlist or, for the case of demuxed audio, a resolved audio media group)
+      playlist.endList && playlist.segments.length) {
+        // abort outstanding playlist requests
+        if (this.request) {
+          this.request.onreadystatechange = null;
+          this.request.abort();
+          this.request = null;
+        }
+
+        this.state = 'HAVE_METADATA';
+        this.media_ = playlist; // trigger media change if the active media has been updated
+
+        if (mediaChange) {
+          this.trigger('mediachanging');
+
+          if (startingState === 'HAVE_MASTER') {
+            // The initial playlist was a master manifest, and the first media selected was
+            // also provided (in the form of a resolved playlist object) as part of the
+            // source object (rather than just a URL). Therefore, since the media playlist
+            // doesn't need to be requested, loadedmetadata won't trigger as part of the
+            // normal flow, and needs an explicit trigger here.
+            this.trigger('loadedmetadata');
+          } else {
+            this.trigger('mediachange');
+          }
+        }
+
+        return;
+      } // switching to the active playlist is a no-op
+
+
+      if (!mediaChange) {
+        return;
+      }
+
+      this.state = 'SWITCHING_MEDIA'; // there is already an outstanding playlist request
+
+      if (this.request) {
+        if (playlist.resolvedUri === this.request.url) {
+          // requesting to switch to the same playlist multiple times
+          // has no effect after the first
+          return;
+        }
+
+        this.request.onreadystatechange = null;
+        this.request.abort();
+        this.request = null;
+      } // request the new playlist
+
+
+      if (this.media_) {
+        this.trigger('mediachanging');
+      }
+
+      this.request = this.vhs_.xhr({
+        uri: playlist.resolvedUri,
+        withCredentials: this.withCredentials
+      }, function (error, req) {
+        // disposed
+        if (!_this5.request) {
+          return;
+        }
+
+        playlist.lastRequest = Date.now();
+        playlist.resolvedUri = resolveManifestRedirect(_this5.handleManifestRedirects, playlist.resolvedUri, req);
+
+        if (error) {
+          return _this5.playlistRequestError(_this5.request, playlist, startingState);
+        }
+
+        _this5.haveMetadata({
+          playlistString: req.responseText,
+          url: playlist.uri,
+          id: playlist.id
+        }); // fire loadedmetadata the first time a media playlist is loaded
+
+
+        if (startingState === 'HAVE_MASTER') {
+          _this5.trigger('loadedmetadata');
+        } else {
+          _this5.trigger('mediachange');
+        }
+      });
+    }
+    /**
+     * pause loading of the playlist
+     */
+    ;
+
+    _proto.pause = function pause() {
+      this.stopRequest();
+      window_1.clearTimeout(this.mediaUpdateTimeout);
+
+      if (this.state === 'HAVE_NOTHING') {
+        // If we pause the loader before any data has been retrieved, its as if we never
+        // started, so reset to an unstarted state.
+        this.started = false;
+      } // Need to restore state now that no activity is happening
+
+
+      if (this.state === 'SWITCHING_MEDIA') {
+        // if the loader was in the process of switching media, it should either return to
+        // HAVE_MASTER or HAVE_METADATA depending on if the loader has loaded a media
+        // playlist yet. This is determined by the existence of loader.media_
+        if (this.media_) {
+          this.state = 'HAVE_METADATA';
+        } else {
+          this.state = 'HAVE_MASTER';
+        }
+      } else if (this.state === 'HAVE_CURRENT_METADATA') {
+        this.state = 'HAVE_METADATA';
+      }
+    }
+    /**
+     * start loading of the playlist
+     */
+    ;
+
+    _proto.load = function load(shouldDelay) {
+      var _this6 = this;
+
+      window_1.clearTimeout(this.mediaUpdateTimeout);
+      var media = this.media();
+
+      if (shouldDelay) {
+        var delay = media ? (media.partTargetDuration || media.targetDuration) / 2 * 1000 : 5 * 1000;
+        this.mediaUpdateTimeout = window_1.setTimeout(function () {
+          return _this6.load();
+        }, delay);
+        return;
+      }
+
+      if (!this.started) {
+        this.start();
+        return;
+      }
+
+      if (media && !media.endList) {
+        this.trigger('mediaupdatetimeout');
+      } else {
+        this.trigger('loadedplaylist');
+      }
+    }
+    /**
+     * start loading of the playlist
+     */
+    ;
+
+    _proto.start = function start() {
+      var _this7 = this;
+
+      this.started = true;
+
+      if (typeof this.src === 'object') {
+        // in the case of an entirely constructed manifest object (meaning there's no actual
+        // manifest on a server), default the uri to the page's href
+        if (!this.src.uri) {
+          this.src.uri = window_1.location.href;
+        } // resolvedUri is added on internally after the initial request. Since there's no
+        // request for pre-resolved manifests, add on resolvedUri here.
+
+
+        this.src.resolvedUri = this.src.uri; // Since a manifest object was passed in as the source (instead of a URL), the first
+        // request can be skipped (since the top level of the manifest, at a minimum, is
+        // already available as a parsed manifest object). However, if the manifest object
+        // represents a master playlist, some media playlists may need to be resolved before
+        // the starting segment list is available. Therefore, go directly to setup of the
+        // initial playlist, and let the normal flow continue from there.
+        //
+        // Note that the call to setup is asynchronous, as other sections of VHS may assume
+        // that the first request is asynchronous.
+
+        setTimeout(function () {
+          _this7.setupInitialPlaylist(_this7.src);
+        }, 0);
+        return;
+      } // request the specified URL
+
+
+      this.request = this.vhs_.xhr({
+        uri: this.src,
+        withCredentials: this.withCredentials
+      }, function (error, req) {
+        // disposed
+        if (!_this7.request) {
+          return;
+        } // clear the loader's request reference
+
+
+        _this7.request = null;
+
+        if (error) {
+          _this7.error = {
+            status: req.status,
+            message: "HLS playlist request error at URL: " + _this7.src + ".",
+            responseText: req.responseText,
+            // MEDIA_ERR_NETWORK
+            code: 2
+          };
+
+          if (_this7.state === 'HAVE_NOTHING') {
+            _this7.started = false;
+          }
+
+          return _this7.trigger('error');
+        }
+
+        _this7.src = resolveManifestRedirect(_this7.handleManifestRedirects, _this7.src, req);
+
+        var manifest = _this7.parseManifest_({
+          manifestString: req.responseText,
+          url: _this7.src
+        });
+
+        _this7.setupInitialPlaylist(manifest);
+      });
+    };
+
+    _proto.srcUri = function srcUri() {
+      return typeof this.src === 'string' ? this.src : this.src.uri;
+    }
+    /**
+     * Given a manifest object that's either a master or media playlist, trigger the proper
+     * events and set the state of the playlist loader.
+     *
+     * If the manifest object represents a master playlist, `loadedplaylist` will be
+     * triggered to allow listeners to select a playlist. If none is selected, the loader
+     * will default to the first one in the playlists array.
+     *
+     * If the manifest object represents a media playlist, `loadedplaylist` will be
+     * triggered followed by `loadedmetadata`, as the only available playlist is loaded.
+     *
+     * In the case of a media playlist, a master playlist object wrapper with one playlist
+     * will be created so that all logic can handle playlists in the same fashion (as an
+     * assumed manifest object schema).
+     *
+     * @param {Object} manifest
+     *        The parsed manifest object
+     */
+    ;
+
+    _proto.setupInitialPlaylist = function setupInitialPlaylist(manifest) {
+      this.state = 'HAVE_MASTER';
+
+      if (manifest.playlists) {
+        this.master = manifest;
+        addPropertiesToMaster(this.master, this.srcUri()); // If the initial master playlist has playlists wtih segments already resolved,
+        // then resolve URIs in advance, as they are usually done after a playlist request,
+        // which may not happen if the playlist is resolved.
+
+        manifest.playlists.forEach(function (playlist) {
+          playlist.segments = getAllSegments(playlist);
+          playlist.segments.forEach(function (segment) {
+            resolveSegmentUris(segment, playlist.resolvedUri);
+          });
+        });
+        this.trigger('loadedplaylist');
+
+        if (!this.request) {
+          // no media playlist was specifically selected so start
+          // from the first listed one
+          this.media(this.master.playlists[0]);
+        }
+
+        return;
+      } // In order to support media playlists passed in as vhs-json, the case where the uri
+      // is not provided as part of the manifest should be considered, and an appropriate
+      // default used.
+
+
+      var uri = this.srcUri() || window_1.location.href;
+      this.master = masterForMedia(manifest, uri);
+      this.haveMetadata({
+        playlistObject: manifest,
+        url: uri,
+        id: this.master.playlists[0].id
+      });
+      this.trigger('loadedmetadata');
+    };
+
+    return PlaylistLoader;
+  }(EventTarget$1);
+  /**
+   * @file xhr.js
+   */
+
+
+  var videojsXHR = videojs.xhr,
+      mergeOptions$1 = videojs.mergeOptions;
+
+  var callbackWrapper = function callbackWrapper(request, error, response, callback) {
+    var reqResponse = request.responseType === 'arraybuffer' ? request.response : request.responseText;
+
+    if (!error && reqResponse) {
+      request.responseTime = Date.now();
+      request.roundTripTime = request.responseTime - request.requestTime;
+      request.bytesReceived = reqResponse.byteLength || reqResponse.length;
+
+      if (!request.bandwidth) {
+        request.bandwidth = Math.floor(request.bytesReceived / request.roundTripTime * 8 * 1000);
+      }
+    }
+
+    if (response.headers) {
+      request.responseHeaders = response.headers;
+    } // videojs.xhr now uses a specific code on the error
+    // object to signal that a request has timed out instead
+    // of setting a boolean on the request object
+
+
+    if (error && error.code === 'ETIMEDOUT') {
+      request.timedout = true;
+    } // videojs.xhr no longer considers status codes outside of 200 and 0
+    // (for file uris) to be errors, but the old XHR did, so emulate that
+    // behavior. Status 206 may be used in response to byterange requests.
+
+
+    if (!error && !request.aborted && response.statusCode !== 200 && response.statusCode !== 206 && response.statusCode !== 0) {
+      error = new Error('XHR Failed with a response of: ' + (request && (reqResponse || request.responseText)));
+    }
+
+    callback(error, request);
+  };
+
+  var xhrFactory = function xhrFactory() {
+    var xhr = function XhrFunction(options, callback) {
+      // Add a default timeout
+      options = mergeOptions$1({
+        timeout: 45e3
+      }, options); // Allow an optional user-specified function to modify the option
+      // object before we construct the xhr request
+
+      var beforeRequest = XhrFunction.beforeRequest || videojs.Vhs.xhr.beforeRequest;
+
+      if (beforeRequest && typeof beforeRequest === 'function') {
+        var newOptions = beforeRequest(options);
+
+        if (newOptions) {
+          options = newOptions;
+        }
+      } // Use the standard videojs.xhr() method unless `videojs.Vhs.xhr` has been overriden
+      // TODO: switch back to videojs.Vhs.xhr.name === 'XhrFunction' when we drop IE11
+
+
+      var xhrMethod = videojs.Vhs.xhr.original === true ? videojsXHR : videojs.Vhs.xhr;
+      var request = xhrMethod(options, function (error, response) {
+        return callbackWrapper(request, error, response, callback);
+      });
+      var originalAbort = request.abort;
+
+      request.abort = function () {
+        request.aborted = true;
+        return originalAbort.apply(request, arguments);
+      };
+
+      request.uri = options.uri;
+      request.requestTime = Date.now();
+      return request;
+    };
+
+    xhr.original = true;
+    return xhr;
+  };
+  /**
+   * Turns segment byterange into a string suitable for use in
+   * HTTP Range requests
+   *
+   * @param {Object} byterange - an object with two values defining the start and end
+   *                             of a byte-range
+   */
+
+
+  var byterangeStr = function byterangeStr(byterange) {
+    // `byterangeEnd` is one less than `offset + length` because the HTTP range
+    // header uses inclusive ranges
+    var byterangeEnd = byterange.offset + byterange.length - 1;
+    var byterangeStart = byterange.offset;
+    return 'bytes=' + byterangeStart + '-' + byterangeEnd;
+  };
+  /**
+   * Defines headers for use in the xhr request for a particular segment.
+   *
+   * @param {Object} segment - a simplified copy of the segmentInfo object
+   *                           from SegmentLoader
+   */
+
+
+  var segmentXhrHeaders = function segmentXhrHeaders(segment) {
+    var headers = {};
+
+    if (segment.byterange) {
+      headers.Range = byterangeStr(segment.byterange);
+    }
+
+    return headers;
+  };
+  /**
+   * @file bin-utils.js
+   */
+
+  /**
+   * convert a TimeRange to text
+   *
+   * @param {TimeRange} range the timerange to use for conversion
+   * @param {number} i the iterator on the range to convert
+   * @return {string} the range in string format
+   */
+
+
+  var textRange = function textRange(range, i) {
+    return range.start(i) + '-' + range.end(i);
+  };
+  /**
+   * format a number as hex string
+   *
+   * @param {number} e The number
+   * @param {number} i the iterator
+   * @return {string} the hex formatted number as a string
+   */
+
+
+  var formatHexString = function formatHexString(e, i) {
+    var value = e.toString(16);
+    return '00'.substring(0, 2 - value.length) + value + (i % 2 ? ' ' : '');
+  };
+
+  var formatAsciiString = function formatAsciiString(e) {
+    if (e >= 0x20 && e < 0x7e) {
+      return String.fromCharCode(e);
+    }
+
+    return '.';
+  };
+  /**
+   * Creates an object for sending to a web worker modifying properties that are TypedArrays
+   * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
+   *
+   * @param {Object} message
+   *        Object of properties and values to send to the web worker
+   * @return {Object}
+   *         Modified message with TypedArray values expanded
+   * @function createTransferableMessage
+   */
+
+
+  var createTransferableMessage = function createTransferableMessage(message) {
+    var transferable = {};
+    Object.keys(message).forEach(function (key) {
+      var value = message[key];
+
+      if (ArrayBuffer.isView(value)) {
+        transferable[key] = {
+          bytes: value.buffer,
+          byteOffset: value.byteOffset,
+          byteLength: value.byteLength
+        };
+      } else {
+        transferable[key] = value;
+      }
+    });
+    return transferable;
+  };
+  /**
+   * Returns a unique string identifier for a media initialization
+   * segment.
+   *
+   * @param {Object} initSegment
+   *        the init segment object.
+   *
+   * @return {string} the generated init segment id
+   */
+
+
+  var initSegmentId = function initSegmentId(initSegment) {
+    var byterange = initSegment.byterange || {
+      length: Infinity,
+      offset: 0
+    };
+    return [byterange.length, byterange.offset, initSegment.resolvedUri].join(',');
+  };
+  /**
+   * Returns a unique string identifier for a media segment key.
+   *
+   * @param {Object} key the encryption key
+   * @return {string} the unique id for the media segment key.
+   */
+
+
+  var segmentKeyId = function segmentKeyId(key) {
+    return key.resolvedUri;
+  };
+  /**
+   * utils to help dump binary data to the console
+   *
+   * @param {Array|TypedArray} data
+   *        data to dump to a string
+   *
+   * @return {string} the data as a hex string.
+   */
+
+
+  var hexDump = function hexDump(data) {
+    var bytes = Array.prototype.slice.call(data);
+    var step = 16;
+    var result = '';
+    var hex;
+    var ascii;
+
+    for (var j = 0; j < bytes.length / step; j++) {
+      hex = bytes.slice(j * step, j * step + step).map(formatHexString).join('');
+      ascii = bytes.slice(j * step, j * step + step).map(formatAsciiString).join('');
+      result += hex + ' ' + ascii + '\n';
+    }
+
+    return result;
+  };
+
+  var tagDump = function tagDump(_ref) {
+    var bytes = _ref.bytes;
+    return hexDump(bytes);
+  };
+
+  var textRanges = function textRanges(ranges) {
+    var result = '';
+    var i;
+
+    for (i = 0; i < ranges.length; i++) {
+      result += textRange(ranges, i) + ' ';
+    }
+
+    return result;
+  };
+
+  var utils = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    createTransferableMessage: createTransferableMessage,
+    initSegmentId: initSegmentId,
+    segmentKeyId: segmentKeyId,
+    hexDump: hexDump,
+    tagDump: tagDump,
+    textRanges: textRanges
+  }); // TODO handle fmp4 case where the timing info is accurate and doesn't involve transmux
+  // 25% was arbitrarily chosen, and may need to be refined over time.
+
+  var SEGMENT_END_FUDGE_PERCENT = 0.25;
+  /**
+   * Converts a player time (any time that can be gotten/set from player.currentTime(),
+   * e.g., any time within player.seekable().start(0) to player.seekable().end(0)) to a
+   * program time (any time referencing the real world (e.g., EXT-X-PROGRAM-DATE-TIME)).
+   *
+   * The containing segment is required as the EXT-X-PROGRAM-DATE-TIME serves as an "anchor
+   * point" (a point where we have a mapping from program time to player time, with player
+   * time being the post transmux start of the segment).
+   *
+   * For more details, see [this doc](../../docs/program-time-from-player-time.md).
+   *
+   * @param {number} playerTime the player time
+   * @param {Object} segment the segment which contains the player time
+   * @return {Date} program time
+   */
+
+  var playerTimeToProgramTime = function playerTimeToProgramTime(playerTime, segment) {
+    if (!segment.dateTimeObject) {
+      // Can't convert without an "anchor point" for the program time (i.e., a time that can
+      // be used to map the start of a segment with a real world time).
+      return null;
+    }
+
+    var transmuxerPrependedSeconds = segment.videoTimingInfo.transmuxerPrependedSeconds;
+    var transmuxedStart = segment.videoTimingInfo.transmuxedPresentationStart; // get the start of the content from before old content is prepended
+
+    var startOfSegment = transmuxedStart + transmuxerPrependedSeconds;
+    var offsetFromSegmentStart = playerTime - startOfSegment;
+    return new Date(segment.dateTimeObject.getTime() + offsetFromSegmentStart * 1000);
+  };
+
+  var originalSegmentVideoDuration = function originalSegmentVideoDuration(videoTimingInfo) {
+    return videoTimingInfo.transmuxedPresentationEnd - videoTimingInfo.transmuxedPresentationStart - videoTimingInfo.transmuxerPrependedSeconds;
+  };
+  /**
+   * Finds a segment that contains the time requested given as an ISO-8601 string. The
+   * returned segment might be an estimate or an accurate match.
+   *
+   * @param {string} programTime The ISO-8601 programTime to find a match for
+   * @param {Object} playlist A playlist object to search within
+   */
+
+
+  var findSegmentForProgramTime = function findSegmentForProgramTime(programTime, playlist) {
+    // Assumptions:
+    //  - verifyProgramDateTimeTags has already been run
+    //  - live streams have been started
+    var dateTimeObject;
+
+    try {
+      dateTimeObject = new Date(programTime);
+    } catch (e) {
+      return null;
+    }
+
+    if (!playlist || !playlist.segments || playlist.segments.length === 0) {
+      return null;
+    }
+
+    var segment = playlist.segments[0];
+
+    if (dateTimeObject < segment.dateTimeObject) {
+      // Requested time is before stream start.
+      return null;
+    }
+
+    for (var i = 0; i < playlist.segments.length - 1; i++) {
+      segment = playlist.segments[i];
+      var nextSegmentStart = playlist.segments[i + 1].dateTimeObject;
+
+      if (dateTimeObject < nextSegmentStart) {
+        break;
+      }
+    }
+
+    var lastSegment = playlist.segments[playlist.segments.length - 1];
+    var lastSegmentStart = lastSegment.dateTimeObject;
+    var lastSegmentDuration = lastSegment.videoTimingInfo ? originalSegmentVideoDuration(lastSegment.videoTimingInfo) : lastSegment.duration + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT;
+    var lastSegmentEnd = new Date(lastSegmentStart.getTime() + lastSegmentDuration * 1000);
+
+    if (dateTimeObject > lastSegmentEnd) {
+      // Beyond the end of the stream, or our best guess of the end of the stream.
+      return null;
+    }
+
+    if (dateTimeObject > lastSegmentStart) {
+      segment = lastSegment;
+    }
+
+    return {
+      segment: segment,
+      estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : Playlist.duration(playlist, playlist.mediaSequence + playlist.segments.indexOf(segment)),
+      // Although, given that all segments have accurate date time objects, the segment
+      // selected should be accurate, unless the video has been transmuxed at some point
+      // (determined by the presence of the videoTimingInfo object), the segment's "player
+      // time" (the start time in the player) can't be considered accurate.
+      type: segment.videoTimingInfo ? 'accurate' : 'estimate'
+    };
+  };
+  /**
+   * Finds a segment that contains the given player time(in seconds).
+   *
+   * @param {number} time The player time to find a match for
+   * @param {Object} playlist A playlist object to search within
+   */
+
+
+  var findSegmentForPlayerTime = function findSegmentForPlayerTime(time, playlist) {
+    // Assumptions:
+    // - there will always be a segment.duration
+    // - we can start from zero
+    // - segments are in time order
+    if (!playlist || !playlist.segments || playlist.segments.length === 0) {
+      return null;
+    }
+
+    var segmentEnd = 0;
+    var segment;
+
+    for (var i = 0; i < playlist.segments.length; i++) {
+      segment = playlist.segments[i]; // videoTimingInfo is set after the segment is downloaded and transmuxed, and
+      // should contain the most accurate values we have for the segment's player times.
+      //
+      // Use the accurate transmuxedPresentationEnd value if it is available, otherwise fall
+      // back to an estimate based on the manifest derived (inaccurate) segment.duration, to
+      // calculate an end value.
+
+      segmentEnd = segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationEnd : segmentEnd + segment.duration;
+
+      if (time <= segmentEnd) {
+        break;
+      }
+    }
+
+    var lastSegment = playlist.segments[playlist.segments.length - 1];
+
+    if (lastSegment.videoTimingInfo && lastSegment.videoTimingInfo.transmuxedPresentationEnd < time) {
+      // The time requested is beyond the stream end.
+      return null;
+    }
+
+    if (time > segmentEnd) {
+      // The time is within or beyond the last segment.
+      //
+      // Check to see if the time is beyond a reasonable guess of the end of the stream.
+      if (time > segmentEnd + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT) {
+        // Technically, because the duration value is only an estimate, the time may still
+        // exist in the last segment, however, there isn't enough information to make even
+        // a reasonable estimate.
+        return null;
+      }
+
+      segment = lastSegment;
+    }
+
+    return {
+      segment: segment,
+      estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : segmentEnd - segment.duration,
+      // Because videoTimingInfo is only set after transmux, it is the only way to get
+      // accurate timing values.
+      type: segment.videoTimingInfo ? 'accurate' : 'estimate'
+    };
+  };
+  /**
+   * Gives the offset of the comparisonTimestamp from the programTime timestamp in seconds.
+   * If the offset returned is positive, the programTime occurs after the
+   * comparisonTimestamp.
+   * If the offset is negative, the programTime occurs before the comparisonTimestamp.
+   *
+   * @param {string} comparisonTimeStamp An ISO-8601 timestamp to compare against
+   * @param {string} programTime The programTime as an ISO-8601 string
+   * @return {number} offset
+   */
+
+
+  var getOffsetFromTimestamp = function getOffsetFromTimestamp(comparisonTimeStamp, programTime) {
+    var segmentDateTime;
+    var programDateTime;
+
+    try {
+      segmentDateTime = new Date(comparisonTimeStamp);
+      programDateTime = new Date(programTime);
+    } catch (e) {// TODO handle error
+    }
+
+    var segmentTimeEpoch = segmentDateTime.getTime();
+    var programTimeEpoch = programDateTime.getTime();
+    return (programTimeEpoch - segmentTimeEpoch) / 1000;
+  };
+  /**
+   * Checks that all segments in this playlist have programDateTime tags.
+   *
+   * @param {Object} playlist A playlist object
+   */
+
+
+  var verifyProgramDateTimeTags = function verifyProgramDateTimeTags(playlist) {
+    if (!playlist.segments || playlist.segments.length === 0) {
+      return false;
+    }
+
+    for (var i = 0; i < playlist.segments.length; i++) {
+      var segment = playlist.segments[i];
+
+      if (!segment.dateTimeObject) {
+        return false;
+      }
+    }
+
+    return true;
+  };
+  /**
+   * Returns the programTime of the media given a playlist and a playerTime.
+   * The playlist must have programDateTime tags for a programDateTime tag to be returned.
+   * If the segments containing the time requested have not been buffered yet, an estimate
+   * may be returned to the callback.
+   *
+   * @param {Object} args
+   * @param {Object} args.playlist A playlist object to search within
+   * @param {number} time A playerTime in seconds
+   * @param {Function} callback(err, programTime)
+   * @return {string} err.message A detailed error message
+   * @return {Object} programTime
+   * @return {number} programTime.mediaSeconds The streamTime in seconds
+   * @return {string} programTime.programDateTime The programTime as an ISO-8601 String
+   */
+
+
+  var getProgramTime = function getProgramTime(_ref) {
+    var playlist = _ref.playlist,
+        _ref$time = _ref.time,
+        time = _ref$time === void 0 ? undefined : _ref$time,
+        callback = _ref.callback;
+
+    if (!callback) {
+      throw new Error('getProgramTime: callback must be provided');
+    }
+
+    if (!playlist || time === undefined) {
+      return callback({
+        message: 'getProgramTime: playlist and time must be provided'
+      });
+    }
+
+    var matchedSegment = findSegmentForPlayerTime(time, playlist);
+
+    if (!matchedSegment) {
+      return callback({
+        message: 'valid programTime was not found'
+      });
+    }
+
+    if (matchedSegment.type === 'estimate') {
+      return callback({
+        message: 'Accurate programTime could not be determined.' + ' Please seek to e.seekTime and try again',
+        seekTime: matchedSegment.estimatedStart
+      });
+    }
+
+    var programTimeObject = {
+      mediaSeconds: time
+    };
+    var programTime = playerTimeToProgramTime(time, matchedSegment.segment);
+
+    if (programTime) {
+      programTimeObject.programDateTime = programTime.toISOString();
+    }
+
+    return callback(null, programTimeObject);
+  };
+  /**
+   * Seeks in the player to a time that matches the given programTime ISO-8601 string.
+   *
+   * @param {Object} args
+   * @param {string} args.programTime A programTime to seek to as an ISO-8601 String
+   * @param {Object} args.playlist A playlist to look within
+   * @param {number} args.retryCount The number of times to try for an accurate seek. Default is 2.
+   * @param {Function} args.seekTo A method to perform a seek
+   * @param {boolean} args.pauseAfterSeek Whether to end in a paused state after seeking. Default is true.
+   * @param {Object} args.tech The tech to seek on
+   * @param {Function} args.callback(err, newTime) A callback to return the new time to
+   * @return {string} err.message A detailed error message
+   * @return {number} newTime The exact time that was seeked to in seconds
+   */
+
+
+  var seekToProgramTime = function seekToProgramTime(_ref2) {
+    var programTime = _ref2.programTime,
+        playlist = _ref2.playlist,
+        _ref2$retryCount = _ref2.retryCount,
+        retryCount = _ref2$retryCount === void 0 ? 2 : _ref2$retryCount,
+        seekTo = _ref2.seekTo,
+        _ref2$pauseAfterSeek = _ref2.pauseAfterSeek,
+        pauseAfterSeek = _ref2$pauseAfterSeek === void 0 ? true : _ref2$pauseAfterSeek,
+        tech = _ref2.tech,
+        callback = _ref2.callback;
+
+    if (!callback) {
+      throw new Error('seekToProgramTime: callback must be provided');
+    }
+
+    if (typeof programTime === 'undefined' || !playlist || !seekTo) {
+      return callback({
+        message: 'seekToProgramTime: programTime, seekTo and playlist must be provided'
+      });
+    }
+
+    if (!playlist.endList && !tech.hasStarted_) {
+      return callback({
+        message: 'player must be playing a live stream to start buffering'
+      });
+    }
+
+    if (!verifyProgramDateTimeTags(playlist)) {
+      return callback({
+        message: 'programDateTime tags must be provided in the manifest ' + playlist.resolvedUri
+      });
+    }
+
+    var matchedSegment = findSegmentForProgramTime(programTime, playlist); // no match
+
+    if (!matchedSegment) {
+      return callback({
+        message: programTime + " was not found in the stream"
+      });
+    }
+
+    var segment = matchedSegment.segment;
+    var mediaOffset = getOffsetFromTimestamp(segment.dateTimeObject, programTime);
+
+    if (matchedSegment.type === 'estimate') {
+      // we've run out of retries
+      if (retryCount === 0) {
+        return callback({
+          message: programTime + " is not buffered yet. Try again"
+        });
+      }
+
+      seekTo(matchedSegment.estimatedStart + mediaOffset);
+      tech.one('seeked', function () {
+        seekToProgramTime({
+          programTime: programTime,
+          playlist: playlist,
+          retryCount: retryCount - 1,
+          seekTo: seekTo,
+          pauseAfterSeek: pauseAfterSeek,
+          tech: tech,
+          callback: callback
+        });
+      });
+      return;
+    } // Since the segment.start value is determined from the buffered end or ending time
+    // of the prior segment, the seekToTime doesn't need to account for any transmuxer
+    // modifications.
+
+
+    var seekToTime = segment.start + mediaOffset;
+
+    var seekedCallback = function seekedCallback() {
+      return callback(null, tech.currentTime());
+    }; // listen for seeked event
+
+
+    tech.one('seeked', seekedCallback); // pause before seeking as video.js will restore this state
+
+    if (pauseAfterSeek) {
+      tech.pause();
+    }
+
+    seekTo(seekToTime);
+  }; // which will only happen if the request is complete.
+
+
+  var callbackOnCompleted = function callbackOnCompleted(request, cb) {
+    if (request.readyState === 4) {
+      return cb();
+    }
+
+    return;
+  };
+
+  var containerRequest = function containerRequest(uri, xhr, cb) {
+    var bytes = [];
+    var id3Offset;
+    var finished = false;
+
+    var endRequestAndCallback = function endRequestAndCallback(err, req, type, _bytes) {
+      req.abort();
+      finished = true;
+      return cb(err, req, type, _bytes);
+    };
+
+    var progressListener = function progressListener(error, request) {
+      if (finished) {
+        return;
+      }
+
+      if (error) {
+        return endRequestAndCallback(error, request, '', bytes);
+      } // grap the new part of content that was just downloaded
+
+
+      var newPart = request.responseText.substring(bytes && bytes.byteLength || 0, request.responseText.length); // add that onto bytes
+
+      bytes = concatTypedArrays(bytes, stringToBytes(newPart, true));
+      id3Offset = id3Offset || getId3Offset(bytes); // we need at least 10 bytes to determine a type
+      // or we need at least two bytes after an id3Offset
+
+      if (bytes.length < 10 || id3Offset && bytes.length < id3Offset + 2) {
+        return callbackOnCompleted(request, function () {
+          return endRequestAndCallback(error, request, '', bytes);
+        });
+      }
+
+      var type = detectContainerForBytes(bytes); // if this looks like a ts segment but we don't have enough data
+      // to see the second sync byte, wait until we have enough data
+      // before declaring it ts
+
+      if (type === 'ts' && bytes.length < 188) {
+        return callbackOnCompleted(request, function () {
+          return endRequestAndCallback(error, request, '', bytes);
+        });
+      } // this may be an unsynced ts segment
+      // wait for 376 bytes before detecting no container
+
+
+      if (!type && bytes.length < 376) {
+        return callbackOnCompleted(request, function () {
+          return endRequestAndCallback(error, request, '', bytes);
+        });
+      }
+
+      return endRequestAndCallback(null, request, type, bytes);
+    };
+
+    var options = {
+      uri: uri,
+      beforeSend: function beforeSend(request) {
+        // this forces the browser to pass the bytes to us unprocessed
+        request.overrideMimeType('text/plain; charset=x-user-defined');
+        request.addEventListener('progress', function (_ref) {
+          _ref.total;
+          _ref.loaded;
+          return callbackWrapper(request, null, {
+            statusCode: request.status
+          }, progressListener);
+        });
+      }
+    };
+    var request = xhr(options, function (error, response) {
+      return callbackWrapper(request, error, response, progressListener);
+    });
+    return request;
+  };
+
+  var EventTarget = videojs.EventTarget,
+      mergeOptions = videojs.mergeOptions;
+
+  var dashPlaylistUnchanged = function dashPlaylistUnchanged(a, b) {
+    if (!isPlaylistUnchanged(a, b)) {
+      return false;
+    } // for dash the above check will often return true in scenarios where
+    // the playlist actually has changed because mediaSequence isn't a
+    // dash thing, and we often set it to 1. So if the playlists have the same amount
+    // of segments we return true.
+    // So for dash we need to make sure that the underlying segments are different.
+    // if sidx changed then the playlists are different.
+
+
+    if (a.sidx && b.sidx && (a.sidx.offset !== b.sidx.offset || a.sidx.length !== b.sidx.length)) {
+      return false;
+    } else if (!a.sidx && b.sidx || a.sidx && !b.sidx) {
+      return false;
+    } // one or the other does not have segments
+    // there was a change.
+
+
+    if (a.segments && !b.segments || !a.segments && b.segments) {
+      return false;
+    } // neither has segments nothing changed
+
+
+    if (!a.segments && !b.segments) {
+      return true;
+    } // check segments themselves
+
+
+    for (var i = 0; i < a.segments.length; i++) {
+      var aSegment = a.segments[i];
+      var bSegment = b.segments[i]; // if uris are different between segments there was a change
+
+      if (aSegment.uri !== bSegment.uri) {
+        return false;
+      } // neither segment has a byterange, there will be no byterange change.
+
+
+      if (!aSegment.byterange && !bSegment.byterange) {
+        continue;
+      }
+
+      var aByterange = aSegment.byterange;
+      var bByterange = bSegment.byterange; // if byterange only exists on one of the segments, there was a change.
+
+      if (aByterange && !bByterange || !aByterange && bByterange) {
+        return false;
+      } // if both segments have byterange with different offsets, there was a change.
+
+
+      if (aByterange.offset !== bByterange.offset || aByterange.length !== bByterange.length) {
+        return false;
+      }
+    } // if everything was the same with segments, this is the same playlist.
+
+
+    return true;
+  };
+  /**
+   * Parses the master XML string and updates playlist URI references.
+   *
+   * @param {Object} config
+   *        Object of arguments
+   * @param {string} config.masterXml
+   *        The mpd XML
+   * @param {string} config.srcUrl
+   *        The mpd URL
+   * @param {Date} config.clientOffset
+   *         A time difference between server and client
+   * @param {Object} config.sidxMapping
+   *        SIDX mappings for moof/mdat URIs and byte ranges
+   * @return {Object}
+   *         The parsed mpd manifest object
+   */
+
+
+  var parseMasterXml = function parseMasterXml(_ref) {
+    var masterXml = _ref.masterXml,
+        srcUrl = _ref.srcUrl,
+        clientOffset = _ref.clientOffset,
+        sidxMapping = _ref.sidxMapping;
+    var master = parse(masterXml, {
+      manifestUri: srcUrl,
+      clientOffset: clientOffset,
+      sidxMapping: sidxMapping
+    });
+    addPropertiesToMaster(master, srcUrl);
+    return master;
+  };
+  /**
+   * Returns a new master manifest that is the result of merging an updated master manifest
+   * into the original version.
+   *
+   * @param {Object} oldMaster
+   *        The old parsed mpd object
+   * @param {Object} newMaster
+   *        The updated parsed mpd object
+   * @return {Object}
+   *         A new object representing the original master manifest with the updated media
+   *         playlists merged in
+   */
+
+
+  var updateMaster = function updateMaster(oldMaster, newMaster, sidxMapping) {
+    var noChanges = true;
+    var update = mergeOptions(oldMaster, {
+      // These are top level properties that can be updated
+      duration: newMaster.duration,
+      minimumUpdatePeriod: newMaster.minimumUpdatePeriod
+    }); // First update the playlists in playlist list
+
+    for (var i = 0; i < newMaster.playlists.length; i++) {
+      var playlist = newMaster.playlists[i];
+
+      if (playlist.sidx) {
+        var sidxKey = generateSidxKey(playlist.sidx); // add sidx segments to the playlist if we have all the sidx info already
+
+        if (sidxMapping && sidxMapping[sidxKey] && sidxMapping[sidxKey].sidx) {
+          addSidxSegmentsToPlaylist(playlist, sidxMapping[sidxKey].sidx, playlist.sidx.resolvedUri);
+        }
+      }
+
+      var playlistUpdate = updateMaster$1(update, playlist, dashPlaylistUnchanged);
+
+      if (playlistUpdate) {
+        update = playlistUpdate;
+        noChanges = false;
+      }
+    } // Then update media group playlists
+
+
+    forEachMediaGroup(newMaster, function (properties, type, group, label) {
+      if (properties.playlists && properties.playlists.length) {
+        var id = properties.playlists[0].id;
+
+        var _playlistUpdate = updateMaster$1(update, properties.playlists[0], dashPlaylistUnchanged);
+
+        if (_playlistUpdate) {
+          update = _playlistUpdate; // update the playlist reference within media groups
+
+          update.mediaGroups[type][group][label].playlists[0] = update.playlists[id];
+          noChanges = false;
+        }
+      }
+    });
+
+    if (newMaster.minimumUpdatePeriod !== oldMaster.minimumUpdatePeriod) {
+      noChanges = false;
+    }
+
+    if (noChanges) {
+      return null;
+    }
+
+    return update;
+  }; // SIDX should be equivalent if the URI and byteranges of the SIDX match.
+  // If the SIDXs have maps, the two maps should match,
+  // both `a` and `b` missing SIDXs is considered matching.
+  // If `a` or `b` but not both have a map, they aren't matching.
+
+
+  var equivalentSidx = function equivalentSidx(a, b) {
+    var neitherMap = Boolean(!a.map && !b.map);
+    var equivalentMap = neitherMap || Boolean(a.map && b.map && a.map.byterange.offset === b.map.byterange.offset && a.map.byterange.length === b.map.byterange.length);
+    return equivalentMap && a.uri === b.uri && a.byterange.offset === b.byterange.offset && a.byterange.length === b.byterange.length;
+  }; // exported for testing
+
+
+  var compareSidxEntry = function compareSidxEntry(playlists, oldSidxMapping) {
+    var newSidxMapping = {};
+
+    for (var id in playlists) {
+      var playlist = playlists[id];
+      var currentSidxInfo = playlist.sidx;
+
+      if (currentSidxInfo) {
+        var key = generateSidxKey(currentSidxInfo);
+
+        if (!oldSidxMapping[key]) {
+          break;
+        }
+
+        var savedSidxInfo = oldSidxMapping[key].sidxInfo;
+
+        if (equivalentSidx(savedSidxInfo, currentSidxInfo)) {
+          newSidxMapping[key] = oldSidxMapping[key];
+        }
+      }
+    }
+
+    return newSidxMapping;
+  };
+  /**
+   *  A function that filters out changed items as they need to be requested separately.
+   *
+   *  The method is exported for testing
+   *
+   *  @param {Object} master the parsed mpd XML returned via mpd-parser
+   *  @param {Object} oldSidxMapping the SIDX to compare against
+   */
+
+
+  var filterChangedSidxMappings = function filterChangedSidxMappings(master, oldSidxMapping) {
+    var videoSidx = compareSidxEntry(master.playlists, oldSidxMapping);
+    var mediaGroupSidx = videoSidx;
+    forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
+      if (properties.playlists && properties.playlists.length) {
+        var playlists = properties.playlists;
+        mediaGroupSidx = mergeOptions(mediaGroupSidx, compareSidxEntry(playlists, oldSidxMapping));
+      }
+    });
+    return mediaGroupSidx;
+  };
+
+  var DashPlaylistLoader = /*#__PURE__*/function (_EventTarget) {
+    inheritsLoose(DashPlaylistLoader, _EventTarget); // DashPlaylistLoader must accept either a src url or a playlist because subsequent
+    // playlist loader setups from media groups will expect to be able to pass a playlist
+    // (since there aren't external URLs to media playlists with DASH)
+
+
+    function DashPlaylistLoader(srcUrlOrPlaylist, vhs, options, masterPlaylistLoader) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      _this = _EventTarget.call(this) || this;
+      _this.masterPlaylistLoader_ = masterPlaylistLoader || assertThisInitialized(_this);
+
+      if (!masterPlaylistLoader) {
+        _this.isMaster_ = true;
+      }
+
+      var _options = options,
+          _options$withCredenti = _options.withCredentials,
+          withCredentials = _options$withCredenti === void 0 ? false : _options$withCredenti,
+          _options$handleManife = _options.handleManifestRedirects,
+          handleManifestRedirects = _options$handleManife === void 0 ? false : _options$handleManife;
+      _this.vhs_ = vhs;
+      _this.withCredentials = withCredentials;
+      _this.handleManifestRedirects = handleManifestRedirects;
+
+      if (!srcUrlOrPlaylist) {
+        throw new Error('A non-empty playlist URL or object is required');
+      } // event naming?
+
+
+      _this.on('minimumUpdatePeriod', function () {
+        _this.refreshXml_();
+      }); // live playlist staleness timeout
+
+
+      _this.on('mediaupdatetimeout', function () {
+        _this.refreshMedia_(_this.media().id);
+      });
+
+      _this.state = 'HAVE_NOTHING';
+      _this.loadedPlaylists_ = {};
+      _this.logger_ = logger('DashPlaylistLoader'); // initialize the loader state
+      // The masterPlaylistLoader will be created with a string
+
+      if (_this.isMaster_) {
+        _this.masterPlaylistLoader_.srcUrl = srcUrlOrPlaylist; // TODO: reset sidxMapping between period changes
+        // once multi-period is refactored
+
+        _this.masterPlaylistLoader_.sidxMapping_ = {};
+      } else {
+        _this.childPlaylist_ = srcUrlOrPlaylist;
+      }
+
+      return _this;
+    }
+
+    var _proto = DashPlaylistLoader.prototype;
+
+    _proto.requestErrored_ = function requestErrored_(err, request, startingState) {
+      // disposed
+      if (!this.request) {
+        return true;
+      } // pending request is cleared
+
+
+      this.request = null;
+
+      if (err) {
+        // use the provided error object or create one
+        // based on the request/response
+        this.error = typeof err === 'object' && !(err instanceof Error) ? err : {
+          status: request.status,
+          message: 'DASH request error at URL: ' + request.uri,
+          response: request.response,
+          // MEDIA_ERR_NETWORK
+          code: 2
+        };
+
+        if (startingState) {
+          this.state = startingState;
+        }
+
+        this.trigger('error');
+        return true;
+      }
+    }
+    /**
+     * Verify that the container of the sidx segment can be parsed
+     * and if it can, get and parse that segment.
+     */
+    ;
+
+    _proto.addSidxSegments_ = function addSidxSegments_(playlist, startingState, cb) {
+      var _this2 = this;
+
+      var sidxKey = playlist.sidx && generateSidxKey(playlist.sidx); // playlist lacks sidx or sidx segments were added to this playlist already.
+
+      if (!playlist.sidx || !sidxKey || this.masterPlaylistLoader_.sidxMapping_[sidxKey]) {
+        // keep this function async
+        this.mediaRequest_ = window_1.setTimeout(function () {
+          return cb(false);
+        }, 0);
+        return;
+      } // resolve the segment URL relative to the playlist
+
+
+      var uri = resolveManifestRedirect(this.handleManifestRedirects, playlist.sidx.resolvedUri);
+
+      var fin = function fin(err, request) {
+        if (_this2.requestErrored_(err, request, startingState)) {
+          return;
+        }
+
+        var sidxMapping = _this2.masterPlaylistLoader_.sidxMapping_;
+        var sidx;
+
+        try {
+          sidx = parseSidx_1(toUint8(request.response).subarray(8));
+        } catch (e) {
+          // sidx parsing failed.
+          _this2.requestErrored_(e, request, startingState);
+
+          return;
+        }
+
+        sidxMapping[sidxKey] = {
+          sidxInfo: playlist.sidx,
+          sidx: sidx
+        };
+        addSidxSegmentsToPlaylist(playlist, sidx, playlist.sidx.resolvedUri);
+        return cb(true);
+      };
+
+      this.request = containerRequest(uri, this.vhs_.xhr, function (err, request, container, bytes) {
+        if (err) {
+          return fin(err, request);
+        }
+
+        if (!container || container !== 'mp4') {
+          return fin({
+            status: request.status,
+            message: "Unsupported " + (container || 'unknown') + " container type for sidx segment at URL: " + uri,
+            // response is just bytes in this case
+            // but we really don't want to return that.
+            response: '',
+            playlist: playlist,
+            internal: true,
+            blacklistDuration: Infinity,
+            // MEDIA_ERR_NETWORK
+            code: 2
+          }, request);
+        } // if we already downloaded the sidx bytes in the container request, use them
+
+
+        var _playlist$sidx$bytera = playlist.sidx.byterange,
+            offset = _playlist$sidx$bytera.offset,
+            length = _playlist$sidx$bytera.length;
+
+        if (bytes.length >= length + offset) {
+          return fin(err, {
+            response: bytes.subarray(offset, offset + length),
+            status: request.status,
+            uri: request.uri
+          });
+        } // otherwise request sidx bytes
+
+
+        _this2.request = _this2.vhs_.xhr({
+          uri: uri,
+          responseType: 'arraybuffer',
+          headers: segmentXhrHeaders({
+            byterange: playlist.sidx.byterange
+          })
+        }, fin);
+      });
+    };
+
+    _proto.dispose = function dispose() {
+      this.trigger('dispose');
+      this.stopRequest();
+      this.loadedPlaylists_ = {};
+      window_1.clearTimeout(this.minimumUpdatePeriodTimeout_);
+      window_1.clearTimeout(this.mediaRequest_);
+      window_1.clearTimeout(this.mediaUpdateTimeout);
+      this.mediaUpdateTimeout = null;
+      this.mediaRequest_ = null;
+      this.minimumUpdatePeriodTimeout_ = null;
+
+      if (this.masterPlaylistLoader_.createMupOnMedia_) {
+        this.off('loadedmetadata', this.masterPlaylistLoader_.createMupOnMedia_);
+        this.masterPlaylistLoader_.createMupOnMedia_ = null;
+      }
+
+      this.off();
+    };
+
+    _proto.hasPendingRequest = function hasPendingRequest() {
+      return this.request || this.mediaRequest_;
+    };
+
+    _proto.stopRequest = function stopRequest() {
+      if (this.request) {
+        var oldRequest = this.request;
+        this.request = null;
+        oldRequest.onreadystatechange = null;
+        oldRequest.abort();
+      }
+    };
+
+    _proto.media = function media(playlist) {
+      var _this3 = this; // getter
+
+
+      if (!playlist) {
+        return this.media_;
+      } // setter
+
+
+      if (this.state === 'HAVE_NOTHING') {
+        throw new Error('Cannot switch media playlist from ' + this.state);
+      }
+
+      var startingState = this.state; // find the playlist object if the target playlist has been specified by URI
+
+      if (typeof playlist === 'string') {
+        if (!this.masterPlaylistLoader_.master.playlists[playlist]) {
+          throw new Error('Unknown playlist URI: ' + playlist);
+        }
+
+        playlist = this.masterPlaylistLoader_.master.playlists[playlist];
+      }
+
+      var mediaChange = !this.media_ || playlist.id !== this.media_.id; // switch to previously loaded playlists immediately
+
+      if (mediaChange && this.loadedPlaylists_[playlist.id] && this.loadedPlaylists_[playlist.id].endList) {
+        this.state = 'HAVE_METADATA';
+        this.media_ = playlist; // trigger media change if the active media has been updated
+
+        if (mediaChange) {
+          this.trigger('mediachanging');
+          this.trigger('mediachange');
+        }
+
+        return;
+      } // switching to the active playlist is a no-op
+
+
+      if (!mediaChange) {
+        return;
+      } // switching from an already loaded playlist
+
+
+      if (this.media_) {
+        this.trigger('mediachanging');
+      }
+
+      this.addSidxSegments_(playlist, startingState, function (sidxChanged) {
+        // everything is ready just continue to haveMetadata
+        _this3.haveMetadata({
+          startingState: startingState,
+          playlist: playlist
+        });
+      });
+    };
+
+    _proto.haveMetadata = function haveMetadata(_ref2) {
+      var startingState = _ref2.startingState,
+          playlist = _ref2.playlist;
+      this.state = 'HAVE_METADATA';
+      this.loadedPlaylists_[playlist.id] = playlist;
+      this.mediaRequest_ = null; // This will trigger loadedplaylist
+
+      this.refreshMedia_(playlist.id); // fire loadedmetadata the first time a media playlist is loaded
+      // to resolve setup of media groups
+
+      if (startingState === 'HAVE_MASTER') {
+        this.trigger('loadedmetadata');
+      } else {
+        // trigger media change if the active media has been updated
+        this.trigger('mediachange');
+      }
+    };
+
+    _proto.pause = function pause() {
+      if (this.masterPlaylistLoader_.createMupOnMedia_) {
+        this.off('loadedmetadata', this.masterPlaylistLoader_.createMupOnMedia_);
+        this.masterPlaylistLoader_.createMupOnMedia_ = null;
+      }
+
+      this.stopRequest();
+      window_1.clearTimeout(this.mediaUpdateTimeout);
+      this.mediaUpdateTimeout = null;
+
+      if (this.isMaster_) {
+        window_1.clearTimeout(this.masterPlaylistLoader_.minimumUpdatePeriodTimeout_);
+        this.masterPlaylistLoader_.minimumUpdatePeriodTimeout_ = null;
+      }
+
+      if (this.state === 'HAVE_NOTHING') {
+        // If we pause the loader before any data has been retrieved, its as if we never
+        // started, so reset to an unstarted state.
+        this.started = false;
+      }
+    };
+
+    _proto.load = function load(isFinalRendition) {
+      var _this4 = this;
+
+      window_1.clearTimeout(this.mediaUpdateTimeout);
+      this.mediaUpdateTimeout = null;
+      var media = this.media();
+
+      if (isFinalRendition) {
+        var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
+        this.mediaUpdateTimeout = window_1.setTimeout(function () {
+          return _this4.load();
+        }, delay);
+        return;
+      } // because the playlists are internal to the manifest, load should either load the
+      // main manifest, or do nothing but trigger an event
+
+
+      if (!this.started) {
+        this.start();
+        return;
+      }
+
+      if (media && !media.endList) {
+        // Check to see if this is the master loader and the MUP was cleared (this happens
+        // when the loader was paused). `media` should be set at this point since one is always
+        // set during `start()`.
+        if (this.isMaster_ && !this.minimumUpdatePeriodTimeout_) {
+          // Trigger minimumUpdatePeriod to refresh the master manifest
+          this.trigger('minimumUpdatePeriod'); // Since there was no prior minimumUpdatePeriodTimeout it should be recreated
+
+          this.updateMinimumUpdatePeriodTimeout_();
+        }
+
+        this.trigger('mediaupdatetimeout');
+      } else {
+        this.trigger('loadedplaylist');
+      }
+    };
+
+    _proto.start = function start() {
+      var _this5 = this;
+
+      this.started = true; // We don't need to request the master manifest again
+      // Call this asynchronously to match the xhr request behavior below
+
+      if (!this.isMaster_) {
+        this.mediaRequest_ = window_1.setTimeout(function () {
+          return _this5.haveMaster_();
+        }, 0);
+        return;
+      }
+
+      this.requestMaster_(function (req, masterChanged) {
+        _this5.haveMaster_();
+
+        if (!_this5.hasPendingRequest() && !_this5.media_) {
+          _this5.media(_this5.masterPlaylistLoader_.master.playlists[0]);
+        }
+      });
+    };
+
+    _proto.requestMaster_ = function requestMaster_(cb) {
+      var _this6 = this;
+
+      this.request = this.vhs_.xhr({
+        uri: this.masterPlaylistLoader_.srcUrl,
+        withCredentials: this.withCredentials
+      }, function (error, req) {
+        if (_this6.requestErrored_(error, req)) {
+          if (_this6.state === 'HAVE_NOTHING') {
+            _this6.started = false;
+          }
+
+          return;
+        }
+
+        var masterChanged = req.responseText !== _this6.masterPlaylistLoader_.masterXml_;
+        _this6.masterPlaylistLoader_.masterXml_ = req.responseText;
+
+        if (req.responseHeaders && req.responseHeaders.date) {
+          _this6.masterLoaded_ = Date.parse(req.responseHeaders.date);
+        } else {
+          _this6.masterLoaded_ = Date.now();
+        }
+
+        _this6.masterPlaylistLoader_.srcUrl = resolveManifestRedirect(_this6.handleManifestRedirects, _this6.masterPlaylistLoader_.srcUrl, req);
+
+        if (masterChanged) {
+          _this6.handleMaster_();
+
+          _this6.syncClientServerClock_(function () {
+            return cb(req, masterChanged);
+          });
+
+          return;
+        }
+
+        return cb(req, masterChanged);
+      });
+    }
+    /**
+     * Parses the master xml for UTCTiming node to sync the client clock to the server
+     * clock. If the UTCTiming node requires a HEAD or GET request, that request is made.
+     *
+     * @param {Function} done
+     *        Function to call when clock sync has completed
+     */
+    ;
+
+    _proto.syncClientServerClock_ = function syncClientServerClock_(done) {
+      var _this7 = this;
+
+      var utcTiming = parseUTCTiming(this.masterPlaylistLoader_.masterXml_); // No UTCTiming element found in the mpd. Use Date header from mpd request as the
+      // server clock
+
+      if (utcTiming === null) {
+        this.masterPlaylistLoader_.clientOffset_ = this.masterLoaded_ - Date.now();
+        return done();
+      }
+
+      if (utcTiming.method === 'DIRECT') {
+        this.masterPlaylistLoader_.clientOffset_ = utcTiming.value - Date.now();
+        return done();
+      }
+
+      this.request = this.vhs_.xhr({
+        uri: resolveUrl(this.masterPlaylistLoader_.srcUrl, utcTiming.value),
+        method: utcTiming.method,
+        withCredentials: this.withCredentials
+      }, function (error, req) {
+        // disposed
+        if (!_this7.request) {
+          return;
+        }
+
+        if (error) {
+          // sync request failed, fall back to using date header from mpd
+          // TODO: log warning
+          _this7.masterPlaylistLoader_.clientOffset_ = _this7.masterLoaded_ - Date.now();
+          return done();
+        }
+
+        var serverTime;
+
+        if (utcTiming.method === 'HEAD') {
+          if (!req.responseHeaders || !req.responseHeaders.date) {
+            // expected date header not preset, fall back to using date header from mpd
+            // TODO: log warning
+            serverTime = _this7.masterLoaded_;
+          } else {
+            serverTime = Date.parse(req.responseHeaders.date);
+          }
+        } else {
+          serverTime = Date.parse(req.responseText);
+        }
+
+        _this7.masterPlaylistLoader_.clientOffset_ = serverTime - Date.now();
+        done();
+      });
+    };
+
+    _proto.haveMaster_ = function haveMaster_() {
+      this.state = 'HAVE_MASTER';
+
+      if (this.isMaster_) {
+        // We have the master playlist at this point, so
+        // trigger this to allow MasterPlaylistController
+        // to make an initial playlist selection
+        this.trigger('loadedplaylist');
+      } else if (!this.media_) {
+        // no media playlist was specifically selected so select
+        // the one the child playlist loader was created with
+        this.media(this.childPlaylist_);
+      }
+    };
+
+    _proto.handleMaster_ = function handleMaster_() {
+      // clear media request
+      this.mediaRequest_ = null;
+      var newMaster = parseMasterXml({
+        masterXml: this.masterPlaylistLoader_.masterXml_,
+        srcUrl: this.masterPlaylistLoader_.srcUrl,
+        clientOffset: this.masterPlaylistLoader_.clientOffset_,
+        sidxMapping: this.masterPlaylistLoader_.sidxMapping_
+      });
+      var oldMaster = this.masterPlaylistLoader_.master; // if we have an old master to compare the new master against
+
+      if (oldMaster) {
+        newMaster = updateMaster(oldMaster, newMaster, this.masterPlaylistLoader_.sidxMapping_);
+      } // only update master if we have a new master
+
+
+      this.masterPlaylistLoader_.master = newMaster ? newMaster : oldMaster;
+      var location = this.masterPlaylistLoader_.master.locations && this.masterPlaylistLoader_.master.locations[0];
+
+      if (location && location !== this.masterPlaylistLoader_.srcUrl) {
+        this.masterPlaylistLoader_.srcUrl = location;
+      }
+
+      if (!oldMaster || newMaster && newMaster.minimumUpdatePeriod !== oldMaster.minimumUpdatePeriod) {
+        this.updateMinimumUpdatePeriodTimeout_();
+      }
+
+      return Boolean(newMaster);
+    };
+
+    _proto.updateMinimumUpdatePeriodTimeout_ = function updateMinimumUpdatePeriodTimeout_() {
+      var mpl = this.masterPlaylistLoader_; // cancel any pending creation of mup on media
+      // a new one will be added if needed.
+
+      if (mpl.createMupOnMedia_) {
+        mpl.off('loadedmetadata', mpl.createMupOnMedia_);
+        mpl.createMupOnMedia_ = null;
+      } // clear any pending timeouts
+
+
+      if (mpl.minimumUpdatePeriodTimeout_) {
+        window_1.clearTimeout(mpl.minimumUpdatePeriodTimeout_);
+        mpl.minimumUpdatePeriodTimeout_ = null;
+      }
+
+      var mup = mpl.master && mpl.master.minimumUpdatePeriod; // If the minimumUpdatePeriod has a value of 0, that indicates that the current
+      // MPD has no future validity, so a new one will need to be acquired when new
+      // media segments are to be made available. Thus, we use the target duration
+      // in this case
+
+      if (mup === 0) {
+        if (mpl.media()) {
+          mup = mpl.media().targetDuration * 1000;
+        } else {
+          mpl.createMupOnMedia_ = mpl.updateMinimumUpdatePeriodTimeout_;
+          mpl.one('loadedmetadata', mpl.createMupOnMedia_);
+        }
+      } // if minimumUpdatePeriod is invalid or <= zero, which
+      // can happen when a live video becomes VOD. skip timeout
+      // creation.
+
+
+      if (typeof mup !== 'number' || mup <= 0) {
+        if (mup < 0) {
+          this.logger_("found invalid minimumUpdatePeriod of " + mup + ", not setting a timeout");
+        }
+
+        return;
+      }
+
+      this.createMUPTimeout_(mup);
+    };
+
+    _proto.createMUPTimeout_ = function createMUPTimeout_(mup) {
+      var mpl = this.masterPlaylistLoader_;
+      mpl.minimumUpdatePeriodTimeout_ = window_1.setTimeout(function () {
+        mpl.minimumUpdatePeriodTimeout_ = null;
+        mpl.trigger('minimumUpdatePeriod');
+        mpl.createMUPTimeout_(mup);
+      }, mup);
+    }
+    /**
+     * Sends request to refresh the master xml and updates the parsed master manifest
+     */
+    ;
+
+    _proto.refreshXml_ = function refreshXml_() {
+      var _this8 = this;
+
+      this.requestMaster_(function (req, masterChanged) {
+        if (!masterChanged) {
+          return;
+        }
+
+        if (_this8.media_) {
+          _this8.media_ = _this8.masterPlaylistLoader_.master.playlists[_this8.media_.id];
+        } // This will filter out updated sidx info from the mapping
+
+
+        _this8.masterPlaylistLoader_.sidxMapping_ = filterChangedSidxMappings(_this8.masterPlaylistLoader_.master, _this8.masterPlaylistLoader_.sidxMapping_);
+
+        _this8.addSidxSegments_(_this8.media(), _this8.state, function (sidxChanged) {
+          // TODO: do we need to reload the current playlist?
+          _this8.refreshMedia_(_this8.media().id);
+        });
+      });
+    }
+    /**
+     * Refreshes the media playlist by re-parsing the master xml and updating playlist
+     * references. If this is an alternate loader, the updated parsed manifest is retrieved
+     * from the master loader.
+     */
+    ;
+
+    _proto.refreshMedia_ = function refreshMedia_(mediaID) {
+      var _this9 = this;
+
+      if (!mediaID) {
+        throw new Error('refreshMedia_ must take a media id');
+      } // for master we have to reparse the master xml
+      // to re-create segments based on current timing values
+      // which may change media. We only skip updating master
+      // if this is the first time this.media_ is being set.
+      // as master was just parsed in that case.
+
+
+      if (this.media_ && this.isMaster_) {
+        this.handleMaster_();
+      }
+
+      var playlists = this.masterPlaylistLoader_.master.playlists;
+      var mediaChanged = !this.media_ || this.media_ !== playlists[mediaID];
+
+      if (mediaChanged) {
+        this.media_ = playlists[mediaID];
+      } else {
+        this.trigger('playlistunchanged');
+      }
+
+      if (!this.mediaUpdateTimeout) {
+        var createMediaUpdateTimeout = function createMediaUpdateTimeout() {
+          if (_this9.media().endList) {
+            return;
+          }
+
+          _this9.mediaUpdateTimeout = window_1.setTimeout(function () {
+            _this9.trigger('mediaupdatetimeout');
+
+            createMediaUpdateTimeout();
+          }, refreshDelay(_this9.media(), Boolean(mediaChanged)));
+        };
+
+        createMediaUpdateTimeout();
+      }
+
+      this.trigger('loadedplaylist');
+    };
+
+    return DashPlaylistLoader;
+  }(EventTarget);
+
+  var Config = {
+    GOAL_BUFFER_LENGTH: 30,
+    MAX_GOAL_BUFFER_LENGTH: 60,
+    BACK_BUFFER_LENGTH: 30,
+    GOAL_BUFFER_LENGTH_RATE: 1,
+    // 0.5 MB/s
+    INITIAL_BANDWIDTH: 4194304,
+    // A fudge factor to apply to advertised playlist bitrates to account for
+    // temporary flucations in client bandwidth
+    BANDWIDTH_VARIANCE: 1.2,
+    // How much of the buffer must be filled before we consider upswitching
+    BUFFER_LOW_WATER_LINE: 0,
+    MAX_BUFFER_LOW_WATER_LINE: 30,
+    // TODO: Remove this when experimentalBufferBasedABR is removed
+    EXPERIMENTAL_MAX_BUFFER_LOW_WATER_LINE: 16,
+    BUFFER_LOW_WATER_LINE_RATE: 1,
+    // If the buffer is greater than the high water line, we won't switch down
+    BUFFER_HIGH_WATER_LINE: 30
+  };
+
+  var stringToArrayBuffer = function stringToArrayBuffer(string) {
+    var view = new Uint8Array(new ArrayBuffer(string.length));
+
+    for (var i = 0; i < string.length; i++) {
+      view[i] = string.charCodeAt(i);
+    }
+
+    return view.buffer;
+  };
+  /* global Blob, BlobBuilder, Worker */
+  // unify worker interface
+
+
+  var browserWorkerPolyFill = function browserWorkerPolyFill(workerObj) {
+    // node only supports on/off
+    workerObj.on = workerObj.addEventListener;
+    workerObj.off = workerObj.removeEventListener;
+    return workerObj;
+  };
+
+  var createObjectURL = function createObjectURL(str) {
+    try {
+      return URL.createObjectURL(new Blob([str], {
+        type: 'application/javascript'
+      }));
+    } catch (e) {
+      var blob = new BlobBuilder();
+      blob.append(str);
+      return URL.createObjectURL(blob.getBlob());
+    }
+  };
+
+  var factory = function factory(code) {
+    return function () {
+      var objectUrl = createObjectURL(code);
+      var worker = browserWorkerPolyFill(new Worker(objectUrl));
+      worker.objURL = objectUrl;
+      var terminate = worker.terminate;
+      worker.on = worker.addEventListener;
+      worker.off = worker.removeEventListener;
+
+      worker.terminate = function () {
+        URL.revokeObjectURL(objectUrl);
+        return terminate.call(this);
+      };
+
+      return worker;
+    };
+  };
+
+  var transform = function transform(code) {
+    return "var browserWorkerPolyFill = " + browserWorkerPolyFill.toString() + ";\n" + 'browserWorkerPolyFill(self);\n' + code;
+  };
+
+  var getWorkerString = function getWorkerString(fn) {
+    return fn.toString().replace(/^function.+?{/, '').slice(0, -1);
+  };
+  /* rollup-plugin-worker-factory start for worker!/Users/bcasey/Projects/videojs-http-streaming/src/transmuxer-worker.js */
+
+
+  var workerCode$1 = transform(getWorkerString(function () {
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     *
+     * A lightweight readable stream implemention that handles event dispatching.
+     * Objects that inherit from streams should call init in their constructors.
+     */
+    var Stream = function Stream() {
+      this.init = function () {
+        var listeners = {};
+        /**
+         * Add a listener for a specified event type.
+         * @param type {string} the event name
+         * @param listener {function} the callback to be invoked when an event of
+         * the specified type occurs
+         */
+
+        this.on = function (type, listener) {
+          if (!listeners[type]) {
+            listeners[type] = [];
+          }
+
+          listeners[type] = listeners[type].concat(listener);
+        };
+        /**
+         * Remove a listener for a specified event type.
+         * @param type {string} the event name
+         * @param listener {function} a function previously registered for this
+         * type of event through `on`
+         */
+
+
+        this.off = function (type, listener) {
+          var index;
+
+          if (!listeners[type]) {
+            return false;
+          }
+
+          index = listeners[type].indexOf(listener);
+          listeners[type] = listeners[type].slice();
+          listeners[type].splice(index, 1);
+          return index > -1;
+        };
+        /**
+         * Trigger an event of the specified type on this stream. Any additional
+         * arguments to this function are passed as parameters to event listeners.
+         * @param type {string} the event name
+         */
+
+
+        this.trigger = function (type) {
+          var callbacks, i, length, args;
+          callbacks = listeners[type];
+
+          if (!callbacks) {
+            return;
+          } // Slicing the arguments on every invocation of this method
+          // can add a significant amount of overhead. Avoid the
+          // intermediate object creation for the common case of a
+          // single callback argument
+
+
+          if (arguments.length === 2) {
+            length = callbacks.length;
+
+            for (i = 0; i < length; ++i) {
+              callbacks[i].call(this, arguments[1]);
+            }
+          } else {
+            args = [];
+            i = arguments.length;
+
+            for (i = 1; i < arguments.length; ++i) {
+              args.push(arguments[i]);
+            }
+
+            length = callbacks.length;
+
+            for (i = 0; i < length; ++i) {
+              callbacks[i].apply(this, args);
+            }
+          }
+        };
+        /**
+         * Destroys the stream and cleans up.
+         */
+
+
+        this.dispose = function () {
+          listeners = {};
+        };
+      };
+    };
+    /**
+     * Forwards all `data` events on this stream to the destination stream. The
+     * destination stream should provide a method `push` to receive the data
+     * events as they arrive.
+     * @param destination {stream} the stream that will receive all `data` events
+     * @param autoFlush {boolean} if false, we will not call `flush` on the destination
+     *                            when the current stream emits a 'done' event
+     * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
+     */
+
+
+    Stream.prototype.pipe = function (destination) {
+      this.on('data', function (data) {
+        destination.push(data);
+      });
+      this.on('done', function (flushSource) {
+        destination.flush(flushSource);
+      });
+      this.on('partialdone', function (flushSource) {
+        destination.partialFlush(flushSource);
+      });
+      this.on('endedtimeline', function (flushSource) {
+        destination.endTimeline(flushSource);
+      });
+      this.on('reset', function (flushSource) {
+        destination.reset(flushSource);
+      });
+      return destination;
+    }; // Default stream functions that are expected to be overridden to perform
+    // actual work. These are provided by the prototype as a sort of no-op
+    // implementation so that we don't have to check for their existence in the
+    // `pipe` function above.
+
+
+    Stream.prototype.push = function (data) {
+      this.trigger('data', data);
+    };
+
+    Stream.prototype.flush = function (flushSource) {
+      this.trigger('done', flushSource);
+    };
+
+    Stream.prototype.partialFlush = function (flushSource) {
+      this.trigger('partialdone', flushSource);
+    };
+
+    Stream.prototype.endTimeline = function (flushSource) {
+      this.trigger('endedtimeline', flushSource);
+    };
+
+    Stream.prototype.reset = function (flushSource) {
+      this.trigger('reset', flushSource);
+    };
+
+    var stream = Stream;
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     *
+     * Functions that generate fragmented MP4s suitable for use with Media
+     * Source Extensions.
+     */
+
+    var UINT32_MAX = Math.pow(2, 32) - 1;
+    var box, dinf, esds, ftyp, mdat, mfhd, minf, moof, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, sdtp, stbl, stsd, traf, trex, trun$1, types, MAJOR_BRAND, MINOR_VERSION, AVC1_BRAND, VIDEO_HDLR, AUDIO_HDLR, HDLR_TYPES, VMHD, SMHD, DREF, STCO, STSC, STSZ, STTS; // pre-calculate constants
+
+    (function () {
+      var i;
+      types = {
+        avc1: [],
+        // codingname
+        avcC: [],
+        btrt: [],
+        dinf: [],
+        dref: [],
+        esds: [],
+        ftyp: [],
+        hdlr: [],
+        mdat: [],
+        mdhd: [],
+        mdia: [],
+        mfhd: [],
+        minf: [],
+        moof: [],
+        moov: [],
+        mp4a: [],
+        // codingname
+        mvex: [],
+        mvhd: [],
+        pasp: [],
+        sdtp: [],
+        smhd: [],
+        stbl: [],
+        stco: [],
+        stsc: [],
+        stsd: [],
+        stsz: [],
+        stts: [],
+        styp: [],
+        tfdt: [],
+        tfhd: [],
+        traf: [],
+        trak: [],
+        trun: [],
+        trex: [],
+        tkhd: [],
+        vmhd: []
+      }; // In environments where Uint8Array is undefined (e.g., IE8), skip set up so that we
+      // don't throw an error
+
+      if (typeof Uint8Array === 'undefined') {
+        return;
+      }
+
+      for (i in types) {
+        if (types.hasOwnProperty(i)) {
+          types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)];
+        }
+      }
+
+      MAJOR_BRAND = new Uint8Array(['i'.charCodeAt(0), 's'.charCodeAt(0), 'o'.charCodeAt(0), 'm'.charCodeAt(0)]);
+      AVC1_BRAND = new Uint8Array(['a'.charCodeAt(0), 'v'.charCodeAt(0), 'c'.charCodeAt(0), '1'.charCodeAt(0)]);
+      MINOR_VERSION = new Uint8Array([0, 0, 0, 1]);
+      VIDEO_HDLR = new Uint8Array([0x00, // version 0
+      0x00, 0x00, 0x00, // flags
+      0x00, 0x00, 0x00, 0x00, // pre_defined
+      0x76, 0x69, 0x64, 0x65, // handler_type: 'vide'
+      0x00, 0x00, 0x00, 0x00, // reserved
+      0x00, 0x00, 0x00, 0x00, // reserved
+      0x00, 0x00, 0x00, 0x00, // reserved
+      0x56, 0x69, 0x64, 0x65, 0x6f, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'VideoHandler'
+      ]);
+      AUDIO_HDLR = new Uint8Array([0x00, // version 0
+      0x00, 0x00, 0x00, // flags
+      0x00, 0x00, 0x00, 0x00, // pre_defined
+      0x73, 0x6f, 0x75, 0x6e, // handler_type: 'soun'
+      0x00, 0x00, 0x00, 0x00, // reserved
+      0x00, 0x00, 0x00, 0x00, // reserved
+      0x00, 0x00, 0x00, 0x00, // reserved
+      0x53, 0x6f, 0x75, 0x6e, 0x64, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'SoundHandler'
+      ]);
+      HDLR_TYPES = {
+        video: VIDEO_HDLR,
+        audio: AUDIO_HDLR
+      };
+      DREF = new Uint8Array([0x00, // version 0
+      0x00, 0x00, 0x00, // flags
+      0x00, 0x00, 0x00, 0x01, // entry_count
+      0x00, 0x00, 0x00, 0x0c, // entry_size
+      0x75, 0x72, 0x6c, 0x20, // 'url' type
+      0x00, // version 0
+      0x00, 0x00, 0x01 // entry_flags
+      ]);
+      SMHD = new Uint8Array([0x00, // version
+      0x00, 0x00, 0x00, // flags
+      0x00, 0x00, // balance, 0 means centered
+      0x00, 0x00 // reserved
+      ]);
+      STCO = new Uint8Array([0x00, // version
+      0x00, 0x00, 0x00, // flags
+      0x00, 0x00, 0x00, 0x00 // entry_count
+      ]);
+      STSC = STCO;
+      STSZ = new Uint8Array([0x00, // version
+      0x00, 0x00, 0x00, // flags
+      0x00, 0x00, 0x00, 0x00, // sample_size
+      0x00, 0x00, 0x00, 0x00 // sample_count
+      ]);
+      STTS = STCO;
+      VMHD = new Uint8Array([0x00, // version
+      0x00, 0x00, 0x01, // flags
+      0x00, 0x00, // graphicsmode
+      0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor
+      ]);
+    })();
+
+    box = function box(type) {
+      var payload = [],
+          size = 0,
+          i,
+          result,
+          view;
+
+      for (i = 1; i < arguments.length; i++) {
+        payload.push(arguments[i]);
+      }
+
+      i = payload.length; // calculate the total size we need to allocate
+
+      while (i--) {
+        size += payload[i].byteLength;
+      }
+
+      result = new Uint8Array(size + 8);
+      view = new DataView(result.buffer, result.byteOffset, result.byteLength);
+      view.setUint32(0, result.byteLength);
+      result.set(type, 4); // copy the payload into the result
+
+      for (i = 0, size = 8; i < payload.length; i++) {
+        result.set(payload[i], size);
+        size += payload[i].byteLength;
+      }
+
+      return result;
+    };
+
+    dinf = function dinf() {
+      return box(types.dinf, box(types.dref, DREF));
+    };
+
+    esds = function esds(track) {
+      return box(types.esds, new Uint8Array([0x00, // version
+      0x00, 0x00, 0x00, // flags
+      // ES_Descriptor
+      0x03, // tag, ES_DescrTag
+      0x19, // length
+      0x00, 0x00, // ES_ID
+      0x00, // streamDependenceFlag, URL_flag, reserved, streamPriority
+      // DecoderConfigDescriptor
+      0x04, // tag, DecoderConfigDescrTag
+      0x11, // length
+      0x40, // object type
+      0x15, // streamType
+      0x00, 0x06, 0x00, // bufferSizeDB
+      0x00, 0x00, 0xda, 0xc0, // maxBitrate
+      0x00, 0x00, 0xda, 0xc0, // avgBitrate
+      // DecoderSpecificInfo
+      0x05, // tag, DecoderSpecificInfoTag
+      0x02, // length
+      // ISO/IEC 14496-3, AudioSpecificConfig
+      // for samplingFrequencyIndex see ISO/IEC 13818-7:2006, 8.1.3.2.2, Table 35
+      track.audioobjecttype << 3 | track.samplingfrequencyindex >>> 1, track.samplingfrequencyindex << 7 | track.channelcount << 3, 0x06, 0x01, 0x02 // GASpecificConfig
+      ]));
+    };
+
+    ftyp = function ftyp() {
+      return box(types.ftyp, MAJOR_BRAND, MINOR_VERSION, MAJOR_BRAND, AVC1_BRAND);
+    };
+
+    hdlr = function hdlr(type) {
+      return box(types.hdlr, HDLR_TYPES[type]);
+    };
+
+    mdat = function mdat(data) {
+      return box(types.mdat, data);
+    };
+
+    mdhd = function mdhd(track) {
+      var result = new Uint8Array([0x00, // version 0
+      0x00, 0x00, 0x00, // flags
+      0x00, 0x00, 0x00, 0x02, // creation_time
+      0x00, 0x00, 0x00, 0x03, // modification_time
+      0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
+      track.duration >>> 24 & 0xFF, track.duration >>> 16 & 0xFF, track.duration >>> 8 & 0xFF, track.duration & 0xFF, // duration
+      0x55, 0xc4, // 'und' language (undetermined)
+      0x00, 0x00]); // Use the sample rate from the track metadata, when it is
+      // defined. The sample rate can be parsed out of an ADTS header, for
+      // instance.
+
+      if (track.samplerate) {
+        result[12] = track.samplerate >>> 24 & 0xFF;
+        result[13] = track.samplerate >>> 16 & 0xFF;
+        result[14] = track.samplerate >>> 8 & 0xFF;
+        result[15] = track.samplerate & 0xFF;
+      }
+
+      return box(types.mdhd, result);
+    };
+
+    mdia = function mdia(track) {
+      return box(types.mdia, mdhd(track), hdlr(track.type), minf(track));
+    };
+
+    mfhd = function mfhd(sequenceNumber) {
+      return box(types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags
+      (sequenceNumber & 0xFF000000) >> 24, (sequenceNumber & 0xFF0000) >> 16, (sequenceNumber & 0xFF00) >> 8, sequenceNumber & 0xFF // sequence_number
+      ]));
+    };
+
+    minf = function minf(track) {
+      return box(types.minf, track.type === 'video' ? box(types.vmhd, VMHD) : box(types.smhd, SMHD), dinf(), stbl(track));
+    };
+
+    moof = function moof(sequenceNumber, tracks) {
+      var trackFragments = [],
+          i = tracks.length; // build traf boxes for each track fragment
+
+      while (i--) {
+        trackFragments[i] = traf(tracks[i]);
+      }
+
+      return box.apply(null, [types.moof, mfhd(sequenceNumber)].concat(trackFragments));
+    };
+    /**
+     * Returns a movie box.
+     * @param tracks {array} the tracks associated with this movie
+     * @see ISO/IEC 14496-12:2012(E), section 8.2.1
+     */
+
+
+    moov = function moov(tracks) {
+      var i = tracks.length,
+          boxes = [];
+
+      while (i--) {
+        boxes[i] = trak(tracks[i]);
+      }
+
+      return box.apply(null, [types.moov, mvhd(0xffffffff)].concat(boxes).concat(mvex(tracks)));
+    };
+
+    mvex = function mvex(tracks) {
+      var i = tracks.length,
+          boxes = [];
+
+      while (i--) {
+        boxes[i] = trex(tracks[i]);
+      }
+
+      return box.apply(null, [types.mvex].concat(boxes));
+    };
+
+    mvhd = function mvhd(duration) {
+      var bytes = new Uint8Array([0x00, // version 0
+      0x00, 0x00, 0x00, // flags
+      0x00, 0x00, 0x00, 0x01, // creation_time
+      0x00, 0x00, 0x00, 0x02, // modification_time
+      0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
+      (duration & 0xFF000000) >> 24, (duration & 0xFF0000) >> 16, (duration & 0xFF00) >> 8, duration & 0xFF, // duration
+      0x00, 0x01, 0x00, 0x00, // 1.0 rate
+      0x01, 0x00, // 1.0 volume
+      0x00, 0x00, // reserved
+      0x00, 0x00, 0x00, 0x00, // reserved
+      0x00, 0x00, 0x00, 0x00, // reserved
+      0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
+      0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
+      0xff, 0xff, 0xff, 0xff // next_track_ID
+      ]);
+      return box(types.mvhd, bytes);
+    };
+
+    sdtp = function sdtp(track) {
+      var samples = track.samples || [],
+          bytes = new Uint8Array(4 + samples.length),
+          flags,
+          i; // leave the full box header (4 bytes) all zero
+      // write the sample table
+
+      for (i = 0; i < samples.length; i++) {
+        flags = samples[i].flags;
+        bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy;
+      }
+
+      return box(types.sdtp, bytes);
+    };
+
+    stbl = function stbl(track) {
+      return box(types.stbl, stsd(track), box(types.stts, STTS), box(types.stsc, STSC), box(types.stsz, STSZ), box(types.stco, STCO));
+    };
+
+    (function () {
+      var videoSample, audioSample;
+
+      stsd = function stsd(track) {
+        return box(types.stsd, new Uint8Array([0x00, // version 0
+        0x00, 0x00, 0x00, // flags
+        0x00, 0x00, 0x00, 0x01]), track.type === 'video' ? videoSample(track) : audioSample(track));
+      };
+
+      videoSample = function videoSample(track) {
+        var sps = track.sps || [],
+            pps = track.pps || [],
+            sequenceParameterSets = [],
+            pictureParameterSets = [],
+            i,
+            avc1Box; // assemble the SPSs
+
+        for (i = 0; i < sps.length; i++) {
+          sequenceParameterSets.push((sps[i].byteLength & 0xFF00) >>> 8);
+          sequenceParameterSets.push(sps[i].byteLength & 0xFF); // sequenceParameterSetLength
+
+          sequenceParameterSets = sequenceParameterSets.concat(Array.prototype.slice.call(sps[i])); // SPS
+        } // assemble the PPSs
+
+
+        for (i = 0; i < pps.length; i++) {
+          pictureParameterSets.push((pps[i].byteLength & 0xFF00) >>> 8);
+          pictureParameterSets.push(pps[i].byteLength & 0xFF);
+          pictureParameterSets = pictureParameterSets.concat(Array.prototype.slice.call(pps[i]));
+        }
+
+        avc1Box = [types.avc1, new Uint8Array([0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
+        0x00, 0x01, // data_reference_index
+        0x00, 0x00, // pre_defined
+        0x00, 0x00, // reserved
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
+        (track.width & 0xff00) >> 8, track.width & 0xff, // width
+        (track.height & 0xff00) >> 8, track.height & 0xff, // height
+        0x00, 0x48, 0x00, 0x00, // horizresolution
+        0x00, 0x48, 0x00, 0x00, // vertresolution
+        0x00, 0x00, 0x00, 0x00, // reserved
+        0x00, 0x01, // frame_count
+        0x13, 0x76, 0x69, 0x64, 0x65, 0x6f, 0x6a, 0x73, 0x2d, 0x63, 0x6f, 0x6e, 0x74, 0x72, 0x69, 0x62, 0x2d, 0x68, 0x6c, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname
+        0x00, 0x18, // depth = 24
+        0x11, 0x11 // pre_defined = -1
+        ]), box(types.avcC, new Uint8Array([0x01, // configurationVersion
+        track.profileIdc, // AVCProfileIndication
+        track.profileCompatibility, // profile_compatibility
+        track.levelIdc, // AVCLevelIndication
+        0xff // lengthSizeMinusOne, hard-coded to 4 bytes
+        ].concat([sps.length], // numOfSequenceParameterSets
+        sequenceParameterSets, // "SPS"
+        [pps.length], // numOfPictureParameterSets
+        pictureParameterSets // "PPS"
+        ))), box(types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB
+        0x00, 0x2d, 0xc6, 0xc0, // maxBitrate
+        0x00, 0x2d, 0xc6, 0xc0 // avgBitrate
+        ]))];
+
+        if (track.sarRatio) {
+          var hSpacing = track.sarRatio[0],
+              vSpacing = track.sarRatio[1];
+          avc1Box.push(box(types.pasp, new Uint8Array([(hSpacing & 0xFF000000) >> 24, (hSpacing & 0xFF0000) >> 16, (hSpacing & 0xFF00) >> 8, hSpacing & 0xFF, (vSpacing & 0xFF000000) >> 24, (vSpacing & 0xFF0000) >> 16, (vSpacing & 0xFF00) >> 8, vSpacing & 0xFF])));
+        }
+
+        return box.apply(null, avc1Box);
+      };
+
+      audioSample = function audioSample(track) {
+        return box(types.mp4a, new Uint8Array([// SampleEntry, ISO/IEC 14496-12
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
+        0x00, 0x01, // data_reference_index
+        // AudioSampleEntry, ISO/IEC 14496-12
+        0x00, 0x00, 0x00, 0x00, // reserved
+        0x00, 0x00, 0x00, 0x00, // reserved
+        (track.channelcount & 0xff00) >> 8, track.channelcount & 0xff, // channelcount
+        (track.samplesize & 0xff00) >> 8, track.samplesize & 0xff, // samplesize
+        0x00, 0x00, // pre_defined
+        0x00, 0x00, // reserved
+        (track.samplerate & 0xff00) >> 8, track.samplerate & 0xff, 0x00, 0x00 // samplerate, 16.16
+        // MP4AudioSampleEntry, ISO/IEC 14496-14
+        ]), esds(track));
+      };
+    })();
+
+    tkhd = function tkhd(track) {
+      var result = new Uint8Array([0x00, // version 0
+      0x00, 0x00, 0x07, // flags
+      0x00, 0x00, 0x00, 0x00, // creation_time
+      0x00, 0x00, 0x00, 0x00, // modification_time
+      (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
+      0x00, 0x00, 0x00, 0x00, // reserved
+      (track.duration & 0xFF000000) >> 24, (track.duration & 0xFF0000) >> 16, (track.duration & 0xFF00) >> 8, track.duration & 0xFF, // duration
+      0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
+      0x00, 0x00, // layer
+      0x00, 0x00, // alternate_group
+      0x01, 0x00, // non-audio track volume
+      0x00, 0x00, // reserved
+      0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
+      (track.width & 0xFF00) >> 8, track.width & 0xFF, 0x00, 0x00, // width
+      (track.height & 0xFF00) >> 8, track.height & 0xFF, 0x00, 0x00 // height
+      ]);
+      return box(types.tkhd, result);
+    };
+    /**
+     * Generate a track fragment (traf) box. A traf box collects metadata
+     * about tracks in a movie fragment (moof) box.
+     */
+
+
+    traf = function traf(track) {
+      var trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable, dataOffset, upperWordBaseMediaDecodeTime, lowerWordBaseMediaDecodeTime;
+      trackFragmentHeader = box(types.tfhd, new Uint8Array([0x00, // version 0
+      0x00, 0x00, 0x3a, // flags
+      (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
+      0x00, 0x00, 0x00, 0x01, // sample_description_index
+      0x00, 0x00, 0x00, 0x00, // default_sample_duration
+      0x00, 0x00, 0x00, 0x00, // default_sample_size
+      0x00, 0x00, 0x00, 0x00 // default_sample_flags
+      ]));
+      upperWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime / (UINT32_MAX + 1));
+      lowerWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime % (UINT32_MAX + 1));
+      trackFragmentDecodeTime = box(types.tfdt, new Uint8Array([0x01, // version 1
+      0x00, 0x00, 0x00, // flags
+      // baseMediaDecodeTime
+      upperWordBaseMediaDecodeTime >>> 24 & 0xFF, upperWordBaseMediaDecodeTime >>> 16 & 0xFF, upperWordBaseMediaDecodeTime >>> 8 & 0xFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >>> 24 & 0xFF, lowerWordBaseMediaDecodeTime >>> 16 & 0xFF, lowerWordBaseMediaDecodeTime >>> 8 & 0xFF, lowerWordBaseMediaDecodeTime & 0xFF])); // the data offset specifies the number of bytes from the start of
+      // the containing moof to the first payload byte of the associated
+      // mdat
+
+      dataOffset = 32 + // tfhd
+      20 + // tfdt
+      8 + // traf header
+      16 + // mfhd
+      8 + // moof header
+      8; // mdat header
+      // audio tracks require less metadata
+
+      if (track.type === 'audio') {
+        trackFragmentRun = trun$1(track, dataOffset);
+        return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun);
+      } // video tracks should contain an independent and disposable samples
+      // box (sdtp)
+      // generate one and adjust offsets to match
+
+
+      sampleDependencyTable = sdtp(track);
+      trackFragmentRun = trun$1(track, sampleDependencyTable.length + dataOffset);
+      return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable);
+    };
+    /**
+     * Generate a track box.
+     * @param track {object} a track definition
+     * @return {Uint8Array} the track box
+     */
+
+
+    trak = function trak(track) {
+      track.duration = track.duration || 0xffffffff;
+      return box(types.trak, tkhd(track), mdia(track));
+    };
+
+    trex = function trex(track) {
+      var result = new Uint8Array([0x00, // version 0
+      0x00, 0x00, 0x00, // flags
+      (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
+      0x00, 0x00, 0x00, 0x01, // default_sample_description_index
+      0x00, 0x00, 0x00, 0x00, // default_sample_duration
+      0x00, 0x00, 0x00, 0x00, // default_sample_size
+      0x00, 0x01, 0x00, 0x01 // default_sample_flags
+      ]); // the last two bytes of default_sample_flags is the sample
+      // degradation priority, a hint about the importance of this sample
+      // relative to others. Lower the degradation priority for all sample
+      // types other than video.
+
+      if (track.type !== 'video') {
+        result[result.length - 1] = 0x00;
+      }
+
+      return box(types.trex, result);
+    };
+
+    (function () {
+      var audioTrun, videoTrun, trunHeader; // This method assumes all samples are uniform. That is, if a
+      // duration is present for the first sample, it will be present for
+      // all subsequent samples.
+      // see ISO/IEC 14496-12:2012, Section 8.8.8.1
+
+      trunHeader = function trunHeader(samples, offset) {
+        var durationPresent = 0,
+            sizePresent = 0,
+            flagsPresent = 0,
+            compositionTimeOffset = 0; // trun flag constants
+
+        if (samples.length) {
+          if (samples[0].duration !== undefined) {
+            durationPresent = 0x1;
+          }
+
+          if (samples[0].size !== undefined) {
+            sizePresent = 0x2;
+          }
+
+          if (samples[0].flags !== undefined) {
+            flagsPresent = 0x4;
+          }
+
+          if (samples[0].compositionTimeOffset !== undefined) {
+            compositionTimeOffset = 0x8;
+          }
+        }
+
+        return [0x00, // version 0
+        0x00, durationPresent | sizePresent | flagsPresent | compositionTimeOffset, 0x01, // flags
+        (samples.length & 0xFF000000) >>> 24, (samples.length & 0xFF0000) >>> 16, (samples.length & 0xFF00) >>> 8, samples.length & 0xFF, // sample_count
+        (offset & 0xFF000000) >>> 24, (offset & 0xFF0000) >>> 16, (offset & 0xFF00) >>> 8, offset & 0xFF // data_offset
+        ];
+      };
+
+      videoTrun = function videoTrun(track, offset) {
+        var bytesOffest, bytes, header, samples, sample, i;
+        samples = track.samples || [];
+        offset += 8 + 12 + 16 * samples.length;
+        header = trunHeader(samples, offset);
+        bytes = new Uint8Array(header.length + samples.length * 16);
+        bytes.set(header);
+        bytesOffest = header.length;
+
+        for (i = 0; i < samples.length; i++) {
+          sample = samples[i];
+          bytes[bytesOffest++] = (sample.duration & 0xFF000000) >>> 24;
+          bytes[bytesOffest++] = (sample.duration & 0xFF0000) >>> 16;
+          bytes[bytesOffest++] = (sample.duration & 0xFF00) >>> 8;
+          bytes[bytesOffest++] = sample.duration & 0xFF; // sample_duration
+
+          bytes[bytesOffest++] = (sample.size & 0xFF000000) >>> 24;
+          bytes[bytesOffest++] = (sample.size & 0xFF0000) >>> 16;
+          bytes[bytesOffest++] = (sample.size & 0xFF00) >>> 8;
+          bytes[bytesOffest++] = sample.size & 0xFF; // sample_size
+
+          bytes[bytesOffest++] = sample.flags.isLeading << 2 | sample.flags.dependsOn;
+          bytes[bytesOffest++] = sample.flags.isDependedOn << 6 | sample.flags.hasRedundancy << 4 | sample.flags.paddingValue << 1 | sample.flags.isNonSyncSample;
+          bytes[bytesOffest++] = sample.flags.degradationPriority & 0xF0 << 8;
+          bytes[bytesOffest++] = sample.flags.degradationPriority & 0x0F; // sample_flags
+
+          bytes[bytesOffest++] = (sample.compositionTimeOffset & 0xFF000000) >>> 24;
+          bytes[bytesOffest++] = (sample.compositionTimeOffset & 0xFF0000) >>> 16;
+          bytes[bytesOffest++] = (sample.compositionTimeOffset & 0xFF00) >>> 8;
+          bytes[bytesOffest++] = sample.compositionTimeOffset & 0xFF; // sample_composition_time_offset
+        }
+
+        return box(types.trun, bytes);
+      };
+
+      audioTrun = function audioTrun(track, offset) {
+        var bytes, bytesOffest, header, samples, sample, i;
+        samples = track.samples || [];
+        offset += 8 + 12 + 8 * samples.length;
+        header = trunHeader(samples, offset);
+        bytes = new Uint8Array(header.length + samples.length * 8);
+        bytes.set(header);
+        bytesOffest = header.length;
+
+        for (i = 0; i < samples.length; i++) {
+          sample = samples[i];
+          bytes[bytesOffest++] = (sample.duration & 0xFF000000) >>> 24;
+          bytes[bytesOffest++] = (sample.duration & 0xFF0000) >>> 16;
+          bytes[bytesOffest++] = (sample.duration & 0xFF00) >>> 8;
+          bytes[bytesOffest++] = sample.duration & 0xFF; // sample_duration
+
+          bytes[bytesOffest++] = (sample.size & 0xFF000000) >>> 24;
+          bytes[bytesOffest++] = (sample.size & 0xFF0000) >>> 16;
+          bytes[bytesOffest++] = (sample.size & 0xFF00) >>> 8;
+          bytes[bytesOffest++] = sample.size & 0xFF; // sample_size
+        }
+
+        return box(types.trun, bytes);
+      };
+
+      trun$1 = function trun(track, offset) {
+        if (track.type === 'audio') {
+          return audioTrun(track, offset);
+        }
+
+        return videoTrun(track, offset);
+      };
+    })();
+
+    var mp4Generator = {
+      ftyp: ftyp,
+      mdat: mdat,
+      moof: moof,
+      moov: moov,
+      initSegment: function initSegment(tracks) {
+        var fileType = ftyp(),
+            movie = moov(tracks),
+            result;
+        result = new Uint8Array(fileType.byteLength + movie.byteLength);
+        result.set(fileType);
+        result.set(movie, fileType.byteLength);
+        return result;
+      }
+    };
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     */
+    // Convert an array of nal units into an array of frames with each frame being
+    // composed of the nal units that make up that frame
+    // Also keep track of cummulative data about the frame from the nal units such
+    // as the frame duration, starting pts, etc.
+
+    var groupNalsIntoFrames = function groupNalsIntoFrames(nalUnits) {
+      var i,
+          currentNal,
+          currentFrame = [],
+          frames = []; // TODO added for LHLS, make sure this is OK
+
+      frames.byteLength = 0;
+      frames.nalCount = 0;
+      frames.duration = 0;
+      currentFrame.byteLength = 0;
+
+      for (i = 0; i < nalUnits.length; i++) {
+        currentNal = nalUnits[i]; // Split on 'aud'-type nal units
+
+        if (currentNal.nalUnitType === 'access_unit_delimiter_rbsp') {
+          // Since the very first nal unit is expected to be an AUD
+          // only push to the frames array when currentFrame is not empty
+          if (currentFrame.length) {
+            currentFrame.duration = currentNal.dts - currentFrame.dts; // TODO added for LHLS, make sure this is OK
+
+            frames.byteLength += currentFrame.byteLength;
+            frames.nalCount += currentFrame.length;
+            frames.duration += currentFrame.duration;
+            frames.push(currentFrame);
+          }
+
+          currentFrame = [currentNal];
+          currentFrame.byteLength = currentNal.data.byteLength;
+          currentFrame.pts = currentNal.pts;
+          currentFrame.dts = currentNal.dts;
+        } else {
+          // Specifically flag key frames for ease of use later
+          if (currentNal.nalUnitType === 'slice_layer_without_partitioning_rbsp_idr') {
+            currentFrame.keyFrame = true;
+          }
+
+          currentFrame.duration = currentNal.dts - currentFrame.dts;
+          currentFrame.byteLength += currentNal.data.byteLength;
+          currentFrame.push(currentNal);
+        }
+      } // For the last frame, use the duration of the previous frame if we
+      // have nothing better to go on
+
+
+      if (frames.length && (!currentFrame.duration || currentFrame.duration <= 0)) {
+        currentFrame.duration = frames[frames.length - 1].duration;
+      } // Push the final frame
+      // TODO added for LHLS, make sure this is OK
+
+
+      frames.byteLength += currentFrame.byteLength;
+      frames.nalCount += currentFrame.length;
+      frames.duration += currentFrame.duration;
+      frames.push(currentFrame);
+      return frames;
+    }; // Convert an array of frames into an array of Gop with each Gop being composed
+    // of the frames that make up that Gop
+    // Also keep track of cummulative data about the Gop from the frames such as the
+    // Gop duration, starting pts, etc.
+
+
+    var groupFramesIntoGops = function groupFramesIntoGops(frames) {
+      var i,
+          currentFrame,
+          currentGop = [],
+          gops = []; // We must pre-set some of the values on the Gop since we
+      // keep running totals of these values
+
+      currentGop.byteLength = 0;
+      currentGop.nalCount = 0;
+      currentGop.duration = 0;
+      currentGop.pts = frames[0].pts;
+      currentGop.dts = frames[0].dts; // store some metadata about all the Gops
+
+      gops.byteLength = 0;
+      gops.nalCount = 0;
+      gops.duration = 0;
+      gops.pts = frames[0].pts;
+      gops.dts = frames[0].dts;
+
+      for (i = 0; i < frames.length; i++) {
+        currentFrame = frames[i];
+
+        if (currentFrame.keyFrame) {
+          // Since the very first frame is expected to be an keyframe
+          // only push to the gops array when currentGop is not empty
+          if (currentGop.length) {
+            gops.push(currentGop);
+            gops.byteLength += currentGop.byteLength;
+            gops.nalCount += currentGop.nalCount;
+            gops.duration += currentGop.duration;
+          }
+
+          currentGop = [currentFrame];
+          currentGop.nalCount = currentFrame.length;
+          currentGop.byteLength = currentFrame.byteLength;
+          currentGop.pts = currentFrame.pts;
+          currentGop.dts = currentFrame.dts;
+          currentGop.duration = currentFrame.duration;
+        } else {
+          currentGop.duration += currentFrame.duration;
+          currentGop.nalCount += currentFrame.length;
+          currentGop.byteLength += currentFrame.byteLength;
+          currentGop.push(currentFrame);
+        }
+      }
+
+      if (gops.length && currentGop.duration <= 0) {
+        currentGop.duration = gops[gops.length - 1].duration;
+      }
+
+      gops.byteLength += currentGop.byteLength;
+      gops.nalCount += currentGop.nalCount;
+      gops.duration += currentGop.duration; // push the final Gop
+
+      gops.push(currentGop);
+      return gops;
+    };
+    /*
+     * Search for the first keyframe in the GOPs and throw away all frames
+     * until that keyframe. Then extend the duration of the pulled keyframe
+     * and pull the PTS and DTS of the keyframe so that it covers the time
+     * range of the frames that were disposed.
+     *
+     * @param {Array} gops video GOPs
+     * @returns {Array} modified video GOPs
+     */
+
+
+    var extendFirstKeyFrame = function extendFirstKeyFrame(gops) {
+      var currentGop;
+
+      if (!gops[0][0].keyFrame && gops.length > 1) {
+        // Remove the first GOP
+        currentGop = gops.shift();
+        gops.byteLength -= currentGop.byteLength;
+        gops.nalCount -= currentGop.nalCount; // Extend the first frame of what is now the
+        // first gop to cover the time period of the
+        // frames we just removed
+
+        gops[0][0].dts = currentGop.dts;
+        gops[0][0].pts = currentGop.pts;
+        gops[0][0].duration += currentGop.duration;
+      }
+
+      return gops;
+    };
+    /**
+     * Default sample object
+     * see ISO/IEC 14496-12:2012, section 8.6.4.3
+     */
+
+
+    var createDefaultSample = function createDefaultSample() {
+      return {
+        size: 0,
+        flags: {
+          isLeading: 0,
+          dependsOn: 1,
+          isDependedOn: 0,
+          hasRedundancy: 0,
+          degradationPriority: 0,
+          isNonSyncSample: 1
+        }
+      };
+    };
+    /*
+     * Collates information from a video frame into an object for eventual
+     * entry into an MP4 sample table.
+     *
+     * @param {Object} frame the video frame
+     * @param {Number} dataOffset the byte offset to position the sample
+     * @return {Object} object containing sample table info for a frame
+     */
+
+
+    var sampleForFrame = function sampleForFrame(frame, dataOffset) {
+      var sample = createDefaultSample();
+      sample.dataOffset = dataOffset;
+      sample.compositionTimeOffset = frame.pts - frame.dts;
+      sample.duration = frame.duration;
+      sample.size = 4 * frame.length; // Space for nal unit size
+
+      sample.size += frame.byteLength;
+
+      if (frame.keyFrame) {
+        sample.flags.dependsOn = 2;
+        sample.flags.isNonSyncSample = 0;
+      }
+
+      return sample;
+    }; // generate the track's sample table from an array of gops
+
+
+    var generateSampleTable$1 = function generateSampleTable(gops, baseDataOffset) {
+      var h,
+          i,
+          sample,
+          currentGop,
+          currentFrame,
+          dataOffset = baseDataOffset || 0,
+          samples = [];
+
+      for (h = 0; h < gops.length; h++) {
+        currentGop = gops[h];
+
+        for (i = 0; i < currentGop.length; i++) {
+          currentFrame = currentGop[i];
+          sample = sampleForFrame(currentFrame, dataOffset);
+          dataOffset += sample.size;
+          samples.push(sample);
+        }
+      }
+
+      return samples;
+    }; // generate the track's raw mdat data from an array of gops
+
+
+    var concatenateNalData = function concatenateNalData(gops) {
+      var h,
+          i,
+          j,
+          currentGop,
+          currentFrame,
+          currentNal,
+          dataOffset = 0,
+          nalsByteLength = gops.byteLength,
+          numberOfNals = gops.nalCount,
+          totalByteLength = nalsByteLength + 4 * numberOfNals,
+          data = new Uint8Array(totalByteLength),
+          view = new DataView(data.buffer); // For each Gop..
+
+      for (h = 0; h < gops.length; h++) {
+        currentGop = gops[h]; // For each Frame..
+
+        for (i = 0; i < currentGop.length; i++) {
+          currentFrame = currentGop[i]; // For each NAL..
+
+          for (j = 0; j < currentFrame.length; j++) {
+            currentNal = currentFrame[j];
+            view.setUint32(dataOffset, currentNal.data.byteLength);
+            dataOffset += 4;
+            data.set(currentNal.data, dataOffset);
+            dataOffset += currentNal.data.byteLength;
+          }
+        }
+      }
+
+      return data;
+    }; // generate the track's sample table from a frame
+
+
+    var generateSampleTableForFrame = function generateSampleTableForFrame(frame, baseDataOffset) {
+      var sample,
+          dataOffset = baseDataOffset || 0,
+          samples = [];
+      sample = sampleForFrame(frame, dataOffset);
+      samples.push(sample);
+      return samples;
+    }; // generate the track's raw mdat data from a frame
+
+
+    var concatenateNalDataForFrame = function concatenateNalDataForFrame(frame) {
+      var i,
+          currentNal,
+          dataOffset = 0,
+          nalsByteLength = frame.byteLength,
+          numberOfNals = frame.length,
+          totalByteLength = nalsByteLength + 4 * numberOfNals,
+          data = new Uint8Array(totalByteLength),
+          view = new DataView(data.buffer); // For each NAL..
+
+      for (i = 0; i < frame.length; i++) {
+        currentNal = frame[i];
+        view.setUint32(dataOffset, currentNal.data.byteLength);
+        dataOffset += 4;
+        data.set(currentNal.data, dataOffset);
+        dataOffset += currentNal.data.byteLength;
+      }
+
+      return data;
+    };
+
+    var frameUtils = {
+      groupNalsIntoFrames: groupNalsIntoFrames,
+      groupFramesIntoGops: groupFramesIntoGops,
+      extendFirstKeyFrame: extendFirstKeyFrame,
+      generateSampleTable: generateSampleTable$1,
+      concatenateNalData: concatenateNalData,
+      generateSampleTableForFrame: generateSampleTableForFrame,
+      concatenateNalDataForFrame: concatenateNalDataForFrame
+    };
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     */
+
+    var highPrefix = [33, 16, 5, 32, 164, 27];
+    var lowPrefix = [33, 65, 108, 84, 1, 2, 4, 8, 168, 2, 4, 8, 17, 191, 252];
+
+    var zeroFill = function zeroFill(count) {
+      var a = [];
+
+      while (count--) {
+        a.push(0);
+      }
+
+      return a;
+    };
+
+    var makeTable = function makeTable(metaTable) {
+      return Object.keys(metaTable).reduce(function (obj, key) {
+        obj[key] = new Uint8Array(metaTable[key].reduce(function (arr, part) {
+          return arr.concat(part);
+        }, []));
+        return obj;
+      }, {});
+    };
+
+    var silence;
+
+    var silence_1 = function silence_1() {
+      if (!silence) {
+        // Frames-of-silence to use for filling in missing AAC frames
+        var coneOfSilence = {
+          96000: [highPrefix, [227, 64], zeroFill(154), [56]],
+          88200: [highPrefix, [231], zeroFill(170), [56]],
+          64000: [highPrefix, [248, 192], zeroFill(240), [56]],
+          48000: [highPrefix, [255, 192], zeroFill(268), [55, 148, 128], zeroFill(54), [112]],
+          44100: [highPrefix, [255, 192], zeroFill(268), [55, 163, 128], zeroFill(84), [112]],
+          32000: [highPrefix, [255, 192], zeroFill(268), [55, 234], zeroFill(226), [112]],
+          24000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 112], zeroFill(126), [224]],
+          16000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 255], zeroFill(269), [223, 108], zeroFill(195), [1, 192]],
+          12000: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 253, 128], zeroFill(259), [56]],
+          11025: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 255, 192], zeroFill(268), [55, 175, 128], zeroFill(108), [112]],
+          8000: [lowPrefix, zeroFill(268), [3, 121, 16], zeroFill(47), [7]]
+        };
+        silence = makeTable(coneOfSilence);
+      }
+
+      return silence;
+    };
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     */
+
+
+    var ONE_SECOND_IN_TS$4 = 90000,
+        // 90kHz clock
+    secondsToVideoTs,
+        secondsToAudioTs,
+        videoTsToSeconds,
+        audioTsToSeconds,
+        audioTsToVideoTs,
+        videoTsToAudioTs,
+        metadataTsToSeconds;
+
+    secondsToVideoTs = function secondsToVideoTs(seconds) {
+      return seconds * ONE_SECOND_IN_TS$4;
+    };
+
+    secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
+      return seconds * sampleRate;
+    };
+
+    videoTsToSeconds = function videoTsToSeconds(timestamp) {
+      return timestamp / ONE_SECOND_IN_TS$4;
+    };
+
+    audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
+      return timestamp / sampleRate;
+    };
+
+    audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
+      return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
+    };
+
+    videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
+      return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
+    };
+    /**
+     * Adjust ID3 tag or caption timing information by the timeline pts values
+     * (if keepOriginalTimestamps is false) and convert to seconds
+     */
+
+
+    metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
+      return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
+    };
+
+    var clock = {
+      ONE_SECOND_IN_TS: ONE_SECOND_IN_TS$4,
+      secondsToVideoTs: secondsToVideoTs,
+      secondsToAudioTs: secondsToAudioTs,
+      videoTsToSeconds: videoTsToSeconds,
+      audioTsToSeconds: audioTsToSeconds,
+      audioTsToVideoTs: audioTsToVideoTs,
+      videoTsToAudioTs: videoTsToAudioTs,
+      metadataTsToSeconds: metadataTsToSeconds
+    };
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     */
+
+    /**
+     * Sum the `byteLength` properties of the data in each AAC frame
+     */
+
+    var sumFrameByteLengths = function sumFrameByteLengths(array) {
+      var i,
+          currentObj,
+          sum = 0; // sum the byteLength's all each nal unit in the frame
+
+      for (i = 0; i < array.length; i++) {
+        currentObj = array[i];
+        sum += currentObj.data.byteLength;
+      }
+
+      return sum;
+    }; // Possibly pad (prefix) the audio track with silence if appending this track
+    // would lead to the introduction of a gap in the audio buffer
+
+
+    var prefixWithSilence = function prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime) {
+      var baseMediaDecodeTimeTs,
+          frameDuration = 0,
+          audioGapDuration = 0,
+          audioFillFrameCount = 0,
+          audioFillDuration = 0,
+          silentFrame,
+          i,
+          firstFrame;
+
+      if (!frames.length) {
+        return;
+      }
+
+      baseMediaDecodeTimeTs = clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate); // determine frame clock duration based on sample rate, round up to avoid overfills
+
+      frameDuration = Math.ceil(clock.ONE_SECOND_IN_TS / (track.samplerate / 1024));
+
+      if (audioAppendStartTs && videoBaseMediaDecodeTime) {
+        // insert the shortest possible amount (audio gap or audio to video gap)
+        audioGapDuration = baseMediaDecodeTimeTs - Math.max(audioAppendStartTs, videoBaseMediaDecodeTime); // number of full frames in the audio gap
+
+        audioFillFrameCount = Math.floor(audioGapDuration / frameDuration);
+        audioFillDuration = audioFillFrameCount * frameDuration;
+      } // don't attempt to fill gaps smaller than a single frame or larger
+      // than a half second
+
+
+      if (audioFillFrameCount < 1 || audioFillDuration > clock.ONE_SECOND_IN_TS / 2) {
+        return;
+      }
+
+      silentFrame = silence_1()[track.samplerate];
+
+      if (!silentFrame) {
+        // we don't have a silent frame pregenerated for the sample rate, so use a frame
+        // from the content instead
+        silentFrame = frames[0].data;
+      }
+
+      for (i = 0; i < audioFillFrameCount; i++) {
+        firstFrame = frames[0];
+        frames.splice(0, 0, {
+          data: silentFrame,
+          dts: firstFrame.dts - frameDuration,
+          pts: firstFrame.pts - frameDuration
+        });
+      }
+
+      track.baseMediaDecodeTime -= Math.floor(clock.videoTsToAudioTs(audioFillDuration, track.samplerate));
+      return audioFillDuration;
+    }; // If the audio segment extends before the earliest allowed dts
+    // value, remove AAC frames until starts at or after the earliest
+    // allowed DTS so that we don't end up with a negative baseMedia-
+    // DecodeTime for the audio track
+
+
+    var trimAdtsFramesByEarliestDts = function trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts) {
+      if (track.minSegmentDts >= earliestAllowedDts) {
+        return adtsFrames;
+      } // We will need to recalculate the earliest segment Dts
+
+
+      track.minSegmentDts = Infinity;
+      return adtsFrames.filter(function (currentFrame) {
+        // If this is an allowed frame, keep it and record it's Dts
+        if (currentFrame.dts >= earliestAllowedDts) {
+          track.minSegmentDts = Math.min(track.minSegmentDts, currentFrame.dts);
+          track.minSegmentPts = track.minSegmentDts;
+          return true;
+        } // Otherwise, discard it
+
+
+        return false;
+      });
+    }; // generate the track's raw mdat data from an array of frames
+
+
+    var generateSampleTable = function generateSampleTable(frames) {
+      var i,
+          currentFrame,
+          samples = [];
+
+      for (i = 0; i < frames.length; i++) {
+        currentFrame = frames[i];
+        samples.push({
+          size: currentFrame.data.byteLength,
+          duration: 1024 // For AAC audio, all samples contain 1024 samples
+
+        });
+      }
+
+      return samples;
+    }; // generate the track's sample table from an array of frames
+
+
+    var concatenateFrameData = function concatenateFrameData(frames) {
+      var i,
+          currentFrame,
+          dataOffset = 0,
+          data = new Uint8Array(sumFrameByteLengths(frames));
+
+      for (i = 0; i < frames.length; i++) {
+        currentFrame = frames[i];
+        data.set(currentFrame.data, dataOffset);
+        dataOffset += currentFrame.data.byteLength;
+      }
+
+      return data;
+    };
+
+    var audioFrameUtils = {
+      prefixWithSilence: prefixWithSilence,
+      trimAdtsFramesByEarliestDts: trimAdtsFramesByEarliestDts,
+      generateSampleTable: generateSampleTable,
+      concatenateFrameData: concatenateFrameData
+    };
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     */
+
+    var ONE_SECOND_IN_TS$3 = clock.ONE_SECOND_IN_TS;
+    /**
+     * Store information about the start and end of the track and the
+     * duration for each frame/sample we process in order to calculate
+     * the baseMediaDecodeTime
+     */
+
+    var collectDtsInfo = function collectDtsInfo(track, data) {
+      if (typeof data.pts === 'number') {
+        if (track.timelineStartInfo.pts === undefined) {
+          track.timelineStartInfo.pts = data.pts;
+        }
+
+        if (track.minSegmentPts === undefined) {
+          track.minSegmentPts = data.pts;
+        } else {
+          track.minSegmentPts = Math.min(track.minSegmentPts, data.pts);
+        }
+
+        if (track.maxSegmentPts === undefined) {
+          track.maxSegmentPts = data.pts;
+        } else {
+          track.maxSegmentPts = Math.max(track.maxSegmentPts, data.pts);
+        }
+      }
+
+      if (typeof data.dts === 'number') {
+        if (track.timelineStartInfo.dts === undefined) {
+          track.timelineStartInfo.dts = data.dts;
+        }
+
+        if (track.minSegmentDts === undefined) {
+          track.minSegmentDts = data.dts;
+        } else {
+          track.minSegmentDts = Math.min(track.minSegmentDts, data.dts);
+        }
+
+        if (track.maxSegmentDts === undefined) {
+          track.maxSegmentDts = data.dts;
+        } else {
+          track.maxSegmentDts = Math.max(track.maxSegmentDts, data.dts);
+        }
+      }
+    };
+    /**
+     * Clear values used to calculate the baseMediaDecodeTime between
+     * tracks
+     */
+
+
+    var clearDtsInfo = function clearDtsInfo(track) {
+      delete track.minSegmentDts;
+      delete track.maxSegmentDts;
+      delete track.minSegmentPts;
+      delete track.maxSegmentPts;
+    };
+    /**
+     * Calculate the track's baseMediaDecodeTime based on the earliest
+     * DTS the transmuxer has ever seen and the minimum DTS for the
+     * current track
+     * @param track {object} track metadata configuration
+     * @param keepOriginalTimestamps {boolean} If true, keep the timestamps
+     *        in the source; false to adjust the first segment to start at 0.
+     */
+
+
+    var calculateTrackBaseMediaDecodeTime = function calculateTrackBaseMediaDecodeTime(track, keepOriginalTimestamps) {
+      var baseMediaDecodeTime,
+          scale,
+          minSegmentDts = track.minSegmentDts; // Optionally adjust the time so the first segment starts at zero.
+
+      if (!keepOriginalTimestamps) {
+        minSegmentDts -= track.timelineStartInfo.dts;
+      } // track.timelineStartInfo.baseMediaDecodeTime is the location, in time, where
+      // we want the start of the first segment to be placed
+
+
+      baseMediaDecodeTime = track.timelineStartInfo.baseMediaDecodeTime; // Add to that the distance this segment is from the very first
+
+      baseMediaDecodeTime += minSegmentDts; // baseMediaDecodeTime must not become negative
+
+      baseMediaDecodeTime = Math.max(0, baseMediaDecodeTime);
+
+      if (track.type === 'audio') {
+        // Audio has a different clock equal to the sampling_rate so we need to
+        // scale the PTS values into the clock rate of the track
+        scale = track.samplerate / ONE_SECOND_IN_TS$3;
+        baseMediaDecodeTime *= scale;
+        baseMediaDecodeTime = Math.floor(baseMediaDecodeTime);
+      }
+
+      return baseMediaDecodeTime;
+    };
+
+    var trackDecodeInfo = {
+      clearDtsInfo: clearDtsInfo,
+      calculateTrackBaseMediaDecodeTime: calculateTrackBaseMediaDecodeTime,
+      collectDtsInfo: collectDtsInfo
+    };
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     *
+     * Reads in-band caption information from a video elementary
+     * stream. Captions must follow the CEA-708 standard for injection
+     * into an MPEG-2 transport streams.
+     * @see https://en.wikipedia.org/wiki/CEA-708
+     * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
+     */
+    // payload type field to indicate how they are to be
+    // interpreted. CEAS-708 caption content is always transmitted with
+    // payload type 0x04.
+
+    var USER_DATA_REGISTERED_ITU_T_T35 = 4,
+        RBSP_TRAILING_BITS = 128;
+    /**
+      * Parse a supplemental enhancement information (SEI) NAL unit.
+      * Stops parsing once a message of type ITU T T35 has been found.
+      *
+      * @param bytes {Uint8Array} the bytes of a SEI NAL unit
+      * @return {object} the parsed SEI payload
+      * @see Rec. ITU-T H.264, 7.3.2.3.1
+      */
+
+    var parseSei = function parseSei(bytes) {
+      var i = 0,
+          result = {
+        payloadType: -1,
+        payloadSize: 0
+      },
+          payloadType = 0,
+          payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
+
+      while (i < bytes.byteLength) {
+        // stop once we have hit the end of the sei_rbsp
+        if (bytes[i] === RBSP_TRAILING_BITS) {
+          break;
+        } // Parse payload type
+
+
+        while (bytes[i] === 0xFF) {
+          payloadType += 255;
+          i++;
+        }
+
+        payloadType += bytes[i++]; // Parse payload size
+
+        while (bytes[i] === 0xFF) {
+          payloadSize += 255;
+          i++;
+        }
+
+        payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
+        // there can only ever be one caption message in a frame's sei
+
+        if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
+          var userIdentifier = String.fromCharCode(bytes[i + 3], bytes[i + 4], bytes[i + 5], bytes[i + 6]);
+
+          if (userIdentifier === 'GA94') {
+            result.payloadType = payloadType;
+            result.payloadSize = payloadSize;
+            result.payload = bytes.subarray(i, i + payloadSize);
+            break;
+          } else {
+            result.payload = void 0;
+          }
+        } // skip the payload and parse the next message
+
+
+        i += payloadSize;
+        payloadType = 0;
+        payloadSize = 0;
+      }
+
+      return result;
+    }; // see ANSI/SCTE 128-1 (2013), section 8.1
+
+
+    var parseUserData = function parseUserData(sei) {
+      // itu_t_t35_contry_code must be 181 (United States) for
+      // captions
+      if (sei.payload[0] !== 181) {
+        return null;
+      } // itu_t_t35_provider_code should be 49 (ATSC) for captions
+
+
+      if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
+        return null;
+      } // the user_identifier should be "GA94" to indicate ATSC1 data
+
+
+      if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
+        return null;
+      } // finally, user_data_type_code should be 0x03 for caption data
+
+
+      if (sei.payload[7] !== 0x03) {
+        return null;
+      } // return the user_data_type_structure and strip the trailing
+      // marker bits
+
+
+      return sei.payload.subarray(8, sei.payload.length - 1);
+    }; // see CEA-708-D, section 4.4
+
+
+    var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
+      var results = [],
+          i,
+          count,
+          offset,
+          data; // if this is just filler, return immediately
+
+      if (!(userData[0] & 0x40)) {
+        return results;
+      } // parse out the cc_data_1 and cc_data_2 fields
+
+
+      count = userData[0] & 0x1f;
+
+      for (i = 0; i < count; i++) {
+        offset = i * 3;
+        data = {
+          type: userData[offset + 2] & 0x03,
+          pts: pts
+        }; // capture cc data when cc_valid is 1
+
+        if (userData[offset + 2] & 0x04) {
+          data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
+          results.push(data);
+        }
+      }
+
+      return results;
+    };
+
+    var discardEmulationPreventionBytes$1 = function discardEmulationPreventionBytes(data) {
+      var length = data.byteLength,
+          emulationPreventionBytesPositions = [],
+          i = 1,
+          newLength,
+          newData; // Find all `Emulation Prevention Bytes`
+
+      while (i < length - 2) {
+        if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
+          emulationPreventionBytesPositions.push(i + 2);
+          i += 2;
+        } else {
+          i++;
+        }
+      } // If no Emulation Prevention Bytes were found just return the original
+      // array
+
+
+      if (emulationPreventionBytesPositions.length === 0) {
+        return data;
+      } // Create a new array to hold the NAL unit data
+
+
+      newLength = length - emulationPreventionBytesPositions.length;
+      newData = new Uint8Array(newLength);
+      var sourceIndex = 0;
+
+      for (i = 0; i < newLength; sourceIndex++, i++) {
+        if (sourceIndex === emulationPreventionBytesPositions[0]) {
+          // Skip this byte
+          sourceIndex++; // Remove this position index
+
+          emulationPreventionBytesPositions.shift();
+        }
+
+        newData[i] = data[sourceIndex];
+      }
+
+      return newData;
+    }; // exports
+
+
+    var captionPacketParser = {
+      parseSei: parseSei,
+      parseUserData: parseUserData,
+      parseCaptionPackets: parseCaptionPackets,
+      discardEmulationPreventionBytes: discardEmulationPreventionBytes$1,
+      USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
+    }; // Link To Transport
+    // -----------------
+
+    var CaptionStream$1 = function CaptionStream(options) {
+      options = options || {};
+      CaptionStream.prototype.init.call(this); // parse708captions flag, default to true
+
+      this.parse708captions_ = typeof options.parse708captions === 'boolean' ? options.parse708captions : true;
+      this.captionPackets_ = [];
+      this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
+      new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
+      new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
+      new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
+      ];
+
+      if (this.parse708captions_) {
+        this.cc708Stream_ = new Cea708Stream(); // eslint-disable-line no-use-before-define
+      }
+
+      this.reset(); // forward data and done events from CCs to this CaptionStream
+
+      this.ccStreams_.forEach(function (cc) {
+        cc.on('data', this.trigger.bind(this, 'data'));
+        cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
+        cc.on('done', this.trigger.bind(this, 'done'));
+      }, this);
+
+      if (this.parse708captions_) {
+        this.cc708Stream_.on('data', this.trigger.bind(this, 'data'));
+        this.cc708Stream_.on('partialdone', this.trigger.bind(this, 'partialdone'));
+        this.cc708Stream_.on('done', this.trigger.bind(this, 'done'));
+      }
+    };
+
+    CaptionStream$1.prototype = new stream();
+
+    CaptionStream$1.prototype.push = function (event) {
+      var sei, userData, newCaptionPackets; // only examine SEI NALs
+
+      if (event.nalUnitType !== 'sei_rbsp') {
+        return;
+      } // parse the sei
+
+
+      sei = captionPacketParser.parseSei(event.escapedRBSP); // no payload data, skip
+
+      if (!sei.payload) {
+        return;
+      } // ignore everything but user_data_registered_itu_t_t35
+
+
+      if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
+        return;
+      } // parse out the user data payload
+
+
+      userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
+
+      if (!userData) {
+        return;
+      } // Sometimes, the same segment # will be downloaded twice. To stop the
+      // caption data from being processed twice, we track the latest dts we've
+      // received and ignore everything with a dts before that. However, since
+      // data for a specific dts can be split across packets on either side of
+      // a segment boundary, we need to make sure we *don't* ignore the packets
+      // from the *next* segment that have dts === this.latestDts_. By constantly
+      // tracking the number of packets received with dts === this.latestDts_, we
+      // know how many should be ignored once we start receiving duplicates.
+
+
+      if (event.dts < this.latestDts_) {
+        // We've started getting older data, so set the flag.
+        this.ignoreNextEqualDts_ = true;
+        return;
+      } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
+        this.numSameDts_--;
+
+        if (!this.numSameDts_) {
+          // We've received the last duplicate packet, time to start processing again
+          this.ignoreNextEqualDts_ = false;
+        }
+
+        return;
+      } // parse out CC data packets and save them for later
+
+
+      newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
+      this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
+
+      if (this.latestDts_ !== event.dts) {
+        this.numSameDts_ = 0;
+      }
+
+      this.numSameDts_++;
+      this.latestDts_ = event.dts;
+    };
+
+    CaptionStream$1.prototype.flushCCStreams = function (flushType) {
+      this.ccStreams_.forEach(function (cc) {
+        return flushType === 'flush' ? cc.flush() : cc.partialFlush();
+      }, this);
+    };
+
+    CaptionStream$1.prototype.flushStream = function (flushType) {
+      // make sure we actually parsed captions before proceeding
+      if (!this.captionPackets_.length) {
+        this.flushCCStreams(flushType);
+        return;
+      } // In Chrome, the Array#sort function is not stable so add a
+      // presortIndex that we can use to ensure we get a stable-sort
+
+
+      this.captionPackets_.forEach(function (elem, idx) {
+        elem.presortIndex = idx;
+      }); // sort caption byte-pairs based on their PTS values
+
+      this.captionPackets_.sort(function (a, b) {
+        if (a.pts === b.pts) {
+          return a.presortIndex - b.presortIndex;
+        }
+
+        return a.pts - b.pts;
+      });
+      this.captionPackets_.forEach(function (packet) {
+        if (packet.type < 2) {
+          // Dispatch packet to the right Cea608Stream
+          this.dispatchCea608Packet(packet);
+        } else {
+          // Dispatch packet to the Cea708Stream
+          this.dispatchCea708Packet(packet);
+        }
+      }, this);
+      this.captionPackets_.length = 0;
+      this.flushCCStreams(flushType);
+    };
+
+    CaptionStream$1.prototype.flush = function () {
+      return this.flushStream('flush');
+    }; // Only called if handling partial data
+
+
+    CaptionStream$1.prototype.partialFlush = function () {
+      return this.flushStream('partialFlush');
+    };
+
+    CaptionStream$1.prototype.reset = function () {
+      this.latestDts_ = null;
+      this.ignoreNextEqualDts_ = false;
+      this.numSameDts_ = 0;
+      this.activeCea608Channel_ = [null, null];
+      this.ccStreams_.forEach(function (ccStream) {
+        ccStream.reset();
+      });
+    }; // From the CEA-608 spec:
+
+    /*
+     * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
+     * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
+     * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
+     * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
+     * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
+     * to switch to captioning or Text.
+    */
+    // With that in mind, we ignore any data between an XDS control code and a
+    // subsequent closed-captioning control code.
+
+
+    CaptionStream$1.prototype.dispatchCea608Packet = function (packet) {
+      // NOTE: packet.type is the CEA608 field
+      if (this.setsTextOrXDSActive(packet)) {
+        this.activeCea608Channel_[packet.type] = null;
+      } else if (this.setsChannel1Active(packet)) {
+        this.activeCea608Channel_[packet.type] = 0;
+      } else if (this.setsChannel2Active(packet)) {
+        this.activeCea608Channel_[packet.type] = 1;
+      }
+
+      if (this.activeCea608Channel_[packet.type] === null) {
+        // If we haven't received anything to set the active channel, or the
+        // packets are Text/XDS data, discard the data; we don't want jumbled
+        // captions
+        return;
+      }
+
+      this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
+    };
+
+    CaptionStream$1.prototype.setsChannel1Active = function (packet) {
+      return (packet.ccData & 0x7800) === 0x1000;
+    };
+
+    CaptionStream$1.prototype.setsChannel2Active = function (packet) {
+      return (packet.ccData & 0x7800) === 0x1800;
+    };
+
+    CaptionStream$1.prototype.setsTextOrXDSActive = function (packet) {
+      return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
+    };
+
+    CaptionStream$1.prototype.dispatchCea708Packet = function (packet) {
+      if (this.parse708captions_) {
+        this.cc708Stream_.push(packet);
+      }
+    }; // ----------------------
+    // Session to Application
+    // ----------------------
+    // This hash maps special and extended character codes to their
+    // proper Unicode equivalent. The first one-byte key is just a
+    // non-standard character code. The two-byte keys that follow are
+    // the extended CEA708 character codes, along with the preceding
+    // 0x10 extended character byte to distinguish these codes from
+    // non-extended character codes. Every CEA708 character code that
+    // is not in this object maps directly to a standard unicode
+    // character code.
+    // The transparent space and non-breaking transparent space are
+    // technically not fully supported since there is no code to
+    // make them transparent, so they have normal non-transparent
+    // stand-ins.
+    // The special closed caption (CC) character isn't a standard
+    // unicode character, so a fairly similar unicode character was
+    // chosen in it's place.
+
+
+    var CHARACTER_TRANSLATION_708 = {
+      0x7f: 0x266a,
+      // ♪
+      0x1020: 0x20,
+      // Transparent Space
+      0x1021: 0xa0,
+      // Nob-breaking Transparent Space
+      0x1025: 0x2026,
+      // …
+      0x102a: 0x0160,
+      // Š
+      0x102c: 0x0152,
+      // Œ
+      0x1030: 0x2588,
+      // █
+      0x1031: 0x2018,
+      // ‘
+      0x1032: 0x2019,
+      // ’
+      0x1033: 0x201c,
+      // “
+      0x1034: 0x201d,
+      // ”
+      0x1035: 0x2022,
+      // •
+      0x1039: 0x2122,
+      // ™
+      0x103a: 0x0161,
+      // š
+      0x103c: 0x0153,
+      // œ
+      0x103d: 0x2120,
+      // ℠
+      0x103f: 0x0178,
+      // Ÿ
+      0x1076: 0x215b,
+      // ⅛
+      0x1077: 0x215c,
+      // ⅜
+      0x1078: 0x215d,
+      // ⅝
+      0x1079: 0x215e,
+      // ⅞
+      0x107a: 0x23d0,
+      // ⏐
+      0x107b: 0x23a4,
+      // ⎤
+      0x107c: 0x23a3,
+      // ⎣
+      0x107d: 0x23af,
+      // ⎯
+      0x107e: 0x23a6,
+      // ⎦
+      0x107f: 0x23a1,
+      // ⎡
+      0x10a0: 0x3138 // ㄸ (CC char)
+
+    };
+
+    var get708CharFromCode = function get708CharFromCode(code) {
+      var newCode = CHARACTER_TRANSLATION_708[code] || code;
+
+      if (code & 0x1000 && code === newCode) {
+        // Invalid extended code
+        return '';
+      }
+
+      return String.fromCharCode(newCode);
+    };
+
+    var within708TextBlock = function within708TextBlock(b) {
+      return 0x20 <= b && b <= 0x7f || 0xa0 <= b && b <= 0xff;
+    };
+
+    var Cea708Window = function Cea708Window(windowNum) {
+      this.windowNum = windowNum;
+      this.reset();
+    };
+
+    Cea708Window.prototype.reset = function () {
+      this.clearText();
+      this.pendingNewLine = false;
+      this.winAttr = {};
+      this.penAttr = {};
+      this.penLoc = {};
+      this.penColor = {}; // These default values are arbitrary,
+      // defineWindow will usually override them
+
+      this.visible = 0;
+      this.rowLock = 0;
+      this.columnLock = 0;
+      this.priority = 0;
+      this.relativePositioning = 0;
+      this.anchorVertical = 0;
+      this.anchorHorizontal = 0;
+      this.anchorPoint = 0;
+      this.rowCount = 1;
+      this.virtualRowCount = this.rowCount + 1;
+      this.columnCount = 41;
+      this.windowStyle = 0;
+      this.penStyle = 0;
+    };
+
+    Cea708Window.prototype.getText = function () {
+      return this.rows.join('\n');
+    };
+
+    Cea708Window.prototype.clearText = function () {
+      this.rows = [''];
+      this.rowIdx = 0;
+    };
+
+    Cea708Window.prototype.newLine = function (pts) {
+      if (this.rows.length >= this.virtualRowCount && typeof this.beforeRowOverflow === 'function') {
+        this.beforeRowOverflow(pts);
+      }
+
+      if (this.rows.length > 0) {
+        this.rows.push('');
+        this.rowIdx++;
+      } // Show all virtual rows since there's no visible scrolling
+
+
+      while (this.rows.length > this.virtualRowCount) {
+        this.rows.shift();
+        this.rowIdx--;
+      }
+    };
+
+    Cea708Window.prototype.isEmpty = function () {
+      if (this.rows.length === 0) {
+        return true;
+      } else if (this.rows.length === 1) {
+        return this.rows[0] === '';
+      }
+
+      return false;
+    };
+
+    Cea708Window.prototype.addText = function (text) {
+      this.rows[this.rowIdx] += text;
+    };
+
+    Cea708Window.prototype.backspace = function () {
+      if (!this.isEmpty()) {
+        var row = this.rows[this.rowIdx];
+        this.rows[this.rowIdx] = row.substr(0, row.length - 1);
+      }
+    };
+
+    var Cea708Service = function Cea708Service(serviceNum) {
+      this.serviceNum = serviceNum;
+      this.text = '';
+      this.currentWindow = new Cea708Window(-1);
+      this.windows = [];
+    };
+    /**
+     * Initialize service windows
+     * Must be run before service use
+     *
+     * @param  {Integer}  pts               PTS value
+     * @param  {Function} beforeRowOverflow Function to execute before row overflow of a window
+     */
+
+
+    Cea708Service.prototype.init = function (pts, beforeRowOverflow) {
+      this.startPts = pts;
+
+      for (var win = 0; win < 8; win++) {
+        this.windows[win] = new Cea708Window(win);
+
+        if (typeof beforeRowOverflow === 'function') {
+          this.windows[win].beforeRowOverflow = beforeRowOverflow;
+        }
+      }
+    };
+    /**
+     * Set current window of service to be affected by commands
+     *
+     * @param  {Integer} windowNum Window number
+     */
+
+
+    Cea708Service.prototype.setCurrentWindow = function (windowNum) {
+      this.currentWindow = this.windows[windowNum];
+    };
+
+    var Cea708Stream = function Cea708Stream() {
+      Cea708Stream.prototype.init.call(this);
+      var self = this;
+      this.current708Packet = null;
+      this.services = {};
+
+      this.push = function (packet) {
+        if (packet.type === 3) {
+          // 708 packet start
+          self.new708Packet();
+          self.add708Bytes(packet);
+        } else {
+          if (self.current708Packet === null) {
+            // This should only happen at the start of a file if there's no packet start.
+            self.new708Packet();
+          }
+
+          self.add708Bytes(packet);
+        }
+      };
+    };
+
+    Cea708Stream.prototype = new stream();
+    /**
+     * Push current 708 packet, create new 708 packet.
+     */
+
+    Cea708Stream.prototype.new708Packet = function () {
+      if (this.current708Packet !== null) {
+        this.push708Packet();
+      }
+
+      this.current708Packet = {
+        data: [],
+        ptsVals: []
+      };
+    };
+    /**
+     * Add pts and both bytes from packet into current 708 packet.
+     */
+
+
+    Cea708Stream.prototype.add708Bytes = function (packet) {
+      var data = packet.ccData;
+      var byte0 = data >>> 8;
+      var byte1 = data & 0xff; // I would just keep a list of packets instead of bytes, but it isn't clear in the spec
+      // that service blocks will always line up with byte pairs.
+
+      this.current708Packet.ptsVals.push(packet.pts);
+      this.current708Packet.data.push(byte0);
+      this.current708Packet.data.push(byte1);
+    };
+    /**
+     * Parse completed 708 packet into service blocks and push each service block.
+     */
+
+
+    Cea708Stream.prototype.push708Packet = function () {
+      var packet708 = this.current708Packet;
+      var packetData = packet708.data;
+      var serviceNum = null;
+      var blockSize = null;
+      var i = 0;
+      var b = packetData[i++];
+      packet708.seq = b >> 6;
+      packet708.sizeCode = b & 0x3f; // 0b00111111;
+
+      for (; i < packetData.length; i++) {
+        b = packetData[i++];
+        serviceNum = b >> 5;
+        blockSize = b & 0x1f; // 0b00011111
+
+        if (serviceNum === 7 && blockSize > 0) {
+          // Extended service num
+          b = packetData[i++];
+          serviceNum = b;
+        }
+
+        this.pushServiceBlock(serviceNum, i, blockSize);
+
+        if (blockSize > 0) {
+          i += blockSize - 1;
+        }
+      }
+    };
+    /**
+     * Parse service block, execute commands, read text.
+     *
+     * Note: While many of these commands serve important purposes,
+     * many others just parse out the parameters or attributes, but
+     * nothing is done with them because this is not a full and complete
+     * implementation of the entire 708 spec.
+     *
+     * @param  {Integer} serviceNum Service number
+     * @param  {Integer} start      Start index of the 708 packet data
+     * @param  {Integer} size       Block size
+     */
+
+
+    Cea708Stream.prototype.pushServiceBlock = function (serviceNum, start, size) {
+      var b;
+      var i = start;
+      var packetData = this.current708Packet.data;
+      var service = this.services[serviceNum];
+
+      if (!service) {
+        service = this.initService(serviceNum, i);
+      }
+
+      for (; i < start + size && i < packetData.length; i++) {
+        b = packetData[i];
+
+        if (within708TextBlock(b)) {
+          i = this.handleText(i, service);
+        } else if (b === 0x10) {
+          i = this.extendedCommands(i, service);
+        } else if (0x80 <= b && b <= 0x87) {
+          i = this.setCurrentWindow(i, service);
+        } else if (0x98 <= b && b <= 0x9f) {
+          i = this.defineWindow(i, service);
+        } else if (b === 0x88) {
+          i = this.clearWindows(i, service);
+        } else if (b === 0x8c) {
+          i = this.deleteWindows(i, service);
+        } else if (b === 0x89) {
+          i = this.displayWindows(i, service);
+        } else if (b === 0x8a) {
+          i = this.hideWindows(i, service);
+        } else if (b === 0x8b) {
+          i = this.toggleWindows(i, service);
+        } else if (b === 0x97) {
+          i = this.setWindowAttributes(i, service);
+        } else if (b === 0x90) {
+          i = this.setPenAttributes(i, service);
+        } else if (b === 0x91) {
+          i = this.setPenColor(i, service);
+        } else if (b === 0x92) {
+          i = this.setPenLocation(i, service);
+        } else if (b === 0x8f) {
+          service = this.reset(i, service);
+        } else if (b === 0x08) {
+          // BS: Backspace
+          service.currentWindow.backspace();
+        } else if (b === 0x0c) {
+          // FF: Form feed
+          service.currentWindow.clearText();
+        } else if (b === 0x0d) {
+          // CR: Carriage return
+          service.currentWindow.pendingNewLine = true;
+        } else if (b === 0x0e) {
+          // HCR: Horizontal carriage return
+          service.currentWindow.clearText();
+        } else if (b === 0x8d) {
+          // DLY: Delay, nothing to do
+          i++;
+        } else ;
+      }
+    };
+    /**
+     * Execute an extended command
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.extendedCommands = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[++i];
+
+      if (within708TextBlock(b)) {
+        i = this.handleText(i, service, true);
+      }
+
+      return i;
+    };
+    /**
+     * Get PTS value of a given byte index
+     *
+     * @param  {Integer} byteIndex  Index of the byte
+     * @return {Integer}            PTS
+     */
+
+
+    Cea708Stream.prototype.getPts = function (byteIndex) {
+      // There's 1 pts value per 2 bytes
+      return this.current708Packet.ptsVals[Math.floor(byteIndex / 2)];
+    };
+    /**
+     * Initializes a service
+     *
+     * @param  {Integer} serviceNum Service number
+     * @return {Service}            Initialized service object
+     */
+
+
+    Cea708Stream.prototype.initService = function (serviceNum, i) {
+      var self = this;
+      this.services[serviceNum] = new Cea708Service(serviceNum);
+      this.services[serviceNum].init(this.getPts(i), function (pts) {
+        self.flushDisplayed(pts, self.services[serviceNum]);
+      });
+      return this.services[serviceNum];
+    };
+    /**
+     * Execute text writing to current window
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.handleText = function (i, service, isExtended) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[i];
+      var extended = isExtended ? 0x1000 : 0x0000;
+
+      var _char = get708CharFromCode(extended | b);
+
+      var win = service.currentWindow;
+
+      if (win.pendingNewLine && !win.isEmpty()) {
+        win.newLine(this.getPts(i));
+      }
+
+      win.pendingNewLine = false;
+      win.addText(_char);
+      return i;
+    };
+    /**
+     * Parse and execute the CW# command.
+     *
+     * Set the current window.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.setCurrentWindow = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[i];
+      var windowNum = b & 0x07;
+      service.setCurrentWindow(windowNum);
+      return i;
+    };
+    /**
+     * Parse and execute the DF# command.
+     *
+     * Define a window and set it as the current window.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.defineWindow = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[i];
+      var windowNum = b & 0x07;
+      service.setCurrentWindow(windowNum);
+      var win = service.currentWindow;
+      b = packetData[++i];
+      win.visible = (b & 0x20) >> 5; // v
+
+      win.rowLock = (b & 0x10) >> 4; // rl
+
+      win.columnLock = (b & 0x08) >> 3; // cl
+
+      win.priority = b & 0x07; // p
+
+      b = packetData[++i];
+      win.relativePositioning = (b & 0x80) >> 7; // rp
+
+      win.anchorVertical = b & 0x7f; // av
+
+      b = packetData[++i];
+      win.anchorHorizontal = b; // ah
+
+      b = packetData[++i];
+      win.anchorPoint = (b & 0xf0) >> 4; // ap
+
+      win.rowCount = b & 0x0f; // rc
+
+      b = packetData[++i];
+      win.columnCount = b & 0x3f; // cc
+
+      b = packetData[++i];
+      win.windowStyle = (b & 0x38) >> 3; // ws
+
+      win.penStyle = b & 0x07; // ps
+      // The spec says there are (rowCount+1) "virtual rows"
+
+      win.virtualRowCount = win.rowCount + 1;
+      return i;
+    };
+    /**
+     * Parse and execute the SWA command.
+     *
+     * Set attributes of the current window.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.setWindowAttributes = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[i];
+      var winAttr = service.currentWindow.winAttr;
+      b = packetData[++i];
+      winAttr.fillOpacity = (b & 0xc0) >> 6; // fo
+
+      winAttr.fillRed = (b & 0x30) >> 4; // fr
+
+      winAttr.fillGreen = (b & 0x0c) >> 2; // fg
+
+      winAttr.fillBlue = b & 0x03; // fb
+
+      b = packetData[++i];
+      winAttr.borderType = (b & 0xc0) >> 6; // bt
+
+      winAttr.borderRed = (b & 0x30) >> 4; // br
+
+      winAttr.borderGreen = (b & 0x0c) >> 2; // bg
+
+      winAttr.borderBlue = b & 0x03; // bb
+
+      b = packetData[++i];
+      winAttr.borderType += (b & 0x80) >> 5; // bt
+
+      winAttr.wordWrap = (b & 0x40) >> 6; // ww
+
+      winAttr.printDirection = (b & 0x30) >> 4; // pd
+
+      winAttr.scrollDirection = (b & 0x0c) >> 2; // sd
+
+      winAttr.justify = b & 0x03; // j
+
+      b = packetData[++i];
+      winAttr.effectSpeed = (b & 0xf0) >> 4; // es
+
+      winAttr.effectDirection = (b & 0x0c) >> 2; // ed
+
+      winAttr.displayEffect = b & 0x03; // de
+
+      return i;
+    };
+    /**
+     * Gather text from all displayed windows and push a caption to output.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     */
+
+
+    Cea708Stream.prototype.flushDisplayed = function (pts, service) {
+      var displayedText = []; // TODO: Positioning not supported, displaying multiple windows will not necessarily
+      // display text in the correct order, but sample files so far have not shown any issue.
+
+      for (var winId = 0; winId < 8; winId++) {
+        if (service.windows[winId].visible && !service.windows[winId].isEmpty()) {
+          displayedText.push(service.windows[winId].getText());
+        }
+      }
+
+      service.endPts = pts;
+      service.text = displayedText.join('\n\n');
+      this.pushCaption(service);
+      service.startPts = pts;
+    };
+    /**
+     * Push a caption to output if the caption contains text.
+     *
+     * @param  {Service} service  The service object to be affected
+     */
+
+
+    Cea708Stream.prototype.pushCaption = function (service) {
+      if (service.text !== '') {
+        this.trigger('data', {
+          startPts: service.startPts,
+          endPts: service.endPts,
+          text: service.text,
+          stream: 'cc708_' + service.serviceNum
+        });
+        service.text = '';
+        service.startPts = service.endPts;
+      }
+    };
+    /**
+     * Parse and execute the DSW command.
+     *
+     * Set visible property of windows based on the parsed bitmask.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.displayWindows = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[++i];
+      var pts = this.getPts(i);
+      this.flushDisplayed(pts, service);
+
+      for (var winId = 0; winId < 8; winId++) {
+        if (b & 0x01 << winId) {
+          service.windows[winId].visible = 1;
+        }
+      }
+
+      return i;
+    };
+    /**
+     * Parse and execute the HDW command.
+     *
+     * Set visible property of windows based on the parsed bitmask.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.hideWindows = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[++i];
+      var pts = this.getPts(i);
+      this.flushDisplayed(pts, service);
+
+      for (var winId = 0; winId < 8; winId++) {
+        if (b & 0x01 << winId) {
+          service.windows[winId].visible = 0;
+        }
+      }
+
+      return i;
+    };
+    /**
+     * Parse and execute the TGW command.
+     *
+     * Set visible property of windows based on the parsed bitmask.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.toggleWindows = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[++i];
+      var pts = this.getPts(i);
+      this.flushDisplayed(pts, service);
+
+      for (var winId = 0; winId < 8; winId++) {
+        if (b & 0x01 << winId) {
+          service.windows[winId].visible ^= 1;
+        }
+      }
+
+      return i;
+    };
+    /**
+     * Parse and execute the CLW command.
+     *
+     * Clear text of windows based on the parsed bitmask.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.clearWindows = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[++i];
+      var pts = this.getPts(i);
+      this.flushDisplayed(pts, service);
+
+      for (var winId = 0; winId < 8; winId++) {
+        if (b & 0x01 << winId) {
+          service.windows[winId].clearText();
+        }
+      }
+
+      return i;
+    };
+    /**
+     * Parse and execute the DLW command.
+     *
+     * Re-initialize windows based on the parsed bitmask.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.deleteWindows = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[++i];
+      var pts = this.getPts(i);
+      this.flushDisplayed(pts, service);
+
+      for (var winId = 0; winId < 8; winId++) {
+        if (b & 0x01 << winId) {
+          service.windows[winId].reset();
+        }
+      }
+
+      return i;
+    };
+    /**
+     * Parse and execute the SPA command.
+     *
+     * Set pen attributes of the current window.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.setPenAttributes = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[i];
+      var penAttr = service.currentWindow.penAttr;
+      b = packetData[++i];
+      penAttr.textTag = (b & 0xf0) >> 4; // tt
+
+      penAttr.offset = (b & 0x0c) >> 2; // o
+
+      penAttr.penSize = b & 0x03; // s
+
+      b = packetData[++i];
+      penAttr.italics = (b & 0x80) >> 7; // i
+
+      penAttr.underline = (b & 0x40) >> 6; // u
+
+      penAttr.edgeType = (b & 0x38) >> 3; // et
+
+      penAttr.fontStyle = b & 0x07; // fs
+
+      return i;
+    };
+    /**
+     * Parse and execute the SPC command.
+     *
+     * Set pen color of the current window.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.setPenColor = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[i];
+      var penColor = service.currentWindow.penColor;
+      b = packetData[++i];
+      penColor.fgOpacity = (b & 0xc0) >> 6; // fo
+
+      penColor.fgRed = (b & 0x30) >> 4; // fr
+
+      penColor.fgGreen = (b & 0x0c) >> 2; // fg
+
+      penColor.fgBlue = b & 0x03; // fb
+
+      b = packetData[++i];
+      penColor.bgOpacity = (b & 0xc0) >> 6; // bo
+
+      penColor.bgRed = (b & 0x30) >> 4; // br
+
+      penColor.bgGreen = (b & 0x0c) >> 2; // bg
+
+      penColor.bgBlue = b & 0x03; // bb
+
+      b = packetData[++i];
+      penColor.edgeRed = (b & 0x30) >> 4; // er
+
+      penColor.edgeGreen = (b & 0x0c) >> 2; // eg
+
+      penColor.edgeBlue = b & 0x03; // eb
+
+      return i;
+    };
+    /**
+     * Parse and execute the SPL command.
+     *
+     * Set pen location of the current window.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Integer}          New index after parsing
+     */
+
+
+    Cea708Stream.prototype.setPenLocation = function (i, service) {
+      var packetData = this.current708Packet.data;
+      var b = packetData[i];
+      var penLoc = service.currentWindow.penLoc; // Positioning isn't really supported at the moment, so this essentially just inserts a linebreak
+
+      service.currentWindow.pendingNewLine = true;
+      b = packetData[++i];
+      penLoc.row = b & 0x0f; // r
+
+      b = packetData[++i];
+      penLoc.column = b & 0x3f; // c
+
+      return i;
+    };
+    /**
+     * Execute the RST command.
+     *
+     * Reset service to a clean slate. Re-initialize.
+     *
+     * @param  {Integer} i        Current index in the 708 packet
+     * @param  {Service} service  The service object to be affected
+     * @return {Service}          Re-initialized service
+     */
+
+
+    Cea708Stream.prototype.reset = function (i, service) {
+      var pts = this.getPts(i);
+      this.flushDisplayed(pts, service);
+      return this.initService(service.serviceNum, i);
+    }; // This hash maps non-ASCII, special, and extended character codes to their
+    // proper Unicode equivalent. The first keys that are only a single byte
+    // are the non-standard ASCII characters, which simply map the CEA608 byte
+    // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
+    // character codes, but have their MSB bitmasked with 0x03 so that a lookup
+    // can be performed regardless of the field and data channel on which the
+    // character code was received.
+
+
+    var CHARACTER_TRANSLATION = {
+      0x2a: 0xe1,
+      // á
+      0x5c: 0xe9,
+      // é
+      0x5e: 0xed,
+      // í
+      0x5f: 0xf3,
+      // ó
+      0x60: 0xfa,
+      // ú
+      0x7b: 0xe7,
+      // ç
+      0x7c: 0xf7,
+      // ÷
+      0x7d: 0xd1,
+      // Ñ
+      0x7e: 0xf1,
+      // ñ
+      0x7f: 0x2588,
+      // █
+      0x0130: 0xae,
+      // ®
+      0x0131: 0xb0,
+      // °
+      0x0132: 0xbd,
+      // ½
+      0x0133: 0xbf,
+      // ¿
+      0x0134: 0x2122,
+      // ™
+      0x0135: 0xa2,
+      // ¢
+      0x0136: 0xa3,
+      // £
+      0x0137: 0x266a,
+      // ♪
+      0x0138: 0xe0,
+      // à
+      0x0139: 0xa0,
+      //
+      0x013a: 0xe8,
+      // è
+      0x013b: 0xe2,
+      // â
+      0x013c: 0xea,
+      // ê
+      0x013d: 0xee,
+      // î
+      0x013e: 0xf4,
+      // ô
+      0x013f: 0xfb,
+      // û
+      0x0220: 0xc1,
+      // Á
+      0x0221: 0xc9,
+      // É
+      0x0222: 0xd3,
+      // Ó
+      0x0223: 0xda,
+      // Ú
+      0x0224: 0xdc,
+      // Ü
+      0x0225: 0xfc,
+      // ü
+      0x0226: 0x2018,
+      // ‘
+      0x0227: 0xa1,
+      // ¡
+      0x0228: 0x2a,
+      // *
+      0x0229: 0x27,
+      // '
+      0x022a: 0x2014,
+      // —
+      0x022b: 0xa9,
+      // ©
+      0x022c: 0x2120,
+      // ℠
+      0x022d: 0x2022,
+      // •
+      0x022e: 0x201c,
+      // “
+      0x022f: 0x201d,
+      // ”
+      0x0230: 0xc0,
+      // À
+      0x0231: 0xc2,
+      // Â
+      0x0232: 0xc7,
+      // Ç
+      0x0233: 0xc8,
+      // È
+      0x0234: 0xca,
+      // Ê
+      0x0235: 0xcb,
+      // Ë
+      0x0236: 0xeb,
+      // ë
+      0x0237: 0xce,
+      // Î
+      0x0238: 0xcf,
+      // Ï
+      0x0239: 0xef,
+      // ï
+      0x023a: 0xd4,
+      // Ô
+      0x023b: 0xd9,
+      // Ù
+      0x023c: 0xf9,
+      // ù
+      0x023d: 0xdb,
+      // Û
+      0x023e: 0xab,
+      // «
+      0x023f: 0xbb,
+      // »
+      0x0320: 0xc3,
+      // Ã
+      0x0321: 0xe3,
+      // ã
+      0x0322: 0xcd,
+      // Í
+      0x0323: 0xcc,
+      // Ì
+      0x0324: 0xec,
+      // ì
+      0x0325: 0xd2,
+      // Ò
+      0x0326: 0xf2,
+      // ò
+      0x0327: 0xd5,
+      // Õ
+      0x0328: 0xf5,
+      // õ
+      0x0329: 0x7b,
+      // {
+      0x032a: 0x7d,
+      // }
+      0x032b: 0x5c,
+      // \
+      0x032c: 0x5e,
+      // ^
+      0x032d: 0x5f,
+      // _
+      0x032e: 0x7c,
+      // |
+      0x032f: 0x7e,
+      // ~
+      0x0330: 0xc4,
+      // Ä
+      0x0331: 0xe4,
+      // ä
+      0x0332: 0xd6,
+      // Ö
+      0x0333: 0xf6,
+      // ö
+      0x0334: 0xdf,
+      // ß
+      0x0335: 0xa5,
+      // ¥
+      0x0336: 0xa4,
+      // ¤
+      0x0337: 0x2502,
+      // │
+      0x0338: 0xc5,
+      // Å
+      0x0339: 0xe5,
+      // å
+      0x033a: 0xd8,
+      // Ø
+      0x033b: 0xf8,
+      // ø
+      0x033c: 0x250c,
+      // ┌
+      0x033d: 0x2510,
+      // ┐
+      0x033e: 0x2514,
+      // └
+      0x033f: 0x2518 // ┘
+
+    };
+
+    var getCharFromCode = function getCharFromCode(code) {
+      if (code === null) {
+        return '';
+      }
+
+      code = CHARACTER_TRANSLATION[code] || code;
+      return String.fromCharCode(code);
+    }; // the index of the last row in a CEA-608 display buffer
+
+
+    var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
+    // getting it through bit logic.
+
+    var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
+    // cells. The "bottom" row is the last element in the outer array.
+
+    var createDisplayBuffer = function createDisplayBuffer() {
+      var result = [],
+          i = BOTTOM_ROW + 1;
+
+      while (i--) {
+        result.push('');
+      }
+
+      return result;
+    };
+
+    var Cea608Stream = function Cea608Stream(field, dataChannel) {
+      Cea608Stream.prototype.init.call(this);
+      this.field_ = field || 0;
+      this.dataChannel_ = dataChannel || 0;
+      this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
+      this.setConstants();
+      this.reset();
+
+      this.push = function (packet) {
+        var data, swap, char0, char1, text; // remove the parity bits
+
+        data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
+
+        if (data === this.lastControlCode_) {
+          this.lastControlCode_ = null;
+          return;
+        } // Store control codes
+
+
+        if ((data & 0xf000) === 0x1000) {
+          this.lastControlCode_ = data;
+        } else if (data !== this.PADDING_) {
+          this.lastControlCode_ = null;
+        }
+
+        char0 = data >>> 8;
+        char1 = data & 0xff;
+
+        if (data === this.PADDING_) {
+          return;
+        } else if (data === this.RESUME_CAPTION_LOADING_) {
+          this.mode_ = 'popOn';
+        } else if (data === this.END_OF_CAPTION_) {
+          // If an EOC is received while in paint-on mode, the displayed caption
+          // text should be swapped to non-displayed memory as if it was a pop-on
+          // caption. Because of that, we should explicitly switch back to pop-on
+          // mode
+          this.mode_ = 'popOn';
+          this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
+
+          this.flushDisplayed(packet.pts); // flip memory
+
+          swap = this.displayed_;
+          this.displayed_ = this.nonDisplayed_;
+          this.nonDisplayed_ = swap; // start measuring the time to display the caption
+
+          this.startPts_ = packet.pts;
+        } else if (data === this.ROLL_UP_2_ROWS_) {
+          this.rollUpRows_ = 2;
+          this.setRollUp(packet.pts);
+        } else if (data === this.ROLL_UP_3_ROWS_) {
+          this.rollUpRows_ = 3;
+          this.setRollUp(packet.pts);
+        } else if (data === this.ROLL_UP_4_ROWS_) {
+          this.rollUpRows_ = 4;
+          this.setRollUp(packet.pts);
+        } else if (data === this.CARRIAGE_RETURN_) {
+          this.clearFormatting(packet.pts);
+          this.flushDisplayed(packet.pts);
+          this.shiftRowsUp_();
+          this.startPts_ = packet.pts;
+        } else if (data === this.BACKSPACE_) {
+          if (this.mode_ === 'popOn') {
+            this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
+          } else {
+            this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
+          }
+        } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
+          this.flushDisplayed(packet.pts);
+          this.displayed_ = createDisplayBuffer();
+        } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
+          this.nonDisplayed_ = createDisplayBuffer();
+        } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
+          if (this.mode_ !== 'paintOn') {
+            // NOTE: This should be removed when proper caption positioning is
+            // implemented
+            this.flushDisplayed(packet.pts);
+            this.displayed_ = createDisplayBuffer();
+          }
+
+          this.mode_ = 'paintOn';
+          this.startPts_ = packet.pts; // Append special characters to caption text
+        } else if (this.isSpecialCharacter(char0, char1)) {
+          // Bitmask char0 so that we can apply character transformations
+          // regardless of field and data channel.
+          // Then byte-shift to the left and OR with char1 so we can pass the
+          // entire character code to `getCharFromCode`.
+          char0 = (char0 & 0x03) << 8;
+          text = getCharFromCode(char0 | char1);
+          this[this.mode_](packet.pts, text);
+          this.column_++; // Append extended characters to caption text
+        } else if (this.isExtCharacter(char0, char1)) {
+          // Extended characters always follow their "non-extended" equivalents.
+          // IE if a "è" is desired, you'll always receive "eè"; non-compliant
+          // decoders are supposed to drop the "è", while compliant decoders
+          // backspace the "e" and insert "è".
+          // Delete the previous character
+          if (this.mode_ === 'popOn') {
+            this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
+          } else {
+            this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
+          } // Bitmask char0 so that we can apply character transformations
+          // regardless of field and data channel.
+          // Then byte-shift to the left and OR with char1 so we can pass the
+          // entire character code to `getCharFromCode`.
+
+
+          char0 = (char0 & 0x03) << 8;
+          text = getCharFromCode(char0 | char1);
+          this[this.mode_](packet.pts, text);
+          this.column_++; // Process mid-row codes
+        } else if (this.isMidRowCode(char0, char1)) {
+          // Attributes are not additive, so clear all formatting
+          this.clearFormatting(packet.pts); // According to the standard, mid-row codes
+          // should be replaced with spaces, so add one now
+
+          this[this.mode_](packet.pts, ' ');
+          this.column_++;
+
+          if ((char1 & 0xe) === 0xe) {
+            this.addFormatting(packet.pts, ['i']);
+          }
+
+          if ((char1 & 0x1) === 0x1) {
+            this.addFormatting(packet.pts, ['u']);
+          } // Detect offset control codes and adjust cursor
+
+        } else if (this.isOffsetControlCode(char0, char1)) {
+          // Cursor position is set by indent PAC (see below) in 4-column
+          // increments, with an additional offset code of 1-3 to reach any
+          // of the 32 columns specified by CEA-608. So all we need to do
+          // here is increment the column cursor by the given offset.
+          this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
+        } else if (this.isPAC(char0, char1)) {
+          // There's no logic for PAC -> row mapping, so we have to just
+          // find the row code in an array and use its index :(
+          var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
+
+          if (this.mode_ === 'rollUp') {
+            // This implies that the base row is incorrectly set.
+            // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
+            // of roll-up rows set.
+            if (row - this.rollUpRows_ + 1 < 0) {
+              row = this.rollUpRows_ - 1;
+            }
+
+            this.setRollUp(packet.pts, row);
+          }
+
+          if (row !== this.row_) {
+            // formatting is only persistent for current row
+            this.clearFormatting(packet.pts);
+            this.row_ = row;
+          } // All PACs can apply underline, so detect and apply
+          // (All odd-numbered second bytes set underline)
+
+
+          if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
+            this.addFormatting(packet.pts, ['u']);
+          }
+
+          if ((data & 0x10) === 0x10) {
+            // We've got an indent level code. Each successive even number
+            // increments the column cursor by 4, so we can get the desired
+            // column position by bit-shifting to the right (to get n/2)
+            // and multiplying by 4.
+            this.column_ = ((data & 0xe) >> 1) * 4;
+          }
+
+          if (this.isColorPAC(char1)) {
+            // it's a color code, though we only support white, which
+            // can be either normal or italicized. white italics can be
+            // either 0x4e or 0x6e depending on the row, so we just
+            // bitwise-and with 0xe to see if italics should be turned on
+            if ((char1 & 0xe) === 0xe) {
+              this.addFormatting(packet.pts, ['i']);
+            }
+          } // We have a normal character in char0, and possibly one in char1
+
+        } else if (this.isNormalChar(char0)) {
+          if (char1 === 0x00) {
+            char1 = null;
+          }
+
+          text = getCharFromCode(char0);
+          text += getCharFromCode(char1);
+          this[this.mode_](packet.pts, text);
+          this.column_ += text.length;
+        } // finish data processing
+
+      };
+    };
+
+    Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
+    // display buffer
+
+    Cea608Stream.prototype.flushDisplayed = function (pts) {
+      var content = this.displayed_ // remove spaces from the start and end of the string
+      .map(function (row, index) {
+        try {
+          return row.trim();
+        } catch (e) {
+          // Ordinarily, this shouldn't happen. However, caption
+          // parsing errors should not throw exceptions and
+          // break playback.
+          this.trigger('log', {
+            level: 'warn',
+            message: 'Skipping a malformed 608 caption at index ' + index + '.'
+          });
+          return '';
+        }
+      }, this) // combine all text rows to display in one cue
+      .join('\n') // and remove blank rows from the start and end, but not the middle
+      .replace(/^\n+|\n+$/g, '');
+
+      if (content.length) {
+        this.trigger('data', {
+          startPts: this.startPts_,
+          endPts: pts,
+          text: content,
+          stream: this.name_
+        });
+      }
+    };
+    /**
+     * Zero out the data, used for startup and on seek
+     */
+
+
+    Cea608Stream.prototype.reset = function () {
+      this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
+      // actually display captions. If a caption is shifted to a row
+      // with a lower index than this, it is cleared from the display
+      // buffer
+
+      this.topRow_ = 0;
+      this.startPts_ = 0;
+      this.displayed_ = createDisplayBuffer();
+      this.nonDisplayed_ = createDisplayBuffer();
+      this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
+
+      this.column_ = 0;
+      this.row_ = BOTTOM_ROW;
+      this.rollUpRows_ = 2; // This variable holds currently-applied formatting
+
+      this.formatting_ = [];
+    };
+    /**
+     * Sets up control code and related constants for this instance
+     */
+
+
+    Cea608Stream.prototype.setConstants = function () {
+      // The following attributes have these uses:
+      // ext_ :    char0 for mid-row codes, and the base for extended
+      //           chars (ext_+0, ext_+1, and ext_+2 are char0s for
+      //           extended codes)
+      // control_: char0 for control codes, except byte-shifted to the
+      //           left so that we can do this.control_ | CONTROL_CODE
+      // offset_:  char0 for tab offset codes
+      //
+      // It's also worth noting that control codes, and _only_ control codes,
+      // differ between field 1 and field2. Field 2 control codes are always
+      // their field 1 value plus 1. That's why there's the "| field" on the
+      // control value.
+      if (this.dataChannel_ === 0) {
+        this.BASE_ = 0x10;
+        this.EXT_ = 0x11;
+        this.CONTROL_ = (0x14 | this.field_) << 8;
+        this.OFFSET_ = 0x17;
+      } else if (this.dataChannel_ === 1) {
+        this.BASE_ = 0x18;
+        this.EXT_ = 0x19;
+        this.CONTROL_ = (0x1c | this.field_) << 8;
+        this.OFFSET_ = 0x1f;
+      } // Constants for the LSByte command codes recognized by Cea608Stream. This
+      // list is not exhaustive. For a more comprehensive listing and semantics see
+      // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
+      // Padding
+
+
+      this.PADDING_ = 0x0000; // Pop-on Mode
+
+      this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
+      this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
+
+      this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
+      this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
+      this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
+      this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
+
+      this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
+
+      this.BACKSPACE_ = this.CONTROL_ | 0x21;
+      this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
+      this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
+    };
+    /**
+     * Detects if the 2-byte packet data is a special character
+     *
+     * Special characters have a second byte in the range 0x30 to 0x3f,
+     * with the first byte being 0x11 (for data channel 1) or 0x19 (for
+     * data channel 2).
+     *
+     * @param  {Integer} char0 The first byte
+     * @param  {Integer} char1 The second byte
+     * @return {Boolean}       Whether the 2 bytes are an special character
+     */
+
+
+    Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
+      return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
+    };
+    /**
+     * Detects if the 2-byte packet data is an extended character
+     *
+     * Extended characters have a second byte in the range 0x20 to 0x3f,
+     * with the first byte being 0x12 or 0x13 (for data channel 1) or
+     * 0x1a or 0x1b (for data channel 2).
+     *
+     * @param  {Integer} char0 The first byte
+     * @param  {Integer} char1 The second byte
+     * @return {Boolean}       Whether the 2 bytes are an extended character
+     */
+
+
+    Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
+      return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
+    };
+    /**
+     * Detects if the 2-byte packet is a mid-row code
+     *
+     * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
+     * the first byte being 0x11 (for data channel 1) or 0x19 (for data
+     * channel 2).
+     *
+     * @param  {Integer} char0 The first byte
+     * @param  {Integer} char1 The second byte
+     * @return {Boolean}       Whether the 2 bytes are a mid-row code
+     */
+
+
+    Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
+      return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
+    };
+    /**
+     * Detects if the 2-byte packet is an offset control code
+     *
+     * Offset control codes have a second byte in the range 0x21 to 0x23,
+     * with the first byte being 0x17 (for data channel 1) or 0x1f (for
+     * data channel 2).
+     *
+     * @param  {Integer} char0 The first byte
+     * @param  {Integer} char1 The second byte
+     * @return {Boolean}       Whether the 2 bytes are an offset control code
+     */
+
+
+    Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
+      return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
+    };
+    /**
+     * Detects if the 2-byte packet is a Preamble Address Code
+     *
+     * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
+     * or 0x18 to 0x1f (for data channel 2), with the second byte in the
+     * range 0x40 to 0x7f.
+     *
+     * @param  {Integer} char0 The first byte
+     * @param  {Integer} char1 The second byte
+     * @return {Boolean}       Whether the 2 bytes are a PAC
+     */
+
+
+    Cea608Stream.prototype.isPAC = function (char0, char1) {
+      return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
+    };
+    /**
+     * Detects if a packet's second byte is in the range of a PAC color code
+     *
+     * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
+     * 0x60 to 0x6f.
+     *
+     * @param  {Integer} char1 The second byte
+     * @return {Boolean}       Whether the byte is a color PAC
+     */
+
+
+    Cea608Stream.prototype.isColorPAC = function (char1) {
+      return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
+    };
+    /**
+     * Detects if a single byte is in the range of a normal character
+     *
+     * Normal text bytes are in the range 0x20 to 0x7f.
+     *
+     * @param  {Integer} char  The byte
+     * @return {Boolean}       Whether the byte is a normal character
+     */
+
+
+    Cea608Stream.prototype.isNormalChar = function (_char2) {
+      return _char2 >= 0x20 && _char2 <= 0x7f;
+    };
+    /**
+     * Configures roll-up
+     *
+     * @param  {Integer} pts         Current PTS
+     * @param  {Integer} newBaseRow  Used by PACs to slide the current window to
+     *                               a new position
+     */
+
+
+    Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
+      // Reset the base row to the bottom row when switching modes
+      if (this.mode_ !== 'rollUp') {
+        this.row_ = BOTTOM_ROW;
+        this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
+
+        this.flushDisplayed(pts);
+        this.nonDisplayed_ = createDisplayBuffer();
+        this.displayed_ = createDisplayBuffer();
+      }
+
+      if (newBaseRow !== undefined && newBaseRow !== this.row_) {
+        // move currently displayed captions (up or down) to the new base row
+        for (var i = 0; i < this.rollUpRows_; i++) {
+          this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
+          this.displayed_[this.row_ - i] = '';
+        }
+      }
+
+      if (newBaseRow === undefined) {
+        newBaseRow = this.row_;
+      }
+
+      this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
+    }; // Adds the opening HTML tag for the passed character to the caption text,
+    // and keeps track of it for later closing
+
+
+    Cea608Stream.prototype.addFormatting = function (pts, format) {
+      this.formatting_ = this.formatting_.concat(format);
+      var text = format.reduce(function (text, format) {
+        return text + '<' + format + '>';
+      }, '');
+      this[this.mode_](pts, text);
+    }; // Adds HTML closing tags for current formatting to caption text and
+    // clears remembered formatting
+
+
+    Cea608Stream.prototype.clearFormatting = function (pts) {
+      if (!this.formatting_.length) {
+        return;
+      }
+
+      var text = this.formatting_.reverse().reduce(function (text, format) {
+        return text + '</' + format + '>';
+      }, '');
+      this.formatting_ = [];
+      this[this.mode_](pts, text);
+    }; // Mode Implementations
+
+
+    Cea608Stream.prototype.popOn = function (pts, text) {
+      var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
+
+      baseRow += text;
+      this.nonDisplayed_[this.row_] = baseRow;
+    };
+
+    Cea608Stream.prototype.rollUp = function (pts, text) {
+      var baseRow = this.displayed_[this.row_];
+      baseRow += text;
+      this.displayed_[this.row_] = baseRow;
+    };
+
+    Cea608Stream.prototype.shiftRowsUp_ = function () {
+      var i; // clear out inactive rows
+
+      for (i = 0; i < this.topRow_; i++) {
+        this.displayed_[i] = '';
+      }
+
+      for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
+        this.displayed_[i] = '';
+      } // shift displayed rows up
+
+
+      for (i = this.topRow_; i < this.row_; i++) {
+        this.displayed_[i] = this.displayed_[i + 1];
+      } // clear out the bottom row
+
+
+      this.displayed_[this.row_] = '';
+    };
+
+    Cea608Stream.prototype.paintOn = function (pts, text) {
+      var baseRow = this.displayed_[this.row_];
+      baseRow += text;
+      this.displayed_[this.row_] = baseRow;
+    }; // exports
+
+
+    var captionStream = {
+      CaptionStream: CaptionStream$1,
+      Cea608Stream: Cea608Stream,
+      Cea708Stream: Cea708Stream
+    };
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     */
+
+    var streamTypes = {
+      H264_STREAM_TYPE: 0x1B,
+      ADTS_STREAM_TYPE: 0x0F,
+      METADATA_STREAM_TYPE: 0x15
+    };
+    var MAX_TS = 8589934592;
+    var RO_THRESH = 4294967296;
+    var TYPE_SHARED = 'shared';
+
+    var handleRollover$1 = function handleRollover(value, reference) {
+      var direction = 1;
+
+      if (value > reference) {
+        // If the current timestamp value is greater than our reference timestamp and we detect a
+        // timestamp rollover, this means the roll over is happening in the opposite direction.
+        // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
+        // point will be set to a small number, e.g. 1. The user then seeks backwards over the
+        // rollover point. In loading this segment, the timestamp values will be very large,
+        // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
+        // the time stamp to be `value - 2^33`.
+        direction = -1;
+      } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
+      // cause an incorrect adjustment.
+
+
+      while (Math.abs(reference - value) > RO_THRESH) {
+        value += direction * MAX_TS;
+      }
+
+      return value;
+    };
+
+    var TimestampRolloverStream$1 = function TimestampRolloverStream(type) {
+      var lastDTS, referenceDTS;
+      TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
+      // video and audio. We could use `undefined` here, but having a string
+      // makes debugging a little clearer.
+
+      this.type_ = type || TYPE_SHARED;
+
+      this.push = function (data) {
+        // Any "shared" rollover streams will accept _all_ data. Otherwise,
+        // streams will only accept data that matches their type.
+        if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
+          return;
+        }
+
+        if (referenceDTS === undefined) {
+          referenceDTS = data.dts;
+        }
+
+        data.dts = handleRollover$1(data.dts, referenceDTS);
+        data.pts = handleRollover$1(data.pts, referenceDTS);
+        lastDTS = data.dts;
+        this.trigger('data', data);
+      };
+
+      this.flush = function () {
+        referenceDTS = lastDTS;
+        this.trigger('done');
+      };
+
+      this.endTimeline = function () {
+        this.flush();
+        this.trigger('endedtimeline');
+      };
+
+      this.discontinuity = function () {
+        referenceDTS = void 0;
+        lastDTS = void 0;
+      };
+
+      this.reset = function () {
+        this.discontinuity();
+        this.trigger('reset');
+      };
+    };
+
+    TimestampRolloverStream$1.prototype = new stream();
+    var timestampRolloverStream = {
+      TimestampRolloverStream: TimestampRolloverStream$1,
+      handleRollover: handleRollover$1
+    };
+
+    var percentEncode$1 = function percentEncode(bytes, start, end) {
+      var i,
+          result = '';
+
+      for (i = start; i < end; i++) {
+        result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
+      }
+
+      return result;
+    },
+        // return the string representation of the specified byte range,
+    // interpreted as UTf-8.
+    parseUtf8 = function parseUtf8(bytes, start, end) {
+      return decodeURIComponent(percentEncode$1(bytes, start, end));
+    },
+        // return the string representation of the specified byte range,
+    // interpreted as ISO-8859-1.
+    parseIso88591$1 = function parseIso88591(bytes, start, end) {
+      return unescape(percentEncode$1(bytes, start, end)); // jshint ignore:line
+    },
+        parseSyncSafeInteger$1 = function parseSyncSafeInteger(data) {
+      return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
+    },
+        tagParsers = {
+      TXXX: function TXXX(tag) {
+        var i;
+
+        if (tag.data[0] !== 3) {
+          // ignore frames with unrecognized character encodings
+          return;
+        }
+
+        for (i = 1; i < tag.data.length; i++) {
+          if (tag.data[i] === 0) {
+            // parse the text fields
+            tag.description = parseUtf8(tag.data, 1, i); // do not include the null terminator in the tag value
+
+            tag.value = parseUtf8(tag.data, i + 1, tag.data.length).replace(/\0*$/, '');
+            break;
+          }
+        }
+
+        tag.data = tag.value;
+      },
+      WXXX: function WXXX(tag) {
+        var i;
+
+        if (tag.data[0] !== 3) {
+          // ignore frames with unrecognized character encodings
+          return;
+        }
+
+        for (i = 1; i < tag.data.length; i++) {
+          if (tag.data[i] === 0) {
+            // parse the description and URL fields
+            tag.description = parseUtf8(tag.data, 1, i);
+            tag.url = parseUtf8(tag.data, i + 1, tag.data.length);
+            break;
+          }
+        }
+      },
+      PRIV: function PRIV(tag) {
+        var i;
+
+        for (i = 0; i < tag.data.length; i++) {
+          if (tag.data[i] === 0) {
+            // parse the description and URL fields
+            tag.owner = parseIso88591$1(tag.data, 0, i);
+            break;
+          }
+        }
+
+        tag.privateData = tag.data.subarray(i + 1);
+        tag.data = tag.privateData;
+      }
+    },
+        _MetadataStream;
+
+    _MetadataStream = function MetadataStream(options) {
+      var settings = {
+        // the bytes of the program-level descriptor field in MP2T
+        // see ISO/IEC 13818-1:2013 (E), section 2.6 "Program and
+        // program element descriptors"
+        descriptor: options && options.descriptor
+      },
+          // the total size in bytes of the ID3 tag being parsed
+      tagSize = 0,
+          // tag data that is not complete enough to be parsed
+      buffer = [],
+          // the total number of bytes currently in the buffer
+      bufferSize = 0,
+          i;
+
+      _MetadataStream.prototype.init.call(this); // calculate the text track in-band metadata track dispatch type
+      // https://html.spec.whatwg.org/multipage/embedded-content.html#steps-to-expose-a-media-resource-specific-text-track
+
+
+      this.dispatchType = streamTypes.METADATA_STREAM_TYPE.toString(16);
+
+      if (settings.descriptor) {
+        for (i = 0; i < settings.descriptor.length; i++) {
+          this.dispatchType += ('00' + settings.descriptor[i].toString(16)).slice(-2);
+        }
+      }
+
+      this.push = function (chunk) {
+        var tag, frameStart, frameSize, frame, i, frameHeader;
+
+        if (chunk.type !== 'timed-metadata') {
+          return;
+        } // if data_alignment_indicator is set in the PES header,
+        // we must have the start of a new ID3 tag. Assume anything
+        // remaining in the buffer was malformed and throw it out
+
+
+        if (chunk.dataAlignmentIndicator) {
+          bufferSize = 0;
+          buffer.length = 0;
+        } // ignore events that don't look like ID3 data
+
+
+        if (buffer.length === 0 && (chunk.data.length < 10 || chunk.data[0] !== 'I'.charCodeAt(0) || chunk.data[1] !== 'D'.charCodeAt(0) || chunk.data[2] !== '3'.charCodeAt(0))) {
+          this.trigger('log', {
+            level: 'warn',
+            message: 'Skipping unrecognized metadata packet'
+          });
+          return;
+        } // add this chunk to the data we've collected so far
+
+
+        buffer.push(chunk);
+        bufferSize += chunk.data.byteLength; // grab the size of the entire frame from the ID3 header
+
+        if (buffer.length === 1) {
+          // the frame size is transmitted as a 28-bit integer in the
+          // last four bytes of the ID3 header.
+          // The most significant bit of each byte is dropped and the
+          // results concatenated to recover the actual value.
+          tagSize = parseSyncSafeInteger$1(chunk.data.subarray(6, 10)); // ID3 reports the tag size excluding the header but it's more
+          // convenient for our comparisons to include it
+
+          tagSize += 10;
+        } // if the entire frame has not arrived, wait for more data
+
+
+        if (bufferSize < tagSize) {
+          return;
+        } // collect the entire frame so it can be parsed
+
+
+        tag = {
+          data: new Uint8Array(tagSize),
+          frames: [],
+          pts: buffer[0].pts,
+          dts: buffer[0].dts
+        };
+
+        for (i = 0; i < tagSize;) {
+          tag.data.set(buffer[0].data.subarray(0, tagSize - i), i);
+          i += buffer[0].data.byteLength;
+          bufferSize -= buffer[0].data.byteLength;
+          buffer.shift();
+        } // find the start of the first frame and the end of the tag
+
+
+        frameStart = 10;
+
+        if (tag.data[5] & 0x40) {
+          // advance the frame start past the extended header
+          frameStart += 4; // header size field
+
+          frameStart += parseSyncSafeInteger$1(tag.data.subarray(10, 14)); // clip any padding off the end
+
+          tagSize -= parseSyncSafeInteger$1(tag.data.subarray(16, 20));
+        } // parse one or more ID3 frames
+        // http://id3.org/id3v2.3.0#ID3v2_frame_overview
+
+
+        do {
+          // determine the number of bytes in this frame
+          frameSize = parseSyncSafeInteger$1(tag.data.subarray(frameStart + 4, frameStart + 8));
+
+          if (frameSize < 1) {
+            this.trigger('log', {
+              level: 'warn',
+              message: 'Malformed ID3 frame encountered. Skipping metadata parsing.'
+            });
+            return;
+          }
+
+          frameHeader = String.fromCharCode(tag.data[frameStart], tag.data[frameStart + 1], tag.data[frameStart + 2], tag.data[frameStart + 3]);
+          frame = {
+            id: frameHeader,
+            data: tag.data.subarray(frameStart + 10, frameStart + frameSize + 10)
+          };
+          frame.key = frame.id;
+
+          if (tagParsers[frame.id]) {
+            tagParsers[frame.id](frame); // handle the special PRIV frame used to indicate the start
+            // time for raw AAC data
+
+            if (frame.owner === 'com.apple.streaming.transportStreamTimestamp') {
+              var d = frame.data,
+                  size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
+              size *= 4;
+              size += d[7] & 0x03;
+              frame.timeStamp = size; // in raw AAC, all subsequent data will be timestamped based
+              // on the value of this frame
+              // we couldn't have known the appropriate pts and dts before
+              // parsing this ID3 tag so set those values now
+
+              if (tag.pts === undefined && tag.dts === undefined) {
+                tag.pts = frame.timeStamp;
+                tag.dts = frame.timeStamp;
+              }
+
+              this.trigger('timestamp', frame);
+            }
+          }
+
+          tag.frames.push(frame);
+          frameStart += 10; // advance past the frame header
+
+          frameStart += frameSize; // advance past the frame body
+        } while (frameStart < tagSize);
+
+        this.trigger('data', tag);
+      };
+    };
+
+    _MetadataStream.prototype = new stream();
+    var metadataStream = _MetadataStream;
+    var TimestampRolloverStream = timestampRolloverStream.TimestampRolloverStream; // object types
+
+    var _TransportPacketStream, _TransportParseStream, _ElementaryStream; // constants
+
+
+    var MP2T_PACKET_LENGTH$1 = 188,
+        // bytes
+    SYNC_BYTE$1 = 0x47;
+    /**
+     * Splits an incoming stream of binary data into MPEG-2 Transport
+     * Stream packets.
+     */
+
+    _TransportPacketStream = function TransportPacketStream() {
+      var buffer = new Uint8Array(MP2T_PACKET_LENGTH$1),
+          bytesInBuffer = 0;
+
+      _TransportPacketStream.prototype.init.call(this); // Deliver new bytes to the stream.
+
+      /**
+       * Split a stream of data into M2TS packets
+      **/
+
+
+      this.push = function (bytes) {
+        var startIndex = 0,
+            endIndex = MP2T_PACKET_LENGTH$1,
+            everything; // If there are bytes remaining from the last segment, prepend them to the
+        // bytes that were pushed in
+
+        if (bytesInBuffer) {
+          everything = new Uint8Array(bytes.byteLength + bytesInBuffer);
+          everything.set(buffer.subarray(0, bytesInBuffer));
+          everything.set(bytes, bytesInBuffer);
+          bytesInBuffer = 0;
+        } else {
+          everything = bytes;
+        } // While we have enough data for a packet
+
+
+        while (endIndex < everything.byteLength) {
+          // Look for a pair of start and end sync bytes in the data..
+          if (everything[startIndex] === SYNC_BYTE$1 && everything[endIndex] === SYNC_BYTE$1) {
+            // We found a packet so emit it and jump one whole packet forward in
+            // the stream
+            this.trigger('data', everything.subarray(startIndex, endIndex));
+            startIndex += MP2T_PACKET_LENGTH$1;
+            endIndex += MP2T_PACKET_LENGTH$1;
+            continue;
+          } // If we get here, we have somehow become de-synchronized and we need to step
+          // forward one byte at a time until we find a pair of sync bytes that denote
+          // a packet
+
+
+          startIndex++;
+          endIndex++;
+        } // If there was some data left over at the end of the segment that couldn't
+        // possibly be a whole packet, keep it because it might be the start of a packet
+        // that continues in the next segment
+
+
+        if (startIndex < everything.byteLength) {
+          buffer.set(everything.subarray(startIndex), 0);
+          bytesInBuffer = everything.byteLength - startIndex;
+        }
+      };
+      /**
+       * Passes identified M2TS packets to the TransportParseStream to be parsed
+      **/
+
+
+      this.flush = function () {
+        // If the buffer contains a whole packet when we are being flushed, emit it
+        // and empty the buffer. Otherwise hold onto the data because it may be
+        // important for decoding the next segment
+        if (bytesInBuffer === MP2T_PACKET_LENGTH$1 && buffer[0] === SYNC_BYTE$1) {
+          this.trigger('data', buffer);
+          bytesInBuffer = 0;
+        }
+
+        this.trigger('done');
+      };
+
+      this.endTimeline = function () {
+        this.flush();
+        this.trigger('endedtimeline');
+      };
+
+      this.reset = function () {
+        bytesInBuffer = 0;
+        this.trigger('reset');
+      };
+    };
+
+    _TransportPacketStream.prototype = new stream();
+    /**
+     * Accepts an MP2T TransportPacketStream and emits data events with parsed
+     * forms of the individual transport stream packets.
+     */
+
+    _TransportParseStream = function TransportParseStream() {
+      var parsePsi, parsePat, parsePmt, self;
+
+      _TransportParseStream.prototype.init.call(this);
+
+      self = this;
+      this.packetsWaitingForPmt = [];
+      this.programMapTable = undefined;
+
+      parsePsi = function parsePsi(payload, psi) {
+        var offset = 0; // PSI packets may be split into multiple sections and those
+        // sections may be split into multiple packets. If a PSI
+        // section starts in this packet, the payload_unit_start_indicator
+        // will be true and the first byte of the payload will indicate
+        // the offset from the current position to the start of the
+        // section.
+
+        if (psi.payloadUnitStartIndicator) {
+          offset += payload[offset] + 1;
+        }
+
+        if (psi.type === 'pat') {
+          parsePat(payload.subarray(offset), psi);
+        } else {
+          parsePmt(payload.subarray(offset), psi);
+        }
+      };
+
+      parsePat = function parsePat(payload, pat) {
+        pat.section_number = payload[7]; // eslint-disable-line camelcase
+
+        pat.last_section_number = payload[8]; // eslint-disable-line camelcase
+        // skip the PSI header and parse the first PMT entry
+
+        self.pmtPid = (payload[10] & 0x1F) << 8 | payload[11];
+        pat.pmtPid = self.pmtPid;
+      };
+      /**
+       * Parse out the relevant fields of a Program Map Table (PMT).
+       * @param payload {Uint8Array} the PMT-specific portion of an MP2T
+       * packet. The first byte in this array should be the table_id
+       * field.
+       * @param pmt {object} the object that should be decorated with
+       * fields parsed from the PMT.
+       */
+
+
+      parsePmt = function parsePmt(payload, pmt) {
+        var sectionLength, tableEnd, programInfoLength, offset; // PMTs can be sent ahead of the time when they should actually
+        // take effect. We don't believe this should ever be the case
+        // for HLS but we'll ignore "forward" PMT declarations if we see
+        // them. Future PMT declarations have the current_next_indicator
+        // set to zero.
+
+        if (!(payload[5] & 0x01)) {
+          return;
+        } // overwrite any existing program map table
+
+
+        self.programMapTable = {
+          video: null,
+          audio: null,
+          'timed-metadata': {}
+        }; // the mapping table ends at the end of the current section
+
+        sectionLength = (payload[1] & 0x0f) << 8 | payload[2];
+        tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
+        // long the program info descriptors are
+
+        programInfoLength = (payload[10] & 0x0f) << 8 | payload[11]; // advance the offset to the first entry in the mapping table
+
+        offset = 12 + programInfoLength;
+
+        while (offset < tableEnd) {
+          var streamType = payload[offset];
+          var pid = (payload[offset + 1] & 0x1F) << 8 | payload[offset + 2]; // only map a single elementary_pid for audio and video stream types
+          // TODO: should this be done for metadata too? for now maintain behavior of
+          //       multiple metadata streams
+
+          if (streamType === streamTypes.H264_STREAM_TYPE && self.programMapTable.video === null) {
+            self.programMapTable.video = pid;
+          } else if (streamType === streamTypes.ADTS_STREAM_TYPE && self.programMapTable.audio === null) {
+            self.programMapTable.audio = pid;
+          } else if (streamType === streamTypes.METADATA_STREAM_TYPE) {
+            // map pid to stream type for metadata streams
+            self.programMapTable['timed-metadata'][pid] = streamType;
+          } // move to the next table entry
+          // skip past the elementary stream descriptors, if present
+
+
+          offset += ((payload[offset + 3] & 0x0F) << 8 | payload[offset + 4]) + 5;
+        } // record the map on the packet as well
+
+
+        pmt.programMapTable = self.programMapTable;
+      };
+      /**
+       * Deliver a new MP2T packet to the next stream in the pipeline.
+       */
+
+
+      this.push = function (packet) {
+        var result = {},
+            offset = 4;
+        result.payloadUnitStartIndicator = !!(packet[1] & 0x40); // pid is a 13-bit field starting at the last bit of packet[1]
+
+        result.pid = packet[1] & 0x1f;
+        result.pid <<= 8;
+        result.pid |= packet[2]; // if an adaption field is present, its length is specified by the
+        // fifth byte of the TS packet header. The adaptation field is
+        // used to add stuffing to PES packets that don't fill a complete
+        // TS packet, and to specify some forms of timing and control data
+        // that we do not currently use.
+
+        if ((packet[3] & 0x30) >>> 4 > 0x01) {
+          offset += packet[offset] + 1;
+        } // parse the rest of the packet based on the type
+
+
+        if (result.pid === 0) {
+          result.type = 'pat';
+          parsePsi(packet.subarray(offset), result);
+          this.trigger('data', result);
+        } else if (result.pid === this.pmtPid) {
+          result.type = 'pmt';
+          parsePsi(packet.subarray(offset), result);
+          this.trigger('data', result); // if there are any packets waiting for a PMT to be found, process them now
+
+          while (this.packetsWaitingForPmt.length) {
+            this.processPes_.apply(this, this.packetsWaitingForPmt.shift());
+          }
+        } else if (this.programMapTable === undefined) {
+          // When we have not seen a PMT yet, defer further processing of
+          // PES packets until one has been parsed
+          this.packetsWaitingForPmt.push([packet, offset, result]);
+        } else {
+          this.processPes_(packet, offset, result);
+        }
+      };
+
+      this.processPes_ = function (packet, offset, result) {
+        // set the appropriate stream type
+        if (result.pid === this.programMapTable.video) {
+          result.streamType = streamTypes.H264_STREAM_TYPE;
+        } else if (result.pid === this.programMapTable.audio) {
+          result.streamType = streamTypes.ADTS_STREAM_TYPE;
+        } else {
+          // if not video or audio, it is timed-metadata or unknown
+          // if unknown, streamType will be undefined
+          result.streamType = this.programMapTable['timed-metadata'][result.pid];
+        }
+
+        result.type = 'pes';
+        result.data = packet.subarray(offset);
+        this.trigger('data', result);
+      };
+    };
+
+    _TransportParseStream.prototype = new stream();
+    _TransportParseStream.STREAM_TYPES = {
+      h264: 0x1b,
+      adts: 0x0f
+    };
+    /**
+     * Reconsistutes program elementary stream (PES) packets from parsed
+     * transport stream packets. That is, if you pipe an
+     * mp2t.TransportParseStream into a mp2t.ElementaryStream, the output
+     * events will be events which capture the bytes for individual PES
+     * packets plus relevant metadata that has been extracted from the
+     * container.
+     */
+
+    _ElementaryStream = function ElementaryStream() {
+      var self = this,
+          segmentHadPmt = false,
+          // PES packet fragments
+      video = {
+        data: [],
+        size: 0
+      },
+          audio = {
+        data: [],
+        size: 0
+      },
+          timedMetadata = {
+        data: [],
+        size: 0
+      },
+          programMapTable,
+          parsePes = function parsePes(payload, pes) {
+        var ptsDtsFlags;
+        var startPrefix = payload[0] << 16 | payload[1] << 8 | payload[2]; // default to an empty array
+
+        pes.data = new Uint8Array(); // In certain live streams, the start of a TS fragment has ts packets
+        // that are frame data that is continuing from the previous fragment. This
+        // is to check that the pes data is the start of a new pes payload
+
+        if (startPrefix !== 1) {
+          return;
+        } // get the packet length, this will be 0 for video
+
+
+        pes.packetLength = 6 + (payload[4] << 8 | payload[5]); // find out if this packets starts a new keyframe
+
+        pes.dataAlignmentIndicator = (payload[6] & 0x04) !== 0; // PES packets may be annotated with a PTS value, or a PTS value
+        // and a DTS value. Determine what combination of values is
+        // available to work with.
+
+        ptsDtsFlags = payload[7]; // PTS and DTS are normally stored as a 33-bit number.  Javascript
+        // performs all bitwise operations on 32-bit integers but javascript
+        // supports a much greater range (52-bits) of integer using standard
+        // mathematical operations.
+        // We construct a 31-bit value using bitwise operators over the 31
+        // most significant bits and then multiply by 4 (equal to a left-shift
+        // of 2) before we add the final 2 least significant bits of the
+        // timestamp (equal to an OR.)
+
+        if (ptsDtsFlags & 0xC0) {
+          // the PTS and DTS are not written out directly. For information
+          // on how they are encoded, see
+          // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
+          pes.pts = (payload[9] & 0x0E) << 27 | (payload[10] & 0xFF) << 20 | (payload[11] & 0xFE) << 12 | (payload[12] & 0xFF) << 5 | (payload[13] & 0xFE) >>> 3;
+          pes.pts *= 4; // Left shift by 2
+
+          pes.pts += (payload[13] & 0x06) >>> 1; // OR by the two LSBs
+
+          pes.dts = pes.pts;
+
+          if (ptsDtsFlags & 0x40) {
+            pes.dts = (payload[14] & 0x0E) << 27 | (payload[15] & 0xFF) << 20 | (payload[16] & 0xFE) << 12 | (payload[17] & 0xFF) << 5 | (payload[18] & 0xFE) >>> 3;
+            pes.dts *= 4; // Left shift by 2
+
+            pes.dts += (payload[18] & 0x06) >>> 1; // OR by the two LSBs
+          }
+        } // the data section starts immediately after the PES header.
+        // pes_header_data_length specifies the number of header bytes
+        // that follow the last byte of the field.
+
+
+        pes.data = payload.subarray(9 + payload[8]);
+      },
+
+      /**
+        * Pass completely parsed PES packets to the next stream in the pipeline
+       **/
+      flushStream = function flushStream(stream, type, forceFlush) {
+        var packetData = new Uint8Array(stream.size),
+            event = {
+          type: type
+        },
+            i = 0,
+            offset = 0,
+            packetFlushable = false,
+            fragment; // do nothing if there is not enough buffered data for a complete
+        // PES header
+
+        if (!stream.data.length || stream.size < 9) {
+          return;
+        }
+
+        event.trackId = stream.data[0].pid; // reassemble the packet
+
+        for (i = 0; i < stream.data.length; i++) {
+          fragment = stream.data[i];
+          packetData.set(fragment.data, offset);
+          offset += fragment.data.byteLength;
+        } // parse assembled packet's PES header
+
+
+        parsePes(packetData, event); // non-video PES packets MUST have a non-zero PES_packet_length
+        // check that there is enough stream data to fill the packet
+
+        packetFlushable = type === 'video' || event.packetLength <= stream.size; // flush pending packets if the conditions are right
+
+        if (forceFlush || packetFlushable) {
+          stream.size = 0;
+          stream.data.length = 0;
+        } // only emit packets that are complete. this is to avoid assembling
+        // incomplete PES packets due to poor segmentation
+
+
+        if (packetFlushable) {
+          self.trigger('data', event);
+        }
+      };
+
+      _ElementaryStream.prototype.init.call(this);
+      /**
+       * Identifies M2TS packet types and parses PES packets using metadata
+       * parsed from the PMT
+       **/
+
+
+      this.push = function (data) {
+        ({
+          pat: function pat() {// we have to wait for the PMT to arrive as well before we
+            // have any meaningful metadata
+          },
+          pes: function pes() {
+            var stream, streamType;
+
+            switch (data.streamType) {
+              case streamTypes.H264_STREAM_TYPE:
+                stream = video;
+                streamType = 'video';
+                break;
+
+              case streamTypes.ADTS_STREAM_TYPE:
+                stream = audio;
+                streamType = 'audio';
+                break;
+
+              case streamTypes.METADATA_STREAM_TYPE:
+                stream = timedMetadata;
+                streamType = 'timed-metadata';
+                break;
+
+              default:
+                // ignore unknown stream types
+                return;
+            } // if a new packet is starting, we can flush the completed
+            // packet
+
+
+            if (data.payloadUnitStartIndicator) {
+              flushStream(stream, streamType, true);
+            } // buffer this fragment until we are sure we've received the
+            // complete payload
+
+
+            stream.data.push(data);
+            stream.size += data.data.byteLength;
+          },
+          pmt: function pmt() {
+            var event = {
+              type: 'metadata',
+              tracks: []
+            };
+            programMapTable = data.programMapTable; // translate audio and video streams to tracks
+
+            if (programMapTable.video !== null) {
+              event.tracks.push({
+                timelineStartInfo: {
+                  baseMediaDecodeTime: 0
+                },
+                id: +programMapTable.video,
+                codec: 'avc',
+                type: 'video'
+              });
+            }
+
+            if (programMapTable.audio !== null) {
+              event.tracks.push({
+                timelineStartInfo: {
+                  baseMediaDecodeTime: 0
+                },
+                id: +programMapTable.audio,
+                codec: 'adts',
+                type: 'audio'
+              });
+            }
+
+            segmentHadPmt = true;
+            self.trigger('data', event);
+          }
+        })[data.type]();
+      };
+
+      this.reset = function () {
+        video.size = 0;
+        video.data.length = 0;
+        audio.size = 0;
+        audio.data.length = 0;
+        this.trigger('reset');
+      };
+      /**
+       * Flush any remaining input. Video PES packets may be of variable
+       * length. Normally, the start of a new video packet can trigger the
+       * finalization of the previous packet. That is not possible if no
+       * more video is forthcoming, however. In that case, some other
+       * mechanism (like the end of the file) has to be employed. When it is
+       * clear that no additional data is forthcoming, calling this method
+       * will flush the buffered packets.
+       */
+
+
+      this.flushStreams_ = function () {
+        // !!THIS ORDER IS IMPORTANT!!
+        // video first then audio
+        flushStream(video, 'video');
+        flushStream(audio, 'audio');
+        flushStream(timedMetadata, 'timed-metadata');
+      };
+
+      this.flush = function () {
+        // if on flush we haven't had a pmt emitted
+        // and we have a pmt to emit. emit the pmt
+        // so that we trigger a trackinfo downstream.
+        if (!segmentHadPmt && programMapTable) {
+          var pmt = {
+            type: 'metadata',
+            tracks: []
+          }; // translate audio and video streams to tracks
+
+          if (programMapTable.video !== null) {
+            pmt.tracks.push({
+              timelineStartInfo: {
+                baseMediaDecodeTime: 0
+              },
+              id: +programMapTable.video,
+              codec: 'avc',
+              type: 'video'
+            });
+          }
+
+          if (programMapTable.audio !== null) {
+            pmt.tracks.push({
+              timelineStartInfo: {
+                baseMediaDecodeTime: 0
+              },
+              id: +programMapTable.audio,
+              codec: 'adts',
+              type: 'audio'
+            });
+          }
+
+          self.trigger('data', pmt);
+        }
+
+        segmentHadPmt = false;
+        this.flushStreams_();
+        this.trigger('done');
+      };
+    };
+
+    _ElementaryStream.prototype = new stream();
+    var m2ts = {
+      PAT_PID: 0x0000,
+      MP2T_PACKET_LENGTH: MP2T_PACKET_LENGTH$1,
+      TransportPacketStream: _TransportPacketStream,
+      TransportParseStream: _TransportParseStream,
+      ElementaryStream: _ElementaryStream,
+      TimestampRolloverStream: TimestampRolloverStream,
+      CaptionStream: captionStream.CaptionStream,
+      Cea608Stream: captionStream.Cea608Stream,
+      Cea708Stream: captionStream.Cea708Stream,
+      MetadataStream: metadataStream
+    };
+
+    for (var type in streamTypes) {
+      if (streamTypes.hasOwnProperty(type)) {
+        m2ts[type] = streamTypes[type];
+      }
+    }
+
+    var m2ts_1 = m2ts;
+    var ONE_SECOND_IN_TS$2 = clock.ONE_SECOND_IN_TS;
+
+    var _AdtsStream;
+
+    var ADTS_SAMPLING_FREQUENCIES$1 = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
+    /*
+     * Accepts a ElementaryStream and emits data events with parsed
+     * AAC Audio Frames of the individual packets. Input audio in ADTS
+     * format is unpacked and re-emitted as AAC frames.
+     *
+     * @see http://wiki.multimedia.cx/index.php?title=ADTS
+     * @see http://wiki.multimedia.cx/?title=Understanding_AAC
+     */
+
+    _AdtsStream = function AdtsStream(handlePartialSegments) {
+      var buffer,
+          frameNum = 0;
+
+      _AdtsStream.prototype.init.call(this);
+
+      this.skipWarn_ = function (start, end) {
+        this.trigger('log', {
+          level: 'warn',
+          message: "adts skiping bytes " + start + " to " + end + " in frame " + frameNum + " outside syncword"
+        });
+      };
+
+      this.push = function (packet) {
+        var i = 0,
+            frameLength,
+            protectionSkipBytes,
+            oldBuffer,
+            sampleCount,
+            adtsFrameDuration;
+
+        if (!handlePartialSegments) {
+          frameNum = 0;
+        }
+
+        if (packet.type !== 'audio') {
+          // ignore non-audio data
+          return;
+        } // Prepend any data in the buffer to the input data so that we can parse
+        // aac frames the cross a PES packet boundary
+
+
+        if (buffer && buffer.length) {
+          oldBuffer = buffer;
+          buffer = new Uint8Array(oldBuffer.byteLength + packet.data.byteLength);
+          buffer.set(oldBuffer);
+          buffer.set(packet.data, oldBuffer.byteLength);
+        } else {
+          buffer = packet.data;
+        } // unpack any ADTS frames which have been fully received
+        // for details on the ADTS header, see http://wiki.multimedia.cx/index.php?title=ADTS
+
+
+        var skip; // We use i + 7 here because we want to be able to parse the entire header.
+        // If we don't have enough bytes to do that, then we definitely won't have a full frame.
+
+        while (i + 7 < buffer.length) {
+          // Look for the start of an ADTS header..
+          if (buffer[i] !== 0xFF || (buffer[i + 1] & 0xF6) !== 0xF0) {
+            if (typeof skip !== 'number') {
+              skip = i;
+            } // If a valid header was not found,  jump one forward and attempt to
+            // find a valid ADTS header starting at the next byte
+
+
+            i++;
+            continue;
+          }
+
+          if (typeof skip === 'number') {
+            this.skipWarn_(skip, i);
+            skip = null;
+          } // The protection skip bit tells us if we have 2 bytes of CRC data at the
+          // end of the ADTS header
+
+
+          protectionSkipBytes = (~buffer[i + 1] & 0x01) * 2; // Frame length is a 13 bit integer starting 16 bits from the
+          // end of the sync sequence
+          // NOTE: frame length includes the size of the header
+
+          frameLength = (buffer[i + 3] & 0x03) << 11 | buffer[i + 4] << 3 | (buffer[i + 5] & 0xe0) >> 5;
+          sampleCount = ((buffer[i + 6] & 0x03) + 1) * 1024;
+          adtsFrameDuration = sampleCount * ONE_SECOND_IN_TS$2 / ADTS_SAMPLING_FREQUENCIES$1[(buffer[i + 2] & 0x3c) >>> 2]; // If we don't have enough data to actually finish this ADTS frame,
+          // then we have to wait for more data
+
+          if (buffer.byteLength - i < frameLength) {
+            break;
+          } // Otherwise, deliver the complete AAC frame
+
+
+          this.trigger('data', {
+            pts: packet.pts + frameNum * adtsFrameDuration,
+            dts: packet.dts + frameNum * adtsFrameDuration,
+            sampleCount: sampleCount,
+            audioobjecttype: (buffer[i + 2] >>> 6 & 0x03) + 1,
+            channelcount: (buffer[i + 2] & 1) << 2 | (buffer[i + 3] & 0xc0) >>> 6,
+            samplerate: ADTS_SAMPLING_FREQUENCIES$1[(buffer[i + 2] & 0x3c) >>> 2],
+            samplingfrequencyindex: (buffer[i + 2] & 0x3c) >>> 2,
+            // assume ISO/IEC 14496-12 AudioSampleEntry default of 16
+            samplesize: 16,
+            // data is the frame without it's header
+            data: buffer.subarray(i + 7 + protectionSkipBytes, i + frameLength)
+          });
+          frameNum++;
+          i += frameLength;
+        }
+
+        if (typeof skip === 'number') {
+          this.skipWarn_(skip, i);
+          skip = null;
+        } // remove processed bytes from the buffer.
+
+
+        buffer = buffer.subarray(i);
+      };
+
+      this.flush = function () {
+        frameNum = 0;
+        this.trigger('done');
+      };
+
+      this.reset = function () {
+        buffer = void 0;
+        this.trigger('reset');
+      };
+
+      this.endTimeline = function () {
+        buffer = void 0;
+        this.trigger('endedtimeline');
+      };
+    };
+
+    _AdtsStream.prototype = new stream();
+    var adts = _AdtsStream;
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     */
+
+    var ExpGolomb;
+    /**
+     * Parser for exponential Golomb codes, a variable-bitwidth number encoding
+     * scheme used by h264.
+     */
+
+    ExpGolomb = function ExpGolomb(workingData) {
+      var // the number of bytes left to examine in workingData
+      workingBytesAvailable = workingData.byteLength,
+          // the current word being examined
+      workingWord = 0,
+          // :uint
+      // the number of bits left to examine in the current word
+      workingBitsAvailable = 0; // :uint;
+      // ():uint
+
+      this.length = function () {
+        return 8 * workingBytesAvailable;
+      }; // ():uint
+
+
+      this.bitsAvailable = function () {
+        return 8 * workingBytesAvailable + workingBitsAvailable;
+      }; // ():void
+
+
+      this.loadWord = function () {
+        var position = workingData.byteLength - workingBytesAvailable,
+            workingBytes = new Uint8Array(4),
+            availableBytes = Math.min(4, workingBytesAvailable);
+
+        if (availableBytes === 0) {
+          throw new Error('no bytes available');
+        }
+
+        workingBytes.set(workingData.subarray(position, position + availableBytes));
+        workingWord = new DataView(workingBytes.buffer).getUint32(0); // track the amount of workingData that has been processed
+
+        workingBitsAvailable = availableBytes * 8;
+        workingBytesAvailable -= availableBytes;
+      }; // (count:int):void
+
+
+      this.skipBits = function (count) {
+        var skipBytes; // :int
+
+        if (workingBitsAvailable > count) {
+          workingWord <<= count;
+          workingBitsAvailable -= count;
+        } else {
+          count -= workingBitsAvailable;
+          skipBytes = Math.floor(count / 8);
+          count -= skipBytes * 8;
+          workingBytesAvailable -= skipBytes;
+          this.loadWord();
+          workingWord <<= count;
+          workingBitsAvailable -= count;
+        }
+      }; // (size:int):uint
+
+
+      this.readBits = function (size) {
+        var bits = Math.min(workingBitsAvailable, size),
+            // :uint
+        valu = workingWord >>> 32 - bits; // :uint
+        // if size > 31, handle error
+
+        workingBitsAvailable -= bits;
+
+        if (workingBitsAvailable > 0) {
+          workingWord <<= bits;
+        } else if (workingBytesAvailable > 0) {
+          this.loadWord();
+        }
+
+        bits = size - bits;
+
+        if (bits > 0) {
+          return valu << bits | this.readBits(bits);
+        }
+
+        return valu;
+      }; // ():uint
+
+
+      this.skipLeadingZeros = function () {
+        var leadingZeroCount; // :uint
+
+        for (leadingZeroCount = 0; leadingZeroCount < workingBitsAvailable; ++leadingZeroCount) {
+          if ((workingWord & 0x80000000 >>> leadingZeroCount) !== 0) {
+            // the first bit of working word is 1
+            workingWord <<= leadingZeroCount;
+            workingBitsAvailable -= leadingZeroCount;
+            return leadingZeroCount;
+          }
+        } // we exhausted workingWord and still have not found a 1
+
+
+        this.loadWord();
+        return leadingZeroCount + this.skipLeadingZeros();
+      }; // ():void
+
+
+      this.skipUnsignedExpGolomb = function () {
+        this.skipBits(1 + this.skipLeadingZeros());
+      }; // ():void
+
+
+      this.skipExpGolomb = function () {
+        this.skipBits(1 + this.skipLeadingZeros());
+      }; // ():uint
+
+
+      this.readUnsignedExpGolomb = function () {
+        var clz = this.skipLeadingZeros(); // :uint
+
+        return this.readBits(clz + 1) - 1;
+      }; // ():int
+
+
+      this.readExpGolomb = function () {
+        var valu = this.readUnsignedExpGolomb(); // :int
+
+        if (0x01 & valu) {
+          // the number is odd if the low order bit is set
+          return 1 + valu >>> 1; // add 1 to make it even, and divide by 2
+        }
+
+        return -1 * (valu >>> 1); // divide by two then make it negative
+      }; // Some convenience functions
+      // :Boolean
+
+
+      this.readBoolean = function () {
+        return this.readBits(1) === 1;
+      }; // ():int
+
+
+      this.readUnsignedByte = function () {
+        return this.readBits(8);
+      };
+
+      this.loadWord();
+    };
+
+    var expGolomb = ExpGolomb;
+
+    var _H264Stream, _NalByteStream;
+
+    var PROFILES_WITH_OPTIONAL_SPS_DATA;
+    /**
+     * Accepts a NAL unit byte stream and unpacks the embedded NAL units.
+     */
+
+    _NalByteStream = function NalByteStream() {
+      var syncPoint = 0,
+          i,
+          buffer;
+
+      _NalByteStream.prototype.init.call(this);
+      /*
+       * Scans a byte stream and triggers a data event with the NAL units found.
+       * @param {Object} data Event received from H264Stream
+       * @param {Uint8Array} data.data The h264 byte stream to be scanned
+       *
+       * @see H264Stream.push
+       */
+
+
+      this.push = function (data) {
+        var swapBuffer;
+
+        if (!buffer) {
+          buffer = data.data;
+        } else {
+          swapBuffer = new Uint8Array(buffer.byteLength + data.data.byteLength);
+          swapBuffer.set(buffer);
+          swapBuffer.set(data.data, buffer.byteLength);
+          buffer = swapBuffer;
+        }
+
+        var len = buffer.byteLength; // Rec. ITU-T H.264, Annex B
+        // scan for NAL unit boundaries
+        // a match looks like this:
+        // 0 0 1 .. NAL .. 0 0 1
+        // ^ sync point        ^ i
+        // or this:
+        // 0 0 1 .. NAL .. 0 0 0
+        // ^ sync point        ^ i
+        // advance the sync point to a NAL start, if necessary
+
+        for (; syncPoint < len - 3; syncPoint++) {
+          if (buffer[syncPoint + 2] === 1) {
+            // the sync point is properly aligned
+            i = syncPoint + 5;
+            break;
+          }
+        }
+
+        while (i < len) {
+          // look at the current byte to determine if we've hit the end of
+          // a NAL unit boundary
+          switch (buffer[i]) {
+            case 0:
+              // skip past non-sync sequences
+              if (buffer[i - 1] !== 0) {
+                i += 2;
+                break;
+              } else if (buffer[i - 2] !== 0) {
+                i++;
+                break;
+              } // deliver the NAL unit if it isn't empty
+
+
+              if (syncPoint + 3 !== i - 2) {
+                this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
+              } // drop trailing zeroes
+
+
+              do {
+                i++;
+              } while (buffer[i] !== 1 && i < len);
+
+              syncPoint = i - 2;
+              i += 3;
+              break;
+
+            case 1:
+              // skip past non-sync sequences
+              if (buffer[i - 1] !== 0 || buffer[i - 2] !== 0) {
+                i += 3;
+                break;
+              } // deliver the NAL unit
+
+
+              this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
+              syncPoint = i - 2;
+              i += 3;
+              break;
+
+            default:
+              // the current byte isn't a one or zero, so it cannot be part
+              // of a sync sequence
+              i += 3;
+              break;
+          }
+        } // filter out the NAL units that were delivered
+
+
+        buffer = buffer.subarray(syncPoint);
+        i -= syncPoint;
+        syncPoint = 0;
+      };
+
+      this.reset = function () {
+        buffer = null;
+        syncPoint = 0;
+        this.trigger('reset');
+      };
+
+      this.flush = function () {
+        // deliver the last buffered NAL unit
+        if (buffer && buffer.byteLength > 3) {
+          this.trigger('data', buffer.subarray(syncPoint + 3));
+        } // reset the stream state
+
+
+        buffer = null;
+        syncPoint = 0;
+        this.trigger('done');
+      };
+
+      this.endTimeline = function () {
+        this.flush();
+        this.trigger('endedtimeline');
+      };
+    };
+
+    _NalByteStream.prototype = new stream(); // values of profile_idc that indicate additional fields are included in the SPS
+    // see Recommendation ITU-T H.264 (4/2013),
+    // 7.3.2.1.1 Sequence parameter set data syntax
+
+    PROFILES_WITH_OPTIONAL_SPS_DATA = {
+      100: true,
+      110: true,
+      122: true,
+      244: true,
+      44: true,
+      83: true,
+      86: true,
+      118: true,
+      128: true,
+      // TODO: the three profiles below don't
+      // appear to have sps data in the specificiation anymore?
+      138: true,
+      139: true,
+      134: true
+    };
+    /**
+     * Accepts input from a ElementaryStream and produces H.264 NAL unit data
+     * events.
+     */
+
+    _H264Stream = function H264Stream() {
+      var nalByteStream = new _NalByteStream(),
+          self,
+          trackId,
+          currentPts,
+          currentDts,
+          discardEmulationPreventionBytes,
+          readSequenceParameterSet,
+          skipScalingList;
+
+      _H264Stream.prototype.init.call(this);
+
+      self = this;
+      /*
+       * Pushes a packet from a stream onto the NalByteStream
+       *
+       * @param {Object} packet - A packet received from a stream
+       * @param {Uint8Array} packet.data - The raw bytes of the packet
+       * @param {Number} packet.dts - Decode timestamp of the packet
+       * @param {Number} packet.pts - Presentation timestamp of the packet
+       * @param {Number} packet.trackId - The id of the h264 track this packet came from
+       * @param {('video'|'audio')} packet.type - The type of packet
+       *
+       */
+
+      this.push = function (packet) {
+        if (packet.type !== 'video') {
+          return;
+        }
+
+        trackId = packet.trackId;
+        currentPts = packet.pts;
+        currentDts = packet.dts;
+        nalByteStream.push(packet);
+      };
+      /*
+       * Identify NAL unit types and pass on the NALU, trackId, presentation and decode timestamps
+       * for the NALUs to the next stream component.
+       * Also, preprocess caption and sequence parameter NALUs.
+       *
+       * @param {Uint8Array} data - A NAL unit identified by `NalByteStream.push`
+       * @see NalByteStream.push
+       */
+
+
+      nalByteStream.on('data', function (data) {
+        var event = {
+          trackId: trackId,
+          pts: currentPts,
+          dts: currentDts,
+          data: data,
+          nalUnitTypeCode: data[0] & 0x1f
+        };
+
+        switch (event.nalUnitTypeCode) {
+          case 0x05:
+            event.nalUnitType = 'slice_layer_without_partitioning_rbsp_idr';
+            break;
+
+          case 0x06:
+            event.nalUnitType = 'sei_rbsp';
+            event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
+            break;
+
+          case 0x07:
+            event.nalUnitType = 'seq_parameter_set_rbsp';
+            event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
+            event.config = readSequenceParameterSet(event.escapedRBSP);
+            break;
+
+          case 0x08:
+            event.nalUnitType = 'pic_parameter_set_rbsp';
+            break;
+
+          case 0x09:
+            event.nalUnitType = 'access_unit_delimiter_rbsp';
+            break;
+        } // This triggers data on the H264Stream
+
+
+        self.trigger('data', event);
+      });
+      nalByteStream.on('done', function () {
+        self.trigger('done');
+      });
+      nalByteStream.on('partialdone', function () {
+        self.trigger('partialdone');
+      });
+      nalByteStream.on('reset', function () {
+        self.trigger('reset');
+      });
+      nalByteStream.on('endedtimeline', function () {
+        self.trigger('endedtimeline');
+      });
+
+      this.flush = function () {
+        nalByteStream.flush();
+      };
+
+      this.partialFlush = function () {
+        nalByteStream.partialFlush();
+      };
+
+      this.reset = function () {
+        nalByteStream.reset();
+      };
+
+      this.endTimeline = function () {
+        nalByteStream.endTimeline();
+      };
+      /**
+       * Advance the ExpGolomb decoder past a scaling list. The scaling
+       * list is optionally transmitted as part of a sequence parameter
+       * set and is not relevant to transmuxing.
+       * @param count {number} the number of entries in this scaling list
+       * @param expGolombDecoder {object} an ExpGolomb pointed to the
+       * start of a scaling list
+       * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1
+       */
+
+
+      skipScalingList = function skipScalingList(count, expGolombDecoder) {
+        var lastScale = 8,
+            nextScale = 8,
+            j,
+            deltaScale;
+
+        for (j = 0; j < count; j++) {
+          if (nextScale !== 0) {
+            deltaScale = expGolombDecoder.readExpGolomb();
+            nextScale = (lastScale + deltaScale + 256) % 256;
+          }
+
+          lastScale = nextScale === 0 ? lastScale : nextScale;
+        }
+      };
+      /**
+       * Expunge any "Emulation Prevention" bytes from a "Raw Byte
+       * Sequence Payload"
+       * @param data {Uint8Array} the bytes of a RBSP from a NAL
+       * unit
+       * @return {Uint8Array} the RBSP without any Emulation
+       * Prevention Bytes
+       */
+
+
+      discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
+        var length = data.byteLength,
+            emulationPreventionBytesPositions = [],
+            i = 1,
+            newLength,
+            newData; // Find all `Emulation Prevention Bytes`
+
+        while (i < length - 2) {
+          if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
+            emulationPreventionBytesPositions.push(i + 2);
+            i += 2;
+          } else {
+            i++;
+          }
+        } // If no Emulation Prevention Bytes were found just return the original
+        // array
+
+
+        if (emulationPreventionBytesPositions.length === 0) {
+          return data;
+        } // Create a new array to hold the NAL unit data
+
+
+        newLength = length - emulationPreventionBytesPositions.length;
+        newData = new Uint8Array(newLength);
+        var sourceIndex = 0;
+
+        for (i = 0; i < newLength; sourceIndex++, i++) {
+          if (sourceIndex === emulationPreventionBytesPositions[0]) {
+            // Skip this byte
+            sourceIndex++; // Remove this position index
+
+            emulationPreventionBytesPositions.shift();
+          }
+
+          newData[i] = data[sourceIndex];
+        }
+
+        return newData;
+      };
+      /**
+       * Read a sequence parameter set and return some interesting video
+       * properties. A sequence parameter set is the H264 metadata that
+       * describes the properties of upcoming video frames.
+       * @param data {Uint8Array} the bytes of a sequence parameter set
+       * @return {object} an object with configuration parsed from the
+       * sequence parameter set, including the dimensions of the
+       * associated video frames.
+       */
+
+
+      readSequenceParameterSet = function readSequenceParameterSet(data) {
+        var frameCropLeftOffset = 0,
+            frameCropRightOffset = 0,
+            frameCropTopOffset = 0,
+            frameCropBottomOffset = 0,
+            expGolombDecoder,
+            profileIdc,
+            levelIdc,
+            profileCompatibility,
+            chromaFormatIdc,
+            picOrderCntType,
+            numRefFramesInPicOrderCntCycle,
+            picWidthInMbsMinus1,
+            picHeightInMapUnitsMinus1,
+            frameMbsOnlyFlag,
+            scalingListCount,
+            sarRatio = [1, 1],
+            aspectRatioIdc,
+            i;
+        expGolombDecoder = new expGolomb(data);
+        profileIdc = expGolombDecoder.readUnsignedByte(); // profile_idc
+
+        profileCompatibility = expGolombDecoder.readUnsignedByte(); // constraint_set[0-5]_flag
+
+        levelIdc = expGolombDecoder.readUnsignedByte(); // level_idc u(8)
+
+        expGolombDecoder.skipUnsignedExpGolomb(); // seq_parameter_set_id
+        // some profiles have more optional data we don't need
+
+        if (PROFILES_WITH_OPTIONAL_SPS_DATA[profileIdc]) {
+          chromaFormatIdc = expGolombDecoder.readUnsignedExpGolomb();
+
+          if (chromaFormatIdc === 3) {
+            expGolombDecoder.skipBits(1); // separate_colour_plane_flag
+          }
+
+          expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_luma_minus8
+
+          expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_chroma_minus8
+
+          expGolombDecoder.skipBits(1); // qpprime_y_zero_transform_bypass_flag
+
+          if (expGolombDecoder.readBoolean()) {
+            // seq_scaling_matrix_present_flag
+            scalingListCount = chromaFormatIdc !== 3 ? 8 : 12;
+
+            for (i = 0; i < scalingListCount; i++) {
+              if (expGolombDecoder.readBoolean()) {
+                // seq_scaling_list_present_flag[ i ]
+                if (i < 6) {
+                  skipScalingList(16, expGolombDecoder);
+                } else {
+                  skipScalingList(64, expGolombDecoder);
+                }
+              }
+            }
+          }
+        }
+
+        expGolombDecoder.skipUnsignedExpGolomb(); // log2_max_frame_num_minus4
+
+        picOrderCntType = expGolombDecoder.readUnsignedExpGolomb();
+
+        if (picOrderCntType === 0) {
+          expGolombDecoder.readUnsignedExpGolomb(); // log2_max_pic_order_cnt_lsb_minus4
+        } else if (picOrderCntType === 1) {
+          expGolombDecoder.skipBits(1); // delta_pic_order_always_zero_flag
+
+          expGolombDecoder.skipExpGolomb(); // offset_for_non_ref_pic
+
+          expGolombDecoder.skipExpGolomb(); // offset_for_top_to_bottom_field
+
+          numRefFramesInPicOrderCntCycle = expGolombDecoder.readUnsignedExpGolomb();
+
+          for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) {
+            expGolombDecoder.skipExpGolomb(); // offset_for_ref_frame[ i ]
+          }
+        }
+
+        expGolombDecoder.skipUnsignedExpGolomb(); // max_num_ref_frames
+
+        expGolombDecoder.skipBits(1); // gaps_in_frame_num_value_allowed_flag
+
+        picWidthInMbsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
+        picHeightInMapUnitsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
+        frameMbsOnlyFlag = expGolombDecoder.readBits(1);
+
+        if (frameMbsOnlyFlag === 0) {
+          expGolombDecoder.skipBits(1); // mb_adaptive_frame_field_flag
+        }
+
+        expGolombDecoder.skipBits(1); // direct_8x8_inference_flag
+
+        if (expGolombDecoder.readBoolean()) {
+          // frame_cropping_flag
+          frameCropLeftOffset = expGolombDecoder.readUnsignedExpGolomb();
+          frameCropRightOffset = expGolombDecoder.readUnsignedExpGolomb();
+          frameCropTopOffset = expGolombDecoder.readUnsignedExpGolomb();
+          frameCropBottomOffset = expGolombDecoder.readUnsignedExpGolomb();
+        }
+
+        if (expGolombDecoder.readBoolean()) {
+          // vui_parameters_present_flag
+          if (expGolombDecoder.readBoolean()) {
+            // aspect_ratio_info_present_flag
+            aspectRatioIdc = expGolombDecoder.readUnsignedByte();
+
+            switch (aspectRatioIdc) {
+              case 1:
+                sarRatio = [1, 1];
+                break;
+
+              case 2:
+                sarRatio = [12, 11];
+                break;
+
+              case 3:
+                sarRatio = [10, 11];
+                break;
+
+              case 4:
+                sarRatio = [16, 11];
+                break;
+
+              case 5:
+                sarRatio = [40, 33];
+                break;
+
+              case 6:
+                sarRatio = [24, 11];
+                break;
+
+              case 7:
+                sarRatio = [20, 11];
+                break;
+
+              case 8:
+                sarRatio = [32, 11];
+                break;
+
+              case 9:
+                sarRatio = [80, 33];
+                break;
+
+              case 10:
+                sarRatio = [18, 11];
+                break;
+
+              case 11:
+                sarRatio = [15, 11];
+                break;
+
+              case 12:
+                sarRatio = [64, 33];
+                break;
+
+              case 13:
+                sarRatio = [160, 99];
+                break;
+
+              case 14:
+                sarRatio = [4, 3];
+                break;
+
+              case 15:
+                sarRatio = [3, 2];
+                break;
+
+              case 16:
+                sarRatio = [2, 1];
+                break;
+
+              case 255:
+                {
+                  sarRatio = [expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte(), expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte()];
+                  break;
+                }
+            }
+
+            if (sarRatio) {
+              sarRatio[0] / sarRatio[1];
+            }
+          }
+        }
+
+        return {
+          profileIdc: profileIdc,
+          levelIdc: levelIdc,
+          profileCompatibility: profileCompatibility,
+          width: (picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2,
+          height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - frameCropTopOffset * 2 - frameCropBottomOffset * 2,
+          // sar is sample aspect ratio
+          sarRatio: sarRatio
+        };
+      };
+    };
+
+    _H264Stream.prototype = new stream();
+    var h264 = {
+      H264Stream: _H264Stream,
+      NalByteStream: _NalByteStream
+    };
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     *
+     * Utilities to detect basic properties and metadata about Aac data.
+     */
+
+    var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
+
+    var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
+      var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
+          flags = header[byteIndex + 5],
+          footerPresent = (flags & 16) >> 4; // if we get a negative returnSize clamp it to 0
+
+      returnSize = returnSize >= 0 ? returnSize : 0;
+
+      if (footerPresent) {
+        return returnSize + 20;
+      }
+
+      return returnSize + 10;
+    };
+
+    var getId3Offset = function getId3Offset(data, offset) {
+      if (data.length - offset < 10 || data[offset] !== 'I'.charCodeAt(0) || data[offset + 1] !== 'D'.charCodeAt(0) || data[offset + 2] !== '3'.charCodeAt(0)) {
+        return offset;
+      }
+
+      offset += parseId3TagSize(data, offset);
+      return getId3Offset(data, offset);
+    }; // TODO: use vhs-utils
+
+
+    var isLikelyAacData$1 = function isLikelyAacData(data) {
+      var offset = getId3Offset(data, 0);
+      return data.length >= offset + 2 && (data[offset] & 0xFF) === 0xFF && (data[offset + 1] & 0xF0) === 0xF0 && // verify that the 2 layer bits are 0, aka this
+      // is not mp3 data but aac data.
+      (data[offset + 1] & 0x16) === 0x10;
+    };
+
+    var parseSyncSafeInteger = function parseSyncSafeInteger(data) {
+      return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
+    }; // return a percent-encoded representation of the specified byte range
+    // @see http://en.wikipedia.org/wiki/Percent-encoding
+
+
+    var percentEncode = function percentEncode(bytes, start, end) {
+      var i,
+          result = '';
+
+      for (i = start; i < end; i++) {
+        result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
+      }
+
+      return result;
+    }; // return the string representation of the specified byte range,
+    // interpreted as ISO-8859-1.
+
+
+    var parseIso88591 = function parseIso88591(bytes, start, end) {
+      return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
+    };
+
+    var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
+      var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
+          middle = header[byteIndex + 4] << 3,
+          highTwo = header[byteIndex + 3] & 0x3 << 11;
+      return highTwo | middle | lowThree;
+    };
+
+    var parseType$2 = function parseType(header, byteIndex) {
+      if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
+        return 'timed-metadata';
+      } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
+        return 'audio';
+      }
+
+      return null;
+    };
+
+    var parseSampleRate = function parseSampleRate(packet) {
+      var i = 0;
+
+      while (i + 5 < packet.length) {
+        if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
+          // If a valid header was not found,  jump one forward and attempt to
+          // find a valid ADTS header starting at the next byte
+          i++;
+          continue;
+        }
+
+        return ADTS_SAMPLING_FREQUENCIES[(packet[i + 2] & 0x3c) >>> 2];
+      }
+
+      return null;
+    };
+
+    var parseAacTimestamp = function parseAacTimestamp(packet) {
+      var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
+
+      frameStart = 10;
+
+      if (packet[5] & 0x40) {
+        // advance the frame start past the extended header
+        frameStart += 4; // header size field
+
+        frameStart += parseSyncSafeInteger(packet.subarray(10, 14));
+      } // parse one or more ID3 frames
+      // http://id3.org/id3v2.3.0#ID3v2_frame_overview
+
+
+      do {
+        // determine the number of bytes in this frame
+        frameSize = parseSyncSafeInteger(packet.subarray(frameStart + 4, frameStart + 8));
+
+        if (frameSize < 1) {
+          return null;
+        }
+
+        frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
+
+        if (frameHeader === 'PRIV') {
+          frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
+
+          for (var i = 0; i < frame.byteLength; i++) {
+            if (frame[i] === 0) {
+              var owner = parseIso88591(frame, 0, i);
+
+              if (owner === 'com.apple.streaming.transportStreamTimestamp') {
+                var d = frame.subarray(i + 1);
+                var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
+                size *= 4;
+                size += d[7] & 0x03;
+                return size;
+              }
+
+              break;
+            }
+          }
+        }
+
+        frameStart += 10; // advance past the frame header
+
+        frameStart += frameSize; // advance past the frame body
+      } while (frameStart < packet.byteLength);
+
+      return null;
+    };
+
+    var utils = {
+      isLikelyAacData: isLikelyAacData$1,
+      parseId3TagSize: parseId3TagSize,
+      parseAdtsSize: parseAdtsSize,
+      parseType: parseType$2,
+      parseSampleRate: parseSampleRate,
+      parseAacTimestamp: parseAacTimestamp
+    };
+
+    var _AacStream;
+    /**
+     * Splits an incoming stream of binary data into ADTS and ID3 Frames.
+     */
+
+
+    _AacStream = function AacStream() {
+      var everything = new Uint8Array(),
+          timeStamp = 0;
+
+      _AacStream.prototype.init.call(this);
+
+      this.setTimestamp = function (timestamp) {
+        timeStamp = timestamp;
+      };
+
+      this.push = function (bytes) {
+        var frameSize = 0,
+            byteIndex = 0,
+            bytesLeft,
+            chunk,
+            packet,
+            tempLength; // If there are bytes remaining from the last segment, prepend them to the
+        // bytes that were pushed in
+
+        if (everything.length) {
+          tempLength = everything.length;
+          everything = new Uint8Array(bytes.byteLength + tempLength);
+          everything.set(everything.subarray(0, tempLength));
+          everything.set(bytes, tempLength);
+        } else {
+          everything = bytes;
+        }
+
+        while (everything.length - byteIndex >= 3) {
+          if (everything[byteIndex] === 'I'.charCodeAt(0) && everything[byteIndex + 1] === 'D'.charCodeAt(0) && everything[byteIndex + 2] === '3'.charCodeAt(0)) {
+            // Exit early because we don't have enough to parse
+            // the ID3 tag header
+            if (everything.length - byteIndex < 10) {
+              break;
+            } // check framesize
+
+
+            frameSize = utils.parseId3TagSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
+            // to emit a full packet
+            // Add to byteIndex to support multiple ID3 tags in sequence
+
+            if (byteIndex + frameSize > everything.length) {
+              break;
+            }
+
+            chunk = {
+              type: 'timed-metadata',
+              data: everything.subarray(byteIndex, byteIndex + frameSize)
+            };
+            this.trigger('data', chunk);
+            byteIndex += frameSize;
+            continue;
+          } else if ((everything[byteIndex] & 0xff) === 0xff && (everything[byteIndex + 1] & 0xf0) === 0xf0) {
+            // Exit early because we don't have enough to parse
+            // the ADTS frame header
+            if (everything.length - byteIndex < 7) {
+              break;
+            }
+
+            frameSize = utils.parseAdtsSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
+            // to emit a full packet
+
+            if (byteIndex + frameSize > everything.length) {
+              break;
+            }
+
+            packet = {
+              type: 'audio',
+              data: everything.subarray(byteIndex, byteIndex + frameSize),
+              pts: timeStamp,
+              dts: timeStamp
+            };
+            this.trigger('data', packet);
+            byteIndex += frameSize;
+            continue;
+          }
+
+          byteIndex++;
+        }
+
+        bytesLeft = everything.length - byteIndex;
+
+        if (bytesLeft > 0) {
+          everything = everything.subarray(byteIndex);
+        } else {
+          everything = new Uint8Array();
+        }
+      };
+
+      this.reset = function () {
+        everything = new Uint8Array();
+        this.trigger('reset');
+      };
+
+      this.endTimeline = function () {
+        everything = new Uint8Array();
+        this.trigger('endedtimeline');
+      };
+    };
+
+    _AacStream.prototype = new stream();
+    var aac = _AacStream; // constants
+
+    var AUDIO_PROPERTIES = ['audioobjecttype', 'channelcount', 'samplerate', 'samplingfrequencyindex', 'samplesize'];
+    var audioProperties = AUDIO_PROPERTIES;
+    var VIDEO_PROPERTIES = ['width', 'height', 'profileIdc', 'levelIdc', 'profileCompatibility', 'sarRatio'];
+    var videoProperties = VIDEO_PROPERTIES;
+    var H264Stream = h264.H264Stream;
+    var isLikelyAacData = utils.isLikelyAacData;
+    var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS; // object types
+
+    var _VideoSegmentStream, _AudioSegmentStream, _Transmuxer, _CoalesceStream;
+    /**
+     * Compare two arrays (even typed) for same-ness
+     */
+
+
+    var arrayEquals = function arrayEquals(a, b) {
+      var i;
+
+      if (a.length !== b.length) {
+        return false;
+      } // compare the value of each element in the array
+
+
+      for (i = 0; i < a.length; i++) {
+        if (a[i] !== b[i]) {
+          return false;
+        }
+      }
+
+      return true;
+    };
+
+    var generateSegmentTimingInfo = function generateSegmentTimingInfo(baseMediaDecodeTime, startDts, startPts, endDts, endPts, prependedContentDuration) {
+      var ptsOffsetFromDts = startPts - startDts,
+          decodeDuration = endDts - startDts,
+          presentationDuration = endPts - startPts; // The PTS and DTS values are based on the actual stream times from the segment,
+      // however, the player time values will reflect a start from the baseMediaDecodeTime.
+      // In order to provide relevant values for the player times, base timing info on the
+      // baseMediaDecodeTime and the DTS and PTS durations of the segment.
+
+      return {
+        start: {
+          dts: baseMediaDecodeTime,
+          pts: baseMediaDecodeTime + ptsOffsetFromDts
+        },
+        end: {
+          dts: baseMediaDecodeTime + decodeDuration,
+          pts: baseMediaDecodeTime + presentationDuration
+        },
+        prependedContentDuration: prependedContentDuration,
+        baseMediaDecodeTime: baseMediaDecodeTime
+      };
+    };
+    /**
+     * Constructs a single-track, ISO BMFF media segment from AAC data
+     * events. The output of this stream can be fed to a SourceBuffer
+     * configured with a suitable initialization segment.
+     * @param track {object} track metadata configuration
+     * @param options {object} transmuxer options object
+     * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
+     *        in the source; false to adjust the first segment to start at 0.
+     */
+
+
+    _AudioSegmentStream = function AudioSegmentStream(track, options) {
+      var adtsFrames = [],
+          sequenceNumber = 0,
+          earliestAllowedDts = 0,
+          audioAppendStartTs = 0,
+          videoBaseMediaDecodeTime = Infinity;
+      options = options || {};
+
+      _AudioSegmentStream.prototype.init.call(this);
+
+      this.push = function (data) {
+        trackDecodeInfo.collectDtsInfo(track, data);
+
+        if (track) {
+          audioProperties.forEach(function (prop) {
+            track[prop] = data[prop];
+          });
+        } // buffer audio data until end() is called
+
+
+        adtsFrames.push(data);
+      };
+
+      this.setEarliestDts = function (earliestDts) {
+        earliestAllowedDts = earliestDts;
+      };
+
+      this.setVideoBaseMediaDecodeTime = function (baseMediaDecodeTime) {
+        videoBaseMediaDecodeTime = baseMediaDecodeTime;
+      };
+
+      this.setAudioAppendStart = function (timestamp) {
+        audioAppendStartTs = timestamp;
+      };
+
+      this.flush = function () {
+        var frames, moof, mdat, boxes, frameDuration, segmentDuration, videoClockCyclesOfSilencePrefixed; // return early if no audio data has been observed
+
+        if (adtsFrames.length === 0) {
+          this.trigger('done', 'AudioSegmentStream');
+          return;
+        }
+
+        frames = audioFrameUtils.trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts);
+        track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps); // amount of audio filled but the value is in video clock rather than audio clock
+
+        videoClockCyclesOfSilencePrefixed = audioFrameUtils.prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime); // we have to build the index from byte locations to
+        // samples (that is, adts frames) in the audio data
+
+        track.samples = audioFrameUtils.generateSampleTable(frames); // concatenate the audio data to constuct the mdat
+
+        mdat = mp4Generator.mdat(audioFrameUtils.concatenateFrameData(frames));
+        adtsFrames = [];
+        moof = mp4Generator.moof(sequenceNumber, [track]);
+        boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // bump the sequence number for next time
+
+        sequenceNumber++;
+        boxes.set(moof);
+        boxes.set(mdat, moof.byteLength);
+        trackDecodeInfo.clearDtsInfo(track);
+        frameDuration = Math.ceil(ONE_SECOND_IN_TS$1 * 1024 / track.samplerate); // TODO this check was added to maintain backwards compatibility (particularly with
+        // tests) on adding the timingInfo event. However, it seems unlikely that there's a
+        // valid use-case where an init segment/data should be triggered without associated
+        // frames. Leaving for now, but should be looked into.
+
+        if (frames.length) {
+          segmentDuration = frames.length * frameDuration;
+          this.trigger('segmentTimingInfo', generateSegmentTimingInfo( // The audio track's baseMediaDecodeTime is in audio clock cycles, but the
+          // frame info is in video clock cycles. Convert to match expectation of
+          // listeners (that all timestamps will be based on video clock cycles).
+          clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate), // frame times are already in video clock, as is segment duration
+          frames[0].dts, frames[0].pts, frames[0].dts + segmentDuration, frames[0].pts + segmentDuration, videoClockCyclesOfSilencePrefixed || 0));
+          this.trigger('timingInfo', {
+            start: frames[0].pts,
+            end: frames[0].pts + segmentDuration
+          });
+        }
+
+        this.trigger('data', {
+          track: track,
+          boxes: boxes
+        });
+        this.trigger('done', 'AudioSegmentStream');
+      };
+
+      this.reset = function () {
+        trackDecodeInfo.clearDtsInfo(track);
+        adtsFrames = [];
+        this.trigger('reset');
+      };
+    };
+
+    _AudioSegmentStream.prototype = new stream();
+    /**
+     * Constructs a single-track, ISO BMFF media segment from H264 data
+     * events. The output of this stream can be fed to a SourceBuffer
+     * configured with a suitable initialization segment.
+     * @param track {object} track metadata configuration
+     * @param options {object} transmuxer options object
+     * @param options.alignGopsAtEnd {boolean} If true, start from the end of the
+     *        gopsToAlignWith list when attempting to align gop pts
+     * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
+     *        in the source; false to adjust the first segment to start at 0.
+     */
+
+    _VideoSegmentStream = function VideoSegmentStream(track, options) {
+      var sequenceNumber = 0,
+          nalUnits = [],
+          gopsToAlignWith = [],
+          config,
+          pps;
+      options = options || {};
+
+      _VideoSegmentStream.prototype.init.call(this);
+
+      delete track.minPTS;
+      this.gopCache_ = [];
+      /**
+        * Constructs a ISO BMFF segment given H264 nalUnits
+        * @param {Object} nalUnit A data event representing a nalUnit
+        * @param {String} nalUnit.nalUnitType
+        * @param {Object} nalUnit.config Properties for a mp4 track
+        * @param {Uint8Array} nalUnit.data The nalUnit bytes
+        * @see lib/codecs/h264.js
+       **/
+
+      this.push = function (nalUnit) {
+        trackDecodeInfo.collectDtsInfo(track, nalUnit); // record the track config
+
+        if (nalUnit.nalUnitType === 'seq_parameter_set_rbsp' && !config) {
+          config = nalUnit.config;
+          track.sps = [nalUnit.data];
+          videoProperties.forEach(function (prop) {
+            track[prop] = config[prop];
+          }, this);
+        }
+
+        if (nalUnit.nalUnitType === 'pic_parameter_set_rbsp' && !pps) {
+          pps = nalUnit.data;
+          track.pps = [nalUnit.data];
+        } // buffer video until flush() is called
+
+
+        nalUnits.push(nalUnit);
+      };
+      /**
+        * Pass constructed ISO BMFF track and boxes on to the
+        * next stream in the pipeline
+       **/
+
+
+      this.flush = function () {
+        var frames,
+            gopForFusion,
+            gops,
+            moof,
+            mdat,
+            boxes,
+            prependedContentDuration = 0,
+            firstGop,
+            lastGop; // Throw away nalUnits at the start of the byte stream until
+        // we find the first AUD
+
+        while (nalUnits.length) {
+          if (nalUnits[0].nalUnitType === 'access_unit_delimiter_rbsp') {
+            break;
+          }
+
+          nalUnits.shift();
+        } // Return early if no video data has been observed
+
+
+        if (nalUnits.length === 0) {
+          this.resetStream_();
+          this.trigger('done', 'VideoSegmentStream');
+          return;
+        } // Organize the raw nal-units into arrays that represent
+        // higher-level constructs such as frames and gops
+        // (group-of-pictures)
+
+
+        frames = frameUtils.groupNalsIntoFrames(nalUnits);
+        gops = frameUtils.groupFramesIntoGops(frames); // If the first frame of this fragment is not a keyframe we have
+        // a problem since MSE (on Chrome) requires a leading keyframe.
+        //
+        // We have two approaches to repairing this situation:
+        // 1) GOP-FUSION:
+        //    This is where we keep track of the GOPS (group-of-pictures)
+        //    from previous fragments and attempt to find one that we can
+        //    prepend to the current fragment in order to create a valid
+        //    fragment.
+        // 2) KEYFRAME-PULLING:
+        //    Here we search for the first keyframe in the fragment and
+        //    throw away all the frames between the start of the fragment
+        //    and that keyframe. We then extend the duration and pull the
+        //    PTS of the keyframe forward so that it covers the time range
+        //    of the frames that were disposed of.
+        //
+        // #1 is far prefereable over #2 which can cause "stuttering" but
+        // requires more things to be just right.
+
+        if (!gops[0][0].keyFrame) {
+          // Search for a gop for fusion from our gopCache
+          gopForFusion = this.getGopForFusion_(nalUnits[0], track);
+
+          if (gopForFusion) {
+            // in order to provide more accurate timing information about the segment, save
+            // the number of seconds prepended to the original segment due to GOP fusion
+            prependedContentDuration = gopForFusion.duration;
+            gops.unshift(gopForFusion); // Adjust Gops' metadata to account for the inclusion of the
+            // new gop at the beginning
+
+            gops.byteLength += gopForFusion.byteLength;
+            gops.nalCount += gopForFusion.nalCount;
+            gops.pts = gopForFusion.pts;
+            gops.dts = gopForFusion.dts;
+            gops.duration += gopForFusion.duration;
+          } else {
+            // If we didn't find a candidate gop fall back to keyframe-pulling
+            gops = frameUtils.extendFirstKeyFrame(gops);
+          }
+        } // Trim gops to align with gopsToAlignWith
+
+
+        if (gopsToAlignWith.length) {
+          var alignedGops;
+
+          if (options.alignGopsAtEnd) {
+            alignedGops = this.alignGopsAtEnd_(gops);
+          } else {
+            alignedGops = this.alignGopsAtStart_(gops);
+          }
+
+          if (!alignedGops) {
+            // save all the nals in the last GOP into the gop cache
+            this.gopCache_.unshift({
+              gop: gops.pop(),
+              pps: track.pps,
+              sps: track.sps
+            }); // Keep a maximum of 6 GOPs in the cache
+
+            this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
+
+            nalUnits = []; // return early no gops can be aligned with desired gopsToAlignWith
+
+            this.resetStream_();
+            this.trigger('done', 'VideoSegmentStream');
+            return;
+          } // Some gops were trimmed. clear dts info so minSegmentDts and pts are correct
+          // when recalculated before sending off to CoalesceStream
+
+
+          trackDecodeInfo.clearDtsInfo(track);
+          gops = alignedGops;
+        }
+
+        trackDecodeInfo.collectDtsInfo(track, gops); // First, we have to build the index from byte locations to
+        // samples (that is, frames) in the video data
+
+        track.samples = frameUtils.generateSampleTable(gops); // Concatenate the video data and construct the mdat
+
+        mdat = mp4Generator.mdat(frameUtils.concatenateNalData(gops));
+        track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
+        this.trigger('processedGopsInfo', gops.map(function (gop) {
+          return {
+            pts: gop.pts,
+            dts: gop.dts,
+            byteLength: gop.byteLength
+          };
+        }));
+        firstGop = gops[0];
+        lastGop = gops[gops.length - 1];
+        this.trigger('segmentTimingInfo', generateSegmentTimingInfo(track.baseMediaDecodeTime, firstGop.dts, firstGop.pts, lastGop.dts + lastGop.duration, lastGop.pts + lastGop.duration, prependedContentDuration));
+        this.trigger('timingInfo', {
+          start: gops[0].pts,
+          end: gops[gops.length - 1].pts + gops[gops.length - 1].duration
+        }); // save all the nals in the last GOP into the gop cache
+
+        this.gopCache_.unshift({
+          gop: gops.pop(),
+          pps: track.pps,
+          sps: track.sps
+        }); // Keep a maximum of 6 GOPs in the cache
+
+        this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
+
+        nalUnits = [];
+        this.trigger('baseMediaDecodeTime', track.baseMediaDecodeTime);
+        this.trigger('timelineStartInfo', track.timelineStartInfo);
+        moof = mp4Generator.moof(sequenceNumber, [track]); // it would be great to allocate this array up front instead of
+        // throwing away hundreds of media segment fragments
+
+        boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // Bump the sequence number for next time
+
+        sequenceNumber++;
+        boxes.set(moof);
+        boxes.set(mdat, moof.byteLength);
+        this.trigger('data', {
+          track: track,
+          boxes: boxes
+        });
+        this.resetStream_(); // Continue with the flush process now
+
+        this.trigger('done', 'VideoSegmentStream');
+      };
+
+      this.reset = function () {
+        this.resetStream_();
+        nalUnits = [];
+        this.gopCache_.length = 0;
+        gopsToAlignWith.length = 0;
+        this.trigger('reset');
+      };
+
+      this.resetStream_ = function () {
+        trackDecodeInfo.clearDtsInfo(track); // reset config and pps because they may differ across segments
+        // for instance, when we are rendition switching
+
+        config = undefined;
+        pps = undefined;
+      }; // Search for a candidate Gop for gop-fusion from the gop cache and
+      // return it or return null if no good candidate was found
+
+
+      this.getGopForFusion_ = function (nalUnit) {
+        var halfSecond = 45000,
+            // Half-a-second in a 90khz clock
+        allowableOverlap = 10000,
+            // About 3 frames @ 30fps
+        nearestDistance = Infinity,
+            dtsDistance,
+            nearestGopObj,
+            currentGop,
+            currentGopObj,
+            i; // Search for the GOP nearest to the beginning of this nal unit
+
+        for (i = 0; i < this.gopCache_.length; i++) {
+          currentGopObj = this.gopCache_[i];
+          currentGop = currentGopObj.gop; // Reject Gops with different SPS or PPS
+
+          if (!(track.pps && arrayEquals(track.pps[0], currentGopObj.pps[0])) || !(track.sps && arrayEquals(track.sps[0], currentGopObj.sps[0]))) {
+            continue;
+          } // Reject Gops that would require a negative baseMediaDecodeTime
+
+
+          if (currentGop.dts < track.timelineStartInfo.dts) {
+            continue;
+          } // The distance between the end of the gop and the start of the nalUnit
+
+
+          dtsDistance = nalUnit.dts - currentGop.dts - currentGop.duration; // Only consider GOPS that start before the nal unit and end within
+          // a half-second of the nal unit
+
+          if (dtsDistance >= -allowableOverlap && dtsDistance <= halfSecond) {
+            // Always use the closest GOP we found if there is more than
+            // one candidate
+            if (!nearestGopObj || nearestDistance > dtsDistance) {
+              nearestGopObj = currentGopObj;
+              nearestDistance = dtsDistance;
+            }
+          }
+        }
+
+        if (nearestGopObj) {
+          return nearestGopObj.gop;
+        }
+
+        return null;
+      }; // trim gop list to the first gop found that has a matching pts with a gop in the list
+      // of gopsToAlignWith starting from the START of the list
+
+
+      this.alignGopsAtStart_ = function (gops) {
+        var alignIndex, gopIndex, align, gop, byteLength, nalCount, duration, alignedGops;
+        byteLength = gops.byteLength;
+        nalCount = gops.nalCount;
+        duration = gops.duration;
+        alignIndex = gopIndex = 0;
+
+        while (alignIndex < gopsToAlignWith.length && gopIndex < gops.length) {
+          align = gopsToAlignWith[alignIndex];
+          gop = gops[gopIndex];
+
+          if (align.pts === gop.pts) {
+            break;
+          }
+
+          if (gop.pts > align.pts) {
+            // this current gop starts after the current gop we want to align on, so increment
+            // align index
+            alignIndex++;
+            continue;
+          } // current gop starts before the current gop we want to align on. so increment gop
+          // index
+
+
+          gopIndex++;
+          byteLength -= gop.byteLength;
+          nalCount -= gop.nalCount;
+          duration -= gop.duration;
+        }
+
+        if (gopIndex === 0) {
+          // no gops to trim
+          return gops;
+        }
+
+        if (gopIndex === gops.length) {
+          // all gops trimmed, skip appending all gops
+          return null;
+        }
+
+        alignedGops = gops.slice(gopIndex);
+        alignedGops.byteLength = byteLength;
+        alignedGops.duration = duration;
+        alignedGops.nalCount = nalCount;
+        alignedGops.pts = alignedGops[0].pts;
+        alignedGops.dts = alignedGops[0].dts;
+        return alignedGops;
+      }; // trim gop list to the first gop found that has a matching pts with a gop in the list
+      // of gopsToAlignWith starting from the END of the list
+
+
+      this.alignGopsAtEnd_ = function (gops) {
+        var alignIndex, gopIndex, align, gop, alignEndIndex, matchFound;
+        alignIndex = gopsToAlignWith.length - 1;
+        gopIndex = gops.length - 1;
+        alignEndIndex = null;
+        matchFound = false;
+
+        while (alignIndex >= 0 && gopIndex >= 0) {
+          align = gopsToAlignWith[alignIndex];
+          gop = gops[gopIndex];
+
+          if (align.pts === gop.pts) {
+            matchFound = true;
+            break;
+          }
+
+          if (align.pts > gop.pts) {
+            alignIndex--;
+            continue;
+          }
+
+          if (alignIndex === gopsToAlignWith.length - 1) {
+            // gop.pts is greater than the last alignment candidate. If no match is found
+            // by the end of this loop, we still want to append gops that come after this
+            // point
+            alignEndIndex = gopIndex;
+          }
+
+          gopIndex--;
+        }
+
+        if (!matchFound && alignEndIndex === null) {
+          return null;
+        }
+
+        var trimIndex;
+
+        if (matchFound) {
+          trimIndex = gopIndex;
+        } else {
+          trimIndex = alignEndIndex;
+        }
+
+        if (trimIndex === 0) {
+          return gops;
+        }
+
+        var alignedGops = gops.slice(trimIndex);
+        var metadata = alignedGops.reduce(function (total, gop) {
+          total.byteLength += gop.byteLength;
+          total.duration += gop.duration;
+          total.nalCount += gop.nalCount;
+          return total;
+        }, {
+          byteLength: 0,
+          duration: 0,
+          nalCount: 0
+        });
+        alignedGops.byteLength = metadata.byteLength;
+        alignedGops.duration = metadata.duration;
+        alignedGops.nalCount = metadata.nalCount;
+        alignedGops.pts = alignedGops[0].pts;
+        alignedGops.dts = alignedGops[0].dts;
+        return alignedGops;
+      };
+
+      this.alignGopsWith = function (newGopsToAlignWith) {
+        gopsToAlignWith = newGopsToAlignWith;
+      };
+    };
+
+    _VideoSegmentStream.prototype = new stream();
+    /**
+     * A Stream that can combine multiple streams (ie. audio & video)
+     * into a single output segment for MSE. Also supports audio-only
+     * and video-only streams.
+     * @param options {object} transmuxer options object
+     * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
+     *        in the source; false to adjust the first segment to start at media timeline start.
+     */
+
+    _CoalesceStream = function CoalesceStream(options, metadataStream) {
+      // Number of Tracks per output segment
+      // If greater than 1, we combine multiple
+      // tracks into a single segment
+      this.numberOfTracks = 0;
+      this.metadataStream = metadataStream;
+      options = options || {};
+
+      if (typeof options.remux !== 'undefined') {
+        this.remuxTracks = !!options.remux;
+      } else {
+        this.remuxTracks = true;
+      }
+
+      if (typeof options.keepOriginalTimestamps === 'boolean') {
+        this.keepOriginalTimestamps = options.keepOriginalTimestamps;
+      } else {
+        this.keepOriginalTimestamps = false;
+      }
+
+      this.pendingTracks = [];
+      this.videoTrack = null;
+      this.pendingBoxes = [];
+      this.pendingCaptions = [];
+      this.pendingMetadata = [];
+      this.pendingBytes = 0;
+      this.emittedTracks = 0;
+
+      _CoalesceStream.prototype.init.call(this); // Take output from multiple
+
+
+      this.push = function (output) {
+        // buffer incoming captions until the associated video segment
+        // finishes
+        if (output.text) {
+          return this.pendingCaptions.push(output);
+        } // buffer incoming id3 tags until the final flush
+
+
+        if (output.frames) {
+          return this.pendingMetadata.push(output);
+        } // Add this track to the list of pending tracks and store
+        // important information required for the construction of
+        // the final segment
+
+
+        this.pendingTracks.push(output.track);
+        this.pendingBytes += output.boxes.byteLength; // TODO: is there an issue for this against chrome?
+        // We unshift audio and push video because
+        // as of Chrome 75 when switching from
+        // one init segment to another if the video
+        // mdat does not appear after the audio mdat
+        // only audio will play for the duration of our transmux.
+
+        if (output.track.type === 'video') {
+          this.videoTrack = output.track;
+          this.pendingBoxes.push(output.boxes);
+        }
+
+        if (output.track.type === 'audio') {
+          this.audioTrack = output.track;
+          this.pendingBoxes.unshift(output.boxes);
+        }
+      };
+    };
+
+    _CoalesceStream.prototype = new stream();
+
+    _CoalesceStream.prototype.flush = function (flushSource) {
+      var offset = 0,
+          event = {
+        captions: [],
+        captionStreams: {},
+        metadata: [],
+        info: {}
+      },
+          caption,
+          id3,
+          initSegment,
+          timelineStartPts = 0,
+          i;
+
+      if (this.pendingTracks.length < this.numberOfTracks) {
+        if (flushSource !== 'VideoSegmentStream' && flushSource !== 'AudioSegmentStream') {
+          // Return because we haven't received a flush from a data-generating
+          // portion of the segment (meaning that we have only recieved meta-data
+          // or captions.)
+          return;
+        } else if (this.remuxTracks) {
+          // Return until we have enough tracks from the pipeline to remux (if we
+          // are remuxing audio and video into a single MP4)
+          return;
+        } else if (this.pendingTracks.length === 0) {
+          // In the case where we receive a flush without any data having been
+          // received we consider it an emitted track for the purposes of coalescing
+          // `done` events.
+          // We do this for the case where there is an audio and video track in the
+          // segment but no audio data. (seen in several playlists with alternate
+          // audio tracks and no audio present in the main TS segments.)
+          this.emittedTracks++;
+
+          if (this.emittedTracks >= this.numberOfTracks) {
+            this.trigger('done');
+            this.emittedTracks = 0;
+          }
+
+          return;
+        }
+      }
+
+      if (this.videoTrack) {
+        timelineStartPts = this.videoTrack.timelineStartInfo.pts;
+        videoProperties.forEach(function (prop) {
+          event.info[prop] = this.videoTrack[prop];
+        }, this);
+      } else if (this.audioTrack) {
+        timelineStartPts = this.audioTrack.timelineStartInfo.pts;
+        audioProperties.forEach(function (prop) {
+          event.info[prop] = this.audioTrack[prop];
+        }, this);
+      }
+
+      if (this.videoTrack || this.audioTrack) {
+        if (this.pendingTracks.length === 1) {
+          event.type = this.pendingTracks[0].type;
+        } else {
+          event.type = 'combined';
+        }
+
+        this.emittedTracks += this.pendingTracks.length;
+        initSegment = mp4Generator.initSegment(this.pendingTracks); // Create a new typed array to hold the init segment
+
+        event.initSegment = new Uint8Array(initSegment.byteLength); // Create an init segment containing a moov
+        // and track definitions
+
+        event.initSegment.set(initSegment); // Create a new typed array to hold the moof+mdats
+
+        event.data = new Uint8Array(this.pendingBytes); // Append each moof+mdat (one per track) together
+
+        for (i = 0; i < this.pendingBoxes.length; i++) {
+          event.data.set(this.pendingBoxes[i], offset);
+          offset += this.pendingBoxes[i].byteLength;
+        } // Translate caption PTS times into second offsets to match the
+        // video timeline for the segment, and add track info
+
+
+        for (i = 0; i < this.pendingCaptions.length; i++) {
+          caption = this.pendingCaptions[i];
+          caption.startTime = clock.metadataTsToSeconds(caption.startPts, timelineStartPts, this.keepOriginalTimestamps);
+          caption.endTime = clock.metadataTsToSeconds(caption.endPts, timelineStartPts, this.keepOriginalTimestamps);
+          event.captionStreams[caption.stream] = true;
+          event.captions.push(caption);
+        } // Translate ID3 frame PTS times into second offsets to match the
+        // video timeline for the segment
+
+
+        for (i = 0; i < this.pendingMetadata.length; i++) {
+          id3 = this.pendingMetadata[i];
+          id3.cueTime = clock.metadataTsToSeconds(id3.pts, timelineStartPts, this.keepOriginalTimestamps);
+          event.metadata.push(id3);
+        } // We add this to every single emitted segment even though we only need
+        // it for the first
+
+
+        event.metadata.dispatchType = this.metadataStream.dispatchType; // Reset stream state
+
+        this.pendingTracks.length = 0;
+        this.videoTrack = null;
+        this.pendingBoxes.length = 0;
+        this.pendingCaptions.length = 0;
+        this.pendingBytes = 0;
+        this.pendingMetadata.length = 0; // Emit the built segment
+        // We include captions and ID3 tags for backwards compatibility,
+        // ideally we should send only video and audio in the data event
+
+        this.trigger('data', event); // Emit each caption to the outside world
+        // Ideally, this would happen immediately on parsing captions,
+        // but we need to ensure that video data is sent back first
+        // so that caption timing can be adjusted to match video timing
+
+        for (i = 0; i < event.captions.length; i++) {
+          caption = event.captions[i];
+          this.trigger('caption', caption);
+        } // Emit each id3 tag to the outside world
+        // Ideally, this would happen immediately on parsing the tag,
+        // but we need to ensure that video data is sent back first
+        // so that ID3 frame timing can be adjusted to match video timing
+
+
+        for (i = 0; i < event.metadata.length; i++) {
+          id3 = event.metadata[i];
+          this.trigger('id3Frame', id3);
+        }
+      } // Only emit `done` if all tracks have been flushed and emitted
+
+
+      if (this.emittedTracks >= this.numberOfTracks) {
+        this.trigger('done');
+        this.emittedTracks = 0;
+      }
+    };
+
+    _CoalesceStream.prototype.setRemux = function (val) {
+      this.remuxTracks = val;
+    };
+    /**
+     * A Stream that expects MP2T binary data as input and produces
+     * corresponding media segments, suitable for use with Media Source
+     * Extension (MSE) implementations that support the ISO BMFF byte
+     * stream format, like Chrome.
+     */
+
+
+    _Transmuxer = function Transmuxer(options) {
+      var self = this,
+          hasFlushed = true,
+          videoTrack,
+          audioTrack;
+
+      _Transmuxer.prototype.init.call(this);
+
+      options = options || {};
+      this.baseMediaDecodeTime = options.baseMediaDecodeTime || 0;
+      this.transmuxPipeline_ = {};
+
+      this.setupAacPipeline = function () {
+        var pipeline = {};
+        this.transmuxPipeline_ = pipeline;
+        pipeline.type = 'aac';
+        pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
+
+        pipeline.aacStream = new aac();
+        pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');
+        pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');
+        pipeline.adtsStream = new adts();
+        pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
+        pipeline.headOfPipeline = pipeline.aacStream;
+        pipeline.aacStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);
+        pipeline.aacStream.pipe(pipeline.timedMetadataTimestampRolloverStream).pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream);
+        pipeline.metadataStream.on('timestamp', function (frame) {
+          pipeline.aacStream.setTimestamp(frame.timeStamp);
+        });
+        pipeline.aacStream.on('data', function (data) {
+          if (data.type !== 'timed-metadata' && data.type !== 'audio' || pipeline.audioSegmentStream) {
+            return;
+          }
+
+          audioTrack = audioTrack || {
+            timelineStartInfo: {
+              baseMediaDecodeTime: self.baseMediaDecodeTime
+            },
+            codec: 'adts',
+            type: 'audio'
+          }; // hook up the audio segment stream to the first track with aac data
+
+          pipeline.coalesceStream.numberOfTracks++;
+          pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
+          pipeline.audioSegmentStream.on('log', self.getLogTrigger_('audioSegmentStream'));
+          pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
+
+          pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream); // emit pmt info
+
+          self.trigger('trackinfo', {
+            hasAudio: !!audioTrack,
+            hasVideo: !!videoTrack
+          });
+        }); // Re-emit any data coming from the coalesce stream to the outside world
+
+        pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data')); // Let the consumer know we have finished flushing the entire pipeline
+
+        pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
+      };
+
+      this.setupTsPipeline = function () {
+        var pipeline = {};
+        this.transmuxPipeline_ = pipeline;
+        pipeline.type = 'ts';
+        pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
+
+        pipeline.packetStream = new m2ts_1.TransportPacketStream();
+        pipeline.parseStream = new m2ts_1.TransportParseStream();
+        pipeline.elementaryStream = new m2ts_1.ElementaryStream();
+        pipeline.timestampRolloverStream = new m2ts_1.TimestampRolloverStream();
+        pipeline.adtsStream = new adts();
+        pipeline.h264Stream = new H264Stream();
+        pipeline.captionStream = new m2ts_1.CaptionStream(options);
+        pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
+        pipeline.headOfPipeline = pipeline.packetStream; // disassemble MPEG2-TS packets into elementary streams
+
+        pipeline.packetStream.pipe(pipeline.parseStream).pipe(pipeline.elementaryStream).pipe(pipeline.timestampRolloverStream); // !!THIS ORDER IS IMPORTANT!!
+        // demux the streams
+
+        pipeline.timestampRolloverStream.pipe(pipeline.h264Stream);
+        pipeline.timestampRolloverStream.pipe(pipeline.adtsStream);
+        pipeline.timestampRolloverStream.pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream); // Hook up CEA-608/708 caption stream
+
+        pipeline.h264Stream.pipe(pipeline.captionStream).pipe(pipeline.coalesceStream);
+        pipeline.elementaryStream.on('data', function (data) {
+          var i;
+
+          if (data.type === 'metadata') {
+            i = data.tracks.length; // scan the tracks listed in the metadata
+
+            while (i--) {
+              if (!videoTrack && data.tracks[i].type === 'video') {
+                videoTrack = data.tracks[i];
+                videoTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
+              } else if (!audioTrack && data.tracks[i].type === 'audio') {
+                audioTrack = data.tracks[i];
+                audioTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
+              }
+            } // hook up the video segment stream to the first track with h264 data
+
+
+            if (videoTrack && !pipeline.videoSegmentStream) {
+              pipeline.coalesceStream.numberOfTracks++;
+              pipeline.videoSegmentStream = new _VideoSegmentStream(videoTrack, options);
+              pipeline.videoSegmentStream.on('log', self.getLogTrigger_('videoSegmentStream'));
+              pipeline.videoSegmentStream.on('timelineStartInfo', function (timelineStartInfo) {
+                // When video emits timelineStartInfo data after a flush, we forward that
+                // info to the AudioSegmentStream, if it exists, because video timeline
+                // data takes precedence.  Do not do this if keepOriginalTimestamps is set,
+                // because this is a particularly subtle form of timestamp alteration.
+                if (audioTrack && !options.keepOriginalTimestamps) {
+                  audioTrack.timelineStartInfo = timelineStartInfo; // On the first segment we trim AAC frames that exist before the
+                  // very earliest DTS we have seen in video because Chrome will
+                  // interpret any video track with a baseMediaDecodeTime that is
+                  // non-zero as a gap.
+
+                  pipeline.audioSegmentStream.setEarliestDts(timelineStartInfo.dts - self.baseMediaDecodeTime);
+                }
+              });
+              pipeline.videoSegmentStream.on('processedGopsInfo', self.trigger.bind(self, 'gopInfo'));
+              pipeline.videoSegmentStream.on('segmentTimingInfo', self.trigger.bind(self, 'videoSegmentTimingInfo'));
+              pipeline.videoSegmentStream.on('baseMediaDecodeTime', function (baseMediaDecodeTime) {
+                if (audioTrack) {
+                  pipeline.audioSegmentStream.setVideoBaseMediaDecodeTime(baseMediaDecodeTime);
+                }
+              });
+              pipeline.videoSegmentStream.on('timingInfo', self.trigger.bind(self, 'videoTimingInfo')); // Set up the final part of the video pipeline
+
+              pipeline.h264Stream.pipe(pipeline.videoSegmentStream).pipe(pipeline.coalesceStream);
+            }
+
+            if (audioTrack && !pipeline.audioSegmentStream) {
+              // hook up the audio segment stream to the first track with aac data
+              pipeline.coalesceStream.numberOfTracks++;
+              pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
+              pipeline.audioSegmentStream.on('log', self.getLogTrigger_('audioSegmentStream'));
+              pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo'));
+              pipeline.audioSegmentStream.on('segmentTimingInfo', self.trigger.bind(self, 'audioSegmentTimingInfo')); // Set up the final part of the audio pipeline
+
+              pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
+            } // emit pmt info
+
+
+            self.trigger('trackinfo', {
+              hasAudio: !!audioTrack,
+              hasVideo: !!videoTrack
+            });
+          }
+        }); // Re-emit any data coming from the coalesce stream to the outside world
+
+        pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data'));
+        pipeline.coalesceStream.on('id3Frame', function (id3Frame) {
+          id3Frame.dispatchType = pipeline.metadataStream.dispatchType;
+          self.trigger('id3Frame', id3Frame);
+        });
+        pipeline.coalesceStream.on('caption', this.trigger.bind(this, 'caption')); // Let the consumer know we have finished flushing the entire pipeline
+
+        pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
+      }; // hook up the segment streams once track metadata is delivered
+
+
+      this.setBaseMediaDecodeTime = function (baseMediaDecodeTime) {
+        var pipeline = this.transmuxPipeline_;
+
+        if (!options.keepOriginalTimestamps) {
+          this.baseMediaDecodeTime = baseMediaDecodeTime;
+        }
+
+        if (audioTrack) {
+          audioTrack.timelineStartInfo.dts = undefined;
+          audioTrack.timelineStartInfo.pts = undefined;
+          trackDecodeInfo.clearDtsInfo(audioTrack);
+
+          if (pipeline.audioTimestampRolloverStream) {
+            pipeline.audioTimestampRolloverStream.discontinuity();
+          }
+        }
+
+        if (videoTrack) {
+          if (pipeline.videoSegmentStream) {
+            pipeline.videoSegmentStream.gopCache_ = [];
+          }
+
+          videoTrack.timelineStartInfo.dts = undefined;
+          videoTrack.timelineStartInfo.pts = undefined;
+          trackDecodeInfo.clearDtsInfo(videoTrack);
+          pipeline.captionStream.reset();
+        }
+
+        if (pipeline.timestampRolloverStream) {
+          pipeline.timestampRolloverStream.discontinuity();
+        }
+      };
+
+      this.setAudioAppendStart = function (timestamp) {
+        if (audioTrack) {
+          this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(timestamp);
+        }
+      };
+
+      this.setRemux = function (val) {
+        var pipeline = this.transmuxPipeline_;
+        options.remux = val;
+
+        if (pipeline && pipeline.coalesceStream) {
+          pipeline.coalesceStream.setRemux(val);
+        }
+      };
+
+      this.alignGopsWith = function (gopsToAlignWith) {
+        if (videoTrack && this.transmuxPipeline_.videoSegmentStream) {
+          this.transmuxPipeline_.videoSegmentStream.alignGopsWith(gopsToAlignWith);
+        }
+      };
+
+      this.getLogTrigger_ = function (key) {
+        var self = this;
+        return function (event) {
+          event.stream = key;
+          self.trigger('log', event);
+        };
+      }; // feed incoming data to the front of the parsing pipeline
+
+
+      this.push = function (data) {
+        if (hasFlushed) {
+          var isAac = isLikelyAacData(data);
+
+          if (isAac && this.transmuxPipeline_.type !== 'aac') {
+            this.setupAacPipeline();
+          } else if (!isAac && this.transmuxPipeline_.type !== 'ts') {
+            this.setupTsPipeline();
+          }
+
+          if (this.transmuxPipeline_) {
+            var keys = Object.keys(this.transmuxPipeline_);
+
+            for (var i = 0; i < keys.length; i++) {
+              var key = keys[i]; // skip non-stream keys and headOfPipeline
+              // which is just a duplicate
+
+              if (key === 'headOfPipeline' || !this.transmuxPipeline_[key].on) {
+                continue;
+              }
+
+              this.transmuxPipeline_[key].on('log', this.getLogTrigger_(key));
+            }
+          }
+
+          hasFlushed = false;
+        }
+
+        this.transmuxPipeline_.headOfPipeline.push(data);
+      }; // flush any buffered data
+
+
+      this.flush = function () {
+        hasFlushed = true; // Start at the top of the pipeline and flush all pending work
+
+        this.transmuxPipeline_.headOfPipeline.flush();
+      };
+
+      this.endTimeline = function () {
+        this.transmuxPipeline_.headOfPipeline.endTimeline();
+      };
+
+      this.reset = function () {
+        if (this.transmuxPipeline_.headOfPipeline) {
+          this.transmuxPipeline_.headOfPipeline.reset();
+        }
+      }; // Caption data has to be reset when seeking outside buffered range
+
+
+      this.resetCaptions = function () {
+        if (this.transmuxPipeline_.captionStream) {
+          this.transmuxPipeline_.captionStream.reset();
+        }
+      };
+    };
+
+    _Transmuxer.prototype = new stream();
+    var transmuxer = {
+      Transmuxer: _Transmuxer,
+      VideoSegmentStream: _VideoSegmentStream,
+      AudioSegmentStream: _AudioSegmentStream,
+      AUDIO_PROPERTIES: audioProperties,
+      VIDEO_PROPERTIES: videoProperties,
+      // exported for testing
+      generateSegmentTimingInfo: generateSegmentTimingInfo
+    };
+    /**
+     * mux.js
+     *
+     * Copyright (c) Brightcove
+     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+     */
+
+    var toUnsigned$3 = function toUnsigned(value) {
+      return value >>> 0;
+    };
+
+    var toHexString$1 = function toHexString(value) {
+      return ('00' + value.toString(16)).slice(-2);
+    };
+
+    var bin = {
+      toUnsigned: toUnsigned$3,
+      toHexString: toHexString$1
+    };
+
+    var parseType$1 = function parseType(buffer) {
+      var result = '';
+      result += String.fromCharCode(buffer[0]);
+      result += String.fromCharCode(buffer[1]);
+      result += String.fromCharCode(buffer[2]);
+      result += String.fromCharCode(buffer[3]);
+      return result;
+    };
+
+    var parseType_1 = parseType$1;
+    var toUnsigned$2 = bin.toUnsigned;
+
+    var findBox = function findBox(data, path) {
+      var results = [],
+          i,
+          size,
+          type,
+          end,
+          subresults;
+
+      if (!path.length) {
+        // short-circuit the search for empty paths
+        return null;
+      }
+
+      for (i = 0; i < data.byteLength;) {
+        size = toUnsigned$2(data[i] << 24 | data[i + 1] << 16 | data[i + 2] << 8 | data[i + 3]);
+        type = parseType_1(data.subarray(i + 4, i + 8));
+        end = size > 1 ? i + size : data.byteLength;
+
+        if (type === path[0]) {
+          if (path.length === 1) {
+            // this is the end of the path and we've found the box we were
+            // looking for
+            results.push(data.subarray(i + 8, end));
+          } else {
+            // recursively search for the next box along the path
+            subresults = findBox(data.subarray(i + 8, end), path.slice(1));
+
+            if (subresults.length) {
+              results = results.concat(subresults);
+            }
+          }
+        }
+
+        i = end;
+      } // we've finished searching all of data
+
+
+      return results;
+    };
+
+    var findBox_1 = findBox;
+    var toUnsigned$1 = bin.toUnsigned;
+
+    var tfdt = function tfdt(data) {
+      var result = {
+        version: data[0],
+        flags: new Uint8Array(data.subarray(1, 4)),
+        baseMediaDecodeTime: toUnsigned$1(data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7])
+      };
+
+      if (result.version === 1) {
+        result.baseMediaDecodeTime *= Math.pow(2, 32);
+        result.baseMediaDecodeTime += toUnsigned$1(data[8] << 24 | data[9] << 16 | data[10] << 8 | data[11]);
+      }
+
+      return result;
+    };
+
+    var parseTfdt = tfdt;
+
+    var parseSampleFlags = function parseSampleFlags(flags) {
+      return {
+        isLeading: (flags[0] & 0x0c) >>> 2,
+        dependsOn: flags[0] & 0x03,
+        isDependedOn: (flags[1] & 0xc0) >>> 6,
+        hasRedundancy: (flags[1] & 0x30) >>> 4,
+        paddingValue: (flags[1] & 0x0e) >>> 1,
+        isNonSyncSample: flags[1] & 0x01,
+        degradationPriority: flags[2] << 8 | flags[3]
+      };
+    };
+
+    var parseSampleFlags_1 = parseSampleFlags;
+
+    var trun = function trun(data) {
+      var result = {
+        version: data[0],
+        flags: new Uint8Array(data.subarray(1, 4)),
+        samples: []
+      },
+          view = new DataView(data.buffer, data.byteOffset, data.byteLength),
+          // Flag interpretation
+      dataOffsetPresent = result.flags[2] & 0x01,
+          // compare with 2nd byte of 0x1
+      firstSampleFlagsPresent = result.flags[2] & 0x04,
+          // compare with 2nd byte of 0x4
+      sampleDurationPresent = result.flags[1] & 0x01,
+          // compare with 2nd byte of 0x100
+      sampleSizePresent = result.flags[1] & 0x02,
+          // compare with 2nd byte of 0x200
+      sampleFlagsPresent = result.flags[1] & 0x04,
+          // compare with 2nd byte of 0x400
+      sampleCompositionTimeOffsetPresent = result.flags[1] & 0x08,
+          // compare with 2nd byte of 0x800
+      sampleCount = view.getUint32(4),
+          offset = 8,
+          sample;
+
+      if (dataOffsetPresent) {
+        // 32 bit signed integer
+        result.dataOffset = view.getInt32(offset);
+        offset += 4;
+      } // Overrides the flags for the first sample only. The order of
+      // optional values will be: duration, size, compositionTimeOffset
+
+
+      if (firstSampleFlagsPresent && sampleCount) {
+        sample = {
+          flags: parseSampleFlags_1(data.subarray(offset, offset + 4))
+        };
+        offset += 4;
+
+        if (sampleDurationPresent) {
+          sample.duration = view.getUint32(offset);
+          offset += 4;
+        }
+
+        if (sampleSizePresent) {
+          sample.size = view.getUint32(offset);
+          offset += 4;
+        }
+
+        if (sampleCompositionTimeOffsetPresent) {
+          if (result.version === 1) {
+            sample.compositionTimeOffset = view.getInt32(offset);
+          } else {
+            sample.compositionTimeOffset = view.getUint32(offset);
+          }
+
+          offset += 4;
+        }
+
+        result.samples.push(sample);
+        sampleCount--;
+      }
+
+      while (sampleCount--) {
+        sample = {};
+
+        if (sampleDurationPresent) {
+          sample.duration = view.getUint32(offset);
+          offset += 4;
+        }
+
+        if (sampleSizePresent) {
+          sample.size = view.getUint32(offset);
+          offset += 4;
+        }
+
+        if (sampleFlagsPresent) {
+          sample.flags = parseSampleFlags_1(data.subarray(offset, offset + 4));
+          offset += 4;
+        }
+
+        if (sampleCompositionTimeOffsetPresent) {
+          if (result.version === 1) {
+            sample.compositionTimeOffset = view.getInt32(offset);
+          } else {
+            sample.compositionTimeOffset = view.getUint32(offset);
+          }
+
+          offset += 4;
+        }
+
+        result.samples.push(sample);
+      }
+
+      return result;
+    };
+
+    var parseTrun = trun;
+
+    var tfhd = function tfhd(data) {
+      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
+          result = {
+        version: data[0],
+        flags: new Uint8Array(data.subarray(1, 4)),
+        trackId: view.getUint32(4)
+      },
+          baseDataOffsetPresent = result.flags[2] & 0x01,
+          sampleDescriptionIndexPresent = result.flags[2] & 0x02,
+          defaultSampleDurationPresent = result.flags[2] & 0x08,
+          defaultSampleSizePresent = result.flags[2] & 0x10,
+          defaultSampleFlagsPresent = result.flags[2] & 0x20,
+          durationIsEmpty = result.flags[0] & 0x010000,
+          defaultBaseIsMoof = result.flags[0] & 0x020000,
+          i;
+      i = 8;
+
+      if (baseDataOffsetPresent) {
+        i += 4; // truncate top 4 bytes
+        // FIXME: should we read the full 64 bits?
+
+        result.baseDataOffset = view.getUint32(12);
+        i += 4;
+      }
+
+      if (sampleDescriptionIndexPresent) {
+        result.sampleDescriptionIndex = view.getUint32(i);
+        i += 4;
+      }
+
+      if (defaultSampleDurationPresent) {
+        result.defaultSampleDuration = view.getUint32(i);
+        i += 4;
+      }
+
+      if (defaultSampleSizePresent) {
+        result.defaultSampleSize = view.getUint32(i);
+        i += 4;
+      }
+
+      if (defaultSampleFlagsPresent) {
+        result.defaultSampleFlags = view.getUint32(i);
+      }
+
+      if (durationIsEmpty) {
+        result.durationIsEmpty = true;
+      }
+
+      if (!baseDataOffsetPresent && defaultBaseIsMoof) {
+        result.baseDataOffsetIsMoof = true;
+      }
+
+      return result;
+    };
+
+    var parseTfhd = tfhd;
+    var discardEmulationPreventionBytes = captionPacketParser.discardEmulationPreventionBytes;
+    var CaptionStream = captionStream.CaptionStream;
+    /**
+      * Maps an offset in the mdat to a sample based on the the size of the samples.
+      * Assumes that `parseSamples` has been called first.
+      *
+      * @param {Number} offset - The offset into the mdat
+      * @param {Object[]} samples - An array of samples, parsed using `parseSamples`
+      * @return {?Object} The matching sample, or null if no match was found.
+      *
+      * @see ISO-BMFF-12/2015, Section 8.8.8
+     **/
+
+    var mapToSample = function mapToSample(offset, samples) {
+      var approximateOffset = offset;
+
+      for (var i = 0; i < samples.length; i++) {
+        var sample = samples[i];
+
+        if (approximateOffset < sample.size) {
+          return sample;
+        }
+
+        approximateOffset -= sample.size;
+      }
+
+      return null;
+    };
+    /**
+      * Finds SEI nal units contained in a Media Data Box.
+      * Assumes that `parseSamples` has been called first.
+      *
+      * @param {Uint8Array} avcStream - The bytes of the mdat
+      * @param {Object[]} samples - The samples parsed out by `parseSamples`
+      * @param {Number} trackId - The trackId of this video track
+      * @return {Object[]} seiNals - the parsed SEI NALUs found.
+      *   The contents of the seiNal should match what is expected by
+      *   CaptionStream.push (nalUnitType, size, data, escapedRBSP, pts, dts)
+      *
+      * @see ISO-BMFF-12/2015, Section 8.1.1
+      * @see Rec. ITU-T H.264, 7.3.2.3.1
+     **/
+
+
+    var findSeiNals = function findSeiNals(avcStream, samples, trackId) {
+      var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),
+          result = {
+        logs: [],
+        seiNals: []
+      },
+          seiNal,
+          i,
+          length,
+          lastMatchedSample;
+
+      for (i = 0; i + 4 < avcStream.length; i += length) {
+        length = avcView.getUint32(i);
+        i += 4; // Bail if this doesn't appear to be an H264 stream
+
+        if (length <= 0) {
+          continue;
+        }
+
+        switch (avcStream[i] & 0x1F) {
+          case 0x06:
+            var data = avcStream.subarray(i + 1, i + 1 + length);
+            var matchingSample = mapToSample(i, samples);
+            seiNal = {
+              nalUnitType: 'sei_rbsp',
+              size: length,
+              data: data,
+              escapedRBSP: discardEmulationPreventionBytes(data),
+              trackId: trackId
+            };
+
+            if (matchingSample) {
+              seiNal.pts = matchingSample.pts;
+              seiNal.dts = matchingSample.dts;
+              lastMatchedSample = matchingSample;
+            } else if (lastMatchedSample) {
+              // If a matching sample cannot be found, use the last
+              // sample's values as they should be as close as possible
+              seiNal.pts = lastMatchedSample.pts;
+              seiNal.dts = lastMatchedSample.dts;
+            } else {
+              result.logs.push({
+                level: 'warn',
+                message: 'We\'ve encountered a nal unit without data at ' + i + ' for trackId ' + trackId + '. See mux.js#223.'
+              });
+              break;
+            }
+
+            result.seiNals.push(seiNal);
+            break;
+        }
+      }
+
+      return result;
+    };
+    /**
+      * Parses sample information out of Track Run Boxes and calculates
+      * the absolute presentation and decode timestamps of each sample.
+      *
+      * @param {Array<Uint8Array>} truns - The Trun Run boxes to be parsed
+      * @param {Number} baseMediaDecodeTime - base media decode time from tfdt
+          @see ISO-BMFF-12/2015, Section 8.8.12
+      * @param {Object} tfhd - The parsed Track Fragment Header
+      *   @see inspect.parseTfhd
+      * @return {Object[]} the parsed samples
+      *
+      * @see ISO-BMFF-12/2015, Section 8.8.8
+     **/
+
+
+    var parseSamples = function parseSamples(truns, baseMediaDecodeTime, tfhd) {
+      var currentDts = baseMediaDecodeTime;
+      var defaultSampleDuration = tfhd.defaultSampleDuration || 0;
+      var defaultSampleSize = tfhd.defaultSampleSize || 0;
+      var trackId = tfhd.trackId;
+      var allSamples = [];
+      truns.forEach(function (trun) {
+        // Note: We currently do not parse the sample table as well
+        // as the trun. It's possible some sources will require this.
+        // moov > trak > mdia > minf > stbl
+        var trackRun = parseTrun(trun);
+        var samples = trackRun.samples;
+        samples.forEach(function (sample) {
+          if (sample.duration === undefined) {
+            sample.duration = defaultSampleDuration;
+          }
+
+          if (sample.size === undefined) {
+            sample.size = defaultSampleSize;
+          }
+
+          sample.trackId = trackId;
+          sample.dts = currentDts;
+
+          if (sample.compositionTimeOffset === undefined) {
+            sample.compositionTimeOffset = 0;
+          }
+
+          sample.pts = currentDts + sample.compositionTimeOffset;
+          currentDts += sample.duration;
+        });
+        allSamples = allSamples.concat(samples);
+      });
+      return allSamples;
+    };
+    /**
+      * Parses out caption nals from an FMP4 segment's video tracks.
+      *
+      * @param {Uint8Array} segment - The bytes of a single segment
+      * @param {Number} videoTrackId - The trackId of a video track in the segment
+      * @return {Object.<Number, Object[]>} A mapping of video trackId to
+      *   a list of seiNals found in that track
+     **/
+
+
+    var parseCaptionNals = function parseCaptionNals(segment, videoTrackId) {
+      // To get the samples
+      var trafs = findBox_1(segment, ['moof', 'traf']); // To get SEI NAL units
+
+      var mdats = findBox_1(segment, ['mdat']);
+      var captionNals = {};
+      var mdatTrafPairs = []; // Pair up each traf with a mdat as moofs and mdats are in pairs
+
+      mdats.forEach(function (mdat, index) {
+        var matchingTraf = trafs[index];
+        mdatTrafPairs.push({
+          mdat: mdat,
+          traf: matchingTraf
+        });
+      });
+      mdatTrafPairs.forEach(function (pair) {
+        var mdat = pair.mdat;
+        var traf = pair.traf;
+        var tfhd = findBox_1(traf, ['tfhd']); // Exactly 1 tfhd per traf
+
+        var headerInfo = parseTfhd(tfhd[0]);
+        var trackId = headerInfo.trackId;
+        var tfdt = findBox_1(traf, ['tfdt']); // Either 0 or 1 tfdt per traf
+
+        var baseMediaDecodeTime = tfdt.length > 0 ? parseTfdt(tfdt[0]).baseMediaDecodeTime : 0;
+        var truns = findBox_1(traf, ['trun']);
+        var samples;
+        var result; // Only parse video data for the chosen video track
+
+        if (videoTrackId === trackId && truns.length > 0) {
+          samples = parseSamples(truns, baseMediaDecodeTime, headerInfo);
+          result = findSeiNals(mdat, samples, trackId);
+
+          if (!captionNals[trackId]) {
+            captionNals[trackId] = {
+              seiNals: [],
+              logs: []
+            };
+          }
+
+          captionNals[trackId].seiNals = captionNals[trackId].seiNals.concat(result.seiNals);
+          captionNals[trackId].logs = captionNals[trackId].logs.concat(result.logs);
+        }
+      });
+      return captionNals;
+    };
+    /**
+      * Parses out inband captions from an MP4 container and returns
+      * caption objects that can be used by WebVTT and the TextTrack API.
+      * @see https://developer.mozilla.org/en-US/docs/Web/API/VTTCue
+      * @see https://developer.mozilla.org/en-US/docs/Web/API/TextTrack
+      * Assumes that `probe.getVideoTrackIds` and `probe.timescale` have been called first
+      *
+      * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
+      * @param {Number} trackId - The id of the video track to parse
+      * @param {Number} timescale - The timescale for the video track from the init segment
+      *
+      * @return {?Object[]} parsedCaptions - A list of captions or null if no video tracks
+      * @return {Number} parsedCaptions[].startTime - The time to show the caption in seconds
+      * @return {Number} parsedCaptions[].endTime - The time to stop showing the caption in seconds
+      * @return {String} parsedCaptions[].text - The visible content of the caption
+     **/
+
+
+    var parseEmbeddedCaptions = function parseEmbeddedCaptions(segment, trackId, timescale) {
+      var captionNals; // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
+
+      if (trackId === null) {
+        return null;
+      }
+
+      captionNals = parseCaptionNals(segment, trackId);
+      var trackNals = captionNals[trackId] || {};
+      return {
+        seiNals: trackNals.seiNals,
+        logs: trackNals.logs,
+        timescale: timescale
+      };
+    };
+    /**
+      * Converts SEI NALUs into captions that can be used by video.js
+     **/
+
+
+    var CaptionParser = function CaptionParser() {
+      var isInitialized = false;
+      var captionStream; // Stores segments seen before trackId and timescale are set
+
+      var segmentCache; // Stores video track ID of the track being parsed
+
+      var trackId; // Stores the timescale of the track being parsed
+
+      var timescale; // Stores captions parsed so far
+
+      var parsedCaptions; // Stores whether we are receiving partial data or not
+
+      var parsingPartial;
+      /**
+        * A method to indicate whether a CaptionParser has been initalized
+        * @returns {Boolean}
+       **/
+
+      this.isInitialized = function () {
+        return isInitialized;
+      };
+      /**
+        * Initializes the underlying CaptionStream, SEI NAL parsing
+        * and management, and caption collection
+       **/
+
+
+      this.init = function (options) {
+        captionStream = new CaptionStream();
+        isInitialized = true;
+        parsingPartial = options ? options.isPartial : false; // Collect dispatched captions
+
+        captionStream.on('data', function (event) {
+          // Convert to seconds in the source's timescale
+          event.startTime = event.startPts / timescale;
+          event.endTime = event.endPts / timescale;
+          parsedCaptions.captions.push(event);
+          parsedCaptions.captionStreams[event.stream] = true;
+        });
+        captionStream.on('log', function (log) {
+          parsedCaptions.logs.push(log);
+        });
+      };
+      /**
+        * Determines if a new video track will be selected
+        * or if the timescale changed
+        * @return {Boolean}
+       **/
+
+
+      this.isNewInit = function (videoTrackIds, timescales) {
+        if (videoTrackIds && videoTrackIds.length === 0 || timescales && typeof timescales === 'object' && Object.keys(timescales).length === 0) {
+          return false;
+        }
+
+        return trackId !== videoTrackIds[0] || timescale !== timescales[trackId];
+      };
+      /**
+        * Parses out SEI captions and interacts with underlying
+        * CaptionStream to return dispatched captions
+        *
+        * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
+        * @param {Number[]} videoTrackIds - A list of video tracks found in the init segment
+        * @param {Object.<Number, Number>} timescales - The timescales found in the init segment
+        * @see parseEmbeddedCaptions
+        * @see m2ts/caption-stream.js
+       **/
+
+
+      this.parse = function (segment, videoTrackIds, timescales) {
+        var parsedData;
+
+        if (!this.isInitialized()) {
+          return null; // This is not likely to be a video segment
+        } else if (!videoTrackIds || !timescales) {
+          return null;
+        } else if (this.isNewInit(videoTrackIds, timescales)) {
+          // Use the first video track only as there is no
+          // mechanism to switch to other video tracks
+          trackId = videoTrackIds[0];
+          timescale = timescales[trackId]; // If an init segment has not been seen yet, hold onto segment
+          // data until we have one.
+          // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
+        } else if (trackId === null || !timescale) {
+          segmentCache.push(segment);
+          return null;
+        } // Now that a timescale and trackId is set, parse cached segments
+
+
+        while (segmentCache.length > 0) {
+          var cachedSegment = segmentCache.shift();
+          this.parse(cachedSegment, videoTrackIds, timescales);
+        }
+
+        parsedData = parseEmbeddedCaptions(segment, trackId, timescale);
+
+        if (parsedData && parsedData.logs) {
+          parsedCaptions.logs = parsedCaptions.logs.concat(parsedData.logs);
+        }
+
+        if (parsedData === null || !parsedData.seiNals) {
+          if (parsedCaptions.logs.length) {
+            return {
+              logs: parsedCaptions.logs,
+              captions: [],
+              captionStreams: []
+            };
+          }
+
+          return null;
+        }
+
+        this.pushNals(parsedData.seiNals); // Force the parsed captions to be dispatched
+
+        this.flushStream();
+        return parsedCaptions;
+      };
+      /**
+        * Pushes SEI NALUs onto CaptionStream
+        * @param {Object[]} nals - A list of SEI nals parsed using `parseCaptionNals`
+        * Assumes that `parseCaptionNals` has been called first
+        * @see m2ts/caption-stream.js
+        **/
+
+
+      this.pushNals = function (nals) {
+        if (!this.isInitialized() || !nals || nals.length === 0) {
+          return null;
+        }
+
+        nals.forEach(function (nal) {
+          captionStream.push(nal);
+        });
+      };
+      /**
+        * Flushes underlying CaptionStream to dispatch processed, displayable captions
+        * @see m2ts/caption-stream.js
+       **/
+
+
+      this.flushStream = function () {
+        if (!this.isInitialized()) {
+          return null;
+        }
+
+        if (!parsingPartial) {
+          captionStream.flush();
+        } else {
+          captionStream.partialFlush();
+        }
+      };
+      /**
+        * Reset caption buckets for new data
+       **/
+
+
+      this.clearParsedCaptions = function () {
+        parsedCaptions.captions = [];
+        parsedCaptions.captionStreams = {};
+        parsedCaptions.logs = [];
+      };
+      /**
+        * Resets underlying CaptionStream
+        * @see m2ts/caption-stream.js
+       **/
+
+
+      this.resetCaptionStream = function () {
+        if (!this.isInitialized()) {
+          return null;
+        }
+
+        captionStream.reset();
+      };
+      /**
+        * Convenience method to clear all captions flushed from the
+        * CaptionStream and still being parsed
+        * @see m2ts/caption-stream.js
+       **/
+
+
+      this.clearAllCaptions = function () {
+        this.clearParsedCaptions();
+        this.resetCaptionStream();
+      };
+      /**
+        * Reset caption parser
+       **/
+
+
+      this.reset = function () {
+        segmentCache = [];
+        trackId = null;
+        timescale = null;
+
+        if (!parsedCaptions) {
+          parsedCaptions = {
+            captions: [],
+            // CC1, CC2, CC3, CC4
+            captionStreams: {},
+            logs: []
+          };
+        } else {
+          this.clearParsedCaptions();
+        }
+
+        this.resetCaptionStream();
+      };
+
+      this.reset();
+    };
+
+    var captionParser = CaptionParser;
+    var toUnsigned = bin.toUnsigned;
+    var toHexString = bin.toHexString;
+    var timescale, startTime, compositionStartTime, getVideoTrackIds, getTracks, getTimescaleFromMediaHeader;
+    /**
+     * Parses an MP4 initialization segment and extracts the timescale
+     * values for any declared tracks. Timescale values indicate the
+     * number of clock ticks per second to assume for time-based values
+     * elsewhere in the MP4.
+     *
+     * To determine the start time of an MP4, you need two pieces of
+     * information: the timescale unit and the earliest base media decode
+     * time. Multiple timescales can be specified within an MP4 but the
+     * base media decode time is always expressed in the timescale from
+     * the media header box for the track:
+     * ```
+     * moov > trak > mdia > mdhd.timescale
+     * ```
+     * @param init {Uint8Array} the bytes of the init segment
+     * @return {object} a hash of track ids to timescale values or null if
+     * the init segment is malformed.
+     */
+
+    timescale = function timescale(init) {
+      var result = {},
+          traks = findBox_1(init, ['moov', 'trak']); // mdhd timescale
+
+      return traks.reduce(function (result, trak) {
+        var tkhd, version, index, id, mdhd;
+        tkhd = findBox_1(trak, ['tkhd'])[0];
+
+        if (!tkhd) {
+          return null;
+        }
+
+        version = tkhd[0];
+        index = version === 0 ? 12 : 20;
+        id = toUnsigned(tkhd[index] << 24 | tkhd[index + 1] << 16 | tkhd[index + 2] << 8 | tkhd[index + 3]);
+        mdhd = findBox_1(trak, ['mdia', 'mdhd'])[0];
+
+        if (!mdhd) {
+          return null;
+        }
+
+        version = mdhd[0];
+        index = version === 0 ? 12 : 20;
+        result[id] = toUnsigned(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
+        return result;
+      }, result);
+    };
+    /**
+     * Determine the base media decode start time, in seconds, for an MP4
+     * fragment. If multiple fragments are specified, the earliest time is
+     * returned.
+     *
+     * The base media decode time can be parsed from track fragment
+     * metadata:
+     * ```
+     * moof > traf > tfdt.baseMediaDecodeTime
+     * ```
+     * It requires the timescale value from the mdhd to interpret.
+     *
+     * @param timescale {object} a hash of track ids to timescale values.
+     * @return {number} the earliest base media decode start time for the
+     * fragment, in seconds
+     */
+
+
+    startTime = function startTime(timescale, fragment) {
+      var trafs, baseTimes, result; // we need info from two childrend of each track fragment box
+
+      trafs = findBox_1(fragment, ['moof', 'traf']); // determine the start times for each track
+
+      baseTimes = [].concat.apply([], trafs.map(function (traf) {
+        return findBox_1(traf, ['tfhd']).map(function (tfhd) {
+          var id, scale, baseTime; // get the track id from the tfhd
+
+          id = toUnsigned(tfhd[4] << 24 | tfhd[5] << 16 | tfhd[6] << 8 | tfhd[7]); // assume a 90kHz clock if no timescale was specified
+
+          scale = timescale[id] || 90e3; // get the base media decode time from the tfdt
+
+          baseTime = findBox_1(traf, ['tfdt']).map(function (tfdt) {
+            var version, result;
+            version = tfdt[0];
+            result = toUnsigned(tfdt[4] << 24 | tfdt[5] << 16 | tfdt[6] << 8 | tfdt[7]);
+
+            if (version === 1) {
+              result *= Math.pow(2, 32);
+              result += toUnsigned(tfdt[8] << 24 | tfdt[9] << 16 | tfdt[10] << 8 | tfdt[11]);
+            }
+
+            return result;
+          })[0];
+          baseTime = typeof baseTime === 'number' && !isNaN(baseTime) ? baseTime : Infinity; // convert base time to seconds
+
+          return baseTime / scale;
+        });
+      })); // return the minimum
+
+      result = Math.min.apply(null, baseTimes);
+      return isFinite(result) ? result : 0;
+    };
+    /**
+     * Determine the composition start, in seconds, for an MP4
+     * fragment.
+     *
+     * The composition start time of a fragment can be calculated using the base
+     * media decode time, composition time offset, and timescale, as follows:
+     *
+     * compositionStartTime = (baseMediaDecodeTime + compositionTimeOffset) / timescale
+     *
+     * All of the aforementioned information is contained within a media fragment's
+     * `traf` box, except for timescale info, which comes from the initialization
+     * segment, so a track id (also contained within a `traf`) is also necessary to
+     * associate it with a timescale
+     *
+     *
+     * @param timescales {object} - a hash of track ids to timescale values.
+     * @param fragment {Unit8Array} - the bytes of a media segment
+     * @return {number} the composition start time for the fragment, in seconds
+     **/
+
+
+    compositionStartTime = function compositionStartTime(timescales, fragment) {
+      var trafBoxes = findBox_1(fragment, ['moof', 'traf']);
+      var baseMediaDecodeTime = 0;
+      var compositionTimeOffset = 0;
+      var trackId;
+
+      if (trafBoxes && trafBoxes.length) {
+        // The spec states that track run samples contained within a `traf` box are contiguous, but
+        // it does not explicitly state whether the `traf` boxes themselves are contiguous.
+        // We will assume that they are, so we only need the first to calculate start time.
+        var tfhd = findBox_1(trafBoxes[0], ['tfhd'])[0];
+        var trun = findBox_1(trafBoxes[0], ['trun'])[0];
+        var tfdt = findBox_1(trafBoxes[0], ['tfdt'])[0];
+
+        if (tfhd) {
+          var parsedTfhd = parseTfhd(tfhd);
+          trackId = parsedTfhd.trackId;
+        }
+
+        if (tfdt) {
+          var parsedTfdt = parseTfdt(tfdt);
+          baseMediaDecodeTime = parsedTfdt.baseMediaDecodeTime;
+        }
+
+        if (trun) {
+          var parsedTrun = parseTrun(trun);
+
+          if (parsedTrun.samples && parsedTrun.samples.length) {
+            compositionTimeOffset = parsedTrun.samples[0].compositionTimeOffset || 0;
+          }
+        }
+      } // Get timescale for this specific track. Assume a 90kHz clock if no timescale was
+      // specified.
+
+
+      var timescale = timescales[trackId] || 90e3; // return the composition start time, in seconds
+
+      return (baseMediaDecodeTime + compositionTimeOffset) / timescale;
+    };
+    /**
+      * Find the trackIds of the video tracks in this source.
+      * Found by parsing the Handler Reference and Track Header Boxes:
+      *   moov > trak > mdia > hdlr
+      *   moov > trak > tkhd
+      *
+      * @param {Uint8Array} init - The bytes of the init segment for this source
+      * @return {Number[]} A list of trackIds
+      *
+      * @see ISO-BMFF-12/2015, Section 8.4.3
+     **/
+
+
+    getVideoTrackIds = function getVideoTrackIds(init) {
+      var traks = findBox_1(init, ['moov', 'trak']);
+      var videoTrackIds = [];
+      traks.forEach(function (trak) {
+        var hdlrs = findBox_1(trak, ['mdia', 'hdlr']);
+        var tkhds = findBox_1(trak, ['tkhd']);
+        hdlrs.forEach(function (hdlr, index) {
+          var handlerType = parseType_1(hdlr.subarray(8, 12));
+          var tkhd = tkhds[index];
+          var view;
+          var version;
+          var trackId;
+
+          if (handlerType === 'vide') {
+            view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
+            version = view.getUint8(0);
+            trackId = version === 0 ? view.getUint32(12) : view.getUint32(20);
+            videoTrackIds.push(trackId);
+          }
+        });
+      });
+      return videoTrackIds;
+    };
+
+    getTimescaleFromMediaHeader = function getTimescaleFromMediaHeader(mdhd) {
+      // mdhd is a FullBox, meaning it will have its own version as the first byte
+      var version = mdhd[0];
+      var index = version === 0 ? 12 : 20;
+      return toUnsigned(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
+    };
+    /**
+     * Get all the video, audio, and hint tracks from a non fragmented
+     * mp4 segment
+     */
+
+
+    getTracks = function getTracks(init) {
+      var traks = findBox_1(init, ['moov', 'trak']);
+      var tracks = [];
+      traks.forEach(function (trak) {
+        var track = {};
+        var tkhd = findBox_1(trak, ['tkhd'])[0];
+        var view, tkhdVersion; // id
+
+        if (tkhd) {
+          view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
+          tkhdVersion = view.getUint8(0);
+          track.id = tkhdVersion === 0 ? view.getUint32(12) : view.getUint32(20);
+        }
+
+        var hdlr = findBox_1(trak, ['mdia', 'hdlr'])[0]; // type
+
+        if (hdlr) {
+          var type = parseType_1(hdlr.subarray(8, 12));
+
+          if (type === 'vide') {
+            track.type = 'video';
+          } else if (type === 'soun') {
+            track.type = 'audio';
+          } else {
+            track.type = type;
+          }
+        } // codec
+
+
+        var stsd = findBox_1(trak, ['mdia', 'minf', 'stbl', 'stsd'])[0];
+
+        if (stsd) {
+          var sampleDescriptions = stsd.subarray(8); // gives the codec type string
+
+          track.codec = parseType_1(sampleDescriptions.subarray(4, 8));
+          var codecBox = findBox_1(sampleDescriptions, [track.codec])[0];
+          var codecConfig, codecConfigType;
+
+          if (codecBox) {
+            // https://tools.ietf.org/html/rfc6381#section-3.3
+            if (/^[a-z]vc[1-9]$/i.test(track.codec)) {
+              // we don't need anything but the "config" parameter of the
+              // avc1 codecBox
+              codecConfig = codecBox.subarray(78);
+              codecConfigType = parseType_1(codecConfig.subarray(4, 8));
+
+              if (codecConfigType === 'avcC' && codecConfig.length > 11) {
+                track.codec += '.'; // left padded with zeroes for single digit hex
+                // profile idc
+
+                track.codec += toHexString(codecConfig[9]); // the byte containing the constraint_set flags
+
+                track.codec += toHexString(codecConfig[10]); // level idc
+
+                track.codec += toHexString(codecConfig[11]);
+              } else {
+                // TODO: show a warning that we couldn't parse the codec
+                // and are using the default
+                track.codec = 'avc1.4d400d';
+              }
+            } else if (/^mp4[a,v]$/i.test(track.codec)) {
+              // we do not need anything but the streamDescriptor of the mp4a codecBox
+              codecConfig = codecBox.subarray(28);
+              codecConfigType = parseType_1(codecConfig.subarray(4, 8));
+
+              if (codecConfigType === 'esds' && codecConfig.length > 20 && codecConfig[19] !== 0) {
+                track.codec += '.' + toHexString(codecConfig[19]); // this value is only a single digit
+
+                track.codec += '.' + toHexString(codecConfig[20] >>> 2 & 0x3f).replace(/^0/, '');
+              } else {
+                // TODO: show a warning that we couldn't parse the codec
+                // and are using the default
+                track.codec = 'mp4a.40.2';
+              }
+            } else {
+              // flac, opus, etc
+              track.codec = track.codec.toLowerCase();
+            }
+          }
+        }
+
+        var mdhd = findBox_1(trak, ['mdia', 'mdhd'])[0];
+
+        if (mdhd) {
+          track.timescale = getTimescaleFromMediaHeader(mdhd);
+        }
+
+        tracks.push(track);
+      });
+      return tracks;
+    };
+
+    var probe$2 = {
+      // export mp4 inspector's findBox and parseType for backwards compatibility
+      findBox: findBox_1,
+      parseType: parseType_1,
+      timescale: timescale,
+      startTime: startTime,
+      compositionStartTime: compositionStartTime,
+      videoTrackIds: getVideoTrackIds,
+      tracks: getTracks,
+      getTimescaleFromMediaHeader: getTimescaleFromMediaHeader
+    };
+
+    var parsePid = function parsePid(packet) {
+      var pid = packet[1] & 0x1f;
+      pid <<= 8;
+      pid |= packet[2];
+      return pid;
+    };
+
+    var parsePayloadUnitStartIndicator = function parsePayloadUnitStartIndicator(packet) {
+      return !!(packet[1] & 0x40);
+    };
+
+    var parseAdaptionField = function parseAdaptionField(packet) {
+      var offset = 0; // if an adaption field is present, its length is specified by the
+      // fifth byte of the TS packet header. The adaptation field is
+      // used to add stuffing to PES packets that don't fill a complete
+      // TS packet, and to specify some forms of timing and control data
+      // that we do not currently use.
+
+      if ((packet[3] & 0x30) >>> 4 > 0x01) {
+        offset += packet[4] + 1;
+      }
+
+      return offset;
+    };
+
+    var parseType = function parseType(packet, pmtPid) {
+      var pid = parsePid(packet);
+
+      if (pid === 0) {
+        return 'pat';
+      } else if (pid === pmtPid) {
+        return 'pmt';
+      } else if (pmtPid) {
+        return 'pes';
+      }
+
+      return null;
+    };
+
+    var parsePat = function parsePat(packet) {
+      var pusi = parsePayloadUnitStartIndicator(packet);
+      var offset = 4 + parseAdaptionField(packet);
+
+      if (pusi) {
+        offset += packet[offset] + 1;
+      }
+
+      return (packet[offset + 10] & 0x1f) << 8 | packet[offset + 11];
+    };
+
+    var parsePmt = function parsePmt(packet) {
+      var programMapTable = {};
+      var pusi = parsePayloadUnitStartIndicator(packet);
+      var payloadOffset = 4 + parseAdaptionField(packet);
+
+      if (pusi) {
+        payloadOffset += packet[payloadOffset] + 1;
+      } // PMTs can be sent ahead of the time when they should actually
+      // take effect. We don't believe this should ever be the case
+      // for HLS but we'll ignore "forward" PMT declarations if we see
+      // them. Future PMT declarations have the current_next_indicator
+      // set to zero.
+
+
+      if (!(packet[payloadOffset + 5] & 0x01)) {
+        return;
+      }
+
+      var sectionLength, tableEnd, programInfoLength; // the mapping table ends at the end of the current section
+
+      sectionLength = (packet[payloadOffset + 1] & 0x0f) << 8 | packet[payloadOffset + 2];
+      tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
+      // long the program info descriptors are
+
+      programInfoLength = (packet[payloadOffset + 10] & 0x0f) << 8 | packet[payloadOffset + 11]; // advance the offset to the first entry in the mapping table
+
+      var offset = 12 + programInfoLength;
+
+      while (offset < tableEnd) {
+        var i = payloadOffset + offset; // add an entry that maps the elementary_pid to the stream_type
+
+        programMapTable[(packet[i + 1] & 0x1F) << 8 | packet[i + 2]] = packet[i]; // move to the next table entry
+        // skip past the elementary stream descriptors, if present
+
+        offset += ((packet[i + 3] & 0x0F) << 8 | packet[i + 4]) + 5;
+      }
+
+      return programMapTable;
+    };
+
+    var parsePesType = function parsePesType(packet, programMapTable) {
+      var pid = parsePid(packet);
+      var type = programMapTable[pid];
+
+      switch (type) {
+        case streamTypes.H264_STREAM_TYPE:
+          return 'video';
+
+        case streamTypes.ADTS_STREAM_TYPE:
+          return 'audio';
+
+        case streamTypes.METADATA_STREAM_TYPE:
+          return 'timed-metadata';
+
+        default:
+          return null;
+      }
+    };
+
+    var parsePesTime = function parsePesTime(packet) {
+      var pusi = parsePayloadUnitStartIndicator(packet);
+
+      if (!pusi) {
+        return null;
+      }
+
+      var offset = 4 + parseAdaptionField(packet);
+
+      if (offset >= packet.byteLength) {
+        // From the H 222.0 MPEG-TS spec
+        // "For transport stream packets carrying PES packets, stuffing is needed when there
+        //  is insufficient PES packet data to completely fill the transport stream packet
+        //  payload bytes. Stuffing is accomplished by defining an adaptation field longer than
+        //  the sum of the lengths of the data elements in it, so that the payload bytes
+        //  remaining after the adaptation field exactly accommodates the available PES packet
+        //  data."
+        //
+        // If the offset is >= the length of the packet, then the packet contains no data
+        // and instead is just adaption field stuffing bytes
+        return null;
+      }
+
+      var pes = null;
+      var ptsDtsFlags; // PES packets may be annotated with a PTS value, or a PTS value
+      // and a DTS value. Determine what combination of values is
+      // available to work with.
+
+      ptsDtsFlags = packet[offset + 7]; // PTS and DTS are normally stored as a 33-bit number.  Javascript
+      // performs all bitwise operations on 32-bit integers but javascript
+      // supports a much greater range (52-bits) of integer using standard
+      // mathematical operations.
+      // We construct a 31-bit value using bitwise operators over the 31
+      // most significant bits and then multiply by 4 (equal to a left-shift
+      // of 2) before we add the final 2 least significant bits of the
+      // timestamp (equal to an OR.)
+
+      if (ptsDtsFlags & 0xC0) {
+        pes = {}; // the PTS and DTS are not written out directly. For information
+        // on how they are encoded, see
+        // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
+
+        pes.pts = (packet[offset + 9] & 0x0E) << 27 | (packet[offset + 10] & 0xFF) << 20 | (packet[offset + 11] & 0xFE) << 12 | (packet[offset + 12] & 0xFF) << 5 | (packet[offset + 13] & 0xFE) >>> 3;
+        pes.pts *= 4; // Left shift by 2
+
+        pes.pts += (packet[offset + 13] & 0x06) >>> 1; // OR by the two LSBs
+
+        pes.dts = pes.pts;
+
+        if (ptsDtsFlags & 0x40) {
+          pes.dts = (packet[offset + 14] & 0x0E) << 27 | (packet[offset + 15] & 0xFF) << 20 | (packet[offset + 16] & 0xFE) << 12 | (packet[offset + 17] & 0xFF) << 5 | (packet[offset + 18] & 0xFE) >>> 3;
+          pes.dts *= 4; // Left shift by 2
+
+          pes.dts += (packet[offset + 18] & 0x06) >>> 1; // OR by the two LSBs
+        }
+      }
+
+      return pes;
+    };
+
+    var parseNalUnitType = function parseNalUnitType(type) {
+      switch (type) {
+        case 0x05:
+          return 'slice_layer_without_partitioning_rbsp_idr';
+
+        case 0x06:
+          return 'sei_rbsp';
+
+        case 0x07:
+          return 'seq_parameter_set_rbsp';
+
+        case 0x08:
+          return 'pic_parameter_set_rbsp';
+
+        case 0x09:
+          return 'access_unit_delimiter_rbsp';
+
+        default:
+          return null;
+      }
+    };
+
+    var videoPacketContainsKeyFrame = function videoPacketContainsKeyFrame(packet) {
+      var offset = 4 + parseAdaptionField(packet);
+      var frameBuffer = packet.subarray(offset);
+      var frameI = 0;
+      var frameSyncPoint = 0;
+      var foundKeyFrame = false;
+      var nalType; // advance the sync point to a NAL start, if necessary
+
+      for (; frameSyncPoint < frameBuffer.byteLength - 3; frameSyncPoint++) {
+        if (frameBuffer[frameSyncPoint + 2] === 1) {
+          // the sync point is properly aligned
+          frameI = frameSyncPoint + 5;
+          break;
+        }
+      }
+
+      while (frameI < frameBuffer.byteLength) {
+        // look at the current byte to determine if we've hit the end of
+        // a NAL unit boundary
+        switch (frameBuffer[frameI]) {
+          case 0:
+            // skip past non-sync sequences
+            if (frameBuffer[frameI - 1] !== 0) {
+              frameI += 2;
+              break;
+            } else if (frameBuffer[frameI - 2] !== 0) {
+              frameI++;
+              break;
+            }
+
+            if (frameSyncPoint + 3 !== frameI - 2) {
+              nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
+
+              if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
+                foundKeyFrame = true;
+              }
+            } // drop trailing zeroes
+
+
+            do {
+              frameI++;
+            } while (frameBuffer[frameI] !== 1 && frameI < frameBuffer.length);
+
+            frameSyncPoint = frameI - 2;
+            frameI += 3;
+            break;
+
+          case 1:
+            // skip past non-sync sequences
+            if (frameBuffer[frameI - 1] !== 0 || frameBuffer[frameI - 2] !== 0) {
+              frameI += 3;
+              break;
+            }
+
+            nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
+
+            if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
+              foundKeyFrame = true;
+            }
+
+            frameSyncPoint = frameI - 2;
+            frameI += 3;
+            break;
+
+          default:
+            // the current byte isn't a one or zero, so it cannot be part
+            // of a sync sequence
+            frameI += 3;
+            break;
+        }
+      }
+
+      frameBuffer = frameBuffer.subarray(frameSyncPoint);
+      frameI -= frameSyncPoint;
+      frameSyncPoint = 0; // parse the final nal
+
+      if (frameBuffer && frameBuffer.byteLength > 3) {
+        nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
+
+        if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
+          foundKeyFrame = true;
+        }
+      }
+
+      return foundKeyFrame;
+    };
+
+    var probe$1 = {
+      parseType: parseType,
+      parsePat: parsePat,
+      parsePmt: parsePmt,
+      parsePayloadUnitStartIndicator: parsePayloadUnitStartIndicator,
+      parsePesType: parsePesType,
+      parsePesTime: parsePesTime,
+      videoPacketContainsKeyFrame: videoPacketContainsKeyFrame
+    };
+    var handleRollover = timestampRolloverStream.handleRollover;
+    var probe = {};
+    probe.ts = probe$1;
+    probe.aac = utils;
+    var ONE_SECOND_IN_TS = clock.ONE_SECOND_IN_TS;
+    var MP2T_PACKET_LENGTH = 188,
+        // bytes
+    SYNC_BYTE = 0x47;
+    /**
+     * walks through segment data looking for pat and pmt packets to parse out
+     * program map table information
+     */
+
+    var parsePsi_ = function parsePsi_(bytes, pmt) {
+      var startIndex = 0,
+          endIndex = MP2T_PACKET_LENGTH,
+          packet,
+          type;
+
+      while (endIndex < bytes.byteLength) {
+        // Look for a pair of start and end sync bytes in the data..
+        if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
+          // We found a packet
+          packet = bytes.subarray(startIndex, endIndex);
+          type = probe.ts.parseType(packet, pmt.pid);
+
+          switch (type) {
+            case 'pat':
+              pmt.pid = probe.ts.parsePat(packet);
+              break;
+
+            case 'pmt':
+              var table = probe.ts.parsePmt(packet);
+              pmt.table = pmt.table || {};
+              Object.keys(table).forEach(function (key) {
+                pmt.table[key] = table[key];
+              });
+              break;
+          }
+
+          startIndex += MP2T_PACKET_LENGTH;
+          endIndex += MP2T_PACKET_LENGTH;
+          continue;
+        } // If we get here, we have somehow become de-synchronized and we need to step
+        // forward one byte at a time until we find a pair of sync bytes that denote
+        // a packet
+
+
+        startIndex++;
+        endIndex++;
+      }
+    };
+    /**
+     * walks through the segment data from the start and end to get timing information
+     * for the first and last audio pes packets
+     */
+
+
+    var parseAudioPes_ = function parseAudioPes_(bytes, pmt, result) {
+      var startIndex = 0,
+          endIndex = MP2T_PACKET_LENGTH,
+          packet,
+          type,
+          pesType,
+          pusi,
+          parsed;
+      var endLoop = false; // Start walking from start of segment to get first audio packet
+
+      while (endIndex <= bytes.byteLength) {
+        // Look for a pair of start and end sync bytes in the data..
+        if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
+          // We found a packet
+          packet = bytes.subarray(startIndex, endIndex);
+          type = probe.ts.parseType(packet, pmt.pid);
+
+          switch (type) {
+            case 'pes':
+              pesType = probe.ts.parsePesType(packet, pmt.table);
+              pusi = probe.ts.parsePayloadUnitStartIndicator(packet);
+
+              if (pesType === 'audio' && pusi) {
+                parsed = probe.ts.parsePesTime(packet);
+
+                if (parsed) {
+                  parsed.type = 'audio';
+                  result.audio.push(parsed);
+                  endLoop = true;
+                }
+              }
+
+              break;
+          }
+
+          if (endLoop) {
+            break;
+          }
+
+          startIndex += MP2T_PACKET_LENGTH;
+          endIndex += MP2T_PACKET_LENGTH;
+          continue;
+        } // If we get here, we have somehow become de-synchronized and we need to step
+        // forward one byte at a time until we find a pair of sync bytes that denote
+        // a packet
+
+
+        startIndex++;
+        endIndex++;
+      } // Start walking from end of segment to get last audio packet
+
+
+      endIndex = bytes.byteLength;
+      startIndex = endIndex - MP2T_PACKET_LENGTH;
+      endLoop = false;
+
+      while (startIndex >= 0) {
+        // Look for a pair of start and end sync bytes in the data..
+        if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
+          // We found a packet
+          packet = bytes.subarray(startIndex, endIndex);
+          type = probe.ts.parseType(packet, pmt.pid);
+
+          switch (type) {
+            case 'pes':
+              pesType = probe.ts.parsePesType(packet, pmt.table);
+              pusi = probe.ts.parsePayloadUnitStartIndicator(packet);
+
+              if (pesType === 'audio' && pusi) {
+                parsed = probe.ts.parsePesTime(packet);
+
+                if (parsed) {
+                  parsed.type = 'audio';
+                  result.audio.push(parsed);
+                  endLoop = true;
+                }
+              }
+
+              break;
+          }
+
+          if (endLoop) {
+            break;
+          }
+
+          startIndex -= MP2T_PACKET_LENGTH;
+          endIndex -= MP2T_PACKET_LENGTH;
+          continue;
+        } // If we get here, we have somehow become de-synchronized and we need to step
+        // forward one byte at a time until we find a pair of sync bytes that denote
+        // a packet
+
+
+        startIndex--;
+        endIndex--;
+      }
+    };
+    /**
+     * walks through the segment data from the start and end to get timing information
+     * for the first and last video pes packets as well as timing information for the first
+     * key frame.
+     */
+
+
+    var parseVideoPes_ = function parseVideoPes_(bytes, pmt, result) {
+      var startIndex = 0,
+          endIndex = MP2T_PACKET_LENGTH,
+          packet,
+          type,
+          pesType,
+          pusi,
+          parsed,
+          frame,
+          i,
+          pes;
+      var endLoop = false;
+      var currentFrame = {
+        data: [],
+        size: 0
+      }; // Start walking from start of segment to get first video packet
+
+      while (endIndex < bytes.byteLength) {
+        // Look for a pair of start and end sync bytes in the data..
+        if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
+          // We found a packet
+          packet = bytes.subarray(startIndex, endIndex);
+          type = probe.ts.parseType(packet, pmt.pid);
+
+          switch (type) {
+            case 'pes':
+              pesType = probe.ts.parsePesType(packet, pmt.table);
+              pusi = probe.ts.parsePayloadUnitStartIndicator(packet);
+
+              if (pesType === 'video') {
+                if (pusi && !endLoop) {
+                  parsed = probe.ts.parsePesTime(packet);
+
+                  if (parsed) {
+                    parsed.type = 'video';
+                    result.video.push(parsed);
+                    endLoop = true;
+                  }
+                }
+
+                if (!result.firstKeyFrame) {
+                  if (pusi) {
+                    if (currentFrame.size !== 0) {
+                      frame = new Uint8Array(currentFrame.size);
+                      i = 0;
+
+                      while (currentFrame.data.length) {
+                        pes = currentFrame.data.shift();
+                        frame.set(pes, i);
+                        i += pes.byteLength;
+                      }
+
+                      if (probe.ts.videoPacketContainsKeyFrame(frame)) {
+                        var firstKeyFrame = probe.ts.parsePesTime(frame); // PTS/DTS may not be available. Simply *not* setting
+                        // the keyframe seems to work fine with HLS playback
+                        // and definitely preferable to a crash with TypeError...
+
+                        if (firstKeyFrame) {
+                          result.firstKeyFrame = firstKeyFrame;
+                          result.firstKeyFrame.type = 'video';
+                        } else {
+                          // eslint-disable-next-line
+                          console.warn('Failed to extract PTS/DTS from PES at first keyframe. ' + 'This could be an unusual TS segment, or else mux.js did not ' + 'parse your TS segment correctly. If you know your TS ' + 'segments do contain PTS/DTS on keyframes please file a bug ' + 'report! You can try ffprobe to double check for yourself.');
+                        }
+                      }
+
+                      currentFrame.size = 0;
+                    }
+                  }
+
+                  currentFrame.data.push(packet);
+                  currentFrame.size += packet.byteLength;
+                }
+              }
+
+              break;
+          }
+
+          if (endLoop && result.firstKeyFrame) {
+            break;
+          }
+
+          startIndex += MP2T_PACKET_LENGTH;
+          endIndex += MP2T_PACKET_LENGTH;
+          continue;
+        } // If we get here, we have somehow become de-synchronized and we need to step
+        // forward one byte at a time until we find a pair of sync bytes that denote
+        // a packet
+
+
+        startIndex++;
+        endIndex++;
+      } // Start walking from end of segment to get last video packet
+
+
+      endIndex = bytes.byteLength;
+      startIndex = endIndex - MP2T_PACKET_LENGTH;
+      endLoop = false;
+
+      while (startIndex >= 0) {
+        // Look for a pair of start and end sync bytes in the data..
+        if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
+          // We found a packet
+          packet = bytes.subarray(startIndex, endIndex);
+          type = probe.ts.parseType(packet, pmt.pid);
+
+          switch (type) {
+            case 'pes':
+              pesType = probe.ts.parsePesType(packet, pmt.table);
+              pusi = probe.ts.parsePayloadUnitStartIndicator(packet);
+
+              if (pesType === 'video' && pusi) {
+                parsed = probe.ts.parsePesTime(packet);
+
+                if (parsed) {
+                  parsed.type = 'video';
+                  result.video.push(parsed);
+                  endLoop = true;
+                }
+              }
+
+              break;
+          }
+
+          if (endLoop) {
+            break;
+          }
+
+          startIndex -= MP2T_PACKET_LENGTH;
+          endIndex -= MP2T_PACKET_LENGTH;
+          continue;
+        } // If we get here, we have somehow become de-synchronized and we need to step
+        // forward one byte at a time until we find a pair of sync bytes that denote
+        // a packet
+
+
+        startIndex--;
+        endIndex--;
+      }
+    };
+    /**
+     * Adjusts the timestamp information for the segment to account for
+     * rollover and convert to seconds based on pes packet timescale (90khz clock)
+     */
+
+
+    var adjustTimestamp_ = function adjustTimestamp_(segmentInfo, baseTimestamp) {
+      if (segmentInfo.audio && segmentInfo.audio.length) {
+        var audioBaseTimestamp = baseTimestamp;
+
+        if (typeof audioBaseTimestamp === 'undefined' || isNaN(audioBaseTimestamp)) {
+          audioBaseTimestamp = segmentInfo.audio[0].dts;
+        }
+
+        segmentInfo.audio.forEach(function (info) {
+          info.dts = handleRollover(info.dts, audioBaseTimestamp);
+          info.pts = handleRollover(info.pts, audioBaseTimestamp); // time in seconds
+
+          info.dtsTime = info.dts / ONE_SECOND_IN_TS;
+          info.ptsTime = info.pts / ONE_SECOND_IN_TS;
+        });
+      }
+
+      if (segmentInfo.video && segmentInfo.video.length) {
+        var videoBaseTimestamp = baseTimestamp;
+
+        if (typeof videoBaseTimestamp === 'undefined' || isNaN(videoBaseTimestamp)) {
+          videoBaseTimestamp = segmentInfo.video[0].dts;
+        }
+
+        segmentInfo.video.forEach(function (info) {
+          info.dts = handleRollover(info.dts, videoBaseTimestamp);
+          info.pts = handleRollover(info.pts, videoBaseTimestamp); // time in seconds
+
+          info.dtsTime = info.dts / ONE_SECOND_IN_TS;
+          info.ptsTime = info.pts / ONE_SECOND_IN_TS;
+        });
+
+        if (segmentInfo.firstKeyFrame) {
+          var frame = segmentInfo.firstKeyFrame;
+          frame.dts = handleRollover(frame.dts, videoBaseTimestamp);
+          frame.pts = handleRollover(frame.pts, videoBaseTimestamp); // time in seconds
+
+          frame.dtsTime = frame.dts / ONE_SECOND_IN_TS;
+          frame.ptsTime = frame.pts / ONE_SECOND_IN_TS;
+        }
+      }
+    };
+    /**
+     * inspects the aac data stream for start and end time information
+     */
+
+
+    var inspectAac_ = function inspectAac_(bytes) {
+      var endLoop = false,
+          audioCount = 0,
+          sampleRate = null,
+          timestamp = null,
+          frameSize = 0,
+          byteIndex = 0,
+          packet;
+
+      while (bytes.length - byteIndex >= 3) {
+        var type = probe.aac.parseType(bytes, byteIndex);
+
+        switch (type) {
+          case 'timed-metadata':
+            // Exit early because we don't have enough to parse
+            // the ID3 tag header
+            if (bytes.length - byteIndex < 10) {
+              endLoop = true;
+              break;
+            }
+
+            frameSize = probe.aac.parseId3TagSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
+            // to emit a full packet
+
+            if (frameSize > bytes.length) {
+              endLoop = true;
+              break;
+            }
+
+            if (timestamp === null) {
+              packet = bytes.subarray(byteIndex, byteIndex + frameSize);
+              timestamp = probe.aac.parseAacTimestamp(packet);
+            }
+
+            byteIndex += frameSize;
+            break;
+
+          case 'audio':
+            // Exit early because we don't have enough to parse
+            // the ADTS frame header
+            if (bytes.length - byteIndex < 7) {
+              endLoop = true;
+              break;
+            }
+
+            frameSize = probe.aac.parseAdtsSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
+            // to emit a full packet
+
+            if (frameSize > bytes.length) {
+              endLoop = true;
+              break;
+            }
+
+            if (sampleRate === null) {
+              packet = bytes.subarray(byteIndex, byteIndex + frameSize);
+              sampleRate = probe.aac.parseSampleRate(packet);
+            }
+
+            audioCount++;
+            byteIndex += frameSize;
+            break;
+
+          default:
+            byteIndex++;
+            break;
+        }
+
+        if (endLoop) {
+          return null;
+        }
+      }
+
+      if (sampleRate === null || timestamp === null) {
+        return null;
+      }
+
+      var audioTimescale = ONE_SECOND_IN_TS / sampleRate;
+      var result = {
+        audio: [{
+          type: 'audio',
+          dts: timestamp,
+          pts: timestamp
+        }, {
+          type: 'audio',
+          dts: timestamp + audioCount * 1024 * audioTimescale,
+          pts: timestamp + audioCount * 1024 * audioTimescale
+        }]
+      };
+      return result;
+    };
+    /**
+     * inspects the transport stream segment data for start and end time information
+     * of the audio and video tracks (when present) as well as the first key frame's
+     * start time.
+     */
+
+
+    var inspectTs_ = function inspectTs_(bytes) {
+      var pmt = {
+        pid: null,
+        table: null
+      };
+      var result = {};
+      parsePsi_(bytes, pmt);
+
+      for (var pid in pmt.table) {
+        if (pmt.table.hasOwnProperty(pid)) {
+          var type = pmt.table[pid];
+
+          switch (type) {
+            case streamTypes.H264_STREAM_TYPE:
+              result.video = [];
+              parseVideoPes_(bytes, pmt, result);
+
+              if (result.video.length === 0) {
+                delete result.video;
+              }
+
+              break;
+
+            case streamTypes.ADTS_STREAM_TYPE:
+              result.audio = [];
+              parseAudioPes_(bytes, pmt, result);
+
+              if (result.audio.length === 0) {
+                delete result.audio;
+              }
+
+              break;
+          }
+        }
+      }
+
+      return result;
+    };
+    /**
+     * Inspects segment byte data and returns an object with start and end timing information
+     *
+     * @param {Uint8Array} bytes The segment byte data
+     * @param {Number} baseTimestamp Relative reference timestamp used when adjusting frame
+     *  timestamps for rollover. This value must be in 90khz clock.
+     * @return {Object} Object containing start and end frame timing info of segment.
+     */
+
+
+    var inspect = function inspect(bytes, baseTimestamp) {
+      var isAacData = probe.aac.isLikelyAacData(bytes);
+      var result;
+
+      if (isAacData) {
+        result = inspectAac_(bytes);
+      } else {
+        result = inspectTs_(bytes);
+      }
+
+      if (!result || !result.audio && !result.video) {
+        return null;
+      }
+
+      adjustTimestamp_(result, baseTimestamp);
+      return result;
+    };
+
+    var tsInspector = {
+      inspect: inspect,
+      parseAudioPes_: parseAudioPes_
+    };
+    /* global self */
+
+    /**
+     * Re-emits transmuxer events by converting them into messages to the
+     * world outside the worker.
+     *
+     * @param {Object} transmuxer the transmuxer to wire events on
+     * @private
+     */
+
+    var wireTransmuxerEvents = function wireTransmuxerEvents(self, transmuxer) {
+      transmuxer.on('data', function (segment) {
+        // transfer ownership of the underlying ArrayBuffer
+        // instead of doing a copy to save memory
+        // ArrayBuffers are transferable but generic TypedArrays are not
+        // @link https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Passing_data_by_transferring_ownership_(transferable_objects)
+        var initArray = segment.initSegment;
+        segment.initSegment = {
+          data: initArray.buffer,
+          byteOffset: initArray.byteOffset,
+          byteLength: initArray.byteLength
+        };
+        var typedArray = segment.data;
+        segment.data = typedArray.buffer;
+        self.postMessage({
+          action: 'data',
+          segment: segment,
+          byteOffset: typedArray.byteOffset,
+          byteLength: typedArray.byteLength
+        }, [segment.data]);
+      });
+      transmuxer.on('done', function (data) {
+        self.postMessage({
+          action: 'done'
+        });
+      });
+      transmuxer.on('gopInfo', function (gopInfo) {
+        self.postMessage({
+          action: 'gopInfo',
+          gopInfo: gopInfo
+        });
+      });
+      transmuxer.on('videoSegmentTimingInfo', function (timingInfo) {
+        var videoSegmentTimingInfo = {
+          start: {
+            decode: clock.videoTsToSeconds(timingInfo.start.dts),
+            presentation: clock.videoTsToSeconds(timingInfo.start.pts)
+          },
+          end: {
+            decode: clock.videoTsToSeconds(timingInfo.end.dts),
+            presentation: clock.videoTsToSeconds(timingInfo.end.pts)
+          },
+          baseMediaDecodeTime: clock.videoTsToSeconds(timingInfo.baseMediaDecodeTime)
+        };
+
+        if (timingInfo.prependedContentDuration) {
+          videoSegmentTimingInfo.prependedContentDuration = clock.videoTsToSeconds(timingInfo.prependedContentDuration);
+        }
+
+        self.postMessage({
+          action: 'videoSegmentTimingInfo',
+          videoSegmentTimingInfo: videoSegmentTimingInfo
+        });
+      });
+      transmuxer.on('audioSegmentTimingInfo', function (timingInfo) {
+        // Note that all times for [audio/video]SegmentTimingInfo events are in video clock
+        var audioSegmentTimingInfo = {
+          start: {
+            decode: clock.videoTsToSeconds(timingInfo.start.dts),
+            presentation: clock.videoTsToSeconds(timingInfo.start.pts)
+          },
+          end: {
+            decode: clock.videoTsToSeconds(timingInfo.end.dts),
+            presentation: clock.videoTsToSeconds(timingInfo.end.pts)
+          },
+          baseMediaDecodeTime: clock.videoTsToSeconds(timingInfo.baseMediaDecodeTime)
+        };
+
+        if (timingInfo.prependedContentDuration) {
+          audioSegmentTimingInfo.prependedContentDuration = clock.videoTsToSeconds(timingInfo.prependedContentDuration);
+        }
+
+        self.postMessage({
+          action: 'audioSegmentTimingInfo',
+          audioSegmentTimingInfo: audioSegmentTimingInfo
+        });
+      });
+      transmuxer.on('id3Frame', function (id3Frame) {
+        self.postMessage({
+          action: 'id3Frame',
+          id3Frame: id3Frame
+        });
+      });
+      transmuxer.on('caption', function (caption) {
+        self.postMessage({
+          action: 'caption',
+          caption: caption
+        });
+      });
+      transmuxer.on('trackinfo', function (trackInfo) {
+        self.postMessage({
+          action: 'trackinfo',
+          trackInfo: trackInfo
+        });
+      });
+      transmuxer.on('audioTimingInfo', function (audioTimingInfo) {
+        // convert to video TS since we prioritize video time over audio
+        self.postMessage({
+          action: 'audioTimingInfo',
+          audioTimingInfo: {
+            start: clock.videoTsToSeconds(audioTimingInfo.start),
+            end: clock.videoTsToSeconds(audioTimingInfo.end)
+          }
+        });
+      });
+      transmuxer.on('videoTimingInfo', function (videoTimingInfo) {
+        self.postMessage({
+          action: 'videoTimingInfo',
+          videoTimingInfo: {
+            start: clock.videoTsToSeconds(videoTimingInfo.start),
+            end: clock.videoTsToSeconds(videoTimingInfo.end)
+          }
+        });
+      });
+      transmuxer.on('log', function (log) {
+        self.postMessage({
+          action: 'log',
+          log: log
+        });
+      });
+    };
+    /**
+     * All incoming messages route through this hash. If no function exists
+     * to handle an incoming message, then we ignore the message.
+     *
+     * @class MessageHandlers
+     * @param {Object} options the options to initialize with
+     */
+
+
+    var MessageHandlers = /*#__PURE__*/function () {
+      function MessageHandlers(self, options) {
+        this.options = options || {};
+        this.self = self;
+        this.init();
+      }
+      /**
+       * initialize our web worker and wire all the events.
+       */
+
+
+      var _proto = MessageHandlers.prototype;
+
+      _proto.init = function init() {
+        if (this.transmuxer) {
+          this.transmuxer.dispose();
+        }
+
+        this.transmuxer = new transmuxer.Transmuxer(this.options);
+        wireTransmuxerEvents(this.self, this.transmuxer);
+      };
+
+      _proto.pushMp4Captions = function pushMp4Captions(data) {
+        if (!this.captionParser) {
+          this.captionParser = new captionParser();
+          this.captionParser.init();
+        }
+
+        var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);
+        var parsed = this.captionParser.parse(segment, data.trackIds, data.timescales);
+        this.self.postMessage({
+          action: 'mp4Captions',
+          captions: parsed && parsed.captions || [],
+          logs: parsed && parsed.logs || [],
+          data: segment.buffer
+        }, [segment.buffer]);
+      };
+
+      _proto.probeMp4StartTime = function probeMp4StartTime(_ref) {
+        var timescales = _ref.timescales,
+            data = _ref.data;
+        var startTime = probe$2.startTime(timescales, data);
+        this.self.postMessage({
+          action: 'probeMp4StartTime',
+          startTime: startTime,
+          data: data
+        }, [data.buffer]);
+      };
+
+      _proto.probeMp4Tracks = function probeMp4Tracks(_ref2) {
+        var data = _ref2.data;
+        var tracks = probe$2.tracks(data);
+        this.self.postMessage({
+          action: 'probeMp4Tracks',
+          tracks: tracks,
+          data: data
+        }, [data.buffer]);
+      }
+      /**
+       * Probe an mpeg2-ts segment to determine the start time of the segment in it's
+       * internal "media time," as well as whether it contains video and/or audio.
+       *
+       * @private
+       * @param {Uint8Array} bytes - segment bytes
+       * @param {number} baseStartTime
+       *        Relative reference timestamp used when adjusting frame timestamps for rollover.
+       *        This value should be in seconds, as it's converted to a 90khz clock within the
+       *        function body.
+       * @return {Object} The start time of the current segment in "media time" as well as
+       *                  whether it contains video and/or audio
+       */
+      ;
+
+      _proto.probeTs = function probeTs(_ref3) {
+        var data = _ref3.data,
+            baseStartTime = _ref3.baseStartTime;
+        var tsStartTime = typeof baseStartTime === 'number' && !isNaN(baseStartTime) ? baseStartTime * clock.ONE_SECOND_IN_TS : void 0;
+        var timeInfo = tsInspector.inspect(data, tsStartTime);
+        var result = null;
+
+        if (timeInfo) {
+          result = {
+            // each type's time info comes back as an array of 2 times, start and end
+            hasVideo: timeInfo.video && timeInfo.video.length === 2 || false,
+            hasAudio: timeInfo.audio && timeInfo.audio.length === 2 || false
+          };
+
+          if (result.hasVideo) {
+            result.videoStart = timeInfo.video[0].ptsTime;
+          }
+
+          if (result.hasAudio) {
+            result.audioStart = timeInfo.audio[0].ptsTime;
+          }
+        }
+
+        this.self.postMessage({
+          action: 'probeTs',
+          result: result,
+          data: data
+        }, [data.buffer]);
+      };
+
+      _proto.clearAllMp4Captions = function clearAllMp4Captions() {
+        if (this.captionParser) {
+          this.captionParser.clearAllCaptions();
+        }
+      };
+
+      _proto.clearParsedMp4Captions = function clearParsedMp4Captions() {
+        if (this.captionParser) {
+          this.captionParser.clearParsedCaptions();
+        }
+      }
+      /**
+       * Adds data (a ts segment) to the start of the transmuxer pipeline for
+       * processing.
+       *
+       * @param {ArrayBuffer} data data to push into the muxer
+       */
+      ;
+
+      _proto.push = function push(data) {
+        // Cast array buffer to correct type for transmuxer
+        var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);
+        this.transmuxer.push(segment);
+      }
+      /**
+       * Recreate the transmuxer so that the next segment added via `push`
+       * start with a fresh transmuxer.
+       */
+      ;
+
+      _proto.reset = function reset() {
+        this.transmuxer.reset();
+      }
+      /**
+       * Set the value that will be used as the `baseMediaDecodeTime` time for the
+       * next segment pushed in. Subsequent segments will have their `baseMediaDecodeTime`
+       * set relative to the first based on the PTS values.
+       *
+       * @param {Object} data used to set the timestamp offset in the muxer
+       */
+      ;
+
+      _proto.setTimestampOffset = function setTimestampOffset(data) {
+        var timestampOffset = data.timestampOffset || 0;
+        this.transmuxer.setBaseMediaDecodeTime(Math.round(clock.secondsToVideoTs(timestampOffset)));
+      };
+
+      _proto.setAudioAppendStart = function setAudioAppendStart(data) {
+        this.transmuxer.setAudioAppendStart(Math.ceil(clock.secondsToVideoTs(data.appendStart)));
+      };
+
+      _proto.setRemux = function setRemux(data) {
+        this.transmuxer.setRemux(data.remux);
+      }
+      /**
+       * Forces the pipeline to finish processing the last segment and emit it's
+       * results.
+       *
+       * @param {Object} data event data, not really used
+       */
+      ;
+
+      _proto.flush = function flush(data) {
+        this.transmuxer.flush(); // transmuxed done action is fired after both audio/video pipelines are flushed
+
+        self.postMessage({
+          action: 'done',
+          type: 'transmuxed'
+        });
+      };
+
+      _proto.endTimeline = function endTimeline() {
+        this.transmuxer.endTimeline(); // transmuxed endedtimeline action is fired after both audio/video pipelines end their
+        // timelines
+
+        self.postMessage({
+          action: 'endedtimeline',
+          type: 'transmuxed'
+        });
+      };
+
+      _proto.alignGopsWith = function alignGopsWith(data) {
+        this.transmuxer.alignGopsWith(data.gopsToAlignWith.slice());
+      };
+
+      return MessageHandlers;
+    }();
+    /**
+     * Our web worker interface so that things can talk to mux.js
+     * that will be running in a web worker. the scope is passed to this by
+     * webworkify.
+     *
+     * @param {Object} self the scope for the web worker
+     */
+
+
+    self.onmessage = function (event) {
+      if (event.data.action === 'init' && event.data.options) {
+        this.messageHandlers = new MessageHandlers(self, event.data.options);
+        return;
+      }
+
+      if (!this.messageHandlers) {
+        this.messageHandlers = new MessageHandlers(self);
+      }
+
+      if (event.data && event.data.action && event.data.action !== 'init') {
+        if (this.messageHandlers[event.data.action]) {
+          this.messageHandlers[event.data.action](event.data);
+        }
+      }
+    };
+  }));
+  var TransmuxWorker = factory(workerCode$1);
+  /* rollup-plugin-worker-factory end for worker!/Users/bcasey/Projects/videojs-http-streaming/src/transmuxer-worker.js */
+
+  var handleData_ = function handleData_(event, transmuxedData, callback) {
+    var _event$data$segment = event.data.segment,
+        type = _event$data$segment.type,
+        initSegment = _event$data$segment.initSegment,
+        captions = _event$data$segment.captions,
+        captionStreams = _event$data$segment.captionStreams,
+        metadata = _event$data$segment.metadata,
+        videoFrameDtsTime = _event$data$segment.videoFrameDtsTime,
+        videoFramePtsTime = _event$data$segment.videoFramePtsTime;
+    transmuxedData.buffer.push({
+      captions: captions,
+      captionStreams: captionStreams,
+      metadata: metadata
+    });
+    var boxes = event.data.segment.boxes || {
+      data: event.data.segment.data
+    };
+    var result = {
+      type: type,
+      // cast ArrayBuffer to TypedArray
+      data: new Uint8Array(boxes.data, boxes.data.byteOffset, boxes.data.byteLength),
+      initSegment: new Uint8Array(initSegment.data, initSegment.byteOffset, initSegment.byteLength)
+    };
+
+    if (typeof videoFrameDtsTime !== 'undefined') {
+      result.videoFrameDtsTime = videoFrameDtsTime;
+    }
+
+    if (typeof videoFramePtsTime !== 'undefined') {
+      result.videoFramePtsTime = videoFramePtsTime;
+    }
+
+    callback(result);
+  };
+
+  var handleDone_ = function handleDone_(_ref) {
+    var transmuxedData = _ref.transmuxedData,
+        callback = _ref.callback; // Previously we only returned data on data events,
+    // not on done events. Clear out the buffer to keep that consistent.
+
+    transmuxedData.buffer = []; // all buffers should have been flushed from the muxer, so start processing anything we
+    // have received
+
+    callback(transmuxedData);
+  };
+
+  var handleGopInfo_ = function handleGopInfo_(event, transmuxedData) {
+    transmuxedData.gopInfo = event.data.gopInfo;
+  };
+
+  var processTransmux = function processTransmux(options) {
+    var transmuxer = options.transmuxer,
+        bytes = options.bytes,
+        audioAppendStart = options.audioAppendStart,
+        gopsToAlignWith = options.gopsToAlignWith,
+        remux = options.remux,
+        onData = options.onData,
+        onTrackInfo = options.onTrackInfo,
+        onAudioTimingInfo = options.onAudioTimingInfo,
+        onVideoTimingInfo = options.onVideoTimingInfo,
+        onVideoSegmentTimingInfo = options.onVideoSegmentTimingInfo,
+        onAudioSegmentTimingInfo = options.onAudioSegmentTimingInfo,
+        onId3 = options.onId3,
+        onCaptions = options.onCaptions,
+        onDone = options.onDone,
+        onEndedTimeline = options.onEndedTimeline,
+        onTransmuxerLog = options.onTransmuxerLog,
+        isEndOfTimeline = options.isEndOfTimeline;
+    var transmuxedData = {
+      buffer: []
+    };
+    var waitForEndedTimelineEvent = isEndOfTimeline;
+
+    var handleMessage = function handleMessage(event) {
+      if (transmuxer.currentTransmux !== options) {
+        // disposed
+        return;
+      }
+
+      if (event.data.action === 'data') {
+        handleData_(event, transmuxedData, onData);
+      }
+
+      if (event.data.action === 'trackinfo') {
+        onTrackInfo(event.data.trackInfo);
+      }
+
+      if (event.data.action === 'gopInfo') {
+        handleGopInfo_(event, transmuxedData);
+      }
+
+      if (event.data.action === 'audioTimingInfo') {
+        onAudioTimingInfo(event.data.audioTimingInfo);
+      }
+
+      if (event.data.action === 'videoTimingInfo') {
+        onVideoTimingInfo(event.data.videoTimingInfo);
+      }
+
+      if (event.data.action === 'videoSegmentTimingInfo') {
+        onVideoSegmentTimingInfo(event.data.videoSegmentTimingInfo);
+      }
+
+      if (event.data.action === 'audioSegmentTimingInfo') {
+        onAudioSegmentTimingInfo(event.data.audioSegmentTimingInfo);
+      }
+
+      if (event.data.action === 'id3Frame') {
+        onId3([event.data.id3Frame], event.data.id3Frame.dispatchType);
+      }
+
+      if (event.data.action === 'caption') {
+        onCaptions(event.data.caption);
+      }
+
+      if (event.data.action === 'endedtimeline') {
+        waitForEndedTimelineEvent = false;
+        onEndedTimeline();
+      }
+
+      if (event.data.action === 'log') {
+        onTransmuxerLog(event.data.log);
+      } // wait for the transmuxed event since we may have audio and video
+
+
+      if (event.data.type !== 'transmuxed') {
+        return;
+      } // If the "endedtimeline" event has not yet fired, and this segment represents the end
+      // of a timeline, that means there may still be data events before the segment
+      // processing can be considerred complete. In that case, the final event should be
+      // an "endedtimeline" event with the type "transmuxed."
+
+
+      if (waitForEndedTimelineEvent) {
+        return;
+      }
+
+      transmuxer.onmessage = null;
+      handleDone_({
+        transmuxedData: transmuxedData,
+        callback: onDone
+      });
+      /* eslint-disable no-use-before-define */
+
+      dequeue(transmuxer);
+      /* eslint-enable */
+    };
+
+    transmuxer.onmessage = handleMessage;
+
+    if (audioAppendStart) {
+      transmuxer.postMessage({
+        action: 'setAudioAppendStart',
+        appendStart: audioAppendStart
+      });
+    } // allow empty arrays to be passed to clear out GOPs
+
+
+    if (Array.isArray(gopsToAlignWith)) {
+      transmuxer.postMessage({
+        action: 'alignGopsWith',
+        gopsToAlignWith: gopsToAlignWith
+      });
+    }
+
+    if (typeof remux !== 'undefined') {
+      transmuxer.postMessage({
+        action: 'setRemux',
+        remux: remux
+      });
+    }
+
+    if (bytes.byteLength) {
+      var buffer = bytes instanceof ArrayBuffer ? bytes : bytes.buffer;
+      var byteOffset = bytes instanceof ArrayBuffer ? 0 : bytes.byteOffset;
+      transmuxer.postMessage({
+        action: 'push',
+        // Send the typed-array of data as an ArrayBuffer so that
+        // it can be sent as a "Transferable" and avoid the costly
+        // memory copy
+        data: buffer,
+        // To recreate the original typed-array, we need information
+        // about what portion of the ArrayBuffer it was a view into
+        byteOffset: byteOffset,
+        byteLength: bytes.byteLength
+      }, [buffer]);
+    }
+
+    if (isEndOfTimeline) {
+      transmuxer.postMessage({
+        action: 'endTimeline'
+      });
+    } // even if we didn't push any bytes, we have to make sure we flush in case we reached
+    // the end of the segment
+
+
+    transmuxer.postMessage({
+      action: 'flush'
+    });
+  };
+
+  var dequeue = function dequeue(transmuxer) {
+    transmuxer.currentTransmux = null;
+
+    if (transmuxer.transmuxQueue.length) {
+      transmuxer.currentTransmux = transmuxer.transmuxQueue.shift();
+
+      if (typeof transmuxer.currentTransmux === 'function') {
+        transmuxer.currentTransmux();
+      } else {
+        processTransmux(transmuxer.currentTransmux);
+      }
+    }
+  };
+
+  var processAction = function processAction(transmuxer, action) {
+    transmuxer.postMessage({
+      action: action
+    });
+    dequeue(transmuxer);
+  };
+
+  var enqueueAction = function enqueueAction(action, transmuxer) {
+    if (!transmuxer.currentTransmux) {
+      transmuxer.currentTransmux = action;
+      processAction(transmuxer, action);
+      return;
+    }
+
+    transmuxer.transmuxQueue.push(processAction.bind(null, transmuxer, action));
+  };
+
+  var reset = function reset(transmuxer) {
+    enqueueAction('reset', transmuxer);
+  };
+
+  var endTimeline = function endTimeline(transmuxer) {
+    enqueueAction('endTimeline', transmuxer);
+  };
+
+  var transmux = function transmux(options) {
+    if (!options.transmuxer.currentTransmux) {
+      options.transmuxer.currentTransmux = options;
+      processTransmux(options);
+      return;
+    }
+
+    options.transmuxer.transmuxQueue.push(options);
+  };
+
+  var createTransmuxer = function createTransmuxer(options) {
+    var transmuxer = new TransmuxWorker();
+    transmuxer.currentTransmux = null;
+    transmuxer.transmuxQueue = [];
+    var term = transmuxer.terminate;
+
+    transmuxer.terminate = function () {
+      transmuxer.currentTransmux = null;
+      transmuxer.transmuxQueue.length = 0;
+      return term.call(transmuxer);
+    };
+
+    transmuxer.postMessage({
+      action: 'init',
+      options: options
+    });
+    return transmuxer;
+  };
+
+  var segmentTransmuxer = {
+    reset: reset,
+    endTimeline: endTimeline,
+    transmux: transmux,
+    createTransmuxer: createTransmuxer
+  };
+
+  var workerCallback = function workerCallback(options) {
+    var transmuxer = options.transmuxer;
+    var endAction = options.endAction || options.action;
+    var callback = options.callback;
+
+    var message = _extends_1({}, options, {
+      endAction: null,
+      transmuxer: null,
+      callback: null
+    });
+
+    var listenForEndEvent = function listenForEndEvent(event) {
+      if (event.data.action !== endAction) {
+        return;
+      }
+
+      transmuxer.removeEventListener('message', listenForEndEvent); // transfer ownership of bytes back to us.
+
+      if (event.data.data) {
+        event.data.data = new Uint8Array(event.data.data, options.byteOffset || 0, options.byteLength || event.data.data.byteLength);
+
+        if (options.data) {
+          options.data = event.data.data;
+        }
+      }
+
+      callback(event.data);
+    };
+
+    transmuxer.addEventListener('message', listenForEndEvent);
+
+    if (options.data) {
+      var isArrayBuffer = options.data instanceof ArrayBuffer;
+      message.byteOffset = isArrayBuffer ? 0 : options.data.byteOffset;
+      message.byteLength = options.data.byteLength;
+      var transfers = [isArrayBuffer ? options.data : options.data.buffer];
+      transmuxer.postMessage(message, transfers);
+    } else {
+      transmuxer.postMessage(message);
+    }
+  };
+
+  var REQUEST_ERRORS = {
+    FAILURE: 2,
+    TIMEOUT: -101,
+    ABORTED: -102
+  };
+  /**
+   * Abort all requests
+   *
+   * @param {Object} activeXhrs - an object that tracks all XHR requests
+   */
+
+  var abortAll = function abortAll(activeXhrs) {
+    activeXhrs.forEach(function (xhr) {
+      xhr.abort();
+    });
+  };
+  /**
+   * Gather important bandwidth stats once a request has completed
+   *
+   * @param {Object} request - the XHR request from which to gather stats
+   */
+
+
+  var getRequestStats = function getRequestStats(request) {
+    return {
+      bandwidth: request.bandwidth,
+      bytesReceived: request.bytesReceived || 0,
+      roundTripTime: request.roundTripTime || 0
+    };
+  };
+  /**
+   * If possible gather bandwidth stats as a request is in
+   * progress
+   *
+   * @param {Event} progressEvent - an event object from an XHR's progress event
+   */
+
+
+  var getProgressStats = function getProgressStats(progressEvent) {
+    var request = progressEvent.target;
+    var roundTripTime = Date.now() - request.requestTime;
+    var stats = {
+      bandwidth: Infinity,
+      bytesReceived: 0,
+      roundTripTime: roundTripTime || 0
+    };
+    stats.bytesReceived = progressEvent.loaded; // This can result in Infinity if stats.roundTripTime is 0 but that is ok
+    // because we should only use bandwidth stats on progress to determine when
+    // abort a request early due to insufficient bandwidth
+
+    stats.bandwidth = Math.floor(stats.bytesReceived / stats.roundTripTime * 8 * 1000);
+    return stats;
+  };
+  /**
+   * Handle all error conditions in one place and return an object
+   * with all the information
+   *
+   * @param {Error|null} error - if non-null signals an error occured with the XHR
+   * @param {Object} request -  the XHR request that possibly generated the error
+   */
+
+
+  var handleErrors = function handleErrors(error, request) {
+    if (request.timedout) {
+      return {
+        status: request.status,
+        message: 'HLS request timed-out at URL: ' + request.uri,
+        code: REQUEST_ERRORS.TIMEOUT,
+        xhr: request
+      };
+    }
+
+    if (request.aborted) {
+      return {
+        status: request.status,
+        message: 'HLS request aborted at URL: ' + request.uri,
+        code: REQUEST_ERRORS.ABORTED,
+        xhr: request
+      };
+    }
+
+    if (error) {
+      return {
+        status: request.status,
+        message: 'HLS request errored at URL: ' + request.uri,
+        code: REQUEST_ERRORS.FAILURE,
+        xhr: request
+      };
+    }
+
+    if (request.responseType === 'arraybuffer' && request.response.byteLength === 0) {
+      return {
+        status: request.status,
+        message: 'Empty HLS response at URL: ' + request.uri,
+        code: REQUEST_ERRORS.FAILURE,
+        xhr: request
+      };
+    }
+
+    return null;
+  };
+  /**
+   * Handle responses for key data and convert the key data to the correct format
+   * for the decryption step later
+   *
+   * @param {Object} segment - a simplified copy of the segmentInfo object
+   *                           from SegmentLoader
+   * @param {Array} objects - objects to add the key bytes to.
+   * @param {Function} finishProcessingFn - a callback to execute to continue processing
+   *                                        this request
+   */
+
+
+  var handleKeyResponse = function handleKeyResponse(segment, objects, finishProcessingFn) {
+    return function (error, request) {
+      var response = request.response;
+      var errorObj = handleErrors(error, request);
+
+      if (errorObj) {
+        return finishProcessingFn(errorObj, segment);
+      }
+
+      if (response.byteLength !== 16) {
+        return finishProcessingFn({
+          status: request.status,
+          message: 'Invalid HLS key at URL: ' + request.uri,
+          code: REQUEST_ERRORS.FAILURE,
+          xhr: request
+        }, segment);
+      }
+
+      var view = new DataView(response);
+      var bytes = new Uint32Array([view.getUint32(0), view.getUint32(4), view.getUint32(8), view.getUint32(12)]);
+
+      for (var i = 0; i < objects.length; i++) {
+        objects[i].bytes = bytes;
+      }
+
+      return finishProcessingFn(null, segment);
+    };
+  };
+
+  var parseInitSegment = function parseInitSegment(segment, _callback) {
+    var type = detectContainerForBytes(segment.map.bytes); // TODO: We should also handle ts init segments here, but we
+    // only know how to parse mp4 init segments at the moment
+
+    if (type !== 'mp4') {
+      var uri = segment.map.resolvedUri || segment.map.uri;
+      return _callback({
+        internal: true,
+        message: "Found unsupported " + (type || 'unknown') + " container for initialization segment at URL: " + uri,
+        code: REQUEST_ERRORS.FAILURE
+      });
+    }
+
+    workerCallback({
+      action: 'probeMp4Tracks',
+      data: segment.map.bytes,
+      transmuxer: segment.transmuxer,
+      callback: function callback(_ref) {
+        var tracks = _ref.tracks,
+            data = _ref.data; // transfer bytes back to us
+
+        segment.map.bytes = data;
+        tracks.forEach(function (track) {
+          segment.map.tracks = segment.map.tracks || {}; // only support one track of each type for now
+
+          if (segment.map.tracks[track.type]) {
+            return;
+          }
+
+          segment.map.tracks[track.type] = track;
+
+          if (typeof track.id === 'number' && track.timescale) {
+            segment.map.timescales = segment.map.timescales || {};
+            segment.map.timescales[track.id] = track.timescale;
+          }
+        });
+        return _callback(null);
+      }
+    });
+  };
+  /**
+   * Handle init-segment responses
+   *
+   * @param {Object} segment - a simplified copy of the segmentInfo object
+   *                           from SegmentLoader
+   * @param {Function} finishProcessingFn - a callback to execute to continue processing
+   *                                        this request
+   */
+
+
+  var handleInitSegmentResponse = function handleInitSegmentResponse(_ref2) {
+    var segment = _ref2.segment,
+        finishProcessingFn = _ref2.finishProcessingFn;
+    return function (error, request) {
+      var errorObj = handleErrors(error, request);
+
+      if (errorObj) {
+        return finishProcessingFn(errorObj, segment);
+      }
+
+      var bytes = new Uint8Array(request.response); // init segment is encypted, we will have to wait
+      // until the key request is done to decrypt.
+
+      if (segment.map.key) {
+        segment.map.encryptedBytes = bytes;
+        return finishProcessingFn(null, segment);
+      }
+
+      segment.map.bytes = bytes;
+      parseInitSegment(segment, function (parseError) {
+        if (parseError) {
+          parseError.xhr = request;
+          parseError.status = request.status;
+          return finishProcessingFn(parseError, segment);
+        }
+
+        finishProcessingFn(null, segment);
+      });
+    };
+  };
+  /**
+   * Response handler for segment-requests being sure to set the correct
+   * property depending on whether the segment is encryped or not
+   * Also records and keeps track of stats that are used for ABR purposes
+   *
+   * @param {Object} segment - a simplified copy of the segmentInfo object
+   *                           from SegmentLoader
+   * @param {Function} finishProcessingFn - a callback to execute to continue processing
+   *                                        this request
+   */
+
+
+  var handleSegmentResponse = function handleSegmentResponse(_ref3) {
+    var segment = _ref3.segment,
+        finishProcessingFn = _ref3.finishProcessingFn,
+        responseType = _ref3.responseType;
+    return function (error, request) {
+      var errorObj = handleErrors(error, request);
+
+      if (errorObj) {
+        return finishProcessingFn(errorObj, segment);
+      }
+
+      var newBytes = // although responseText "should" exist, this guard serves to prevent an error being
+      // thrown for two primary cases:
+      // 1. the mime type override stops working, or is not implemented for a specific
+      //    browser
+      // 2. when using mock XHR libraries like sinon that do not allow the override behavior
+      responseType === 'arraybuffer' || !request.responseText ? request.response : stringToArrayBuffer(request.responseText.substring(segment.lastReachedChar || 0));
+      segment.stats = getRequestStats(request);
+
+      if (segment.key) {
+        segment.encryptedBytes = new Uint8Array(newBytes);
+      } else {
+        segment.bytes = new Uint8Array(newBytes);
+      }
+
+      return finishProcessingFn(null, segment);
+    };
+  };
+
+  var transmuxAndNotify = function transmuxAndNotify(_ref4) {
+    var segment = _ref4.segment,
+        bytes = _ref4.bytes,
+        trackInfoFn = _ref4.trackInfoFn,
+        timingInfoFn = _ref4.timingInfoFn,
+        videoSegmentTimingInfoFn = _ref4.videoSegmentTimingInfoFn,
+        audioSegmentTimingInfoFn = _ref4.audioSegmentTimingInfoFn,
+        id3Fn = _ref4.id3Fn,
+        captionsFn = _ref4.captionsFn,
+        isEndOfTimeline = _ref4.isEndOfTimeline,
+        endedTimelineFn = _ref4.endedTimelineFn,
+        dataFn = _ref4.dataFn,
+        doneFn = _ref4.doneFn,
+        onTransmuxerLog = _ref4.onTransmuxerLog;
+    var fmp4Tracks = segment.map && segment.map.tracks || {};
+    var isMuxed = Boolean(fmp4Tracks.audio && fmp4Tracks.video); // Keep references to each function so we can null them out after we're done with them.
+    // One reason for this is that in the case of full segments, we want to trust start
+    // times from the probe, rather than the transmuxer.
+
+    var audioStartFn = timingInfoFn.bind(null, segment, 'audio', 'start');
+    var audioEndFn = timingInfoFn.bind(null, segment, 'audio', 'end');
+    var videoStartFn = timingInfoFn.bind(null, segment, 'video', 'start');
+    var videoEndFn = timingInfoFn.bind(null, segment, 'video', 'end');
+
+    var finish = function finish() {
+      return transmux({
+        bytes: bytes,
+        transmuxer: segment.transmuxer,
+        audioAppendStart: segment.audioAppendStart,
+        gopsToAlignWith: segment.gopsToAlignWith,
+        remux: isMuxed,
+        onData: function onData(result) {
+          result.type = result.type === 'combined' ? 'video' : result.type;
+          dataFn(segment, result);
+        },
+        onTrackInfo: function onTrackInfo(trackInfo) {
+          if (trackInfoFn) {
+            if (isMuxed) {
+              trackInfo.isMuxed = true;
+            }
+
+            trackInfoFn(segment, trackInfo);
+          }
+        },
+        onAudioTimingInfo: function onAudioTimingInfo(audioTimingInfo) {
+          // we only want the first start value we encounter
+          if (audioStartFn && typeof audioTimingInfo.start !== 'undefined') {
+            audioStartFn(audioTimingInfo.start);
+            audioStartFn = null;
+          } // we want to continually update the end time
+
+
+          if (audioEndFn && typeof audioTimingInfo.end !== 'undefined') {
+            audioEndFn(audioTimingInfo.end);
+          }
+        },
+        onVideoTimingInfo: function onVideoTimingInfo(videoTimingInfo) {
+          // we only want the first start value we encounter
+          if (videoStartFn && typeof videoTimingInfo.start !== 'undefined') {
+            videoStartFn(videoTimingInfo.start);
+            videoStartFn = null;
+          } // we want to continually update the end time
+
+
+          if (videoEndFn && typeof videoTimingInfo.end !== 'undefined') {
+            videoEndFn(videoTimingInfo.end);
+          }
+        },
+        onVideoSegmentTimingInfo: function onVideoSegmentTimingInfo(videoSegmentTimingInfo) {
+          videoSegmentTimingInfoFn(videoSegmentTimingInfo);
+        },
+        onAudioSegmentTimingInfo: function onAudioSegmentTimingInfo(audioSegmentTimingInfo) {
+          audioSegmentTimingInfoFn(audioSegmentTimingInfo);
+        },
+        onId3: function onId3(id3Frames, dispatchType) {
+          id3Fn(segment, id3Frames, dispatchType);
+        },
+        onCaptions: function onCaptions(captions) {
+          captionsFn(segment, [captions]);
+        },
+        isEndOfTimeline: isEndOfTimeline,
+        onEndedTimeline: function onEndedTimeline() {
+          endedTimelineFn();
+        },
+        onTransmuxerLog: onTransmuxerLog,
+        onDone: function onDone(result) {
+          if (!doneFn) {
+            return;
+          }
+
+          result.type = result.type === 'combined' ? 'video' : result.type;
+          doneFn(null, segment, result);
+        }
+      });
+    }; // In the transmuxer, we don't yet have the ability to extract a "proper" start time.
+    // Meaning cached frame data may corrupt our notion of where this segment
+    // really starts. To get around this, probe for the info needed.
+
+
+    workerCallback({
+      action: 'probeTs',
+      transmuxer: segment.transmuxer,
+      data: bytes,
+      baseStartTime: segment.baseStartTime,
+      callback: function callback(data) {
+        segment.bytes = bytes = data.data;
+        var probeResult = data.result;
+
+        if (probeResult) {
+          trackInfoFn(segment, {
+            hasAudio: probeResult.hasAudio,
+            hasVideo: probeResult.hasVideo,
+            isMuxed: isMuxed
+          });
+          trackInfoFn = null;
+
+          if (probeResult.hasAudio && !isMuxed) {
+            audioStartFn(probeResult.audioStart);
+          }
+
+          if (probeResult.hasVideo) {
+            videoStartFn(probeResult.videoStart);
+          }
+
+          audioStartFn = null;
+          videoStartFn = null;
+        }
+
+        finish();
+      }
+    });
+  };
+
+  var handleSegmentBytes = function handleSegmentBytes(_ref5) {
+    var segment = _ref5.segment,
+        bytes = _ref5.bytes,
+        trackInfoFn = _ref5.trackInfoFn,
+        timingInfoFn = _ref5.timingInfoFn,
+        videoSegmentTimingInfoFn = _ref5.videoSegmentTimingInfoFn,
+        audioSegmentTimingInfoFn = _ref5.audioSegmentTimingInfoFn,
+        id3Fn = _ref5.id3Fn,
+        captionsFn = _ref5.captionsFn,
+        isEndOfTimeline = _ref5.isEndOfTimeline,
+        endedTimelineFn = _ref5.endedTimelineFn,
+        dataFn = _ref5.dataFn,
+        doneFn = _ref5.doneFn,
+        onTransmuxerLog = _ref5.onTransmuxerLog;
+    var bytesAsUint8Array = new Uint8Array(bytes); // TODO:
+    // We should have a handler that fetches the number of bytes required
+    // to check if something is fmp4. This will allow us to save bandwidth
+    // because we can only blacklist a playlist and abort requests
+    // by codec after trackinfo triggers.
+
+    if (isLikelyFmp4MediaSegment(bytesAsUint8Array)) {
+      segment.isFmp4 = true;
+      var tracks = segment.map.tracks;
+      var trackInfo = {
+        isFmp4: true,
+        hasVideo: !!tracks.video,
+        hasAudio: !!tracks.audio
+      }; // if we have a audio track, with a codec that is not set to
+      // encrypted audio
+
+      if (tracks.audio && tracks.audio.codec && tracks.audio.codec !== 'enca') {
+        trackInfo.audioCodec = tracks.audio.codec;
+      } // if we have a video track, with a codec that is not set to
+      // encrypted video
+
+
+      if (tracks.video && tracks.video.codec && tracks.video.codec !== 'encv') {
+        trackInfo.videoCodec = tracks.video.codec;
+      }
+
+      if (tracks.video && tracks.audio) {
+        trackInfo.isMuxed = true;
+      } // since we don't support appending fmp4 data on progress, we know we have the full
+      // segment here
+
+
+      trackInfoFn(segment, trackInfo); // The probe doesn't provide the segment end time, so only callback with the start
+      // time. The end time can be roughly calculated by the receiver using the duration.
+      //
+      // Note that the start time returned by the probe reflects the baseMediaDecodeTime, as
+      // that is the true start of the segment (where the playback engine should begin
+      // decoding).
+
+      var finishLoading = function finishLoading(captions) {
+        // if the track still has audio at this point it is only possible
+        // for it to be audio only. See `tracks.video && tracks.audio` if statement
+        // above.
+        // we make sure to use segment.bytes here as that
+        dataFn(segment, {
+          data: bytesAsUint8Array,
+          type: trackInfo.hasAudio && !trackInfo.isMuxed ? 'audio' : 'video'
+        });
+
+        if (captions && captions.length) {
+          captionsFn(segment, captions);
+        }
+
+        doneFn(null, segment, {});
+      };
+
+      workerCallback({
+        action: 'probeMp4StartTime',
+        timescales: segment.map.timescales,
+        data: bytesAsUint8Array,
+        transmuxer: segment.transmuxer,
+        callback: function callback(_ref6) {
+          var data = _ref6.data,
+              startTime = _ref6.startTime; // transfer bytes back to us
+
+          bytes = data.buffer;
+          segment.bytes = bytesAsUint8Array = data;
+
+          if (trackInfo.hasAudio && !trackInfo.isMuxed) {
+            timingInfoFn(segment, 'audio', 'start', startTime);
+          }
+
+          if (trackInfo.hasVideo) {
+            timingInfoFn(segment, 'video', 'start', startTime);
+          } // Run through the CaptionParser in case there are captions.
+          // Initialize CaptionParser if it hasn't been yet
+
+
+          if (!tracks.video || !data.byteLength || !segment.transmuxer) {
+            finishLoading();
+            return;
+          }
+
+          workerCallback({
+            action: 'pushMp4Captions',
+            endAction: 'mp4Captions',
+            transmuxer: segment.transmuxer,
+            data: bytesAsUint8Array,
+            timescales: segment.map.timescales,
+            trackIds: [tracks.video.id],
+            callback: function callback(message) {
+              // transfer bytes back to us
+              bytes = message.data.buffer;
+              segment.bytes = bytesAsUint8Array = message.data;
+              message.logs.forEach(function (log) {
+                onTransmuxerLog(videojs.mergeOptions(log, {
+                  stream: 'mp4CaptionParser'
+                }));
+              });
+              finishLoading(message.captions);
+            }
+          });
+        }
+      });
+      return;
+    } // VTT or other segments that don't need processing
+
+
+    if (!segment.transmuxer) {
+      doneFn(null, segment, {});
+      return;
+    }
+
+    if (typeof segment.container === 'undefined') {
+      segment.container = detectContainerForBytes(bytesAsUint8Array);
+    }
+
+    if (segment.container !== 'ts' && segment.container !== 'aac') {
+      trackInfoFn(segment, {
+        hasAudio: false,
+        hasVideo: false
+      });
+      doneFn(null, segment, {});
+      return;
+    } // ts or aac
+
+
+    transmuxAndNotify({
+      segment: segment,
+      bytes: bytes,
+      trackInfoFn: trackInfoFn,
+      timingInfoFn: timingInfoFn,
+      videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+      audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+      id3Fn: id3Fn,
+      captionsFn: captionsFn,
+      isEndOfTimeline: isEndOfTimeline,
+      endedTimelineFn: endedTimelineFn,
+      dataFn: dataFn,
+      doneFn: doneFn,
+      onTransmuxerLog: onTransmuxerLog
+    });
+  };
+
+  var decrypt = function decrypt(_ref7, callback) {
+    var id = _ref7.id,
+        key = _ref7.key,
+        encryptedBytes = _ref7.encryptedBytes,
+        decryptionWorker = _ref7.decryptionWorker;
+
+    var decryptionHandler = function decryptionHandler(event) {
+      if (event.data.source === id) {
+        decryptionWorker.removeEventListener('message', decryptionHandler);
+        var decrypted = event.data.decrypted;
+        callback(new Uint8Array(decrypted.bytes, decrypted.byteOffset, decrypted.byteLength));
+      }
+    };
+
+    decryptionWorker.addEventListener('message', decryptionHandler);
+    var keyBytes;
+
+    if (key.bytes.slice) {
+      keyBytes = key.bytes.slice();
+    } else {
+      keyBytes = new Uint32Array(Array.prototype.slice.call(key.bytes));
+    } // incrementally decrypt the bytes
+
+
+    decryptionWorker.postMessage(createTransferableMessage({
+      source: id,
+      encrypted: encryptedBytes,
+      key: keyBytes,
+      iv: key.iv
+    }), [encryptedBytes.buffer, keyBytes.buffer]);
+  };
+  /**
+   * Decrypt the segment via the decryption web worker
+   *
+   * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128 decryption
+   *                                       routines
+   * @param {Object} segment - a simplified copy of the segmentInfo object
+   *                           from SegmentLoader
+   * @param {Function} trackInfoFn - a callback that receives track info
+   * @param {Function} timingInfoFn - a callback that receives timing info
+   * @param {Function} videoSegmentTimingInfoFn
+   *                   a callback that receives video timing info based on media times and
+   *                   any adjustments made by the transmuxer
+   * @param {Function} audioSegmentTimingInfoFn
+   *                   a callback that receives audio timing info based on media times and
+   *                   any adjustments made by the transmuxer
+   * @param {boolean}  isEndOfTimeline
+   *                   true if this segment represents the last segment in a timeline
+   * @param {Function} endedTimelineFn
+   *                   a callback made when a timeline is ended, will only be called if
+   *                   isEndOfTimeline is true
+   * @param {Function} dataFn - a callback that is executed when segment bytes are available
+   *                            and ready to use
+   * @param {Function} doneFn - a callback that is executed after decryption has completed
+   */
+
+
+  var decryptSegment = function decryptSegment(_ref8) {
+    var decryptionWorker = _ref8.decryptionWorker,
+        segment = _ref8.segment,
+        trackInfoFn = _ref8.trackInfoFn,
+        timingInfoFn = _ref8.timingInfoFn,
+        videoSegmentTimingInfoFn = _ref8.videoSegmentTimingInfoFn,
+        audioSegmentTimingInfoFn = _ref8.audioSegmentTimingInfoFn,
+        id3Fn = _ref8.id3Fn,
+        captionsFn = _ref8.captionsFn,
+        isEndOfTimeline = _ref8.isEndOfTimeline,
+        endedTimelineFn = _ref8.endedTimelineFn,
+        dataFn = _ref8.dataFn,
+        doneFn = _ref8.doneFn,
+        onTransmuxerLog = _ref8.onTransmuxerLog;
+    decrypt({
+      id: segment.requestId,
+      key: segment.key,
+      encryptedBytes: segment.encryptedBytes,
+      decryptionWorker: decryptionWorker
+    }, function (decryptedBytes) {
+      segment.bytes = decryptedBytes;
+      handleSegmentBytes({
+        segment: segment,
+        bytes: segment.bytes,
+        trackInfoFn: trackInfoFn,
+        timingInfoFn: timingInfoFn,
+        videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+        audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+        id3Fn: id3Fn,
+        captionsFn: captionsFn,
+        isEndOfTimeline: isEndOfTimeline,
+        endedTimelineFn: endedTimelineFn,
+        dataFn: dataFn,
+        doneFn: doneFn,
+        onTransmuxerLog: onTransmuxerLog
+      });
+    });
+  };
+  /**
+   * This function waits for all XHRs to finish (with either success or failure)
+   * before continueing processing via it's callback. The function gathers errors
+   * from each request into a single errors array so that the error status for
+   * each request can be examined later.
+   *
+   * @param {Object} activeXhrs - an object that tracks all XHR requests
+   * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128 decryption
+   *                                       routines
+   * @param {Function} trackInfoFn - a callback that receives track info
+   * @param {Function} timingInfoFn - a callback that receives timing info
+   * @param {Function} videoSegmentTimingInfoFn
+   *                   a callback that receives video timing info based on media times and
+   *                   any adjustments made by the transmuxer
+   * @param {Function} audioSegmentTimingInfoFn
+   *                   a callback that receives audio timing info based on media times and
+   *                   any adjustments made by the transmuxer
+   * @param {Function} id3Fn - a callback that receives ID3 metadata
+   * @param {Function} captionsFn - a callback that receives captions
+   * @param {boolean}  isEndOfTimeline
+   *                   true if this segment represents the last segment in a timeline
+   * @param {Function} endedTimelineFn
+   *                   a callback made when a timeline is ended, will only be called if
+   *                   isEndOfTimeline is true
+   * @param {Function} dataFn - a callback that is executed when segment bytes are available
+   *                            and ready to use
+   * @param {Function} doneFn - a callback that is executed after all resources have been
+   *                            downloaded and any decryption completed
+   */
+
+
+  var waitForCompletion = function waitForCompletion(_ref9) {
+    var activeXhrs = _ref9.activeXhrs,
+        decryptionWorker = _ref9.decryptionWorker,
+        trackInfoFn = _ref9.trackInfoFn,
+        timingInfoFn = _ref9.timingInfoFn,
+        videoSegmentTimingInfoFn = _ref9.videoSegmentTimingInfoFn,
+        audioSegmentTimingInfoFn = _ref9.audioSegmentTimingInfoFn,
+        id3Fn = _ref9.id3Fn,
+        captionsFn = _ref9.captionsFn,
+        isEndOfTimeline = _ref9.isEndOfTimeline,
+        endedTimelineFn = _ref9.endedTimelineFn,
+        dataFn = _ref9.dataFn,
+        doneFn = _ref9.doneFn,
+        onTransmuxerLog = _ref9.onTransmuxerLog;
+    var count = 0;
+    var didError = false;
+    return function (error, segment) {
+      if (didError) {
+        return;
+      }
+
+      if (error) {
+        didError = true; // If there are errors, we have to abort any outstanding requests
+
+        abortAll(activeXhrs); // Even though the requests above are aborted, and in theory we could wait until we
+        // handle the aborted events from those requests, there are some cases where we may
+        // never get an aborted event. For instance, if the network connection is lost and
+        // there were two requests, the first may have triggered an error immediately, while
+        // the second request remains unsent. In that case, the aborted algorithm will not
+        // trigger an abort: see https://xhr.spec.whatwg.org/#the-abort()-method
+        //
+        // We also can't rely on the ready state of the XHR, since the request that
+        // triggered the connection error may also show as a ready state of 0 (unsent).
+        // Therefore, we have to finish this group of requests immediately after the first
+        // seen error.
+
+        return doneFn(error, segment);
+      }
+
+      count += 1;
+
+      if (count === activeXhrs.length) {
+        var segmentFinish = function segmentFinish() {
+          if (segment.encryptedBytes) {
+            return decryptSegment({
+              decryptionWorker: decryptionWorker,
+              segment: segment,
+              trackInfoFn: trackInfoFn,
+              timingInfoFn: timingInfoFn,
+              videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+              audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+              id3Fn: id3Fn,
+              captionsFn: captionsFn,
+              isEndOfTimeline: isEndOfTimeline,
+              endedTimelineFn: endedTimelineFn,
+              dataFn: dataFn,
+              doneFn: doneFn,
+              onTransmuxerLog: onTransmuxerLog
+            });
+          } // Otherwise, everything is ready just continue
+
+
+          handleSegmentBytes({
+            segment: segment,
+            bytes: segment.bytes,
+            trackInfoFn: trackInfoFn,
+            timingInfoFn: timingInfoFn,
+            videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+            audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+            id3Fn: id3Fn,
+            captionsFn: captionsFn,
+            isEndOfTimeline: isEndOfTimeline,
+            endedTimelineFn: endedTimelineFn,
+            dataFn: dataFn,
+            doneFn: doneFn,
+            onTransmuxerLog: onTransmuxerLog
+          });
+        }; // Keep track of when *all* of the requests have completed
+
+
+        segment.endOfAllRequests = Date.now();
+
+        if (segment.map && segment.map.encryptedBytes && !segment.map.bytes) {
+          return decrypt({
+            decryptionWorker: decryptionWorker,
+            // add -init to the "id" to differentiate between segment
+            // and init segment decryption, just in case they happen
+            // at the same time at some point in the future.
+            id: segment.requestId + '-init',
+            encryptedBytes: segment.map.encryptedBytes,
+            key: segment.map.key
+          }, function (decryptedBytes) {
+            segment.map.bytes = decryptedBytes;
+            parseInitSegment(segment, function (parseError) {
+              if (parseError) {
+                abortAll(activeXhrs);
+                return doneFn(parseError, segment);
+              }
+
+              segmentFinish();
+            });
+          });
+        }
+
+        segmentFinish();
+      }
+    };
+  };
+  /**
+   * Calls the abort callback if any request within the batch was aborted. Will only call
+   * the callback once per batch of requests, even if multiple were aborted.
+   *
+   * @param {Object} loadendState - state to check to see if the abort function was called
+   * @param {Function} abortFn - callback to call for abort
+   */
+
+
+  var handleLoadEnd = function handleLoadEnd(_ref10) {
+    var loadendState = _ref10.loadendState,
+        abortFn = _ref10.abortFn;
+    return function (event) {
+      var request = event.target;
+
+      if (request.aborted && abortFn && !loadendState.calledAbortFn) {
+        abortFn();
+        loadendState.calledAbortFn = true;
+      }
+    };
+  };
+  /**
+   * Simple progress event callback handler that gathers some stats before
+   * executing a provided callback with the `segment` object
+   *
+   * @param {Object} segment - a simplified copy of the segmentInfo object
+   *                           from SegmentLoader
+   * @param {Function} progressFn - a callback that is executed each time a progress event
+   *                                is received
+   * @param {Function} trackInfoFn - a callback that receives track info
+   * @param {Function} timingInfoFn - a callback that receives timing info
+   * @param {Function} videoSegmentTimingInfoFn
+   *                   a callback that receives video timing info based on media times and
+   *                   any adjustments made by the transmuxer
+   * @param {Function} audioSegmentTimingInfoFn
+   *                   a callback that receives audio timing info based on media times and
+   *                   any adjustments made by the transmuxer
+   * @param {boolean}  isEndOfTimeline
+   *                   true if this segment represents the last segment in a timeline
+   * @param {Function} endedTimelineFn
+   *                   a callback made when a timeline is ended, will only be called if
+   *                   isEndOfTimeline is true
+   * @param {Function} dataFn - a callback that is executed when segment bytes are available
+   *                            and ready to use
+   * @param {Event} event - the progress event object from XMLHttpRequest
+   */
+
+
+  var handleProgress = function handleProgress(_ref11) {
+    var segment = _ref11.segment,
+        progressFn = _ref11.progressFn;
+    _ref11.trackInfoFn;
+    _ref11.timingInfoFn;
+    _ref11.videoSegmentTimingInfoFn;
+    _ref11.audioSegmentTimingInfoFn;
+    _ref11.id3Fn;
+    _ref11.captionsFn;
+    _ref11.isEndOfTimeline;
+    _ref11.endedTimelineFn;
+    _ref11.dataFn;
+    return function (event) {
+      var request = event.target;
+
+      if (request.aborted) {
+        return;
+      }
+
+      segment.stats = videojs.mergeOptions(segment.stats, getProgressStats(event)); // record the time that we receive the first byte of data
+
+      if (!segment.stats.firstBytesReceivedAt && segment.stats.bytesReceived) {
+        segment.stats.firstBytesReceivedAt = Date.now();
+      }
+
+      return progressFn(event, segment);
+    };
+  };
+  /**
+   * Load all resources and does any processing necessary for a media-segment
+   *
+   * Features:
+   *   decrypts the media-segment if it has a key uri and an iv
+   *   aborts *all* requests if *any* one request fails
+   *
+   * The segment object, at minimum, has the following format:
+   * {
+   *   resolvedUri: String,
+   *   [transmuxer]: Object,
+   *   [byterange]: {
+   *     offset: Number,
+   *     length: Number
+   *   },
+   *   [key]: {
+   *     resolvedUri: String
+   *     [byterange]: {
+   *       offset: Number,
+   *       length: Number
+   *     },
+   *     iv: {
+   *       bytes: Uint32Array
+   *     }
+   *   },
+   *   [map]: {
+   *     resolvedUri: String,
+   *     [byterange]: {
+   *       offset: Number,
+   *       length: Number
+   *     },
+   *     [bytes]: Uint8Array
+   *   }
+   * }
+   * ...where [name] denotes optional properties
+   *
+   * @param {Function} xhr - an instance of the xhr wrapper in xhr.js
+   * @param {Object} xhrOptions - the base options to provide to all xhr requests
+   * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128
+   *                                       decryption routines
+   * @param {Object} segment - a simplified copy of the segmentInfo object
+   *                           from SegmentLoader
+   * @param {Function} abortFn - a callback called (only once) if any piece of a request was
+   *                             aborted
+   * @param {Function} progressFn - a callback that receives progress events from the main
+   *                                segment's xhr request
+   * @param {Function} trackInfoFn - a callback that receives track info
+   * @param {Function} timingInfoFn - a callback that receives timing info
+   * @param {Function} videoSegmentTimingInfoFn
+   *                   a callback that receives video timing info based on media times and
+   *                   any adjustments made by the transmuxer
+   * @param {Function} audioSegmentTimingInfoFn
+   *                   a callback that receives audio timing info based on media times and
+   *                   any adjustments made by the transmuxer
+   * @param {Function} id3Fn - a callback that receives ID3 metadata
+   * @param {Function} captionsFn - a callback that receives captions
+   * @param {boolean}  isEndOfTimeline
+   *                   true if this segment represents the last segment in a timeline
+   * @param {Function} endedTimelineFn
+   *                   a callback made when a timeline is ended, will only be called if
+   *                   isEndOfTimeline is true
+   * @param {Function} dataFn - a callback that receives data from the main segment's xhr
+   *                            request, transmuxed if needed
+   * @param {Function} doneFn - a callback that is executed only once all requests have
+   *                            succeeded or failed
+   * @return {Function} a function that, when invoked, immediately aborts all
+   *                     outstanding requests
+   */
+
+
+  var mediaSegmentRequest = function mediaSegmentRequest(_ref12) {
+    var xhr = _ref12.xhr,
+        xhrOptions = _ref12.xhrOptions,
+        decryptionWorker = _ref12.decryptionWorker,
+        segment = _ref12.segment,
+        abortFn = _ref12.abortFn,
+        progressFn = _ref12.progressFn,
+        trackInfoFn = _ref12.trackInfoFn,
+        timingInfoFn = _ref12.timingInfoFn,
+        videoSegmentTimingInfoFn = _ref12.videoSegmentTimingInfoFn,
+        audioSegmentTimingInfoFn = _ref12.audioSegmentTimingInfoFn,
+        id3Fn = _ref12.id3Fn,
+        captionsFn = _ref12.captionsFn,
+        isEndOfTimeline = _ref12.isEndOfTimeline,
+        endedTimelineFn = _ref12.endedTimelineFn,
+        dataFn = _ref12.dataFn,
+        doneFn = _ref12.doneFn,
+        onTransmuxerLog = _ref12.onTransmuxerLog;
+    var activeXhrs = [];
+    var finishProcessingFn = waitForCompletion({
+      activeXhrs: activeXhrs,
+      decryptionWorker: decryptionWorker,
+      trackInfoFn: trackInfoFn,
+      timingInfoFn: timingInfoFn,
+      videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+      audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+      id3Fn: id3Fn,
+      captionsFn: captionsFn,
+      isEndOfTimeline: isEndOfTimeline,
+      endedTimelineFn: endedTimelineFn,
+      dataFn: dataFn,
+      doneFn: doneFn,
+      onTransmuxerLog: onTransmuxerLog
+    }); // optionally, request the decryption key
+
+    if (segment.key && !segment.key.bytes) {
+      var objects = [segment.key];
+
+      if (segment.map && !segment.map.bytes && segment.map.key && segment.map.key.resolvedUri === segment.key.resolvedUri) {
+        objects.push(segment.map.key);
+      }
+
+      var keyRequestOptions = videojs.mergeOptions(xhrOptions, {
+        uri: segment.key.resolvedUri,
+        responseType: 'arraybuffer'
+      });
+      var keyRequestCallback = handleKeyResponse(segment, objects, finishProcessingFn);
+      var keyXhr = xhr(keyRequestOptions, keyRequestCallback);
+      activeXhrs.push(keyXhr);
+    } // optionally, request the associated media init segment
+
+
+    if (segment.map && !segment.map.bytes) {
+      var differentMapKey = segment.map.key && (!segment.key || segment.key.resolvedUri !== segment.map.key.resolvedUri);
+
+      if (differentMapKey) {
+        var mapKeyRequestOptions = videojs.mergeOptions(xhrOptions, {
+          uri: segment.map.key.resolvedUri,
+          responseType: 'arraybuffer'
+        });
+        var mapKeyRequestCallback = handleKeyResponse(segment, [segment.map.key], finishProcessingFn);
+        var mapKeyXhr = xhr(mapKeyRequestOptions, mapKeyRequestCallback);
+        activeXhrs.push(mapKeyXhr);
+      }
+
+      var initSegmentOptions = videojs.mergeOptions(xhrOptions, {
+        uri: segment.map.resolvedUri,
+        responseType: 'arraybuffer',
+        headers: segmentXhrHeaders(segment.map)
+      });
+      var initSegmentRequestCallback = handleInitSegmentResponse({
+        segment: segment,
+        finishProcessingFn: finishProcessingFn
+      });
+      var initSegmentXhr = xhr(initSegmentOptions, initSegmentRequestCallback);
+      activeXhrs.push(initSegmentXhr);
+    }
+
+    var segmentRequestOptions = videojs.mergeOptions(xhrOptions, {
+      uri: segment.part && segment.part.resolvedUri || segment.resolvedUri,
+      responseType: 'arraybuffer',
+      headers: segmentXhrHeaders(segment)
+    });
+    var segmentRequestCallback = handleSegmentResponse({
+      segment: segment,
+      finishProcessingFn: finishProcessingFn,
+      responseType: segmentRequestOptions.responseType
+    });
+    var segmentXhr = xhr(segmentRequestOptions, segmentRequestCallback);
+    segmentXhr.addEventListener('progress', handleProgress({
+      segment: segment,
+      progressFn: progressFn,
+      trackInfoFn: trackInfoFn,
+      timingInfoFn: timingInfoFn,
+      videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+      audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+      id3Fn: id3Fn,
+      captionsFn: captionsFn,
+      isEndOfTimeline: isEndOfTimeline,
+      endedTimelineFn: endedTimelineFn,
+      dataFn: dataFn
+    }));
+    activeXhrs.push(segmentXhr); // since all parts of the request must be considered, but should not make callbacks
+    // multiple times, provide a shared state object
+
+    var loadendState = {};
+    activeXhrs.forEach(function (activeXhr) {
+      activeXhr.addEventListener('loadend', handleLoadEnd({
+        loadendState: loadendState,
+        abortFn: abortFn
+      }));
+    });
+    return function () {
+      return abortAll(activeXhrs);
+    };
+  };
+  /**
+   * @file - codecs.js - Handles tasks regarding codec strings such as translating them to
+   * codec strings, or translating codec strings into objects that can be examined.
+   */
+
+
+  var logFn$1 = logger('CodecUtils');
+  /**
+   * Returns a set of codec strings parsed from the playlist or the default
+   * codec strings if no codecs were specified in the playlist
+   *
+   * @param {Playlist} media the current media playlist
+   * @return {Object} an object with the video and audio codecs
+   */
+
+  var getCodecs = function getCodecs(media) {
+    // if the codecs were explicitly specified, use them instead of the
+    // defaults
+    var mediaAttributes = media.attributes || {};
+
+    if (mediaAttributes.CODECS) {
+      return parseCodecs(mediaAttributes.CODECS);
+    }
+  };
+
+  var isMaat = function isMaat(master, media) {
+    var mediaAttributes = media.attributes || {};
+    return master && master.mediaGroups && master.mediaGroups.AUDIO && mediaAttributes.AUDIO && master.mediaGroups.AUDIO[mediaAttributes.AUDIO];
+  };
+
+  var isMuxed = function isMuxed(master, media) {
+    if (!isMaat(master, media)) {
+      return true;
+    }
+
+    var mediaAttributes = media.attributes || {};
+    var audioGroup = master.mediaGroups.AUDIO[mediaAttributes.AUDIO];
+
+    for (var groupId in audioGroup) {
+      // If an audio group has a URI (the case for HLS, as HLS will use external playlists),
+      // or there are listed playlists (the case for DASH, as the manifest will have already
+      // provided all of the details necessary to generate the audio playlist, as opposed to
+      // HLS' externally requested playlists), then the content is demuxed.
+      if (!audioGroup[groupId].uri && !audioGroup[groupId].playlists) {
+        return true;
+      }
+    }
+
+    return false;
+  };
+
+  var unwrapCodecList = function unwrapCodecList(codecList) {
+    var codecs = {};
+    codecList.forEach(function (_ref) {
+      var mediaType = _ref.mediaType,
+          type = _ref.type,
+          details = _ref.details;
+      codecs[mediaType] = codecs[mediaType] || [];
+      codecs[mediaType].push(translateLegacyCodec("" + type + details));
+    });
+    Object.keys(codecs).forEach(function (mediaType) {
+      if (codecs[mediaType].length > 1) {
+        logFn$1("multiple " + mediaType + " codecs found as attributes: " + codecs[mediaType].join(', ') + ". Setting playlist codecs to null so that we wait for mux.js to probe segments for real codecs.");
+        codecs[mediaType] = null;
+        return;
+      }
+
+      codecs[mediaType] = codecs[mediaType][0];
+    });
+    return codecs;
+  };
+
+  var codecCount = function codecCount(codecObj) {
+    var count = 0;
+
+    if (codecObj.audio) {
+      count++;
+    }
+
+    if (codecObj.video) {
+      count++;
+    }
+
+    return count;
+  };
+  /**
+   * Calculates the codec strings for a working configuration of
+   * SourceBuffers to play variant streams in a master playlist. If
+   * there is no possible working configuration, an empty object will be
+   * returned.
+   *
+   * @param master {Object} the m3u8 object for the master playlist
+   * @param media {Object} the m3u8 object for the variant playlist
+   * @return {Object} the codec strings.
+   *
+   * @private
+   */
+
+
+  var codecsForPlaylist = function codecsForPlaylist(master, media) {
+    var mediaAttributes = media.attributes || {};
+    var codecInfo = unwrapCodecList(getCodecs(media) || []); // HLS with multiple-audio tracks must always get an audio codec.
+    // Put another way, there is no way to have a video-only multiple-audio HLS!
+
+    if (isMaat(master, media) && !codecInfo.audio) {
+      if (!isMuxed(master, media)) {
+        // It is possible for codecs to be specified on the audio media group playlist but
+        // not on the rendition playlist. This is mostly the case for DASH, where audio and
+        // video are always separate (and separately specified).
+        var defaultCodecs = unwrapCodecList(codecsFromDefault(master, mediaAttributes.AUDIO) || []);
+
+        if (defaultCodecs.audio) {
+          codecInfo.audio = defaultCodecs.audio;
+        }
+      }
+    }
+
+    return codecInfo;
+  };
+
+  var logFn = logger('PlaylistSelector');
+
+  var representationToString = function representationToString(representation) {
+    if (!representation || !representation.playlist) {
+      return;
+    }
+
+    var playlist = representation.playlist;
+    return JSON.stringify({
+      id: playlist.id,
+      bandwidth: representation.bandwidth,
+      width: representation.width,
+      height: representation.height,
+      codecs: playlist.attributes && playlist.attributes.CODECS || ''
+    });
+  }; // Utilities
+
+  /**
+   * Returns the CSS value for the specified property on an element
+   * using `getComputedStyle`. Firefox has a long-standing issue where
+   * getComputedStyle() may return null when running in an iframe with
+   * `display: none`.
+   *
+   * @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397
+   * @param {HTMLElement} el the htmlelement to work on
+   * @param {string} the proprety to get the style for
+   */
+
+
+  var safeGetComputedStyle = function safeGetComputedStyle(el, property) {
+    if (!el) {
+      return '';
+    }
+
+    var result = window_1.getComputedStyle(el);
+
+    if (!result) {
+      return '';
+    }
+
+    return result[property];
+  };
+  /**
+   * Resuable stable sort function
+   *
+   * @param {Playlists} array
+   * @param {Function} sortFn Different comparators
+   * @function stableSort
+   */
+
+
+  var stableSort = function stableSort(array, sortFn) {
+    var newArray = array.slice();
+    array.sort(function (left, right) {
+      var cmp = sortFn(left, right);
+
+      if (cmp === 0) {
+        return newArray.indexOf(left) - newArray.indexOf(right);
+      }
+
+      return cmp;
+    });
+  };
+  /**
+   * A comparator function to sort two playlist object by bandwidth.
+   *
+   * @param {Object} left a media playlist object
+   * @param {Object} right a media playlist object
+   * @return {number} Greater than zero if the bandwidth attribute of
+   * left is greater than the corresponding attribute of right. Less
+   * than zero if the bandwidth of right is greater than left and
+   * exactly zero if the two are equal.
+   */
+
+
+  var comparePlaylistBandwidth = function comparePlaylistBandwidth(left, right) {
+    var leftBandwidth;
+    var rightBandwidth;
+
+    if (left.attributes.BANDWIDTH) {
+      leftBandwidth = left.attributes.BANDWIDTH;
+    }
+
+    leftBandwidth = leftBandwidth || window_1.Number.MAX_VALUE;
+
+    if (right.attributes.BANDWIDTH) {
+      rightBandwidth = right.attributes.BANDWIDTH;
+    }
+
+    rightBandwidth = rightBandwidth || window_1.Number.MAX_VALUE;
+    return leftBandwidth - rightBandwidth;
+  };
+  /**
+   * A comparator function to sort two playlist object by resolution (width).
+   *
+   * @param {Object} left a media playlist object
+   * @param {Object} right a media playlist object
+   * @return {number} Greater than zero if the resolution.width attribute of
+   * left is greater than the corresponding attribute of right. Less
+   * than zero if the resolution.width of right is greater than left and
+   * exactly zero if the two are equal.
+   */
+
+
+  var comparePlaylistResolution = function comparePlaylistResolution(left, right) {
+    var leftWidth;
+    var rightWidth;
+
+    if (left.attributes.RESOLUTION && left.attributes.RESOLUTION.width) {
+      leftWidth = left.attributes.RESOLUTION.width;
+    }
+
+    leftWidth = leftWidth || window_1.Number.MAX_VALUE;
+
+    if (right.attributes.RESOLUTION && right.attributes.RESOLUTION.width) {
+      rightWidth = right.attributes.RESOLUTION.width;
+    }
+
+    rightWidth = rightWidth || window_1.Number.MAX_VALUE; // NOTE - Fallback to bandwidth sort as appropriate in cases where multiple renditions
+    // have the same media dimensions/ resolution
+
+    if (leftWidth === rightWidth && left.attributes.BANDWIDTH && right.attributes.BANDWIDTH) {
+      return left.attributes.BANDWIDTH - right.attributes.BANDWIDTH;
+    }
+
+    return leftWidth - rightWidth;
+  };
+  /**
+   * Chooses the appropriate media playlist based on bandwidth and player size
+   *
+   * @param {Object} master
+   *        Object representation of the master manifest
+   * @param {number} playerBandwidth
+   *        Current calculated bandwidth of the player
+   * @param {number} playerWidth
+   *        Current width of the player element (should account for the device pixel ratio)
+   * @param {number} playerHeight
+   *        Current height of the player element (should account for the device pixel ratio)
+   * @param {boolean} limitRenditionByPlayerDimensions
+   *        True if the player width and height should be used during the selection, false otherwise
+   * @param {Object} masterPlaylistController
+   *        the current masterPlaylistController object
+   * @return {Playlist} the highest bitrate playlist less than the
+   * currently detected bandwidth, accounting for some amount of
+   * bandwidth variance
+   */
+
+
+  var simpleSelector = function simpleSelector(master, playerBandwidth, playerWidth, playerHeight, limitRenditionByPlayerDimensions, masterPlaylistController) {
+    // If we end up getting called before `master` is available, exit early
+    if (!master) {
+      return;
+    }
+
+    var options = {
+      bandwidth: playerBandwidth,
+      width: playerWidth,
+      height: playerHeight,
+      limitRenditionByPlayerDimensions: limitRenditionByPlayerDimensions
+    };
+    var playlists = master.playlists; // if playlist is audio only, select between currently active audio group playlists.
+
+    if (Playlist.isAudioOnly(master)) {
+      playlists = masterPlaylistController.getAudioTrackPlaylists_(); // add audioOnly to options so that we log audioOnly: true
+      // at the buttom of this function for debugging.
+
+      options.audioOnly = true;
+    } // convert the playlists to an intermediary representation to make comparisons easier
+
+
+    var sortedPlaylistReps = playlists.map(function (playlist) {
+      var bandwidth;
+      var width = playlist.attributes && playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.width;
+      var height = playlist.attributes && playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.height;
+      bandwidth = playlist.attributes && playlist.attributes.BANDWIDTH;
+      bandwidth = bandwidth || window_1.Number.MAX_VALUE;
+      return {
+        bandwidth: bandwidth,
+        width: width,
+        height: height,
+        playlist: playlist
+      };
+    });
+    stableSort(sortedPlaylistReps, function (left, right) {
+      return left.bandwidth - right.bandwidth;
+    }); // filter out any playlists that have been excluded due to
+    // incompatible configurations
+
+    sortedPlaylistReps = sortedPlaylistReps.filter(function (rep) {
+      return !Playlist.isIncompatible(rep.playlist);
+    }); // filter out any playlists that have been disabled manually through the representations
+    // api or blacklisted temporarily due to playback errors.
+
+    var enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
+      return Playlist.isEnabled(rep.playlist);
+    });
+
+    if (!enabledPlaylistReps.length) {
+      // if there are no enabled playlists, then they have all been blacklisted or disabled
+      // by the user through the representations api. In this case, ignore blacklisting and
+      // fallback to what the user wants by using playlists the user has not disabled.
+      enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
+        return !Playlist.isDisabled(rep.playlist);
+      });
+    } // filter out any variant that has greater effective bitrate
+    // than the current estimated bandwidth
+
+
+    var bandwidthPlaylistReps = enabledPlaylistReps.filter(function (rep) {
+      return rep.bandwidth * Config.BANDWIDTH_VARIANCE < playerBandwidth;
+    });
+    var highestRemainingBandwidthRep = bandwidthPlaylistReps[bandwidthPlaylistReps.length - 1]; // get all of the renditions with the same (highest) bandwidth
+    // and then taking the very first element
+
+    var bandwidthBestRep = bandwidthPlaylistReps.filter(function (rep) {
+      return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
+    })[0]; // if we're not going to limit renditions by player size, make an early decision.
+
+    if (limitRenditionByPlayerDimensions === false) {
+      var _chosenRep = bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
+
+      if (_chosenRep && _chosenRep.playlist) {
+        var type = 'sortedPlaylistReps';
+
+        if (bandwidthBestRep) {
+          type = 'bandwidthBestRep';
+        }
+
+        if (enabledPlaylistReps[0]) {
+          type = 'enabledPlaylistReps';
+        }
+
+        logFn("choosing " + representationToString(_chosenRep) + " using " + type + " with options", options);
+        return _chosenRep.playlist;
+      }
+
+      logFn('could not choose a playlist with options', options);
+      return null;
+    } // filter out playlists without resolution information
+
+
+    var haveResolution = bandwidthPlaylistReps.filter(function (rep) {
+      return rep.width && rep.height;
+    }); // sort variants by resolution
+
+    stableSort(haveResolution, function (left, right) {
+      return left.width - right.width;
+    }); // if we have the exact resolution as the player use it
+
+    var resolutionBestRepList = haveResolution.filter(function (rep) {
+      return rep.width === playerWidth && rep.height === playerHeight;
+    });
+    highestRemainingBandwidthRep = resolutionBestRepList[resolutionBestRepList.length - 1]; // ensure that we pick the highest bandwidth variant that have exact resolution
+
+    var resolutionBestRep = resolutionBestRepList.filter(function (rep) {
+      return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
+    })[0];
+    var resolutionPlusOneList;
+    var resolutionPlusOneSmallest;
+    var resolutionPlusOneRep; // find the smallest variant that is larger than the player
+    // if there is no match of exact resolution
+
+    if (!resolutionBestRep) {
+      resolutionPlusOneList = haveResolution.filter(function (rep) {
+        return rep.width > playerWidth || rep.height > playerHeight;
+      }); // find all the variants have the same smallest resolution
+
+      resolutionPlusOneSmallest = resolutionPlusOneList.filter(function (rep) {
+        return rep.width === resolutionPlusOneList[0].width && rep.height === resolutionPlusOneList[0].height;
+      }); // ensure that we also pick the highest bandwidth variant that
+      // is just-larger-than the video player
+
+      highestRemainingBandwidthRep = resolutionPlusOneSmallest[resolutionPlusOneSmallest.length - 1];
+      resolutionPlusOneRep = resolutionPlusOneSmallest.filter(function (rep) {
+        return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
+      })[0];
+    } // fallback chain of variants
+
+
+    var chosenRep = resolutionPlusOneRep || resolutionBestRep || bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
+
+    if (chosenRep && chosenRep.playlist) {
+      var _type = 'sortedPlaylistReps';
+
+      if (resolutionPlusOneRep) {
+        _type = 'resolutionPlusOneRep';
+      } else if (resolutionBestRep) {
+        _type = 'resolutionBestRep';
+      } else if (bandwidthBestRep) {
+        _type = 'bandwidthBestRep';
+      } else if (enabledPlaylistReps[0]) {
+        _type = 'enabledPlaylistReps';
+      }
+
+      logFn("choosing " + representationToString(chosenRep) + " using " + _type + " with options", options);
+      return chosenRep.playlist;
+    }
+
+    logFn('could not choose a playlist with options', options);
+    return null;
+  };
+  /**
+   * Chooses the appropriate media playlist based on the most recent
+   * bandwidth estimate and the player size.
+   *
+   * Expects to be called within the context of an instance of VhsHandler
+   *
+   * @return {Playlist} the highest bitrate playlist less than the
+   * currently detected bandwidth, accounting for some amount of
+   * bandwidth variance
+   */
+
+
+  var lastBandwidthSelector = function lastBandwidthSelector() {
+    var pixelRatio = this.useDevicePixelRatio ? window_1.devicePixelRatio || 1 : 1;
+    return simpleSelector(this.playlists.master, this.systemBandwidth, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10) * pixelRatio, parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10) * pixelRatio, this.limitRenditionByPlayerDimensions, this.masterPlaylistController_);
+  };
+  /**
+   * Chooses the appropriate media playlist based on an
+   * exponential-weighted moving average of the bandwidth after
+   * filtering for player size.
+   *
+   * Expects to be called within the context of an instance of VhsHandler
+   *
+   * @param {number} decay - a number between 0 and 1. Higher values of
+   * this parameter will cause previous bandwidth estimates to lose
+   * significance more quickly.
+   * @return {Function} a function which can be invoked to create a new
+   * playlist selector function.
+   * @see https://en.wikipedia.org/wiki/Moving_average#Exponential_moving_average
+   */
+
+
+  var movingAverageBandwidthSelector = function movingAverageBandwidthSelector(decay) {
+    var average = -1;
+    var lastSystemBandwidth = -1;
+
+    if (decay < 0 || decay > 1) {
+      throw new Error('Moving average bandwidth decay must be between 0 and 1.');
+    }
+
+    return function () {
+      var pixelRatio = this.useDevicePixelRatio ? window_1.devicePixelRatio || 1 : 1;
+
+      if (average < 0) {
+        average = this.systemBandwidth;
+        lastSystemBandwidth = this.systemBandwidth;
+      } // stop the average value from decaying for every 250ms
+      // when the systemBandwidth is constant
+      // and
+      // stop average from setting to a very low value when the
+      // systemBandwidth becomes 0 in case of chunk cancellation
+
+
+      if (this.systemBandwidth > 0 && this.systemBandwidth !== lastSystemBandwidth) {
+        average = decay * this.systemBandwidth + (1 - decay) * average;
+        lastSystemBandwidth = this.systemBandwidth;
+      }
+
+      return simpleSelector(this.playlists.master, average, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10) * pixelRatio, parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10) * pixelRatio, this.limitRenditionByPlayerDimensions, this.masterPlaylistController_);
+    };
+  };
+  /**
+   * Chooses the appropriate media playlist based on the potential to rebuffer
+   *
+   * @param {Object} settings
+   *        Object of information required to use this selector
+   * @param {Object} settings.master
+   *        Object representation of the master manifest
+   * @param {number} settings.currentTime
+   *        The current time of the player
+   * @param {number} settings.bandwidth
+   *        Current measured bandwidth
+   * @param {number} settings.duration
+   *        Duration of the media
+   * @param {number} settings.segmentDuration
+   *        Segment duration to be used in round trip time calculations
+   * @param {number} settings.timeUntilRebuffer
+   *        Time left in seconds until the player has to rebuffer
+   * @param {number} settings.currentTimeline
+   *        The current timeline segments are being loaded from
+   * @param {SyncController} settings.syncController
+   *        SyncController for determining if we have a sync point for a given playlist
+   * @return {Object|null}
+   *         {Object} return.playlist
+   *         The highest bandwidth playlist with the least amount of rebuffering
+   *         {Number} return.rebufferingImpact
+   *         The amount of time in seconds switching to this playlist will rebuffer. A
+   *         negative value means that switching will cause zero rebuffering.
+   */
+
+
+  var minRebufferMaxBandwidthSelector = function minRebufferMaxBandwidthSelector(settings) {
+    var master = settings.master,
+        currentTime = settings.currentTime,
+        bandwidth = settings.bandwidth,
+        duration = settings.duration,
+        segmentDuration = settings.segmentDuration,
+        timeUntilRebuffer = settings.timeUntilRebuffer,
+        currentTimeline = settings.currentTimeline,
+        syncController = settings.syncController; // filter out any playlists that have been excluded due to
+    // incompatible configurations
+
+    var compatiblePlaylists = master.playlists.filter(function (playlist) {
+      return !Playlist.isIncompatible(playlist);
+    }); // filter out any playlists that have been disabled manually through the representations
+    // api or blacklisted temporarily due to playback errors.
+
+    var enabledPlaylists = compatiblePlaylists.filter(Playlist.isEnabled);
+
+    if (!enabledPlaylists.length) {
+      // if there are no enabled playlists, then they have all been blacklisted or disabled
+      // by the user through the representations api. In this case, ignore blacklisting and
+      // fallback to what the user wants by using playlists the user has not disabled.
+      enabledPlaylists = compatiblePlaylists.filter(function (playlist) {
+        return !Playlist.isDisabled(playlist);
+      });
+    }
+
+    var bandwidthPlaylists = enabledPlaylists.filter(Playlist.hasAttribute.bind(null, 'BANDWIDTH'));
+    var rebufferingEstimates = bandwidthPlaylists.map(function (playlist) {
+      var syncPoint = syncController.getSyncPoint(playlist, duration, currentTimeline, currentTime); // If there is no sync point for this playlist, switching to it will require a
+      // sync request first. This will double the request time
+
+      var numRequests = syncPoint ? 1 : 2;
+      var requestTimeEstimate = Playlist.estimateSegmentRequestTime(segmentDuration, bandwidth, playlist);
+      var rebufferingImpact = requestTimeEstimate * numRequests - timeUntilRebuffer;
+      return {
+        playlist: playlist,
+        rebufferingImpact: rebufferingImpact
+      };
+    });
+    var noRebufferingPlaylists = rebufferingEstimates.filter(function (estimate) {
+      return estimate.rebufferingImpact <= 0;
+    }); // Sort by bandwidth DESC
+
+    stableSort(noRebufferingPlaylists, function (a, b) {
+      return comparePlaylistBandwidth(b.playlist, a.playlist);
+    });
+
+    if (noRebufferingPlaylists.length) {
+      return noRebufferingPlaylists[0];
+    }
+
+    stableSort(rebufferingEstimates, function (a, b) {
+      return a.rebufferingImpact - b.rebufferingImpact;
+    });
+    return rebufferingEstimates[0] || null;
+  };
+  /**
+   * Chooses the appropriate media playlist, which in this case is the lowest bitrate
+   * one with video.  If no renditions with video exist, return the lowest audio rendition.
+   *
+   * Expects to be called within the context of an instance of VhsHandler
+   *
+   * @return {Object|null}
+   *         {Object} return.playlist
+   *         The lowest bitrate playlist that contains a video codec.  If no such rendition
+   *         exists pick the lowest audio rendition.
+   */
+
+
+  var lowestBitrateCompatibleVariantSelector = function lowestBitrateCompatibleVariantSelector() {
+    var _this = this; // filter out any playlists that have been excluded due to
+    // incompatible configurations or playback errors
+
+
+    var playlists = this.playlists.master.playlists.filter(Playlist.isEnabled); // Sort ascending by bitrate
+
+    stableSort(playlists, function (a, b) {
+      return comparePlaylistBandwidth(a, b);
+    }); // Parse and assume that playlists with no video codec have no video
+    // (this is not necessarily true, although it is generally true).
+    //
+    // If an entire manifest has no valid videos everything will get filtered
+    // out.
+
+    var playlistsWithVideo = playlists.filter(function (playlist) {
+      return !!codecsForPlaylist(_this.playlists.master, playlist).video;
+    });
+    return playlistsWithVideo[0] || null;
+  };
+  /**
+   * Combine all segments into a single Uint8Array
+   *
+   * @param {Object} segmentObj
+   * @return {Uint8Array} concatenated bytes
+   * @private
+   */
+
+
+  var concatSegments = function concatSegments(segmentObj) {
+    var offset = 0;
+    var tempBuffer;
+
+    if (segmentObj.bytes) {
+      tempBuffer = new Uint8Array(segmentObj.bytes); // combine the individual segments into one large typed-array
+
+      segmentObj.segments.forEach(function (segment) {
+        tempBuffer.set(segment, offset);
+        offset += segment.byteLength;
+      });
+    }
+
+    return tempBuffer;
+  };
+  /**
+   * @file text-tracks.js
+   */
+
+  /**
+   * Create captions text tracks on video.js if they do not exist
+   *
+   * @param {Object} inbandTextTracks a reference to current inbandTextTracks
+   * @param {Object} tech the video.js tech
+   * @param {Object} captionStream the caption stream to create
+   * @private
+   */
+
+
+  var createCaptionsTrackIfNotExists = function createCaptionsTrackIfNotExists(inbandTextTracks, tech, captionStream) {
+    if (!inbandTextTracks[captionStream]) {
+      tech.trigger({
+        type: 'usage',
+        name: 'vhs-608'
+      });
+      tech.trigger({
+        type: 'usage',
+        name: 'hls-608'
+      });
+      var instreamId = captionStream; // we need to translate SERVICEn for 708 to how mux.js currently labels them
+
+      if (/^cc708_/.test(captionStream)) {
+        instreamId = 'SERVICE' + captionStream.split('_')[1];
+      }
+
+      var track = tech.textTracks().getTrackById(instreamId);
+
+      if (track) {
+        // Resuse an existing track with a CC# id because this was
+        // very likely created by videojs-contrib-hls from information
+        // in the m3u8 for us to use
+        inbandTextTracks[captionStream] = track;
+      } else {
+        // This section gets called when we have caption services that aren't specified in the manifest.
+        // Manifest level caption services are handled in media-groups.js under CLOSED-CAPTIONS.
+        var captionServices = tech.options_.vhs && tech.options_.vhs.captionServices || {};
+        var label = captionStream;
+        var language = captionStream;
+        var def = false;
+        var captionService = captionServices[instreamId];
+
+        if (captionService) {
+          label = captionService.label;
+          language = captionService.language;
+          def = captionService["default"];
+        } // Otherwise, create a track with the default `CC#` label and
+        // without a language
+
+
+        inbandTextTracks[captionStream] = tech.addRemoteTextTrack({
+          kind: 'captions',
+          id: instreamId,
+          // TODO: investigate why this doesn't seem to turn the caption on by default
+          "default": def,
+          label: label,
+          language: language
+        }, false).track;
+      }
+    }
+  };
+  /**
+   * Add caption text track data to a source handler given an array of captions
+   *
+   * @param {Object}
+   *   @param {Object} inbandTextTracks the inband text tracks
+   *   @param {number} timestampOffset the timestamp offset of the source buffer
+   *   @param {Array} captionArray an array of caption data
+   * @private
+   */
+
+
+  var addCaptionData = function addCaptionData(_ref) {
+    var inbandTextTracks = _ref.inbandTextTracks,
+        captionArray = _ref.captionArray,
+        timestampOffset = _ref.timestampOffset;
+
+    if (!captionArray) {
+      return;
+    }
+
+    var Cue = window_1.WebKitDataCue || window_1.VTTCue;
+    captionArray.forEach(function (caption) {
+      var track = caption.stream;
+      inbandTextTracks[track].addCue(new Cue(caption.startTime + timestampOffset, caption.endTime + timestampOffset, caption.text));
+    });
+  };
+  /**
+   * Define properties on a cue for backwards compatability,
+   * but warn the user that the way that they are using it
+   * is depricated and will be removed at a later date.
+   *
+   * @param {Cue} cue the cue to add the properties on
+   * @private
+   */
+
+
+  var deprecateOldCue = function deprecateOldCue(cue) {
+    Object.defineProperties(cue.frame, {
+      id: {
+        get: function get() {
+          videojs.log.warn('cue.frame.id is deprecated. Use cue.value.key instead.');
+          return cue.value.key;
+        }
+      },
+      value: {
+        get: function get() {
+          videojs.log.warn('cue.frame.value is deprecated. Use cue.value.data instead.');
+          return cue.value.data;
+        }
+      },
+      privateData: {
+        get: function get() {
+          videojs.log.warn('cue.frame.privateData is deprecated. Use cue.value.data instead.');
+          return cue.value.data;
+        }
+      }
+    });
+  };
+  /**
+   * Add metadata text track data to a source handler given an array of metadata
+   *
+   * @param {Object}
+   *   @param {Object} inbandTextTracks the inband text tracks
+   *   @param {Array} metadataArray an array of meta data
+   *   @param {number} timestampOffset the timestamp offset of the source buffer
+   *   @param {number} videoDuration the duration of the video
+   * @private
+   */
+
+
+  var addMetadata = function addMetadata(_ref2) {
+    var inbandTextTracks = _ref2.inbandTextTracks,
+        metadataArray = _ref2.metadataArray,
+        timestampOffset = _ref2.timestampOffset,
+        videoDuration = _ref2.videoDuration;
+
+    if (!metadataArray) {
+      return;
+    }
+
+    var Cue = window_1.WebKitDataCue || window_1.VTTCue;
+    var metadataTrack = inbandTextTracks.metadataTrack_;
+
+    if (!metadataTrack) {
+      return;
+    }
+
+    metadataArray.forEach(function (metadata) {
+      var time = metadata.cueTime + timestampOffset; // if time isn't a finite number between 0 and Infinity, like NaN,
+      // ignore this bit of metadata.
+      // This likely occurs when you have an non-timed ID3 tag like TIT2,
+      // which is the "Title/Songname/Content description" frame
+
+      if (typeof time !== 'number' || window_1.isNaN(time) || time < 0 || !(time < Infinity)) {
+        return;
+      }
+
+      metadata.frames.forEach(function (frame) {
+        var cue = new Cue(time, time, frame.value || frame.url || frame.data || '');
+        cue.frame = frame;
+        cue.value = frame;
+        deprecateOldCue(cue);
+        metadataTrack.addCue(cue);
+      });
+    });
+
+    if (!metadataTrack.cues || !metadataTrack.cues.length) {
+      return;
+    } // Updating the metadeta cues so that
+    // the endTime of each cue is the startTime of the next cue
+    // the endTime of last cue is the duration of the video
+
+
+    var cues = metadataTrack.cues;
+    var cuesArray = []; // Create a copy of the TextTrackCueList...
+    // ...disregarding cues with a falsey value
+
+    for (var i = 0; i < cues.length; i++) {
+      if (cues[i]) {
+        cuesArray.push(cues[i]);
+      }
+    } // Group cues by their startTime value
+
+
+    var cuesGroupedByStartTime = cuesArray.reduce(function (obj, cue) {
+      var timeSlot = obj[cue.startTime] || [];
+      timeSlot.push(cue);
+      obj[cue.startTime] = timeSlot;
+      return obj;
+    }, {}); // Sort startTimes by ascending order
+
+    var sortedStartTimes = Object.keys(cuesGroupedByStartTime).sort(function (a, b) {
+      return Number(a) - Number(b);
+    }); // Map each cue group's endTime to the next group's startTime
+
+    sortedStartTimes.forEach(function (startTime, idx) {
+      var cueGroup = cuesGroupedByStartTime[startTime];
+      var nextTime = Number(sortedStartTimes[idx + 1]) || videoDuration; // Map each cue's endTime the next group's startTime
+
+      cueGroup.forEach(function (cue) {
+        cue.endTime = nextTime;
+      });
+    });
+  };
+  /**
+   * Create metadata text track on video.js if it does not exist
+   *
+   * @param {Object} inbandTextTracks a reference to current inbandTextTracks
+   * @param {string} dispatchType the inband metadata track dispatch type
+   * @param {Object} tech the video.js tech
+   * @private
+   */
+
+
+  var createMetadataTrackIfNotExists = function createMetadataTrackIfNotExists(inbandTextTracks, dispatchType, tech) {
+    if (inbandTextTracks.metadataTrack_) {
+      return;
+    }
+
+    inbandTextTracks.metadataTrack_ = tech.addRemoteTextTrack({
+      kind: 'metadata',
+      label: 'Timed Metadata'
+    }, false).track;
+    inbandTextTracks.metadataTrack_.inBandMetadataTrackDispatchType = dispatchType;
+  };
+  /**
+   * Remove cues from a track on video.js.
+   *
+   * @param {Double} start start of where we should remove the cue
+   * @param {Double} end end of where the we should remove the cue
+   * @param {Object} track the text track to remove the cues from
+   * @private
+   */
+
+
+  var removeCuesFromTrack = function removeCuesFromTrack(start, end, track) {
+    var i;
+    var cue;
+
+    if (!track) {
+      return;
+    }
+
+    if (!track.cues) {
+      return;
+    }
+
+    i = track.cues.length;
+
+    while (i--) {
+      cue = track.cues[i]; // Remove any cue within the provided start and end time
+
+      if (cue.startTime >= start && cue.endTime <= end) {
+        track.removeCue(cue);
+      }
+    }
+  };
+  /**
+   * Remove duplicate cues from a track on video.js (a cue is considered a
+   * duplicate if it has the same time interval and text as another)
+   *
+   * @param {Object} track the text track to remove the duplicate cues from
+   * @private
+   */
+
+
+  var removeDuplicateCuesFromTrack = function removeDuplicateCuesFromTrack(track) {
+    var cues = track.cues;
+
+    if (!cues) {
+      return;
+    }
+
+    for (var i = 0; i < cues.length; i++) {
+      var duplicates = [];
+      var occurrences = 0;
+
+      for (var j = 0; j < cues.length; j++) {
+        if (cues[i].startTime === cues[j].startTime && cues[i].endTime === cues[j].endTime && cues[i].text === cues[j].text) {
+          occurrences++;
+
+          if (occurrences > 1) {
+            duplicates.push(cues[j]);
+          }
+        }
+      }
+
+      if (duplicates.length) {
+        duplicates.forEach(function (dupe) {
+          return track.removeCue(dupe);
+        });
+      }
+    }
+  };
+  /**
+   * Returns a list of gops in the buffer that have a pts value of 3 seconds or more in
+   * front of current time.
+   *
+   * @param {Array} buffer
+   *        The current buffer of gop information
+   * @param {number} currentTime
+   *        The current time
+   * @param {Double} mapping
+   *        Offset to map display time to stream presentation time
+   * @return {Array}
+   *         List of gops considered safe to append over
+   */
+
+
+  var gopsSafeToAlignWith = function gopsSafeToAlignWith(buffer, currentTime, mapping) {
+    if (typeof currentTime === 'undefined' || currentTime === null || !buffer.length) {
+      return [];
+    } // pts value for current time + 3 seconds to give a bit more wiggle room
+
+
+    var currentTimePts = Math.ceil((currentTime - mapping + 3) * clock_1);
+    var i;
+
+    for (i = 0; i < buffer.length; i++) {
+      if (buffer[i].pts > currentTimePts) {
+        break;
+      }
+    }
+
+    return buffer.slice(i);
+  };
+  /**
+   * Appends gop information (timing and byteLength) received by the transmuxer for the
+   * gops appended in the last call to appendBuffer
+   *
+   * @param {Array} buffer
+   *        The current buffer of gop information
+   * @param {Array} gops
+   *        List of new gop information
+   * @param {boolean} replace
+   *        If true, replace the buffer with the new gop information. If false, append the
+   *        new gop information to the buffer in the right location of time.
+   * @return {Array}
+   *         Updated list of gop information
+   */
+
+
+  var updateGopBuffer = function updateGopBuffer(buffer, gops, replace) {
+    if (!gops.length) {
+      return buffer;
+    }
+
+    if (replace) {
+      // If we are in safe append mode, then completely overwrite the gop buffer
+      // with the most recent appeneded data. This will make sure that when appending
+      // future segments, we only try to align with gops that are both ahead of current
+      // time and in the last segment appended.
+      return gops.slice();
+    }
+
+    var start = gops[0].pts;
+    var i = 0;
+
+    for (i; i < buffer.length; i++) {
+      if (buffer[i].pts >= start) {
+        break;
+      }
+    }
+
+    return buffer.slice(0, i).concat(gops);
+  };
+  /**
+   * Removes gop information in buffer that overlaps with provided start and end
+   *
+   * @param {Array} buffer
+   *        The current buffer of gop information
+   * @param {Double} start
+   *        position to start the remove at
+   * @param {Double} end
+   *        position to end the remove at
+   * @param {Double} mapping
+   *        Offset to map display time to stream presentation time
+   */
+
+
+  var removeGopBuffer = function removeGopBuffer(buffer, start, end, mapping) {
+    var startPts = Math.ceil((start - mapping) * clock_1);
+    var endPts = Math.ceil((end - mapping) * clock_1);
+    var updatedBuffer = buffer.slice();
+    var i = buffer.length;
+
+    while (i--) {
+      if (buffer[i].pts <= endPts) {
+        break;
+      }
+    }
+
+    if (i === -1) {
+      // no removal because end of remove range is before start of buffer
+      return updatedBuffer;
+    }
+
+    var j = i + 1;
+
+    while (j--) {
+      if (buffer[j].pts <= startPts) {
+        break;
+      }
+    } // clamp remove range start to 0 index
+
+
+    j = Math.max(j, 0);
+    updatedBuffer.splice(j, i - j + 1);
+    return updatedBuffer;
+  };
+
+  var shallowEqual = function shallowEqual(a, b) {
+    // if both are undefined
+    // or one or the other is undefined
+    // they are not equal
+    if (!a && !b || !a && b || a && !b) {
+      return false;
+    } // they are the same object and thus, equal
+
+
+    if (a === b) {
+      return true;
+    } // sort keys so we can make sure they have
+    // all the same keys later.
+
+
+    var akeys = Object.keys(a).sort();
+    var bkeys = Object.keys(b).sort(); // different number of keys, not equal
+
+    if (akeys.length !== bkeys.length) {
+      return false;
+    }
+
+    for (var i = 0; i < akeys.length; i++) {
+      var key = akeys[i]; // different sorted keys, not equal
+
+      if (key !== bkeys[i]) {
+        return false;
+      } // different values, not equal
+
+
+      if (a[key] !== b[key]) {
+        return false;
+      }
+    }
+
+    return true;
+  }; // https://www.w3.org/TR/WebIDL-1/#quotaexceedederror
+
+
+  var QUOTA_EXCEEDED_ERR = 22;
+  /**
+   * The segment loader has no recourse except to fetch a segment in the
+   * current playlist and use the internal timestamps in that segment to
+   * generate a syncPoint. This function returns a good candidate index
+   * for that process.
+   *
+   * @param {Array} segments - the segments array from a playlist.
+   * @return {number} An index of a segment from the playlist to load
+   */
+
+  var getSyncSegmentCandidate = function getSyncSegmentCandidate(currentTimeline, segments, targetTime) {
+    segments = segments || [];
+    var timelineSegments = [];
+    var time = 0;
+
+    for (var i = 0; i < segments.length; i++) {
+      var segment = segments[i];
+
+      if (currentTimeline === segment.timeline) {
+        timelineSegments.push(i);
+        time += segment.duration;
+
+        if (time > targetTime) {
+          return i;
+        }
+      }
+    }
+
+    if (timelineSegments.length === 0) {
+      return 0;
+    } // default to the last timeline segment
+
+
+    return timelineSegments[timelineSegments.length - 1];
+  }; // In the event of a quota exceeded error, keep at least one second of back buffer. This
+  // number was arbitrarily chosen and may be updated in the future, but seemed reasonable
+  // as a start to prevent any potential issues with removing content too close to the
+  // playhead.
+
+
+  var MIN_BACK_BUFFER = 1; // in ms
+
+  var CHECK_BUFFER_DELAY = 500;
+
+  var finite = function finite(num) {
+    return typeof num === 'number' && isFinite(num);
+  }; // With most content hovering around 30fps, if a segment has a duration less than a half
+  // frame at 30fps or one frame at 60fps, the bandwidth and throughput calculations will
+  // not accurately reflect the rest of the content.
+
+
+  var MIN_SEGMENT_DURATION_TO_SAVE_STATS = 1 / 60;
+
+  var illegalMediaSwitch = function illegalMediaSwitch(loaderType, startingMedia, trackInfo) {
+    // Although these checks should most likely cover non 'main' types, for now it narrows
+    // the scope of our checks.
+    if (loaderType !== 'main' || !startingMedia || !trackInfo) {
+      return null;
+    }
+
+    if (!trackInfo.hasAudio && !trackInfo.hasVideo) {
+      return 'Neither audio nor video found in segment.';
+    }
+
+    if (startingMedia.hasVideo && !trackInfo.hasVideo) {
+      return 'Only audio found in segment when we expected video.' + ' We can\'t switch to audio only from a stream that had video.' + ' To get rid of this message, please add codec information to the manifest.';
+    }
+
+    if (!startingMedia.hasVideo && trackInfo.hasVideo) {
+      return 'Video found in segment when we expected only audio.' + ' We can\'t switch to a stream with video from an audio only stream.' + ' To get rid of this message, please add codec information to the manifest.';
+    }
+
+    return null;
+  };
+  /**
+   * Calculates a time value that is safe to remove from the back buffer without interrupting
+   * playback.
+   *
+   * @param {TimeRange} seekable
+   *        The current seekable range
+   * @param {number} currentTime
+   *        The current time of the player
+   * @param {number} targetDuration
+   *        The target duration of the current playlist
+   * @return {number}
+   *         Time that is safe to remove from the back buffer without interrupting playback
+   */
+
+
+  var safeBackBufferTrimTime = function safeBackBufferTrimTime(seekable, currentTime, targetDuration) {
+    // 30 seconds before the playhead provides a safe default for trimming.
+    //
+    // Choosing a reasonable default is particularly important for high bitrate content and
+    // VOD videos/live streams with large windows, as the buffer may end up overfilled and
+    // throw an APPEND_BUFFER_ERR.
+    var trimTime = currentTime - Config.BACK_BUFFER_LENGTH;
+
+    if (seekable.length) {
+      // Some live playlists may have a shorter window of content than the full allowed back
+      // buffer. For these playlists, don't save content that's no longer within the window.
+      trimTime = Math.max(trimTime, seekable.start(0));
+    } // Don't remove within target duration of the current time to avoid the possibility of
+    // removing the GOP currently being played, as removing it can cause playback stalls.
+
+
+    var maxTrimTime = currentTime - targetDuration;
+    return Math.min(maxTrimTime, trimTime);
+  };
+
+  var segmentInfoString = function segmentInfoString(segmentInfo) {
+    var startOfSegment = segmentInfo.startOfSegment,
+        duration = segmentInfo.duration,
+        segment = segmentInfo.segment,
+        part = segmentInfo.part,
+        _segmentInfo$playlist = segmentInfo.playlist,
+        seq = _segmentInfo$playlist.mediaSequence,
+        id = _segmentInfo$playlist.id,
+        _segmentInfo$playlist2 = _segmentInfo$playlist.segments,
+        segments = _segmentInfo$playlist2 === void 0 ? [] : _segmentInfo$playlist2,
+        index = segmentInfo.mediaIndex,
+        partIndex = segmentInfo.partIndex,
+        timeline = segmentInfo.timeline;
+    var segmentLen = segments.length - 1;
+    var selection = 'mediaIndex/partIndex increment';
+
+    if (segmentInfo.getMediaInfoForTime) {
+      selection = "getMediaInfoForTime (" + segmentInfo.getMediaInfoForTime + ")";
+    } else if (segmentInfo.isSyncRequest) {
+      selection = 'getSyncSegmentCandidate (isSyncRequest)';
+    }
+
+    var hasPartIndex = typeof partIndex === 'number';
+    var name = segmentInfo.segment.uri ? 'segment' : 'pre-segment';
+    var zeroBasedPartCount = hasPartIndex ? getKnownPartCount({
+      preloadSegment: segment
+    }) - 1 : 0;
+    return name + " [" + (seq + index) + "/" + (seq + segmentLen) + "]" + (hasPartIndex ? " part [" + partIndex + "/" + zeroBasedPartCount + "]" : '') + (" segment start/end [" + segment.start + " => " + segment.end + "]") + (hasPartIndex ? " part start/end [" + part.start + " => " + part.end + "]" : '') + (" startOfSegment [" + startOfSegment + "]") + (" duration [" + duration + "]") + (" timeline [" + timeline + "]") + (" selected by [" + selection + "]") + (" playlist [" + id + "]");
+  };
+
+  var timingInfoPropertyForMedia = function timingInfoPropertyForMedia(mediaType) {
+    return mediaType + "TimingInfo";
+  };
+  /**
+   * Returns the timestamp offset to use for the segment.
+   *
+   * @param {number} segmentTimeline
+   *        The timeline of the segment
+   * @param {number} currentTimeline
+   *        The timeline currently being followed by the loader
+   * @param {number} startOfSegment
+   *        The estimated segment start
+   * @param {TimeRange[]} buffered
+   *        The loader's buffer
+   * @param {boolean} overrideCheck
+   *        If true, no checks are made to see if the timestamp offset value should be set,
+   *        but sets it directly to a value.
+   *
+   * @return {number|null}
+   *         Either a number representing a new timestamp offset, or null if the segment is
+   *         part of the same timeline
+   */
+
+
+  var timestampOffsetForSegment = function timestampOffsetForSegment(_ref) {
+    var segmentTimeline = _ref.segmentTimeline,
+        currentTimeline = _ref.currentTimeline,
+        startOfSegment = _ref.startOfSegment,
+        buffered = _ref.buffered,
+        overrideCheck = _ref.overrideCheck; // Check to see if we are crossing a discontinuity to see if we need to set the
+    // timestamp offset on the transmuxer and source buffer.
+    //
+    // Previously, we changed the timestampOffset if the start of this segment was less than
+    // the currently set timestampOffset, but this isn't desirable as it can produce bad
+    // behavior, especially around long running live streams.
+
+    if (!overrideCheck && segmentTimeline === currentTimeline) {
+      return null;
+    } // When changing renditions, it's possible to request a segment on an older timeline. For
+    // instance, given two renditions with the following:
+    //
+    // #EXTINF:10
+    // segment1
+    // #EXT-X-DISCONTINUITY
+    // #EXTINF:10
+    // segment2
+    // #EXTINF:10
+    // segment3
+    //
+    // And the current player state:
+    //
+    // current time: 8
+    // buffer: 0 => 20
+    //
+    // The next segment on the current rendition would be segment3, filling the buffer from
+    // 20s onwards. However, if a rendition switch happens after segment2 was requested,
+    // then the next segment to be requested will be segment1 from the new rendition in
+    // order to fill time 8 and onwards. Using the buffered end would result in repeated
+    // content (since it would position segment1 of the new rendition starting at 20s). This
+    // case can be identified when the new segment's timeline is a prior value. Instead of
+    // using the buffered end, the startOfSegment can be used, which, hopefully, will be
+    // more accurate to the actual start time of the segment.
+
+
+    if (segmentTimeline < currentTimeline) {
+      return startOfSegment;
+    } // segmentInfo.startOfSegment used to be used as the timestamp offset, however, that
+    // value uses the end of the last segment if it is available. While this value
+    // should often be correct, it's better to rely on the buffered end, as the new
+    // content post discontinuity should line up with the buffered end as if it were
+    // time 0 for the new content.
+
+
+    return buffered.length ? buffered.end(buffered.length - 1) : startOfSegment;
+  };
+  /**
+   * Returns whether or not the loader should wait for a timeline change from the timeline
+   * change controller before processing the segment.
+   *
+   * Primary timing in VHS goes by video. This is different from most media players, as
+   * audio is more often used as the primary timing source. For the foreseeable future, VHS
+   * will continue to use video as the primary timing source, due to the current logic and
+   * expectations built around it.
+
+   * Since the timing follows video, in order to maintain sync, the video loader is
+   * responsible for setting both audio and video source buffer timestamp offsets.
+   *
+   * Setting different values for audio and video source buffers could lead to
+   * desyncing. The following examples demonstrate some of the situations where this
+   * distinction is important. Note that all of these cases involve demuxed content. When
+   * content is muxed, the audio and video are packaged together, therefore syncing
+   * separate media playlists is not an issue.
+   *
+   * CASE 1: Audio prepares to load a new timeline before video:
+   *
+   * Timeline:       0                 1
+   * Audio Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+   * Audio Loader:                     ^
+   * Video Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+   * Video Loader              ^
+   *
+   * In the above example, the audio loader is preparing to load the 6th segment, the first
+   * after a discontinuity, while the video loader is still loading the 5th segment, before
+   * the discontinuity.
+   *
+   * If the audio loader goes ahead and loads and appends the 6th segment before the video
+   * loader crosses the discontinuity, then when appended, the 6th audio segment will use
+   * the timestamp offset from timeline 0. This will likely lead to desyncing. In addition,
+   * the audio loader must provide the audioAppendStart value to trim the content in the
+   * transmuxer, and that value relies on the audio timestamp offset. Since the audio
+   * timestamp offset is set by the video (main) loader, the audio loader shouldn't load the
+   * segment until that value is provided.
+   *
+   * CASE 2: Video prepares to load a new timeline before audio:
+   *
+   * Timeline:       0                 1
+   * Audio Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+   * Audio Loader:             ^
+   * Video Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+   * Video Loader                      ^
+   *
+   * In the above example, the video loader is preparing to load the 6th segment, the first
+   * after a discontinuity, while the audio loader is still loading the 5th segment, before
+   * the discontinuity.
+   *
+   * If the video loader goes ahead and loads and appends the 6th segment, then once the
+   * segment is loaded and processed, both the video and audio timestamp offsets will be
+   * set, since video is used as the primary timing source. This is to ensure content lines
+   * up appropriately, as any modifications to the video timing are reflected by audio when
+   * the video loader sets the audio and video timestamp offsets to the same value. However,
+   * setting the timestamp offset for audio before audio has had a chance to change
+   * timelines will likely lead to desyncing, as the audio loader will append segment 5 with
+   * a timestamp intended to apply to segments from timeline 1 rather than timeline 0.
+   *
+   * CASE 3: When seeking, audio prepares to load a new timeline before video
+   *
+   * Timeline:       0                 1
+   * Audio Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+   * Audio Loader:           ^
+   * Video Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+   * Video Loader            ^
+   *
+   * In the above example, both audio and video loaders are loading segments from timeline
+   * 0, but imagine that the seek originated from timeline 1.
+   *
+   * When seeking to a new timeline, the timestamp offset will be set based on the expected
+   * segment start of the loaded video segment. In order to maintain sync, the audio loader
+   * must wait for the video loader to load its segment and update both the audio and video
+   * timestamp offsets before it may load and append its own segment. This is the case
+   * whether the seek results in a mismatched segment request (e.g., the audio loader
+   * chooses to load segment 3 and the video loader chooses to load segment 4) or the
+   * loaders choose to load the same segment index from each playlist, as the segments may
+   * not be aligned perfectly, even for matching segment indexes.
+   *
+   * @param {Object} timelinechangeController
+   * @param {number} currentTimeline
+   *        The timeline currently being followed by the loader
+   * @param {number} segmentTimeline
+   *        The timeline of the segment being loaded
+   * @param {('main'|'audio')} loaderType
+   *        The loader type
+   * @param {boolean} audioDisabled
+   *        Whether the audio is disabled for the loader. This should only be true when the
+   *        loader may have muxed audio in its segment, but should not append it, e.g., for
+   *        the main loader when an alternate audio playlist is active.
+   *
+   * @return {boolean}
+   *         Whether the loader should wait for a timeline change from the timeline change
+   *         controller before processing the segment
+   */
+
+
+  var shouldWaitForTimelineChange = function shouldWaitForTimelineChange(_ref2) {
+    var timelineChangeController = _ref2.timelineChangeController,
+        currentTimeline = _ref2.currentTimeline,
+        segmentTimeline = _ref2.segmentTimeline,
+        loaderType = _ref2.loaderType,
+        audioDisabled = _ref2.audioDisabled;
+
+    if (currentTimeline === segmentTimeline) {
+      return false;
+    }
+
+    if (loaderType === 'audio') {
+      var lastMainTimelineChange = timelineChangeController.lastTimelineChange({
+        type: 'main'
+      }); // Audio loader should wait if:
+      //
+      // * main hasn't had a timeline change yet (thus has not loaded its first segment)
+      // * main hasn't yet changed to the timeline audio is looking to load
+
+      return !lastMainTimelineChange || lastMainTimelineChange.to !== segmentTimeline;
+    } // The main loader only needs to wait for timeline changes if there's demuxed audio.
+    // Otherwise, there's nothing to wait for, since audio would be muxed into the main
+    // loader's segments (or the content is audio/video only and handled by the main
+    // loader).
+
+
+    if (loaderType === 'main' && audioDisabled) {
+      var pendingAudioTimelineChange = timelineChangeController.pendingTimelineChange({
+        type: 'audio'
+      }); // Main loader should wait for the audio loader if audio is not pending a timeline
+      // change to the current timeline.
+      //
+      // Since the main loader is responsible for setting the timestamp offset for both
+      // audio and video, the main loader must wait for audio to be about to change to its
+      // timeline before setting the offset, otherwise, if audio is behind in loading,
+      // segments from the previous timeline would be adjusted by the new timestamp offset.
+      //
+      // This requirement means that video will not cross a timeline until the audio is
+      // about to cross to it, so that way audio and video will always cross the timeline
+      // together.
+      //
+      // In addition to normal timeline changes, these rules also apply to the start of a
+      // stream (going from a non-existent timeline, -1, to timeline 0). It's important
+      // that these rules apply to the first timeline change because if they did not, it's
+      // possible that the main loader will cross two timelines before the audio loader has
+      // crossed one. Logic may be implemented to handle the startup as a special case, but
+      // it's easier to simply treat all timeline changes the same.
+
+      if (pendingAudioTimelineChange && pendingAudioTimelineChange.to === segmentTimeline) {
+        return false;
+      }
+
+      return true;
+    }
+
+    return false;
+  };
+
+  var mediaDuration = function mediaDuration(audioTimingInfo, videoTimingInfo) {
+    var audioDuration = audioTimingInfo && typeof audioTimingInfo.start === 'number' && typeof audioTimingInfo.end === 'number' ? audioTimingInfo.end - audioTimingInfo.start : 0;
+    var videoDuration = videoTimingInfo && typeof videoTimingInfo.start === 'number' && typeof videoTimingInfo.end === 'number' ? videoTimingInfo.end - videoTimingInfo.start : 0;
+    return Math.max(audioDuration, videoDuration);
+  };
+
+  var segmentTooLong = function segmentTooLong(_ref3) {
+    var segmentDuration = _ref3.segmentDuration,
+        maxDuration = _ref3.maxDuration; // 0 duration segments are most likely due to metadata only segments or a lack of
+    // information.
+
+    if (!segmentDuration) {
+      return false;
+    } // For HLS:
+    //
+    // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-4.3.3.1
+    // The EXTINF duration of each Media Segment in the Playlist
+    // file, when rounded to the nearest integer, MUST be less than or equal
+    // to the target duration; longer segments can trigger playback stalls
+    // or other errors.
+    //
+    // For DASH, the mpd-parser uses the largest reported segment duration as the target
+    // duration. Although that reported duration is occasionally approximate (i.e., not
+    // exact), a strict check may report that a segment is too long more often in DASH.
+
+
+    return Math.round(segmentDuration) > maxDuration + TIME_FUDGE_FACTOR;
+  };
+
+  var getTroublesomeSegmentDurationMessage = function getTroublesomeSegmentDurationMessage(segmentInfo, sourceType) {
+    // Right now we aren't following DASH's timing model exactly, so only perform
+    // this check for HLS content.
+    if (sourceType !== 'hls') {
+      return null;
+    }
+
+    var segmentDuration = mediaDuration(segmentInfo.audioTimingInfo, segmentInfo.videoTimingInfo); // Don't report if we lack information.
+    //
+    // If the segment has a duration of 0 it is either a lack of information or a
+    // metadata only segment and shouldn't be reported here.
+
+    if (!segmentDuration) {
+      return null;
+    }
+
+    var targetDuration = segmentInfo.playlist.targetDuration;
+    var isSegmentWayTooLong = segmentTooLong({
+      segmentDuration: segmentDuration,
+      maxDuration: targetDuration * 2
+    });
+    var isSegmentSlightlyTooLong = segmentTooLong({
+      segmentDuration: segmentDuration,
+      maxDuration: targetDuration
+    });
+    var segmentTooLongMessage = "Segment with index " + segmentInfo.mediaIndex + " " + ("from playlist " + segmentInfo.playlist.id + " ") + ("has a duration of " + segmentDuration + " ") + ("when the reported duration is " + segmentInfo.duration + " ") + ("and the target duration is " + targetDuration + ". ") + 'For HLS content, a duration in excess of the target duration may result in ' + 'playback issues. See the HLS specification section on EXT-X-TARGETDURATION for ' + 'more details: ' + 'https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-4.3.3.1';
+
+    if (isSegmentWayTooLong || isSegmentSlightlyTooLong) {
+      return {
+        severity: isSegmentWayTooLong ? 'warn' : 'info',
+        message: segmentTooLongMessage
+      };
+    }
+
+    return null;
+  };
+  /**
+   * An object that manages segment loading and appending.
+   *
+   * @class SegmentLoader
+   * @param {Object} options required and optional options
+   * @extends videojs.EventTarget
+   */
+
+
+  var SegmentLoader = /*#__PURE__*/function (_videojs$EventTarget) {
+    inheritsLoose(SegmentLoader, _videojs$EventTarget);
+
+    function SegmentLoader(settings, options) {
+      var _this;
+
+      _this = _videojs$EventTarget.call(this) || this; // check pre-conditions
+
+      if (!settings) {
+        throw new TypeError('Initialization settings are required');
+      }
+
+      if (typeof settings.currentTime !== 'function') {
+        throw new TypeError('No currentTime getter specified');
+      }
+
+      if (!settings.mediaSource) {
+        throw new TypeError('No MediaSource specified');
+      } // public properties
+
+
+      _this.bandwidth = settings.bandwidth;
+      _this.throughput = {
+        rate: 0,
+        count: 0
+      };
+      _this.roundTrip = NaN;
+
+      _this.resetStats_();
+
+      _this.mediaIndex = null;
+      _this.partIndex = null; // private settings
+
+      _this.hasPlayed_ = settings.hasPlayed;
+      _this.currentTime_ = settings.currentTime;
+      _this.seekable_ = settings.seekable;
+      _this.seeking_ = settings.seeking;
+      _this.duration_ = settings.duration;
+      _this.mediaSource_ = settings.mediaSource;
+      _this.vhs_ = settings.vhs;
+      _this.loaderType_ = settings.loaderType;
+      _this.currentMediaInfo_ = void 0;
+      _this.startingMediaInfo_ = void 0;
+      _this.segmentMetadataTrack_ = settings.segmentMetadataTrack;
+      _this.goalBufferLength_ = settings.goalBufferLength;
+      _this.sourceType_ = settings.sourceType;
+      _this.sourceUpdater_ = settings.sourceUpdater;
+      _this.inbandTextTracks_ = settings.inbandTextTracks;
+      _this.state_ = 'INIT';
+      _this.timelineChangeController_ = settings.timelineChangeController;
+      _this.shouldSaveSegmentTimingInfo_ = true;
+      _this.parse708captions_ = settings.parse708captions; // private instance variables
+
+      _this.checkBufferTimeout_ = null;
+      _this.error_ = void 0;
+      _this.currentTimeline_ = -1;
+      _this.pendingSegment_ = null;
+      _this.xhrOptions_ = null;
+      _this.pendingSegments_ = [];
+      _this.audioDisabled_ = false;
+      _this.isPendingTimestampOffset_ = false; // TODO possibly move gopBuffer and timeMapping info to a separate controller
+
+      _this.gopBuffer_ = [];
+      _this.timeMapping_ = 0;
+      _this.safeAppend_ = videojs.browser.IE_VERSION >= 11;
+      _this.appendInitSegment_ = {
+        audio: true,
+        video: true
+      };
+      _this.playlistOfLastInitSegment_ = {
+        audio: null,
+        video: null
+      };
+      _this.callQueue_ = []; // If the segment loader prepares to load a segment, but does not have enough
+      // information yet to start the loading process (e.g., if the audio loader wants to
+      // load a segment from the next timeline but the main loader hasn't yet crossed that
+      // timeline), then the load call will be added to the queue until it is ready to be
+      // processed.
+
+      _this.loadQueue_ = [];
+      _this.metadataQueue_ = {
+        id3: [],
+        caption: []
+      };
+      _this.waitingOnRemove_ = false;
+      _this.quotaExceededErrorRetryTimeout_ = null; // Fragmented mp4 playback
+
+      _this.activeInitSegmentId_ = null;
+      _this.initSegments_ = {}; // HLSe playback
+
+      _this.cacheEncryptionKeys_ = settings.cacheEncryptionKeys;
+      _this.keyCache_ = {};
+      _this.decrypter_ = settings.decrypter; // Manages the tracking and generation of sync-points, mappings
+      // between a time in the display time and a segment index within
+      // a playlist
+
+      _this.syncController_ = settings.syncController;
+      _this.syncPoint_ = {
+        segmentIndex: 0,
+        time: 0
+      };
+      _this.transmuxer_ = _this.createTransmuxer_();
+
+      _this.triggerSyncInfoUpdate_ = function () {
+        return _this.trigger('syncinfoupdate');
+      };
+
+      _this.syncController_.on('syncinfoupdate', _this.triggerSyncInfoUpdate_);
+
+      _this.mediaSource_.addEventListener('sourceopen', function () {
+        if (!_this.isEndOfStream_()) {
+          _this.ended_ = false;
+        }
+      }); // ...for determining the fetch location
+
+
+      _this.fetchAtBuffer_ = false;
+      _this.logger_ = logger("SegmentLoader[" + _this.loaderType_ + "]");
+      Object.defineProperty(assertThisInitialized(_this), 'state', {
+        get: function get() {
+          return this.state_;
+        },
+        set: function set(newState) {
+          if (newState !== this.state_) {
+            this.logger_(this.state_ + " -> " + newState);
+            this.state_ = newState;
+            this.trigger('statechange');
+          }
+        }
+      });
+
+      _this.sourceUpdater_.on('ready', function () {
+        if (_this.hasEnoughInfoToAppend_()) {
+          _this.processCallQueue_();
+        }
+      }); // Only the main loader needs to listen for pending timeline changes, as the main
+      // loader should wait for audio to be ready to change its timeline so that both main
+      // and audio timelines change together. For more details, see the
+      // shouldWaitForTimelineChange function.
+
+
+      if (_this.loaderType_ === 'main') {
+        _this.timelineChangeController_.on('pendingtimelinechange', function () {
+          if (_this.hasEnoughInfoToAppend_()) {
+            _this.processCallQueue_();
+          }
+        });
+      } // The main loader only listens on pending timeline changes, but the audio loader,
+      // since its loads follow main, needs to listen on timeline changes. For more details,
+      // see the shouldWaitForTimelineChange function.
+
+
+      if (_this.loaderType_ === 'audio') {
+        _this.timelineChangeController_.on('timelinechange', function () {
+          if (_this.hasEnoughInfoToLoad_()) {
+            _this.processLoadQueue_();
+          }
+
+          if (_this.hasEnoughInfoToAppend_()) {
+            _this.processCallQueue_();
+          }
+        });
+      }
+
+      return _this;
+    }
+
+    var _proto = SegmentLoader.prototype;
+
+    _proto.createTransmuxer_ = function createTransmuxer_() {
+      return segmentTransmuxer.createTransmuxer({
+        remux: false,
+        alignGopsAtEnd: this.safeAppend_,
+        keepOriginalTimestamps: true,
+        parse708captions: this.parse708captions_
+      });
+    }
+    /**
+     * reset all of our media stats
+     *
+     * @private
+     */
+    ;
+
+    _proto.resetStats_ = function resetStats_() {
+      this.mediaBytesTransferred = 0;
+      this.mediaRequests = 0;
+      this.mediaRequestsAborted = 0;
+      this.mediaRequestsTimedout = 0;
+      this.mediaRequestsErrored = 0;
+      this.mediaTransferDuration = 0;
+      this.mediaSecondsLoaded = 0;
+      this.mediaAppends = 0;
+    }
+    /**
+     * dispose of the SegmentLoader and reset to the default state
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      this.trigger('dispose');
+      this.state = 'DISPOSED';
+      this.pause();
+      this.abort_();
+
+      if (this.transmuxer_) {
+        this.transmuxer_.terminate();
+      }
+
+      this.resetStats_();
+
+      if (this.checkBufferTimeout_) {
+        window_1.clearTimeout(this.checkBufferTimeout_);
+      }
+
+      if (this.syncController_ && this.triggerSyncInfoUpdate_) {
+        this.syncController_.off('syncinfoupdate', this.triggerSyncInfoUpdate_);
+      }
+
+      this.off();
+    };
+
+    _proto.setAudio = function setAudio(enable) {
+      this.audioDisabled_ = !enable;
+
+      if (enable) {
+        this.appendInitSegment_.audio = true;
+      } else {
+        // remove current track audio if it gets disabled
+        this.sourceUpdater_.removeAudio(0, this.duration_());
+      }
+    }
+    /**
+     * abort anything that is currently doing on with the SegmentLoader
+     * and reset to a default state
+     */
+    ;
+
+    _proto.abort = function abort() {
+      if (this.state !== 'WAITING') {
+        if (this.pendingSegment_) {
+          this.pendingSegment_ = null;
+        }
+
+        return;
+      }
+
+      this.abort_(); // We aborted the requests we were waiting on, so reset the loader's state to READY
+      // since we are no longer "waiting" on any requests. XHR callback is not always run
+      // when the request is aborted. This will prevent the loader from being stuck in the
+      // WAITING state indefinitely.
+
+      this.state = 'READY'; // don't wait for buffer check timeouts to begin fetching the
+      // next segment
+
+      if (!this.paused()) {
+        this.monitorBuffer_();
+      }
+    }
+    /**
+     * abort all pending xhr requests and null any pending segements
+     *
+     * @private
+     */
+    ;
+
+    _proto.abort_ = function abort_() {
+      if (this.pendingSegment_ && this.pendingSegment_.abortRequests) {
+        this.pendingSegment_.abortRequests();
+      } // clear out the segment being processed
+
+
+      this.pendingSegment_ = null;
+      this.callQueue_ = [];
+      this.loadQueue_ = [];
+      this.metadataQueue_.id3 = [];
+      this.metadataQueue_.caption = [];
+      this.timelineChangeController_.clearPendingTimelineChange(this.loaderType_);
+      this.waitingOnRemove_ = false;
+      window_1.clearTimeout(this.quotaExceededErrorRetryTimeout_);
+      this.quotaExceededErrorRetryTimeout_ = null;
+    };
+
+    _proto.checkForAbort_ = function checkForAbort_(requestId) {
+      // If the state is APPENDING, then aborts will not modify the state, meaning the first
+      // callback that happens should reset the state to READY so that loading can continue.
+      if (this.state === 'APPENDING' && !this.pendingSegment_) {
+        this.state = 'READY';
+        return true;
+      }
+
+      if (!this.pendingSegment_ || this.pendingSegment_.requestId !== requestId) {
+        return true;
+      }
+
+      return false;
+    }
+    /**
+     * set an error on the segment loader and null out any pending segements
+     *
+     * @param {Error} error the error to set on the SegmentLoader
+     * @return {Error} the error that was set or that is currently set
+     */
+    ;
+
+    _proto.error = function error(_error) {
+      if (typeof _error !== 'undefined') {
+        this.logger_('error occurred:', _error);
+        this.error_ = _error;
+      }
+
+      this.pendingSegment_ = null;
+      return this.error_;
+    };
+
+    _proto.endOfStream = function endOfStream() {
+      this.ended_ = true;
+
+      if (this.transmuxer_) {
+        // need to clear out any cached data to prepare for the new segment
+        segmentTransmuxer.reset(this.transmuxer_);
+      }
+
+      this.gopBuffer_.length = 0;
+      this.pause();
+      this.trigger('ended');
+    }
+    /**
+     * Indicates which time ranges are buffered
+     *
+     * @return {TimeRange}
+     *         TimeRange object representing the current buffered ranges
+     */
+    ;
+
+    _proto.buffered_ = function buffered_() {
+      var trackInfo = this.getMediaInfo_();
+
+      if (!this.sourceUpdater_ || !trackInfo) {
+        return videojs.createTimeRanges();
+      }
+
+      if (this.loaderType_ === 'main') {
+        var hasAudio = trackInfo.hasAudio,
+            hasVideo = trackInfo.hasVideo,
+            isMuxed = trackInfo.isMuxed;
+
+        if (hasVideo && hasAudio && !this.audioDisabled_ && !isMuxed) {
+          return this.sourceUpdater_.buffered();
+        }
+
+        if (hasVideo) {
+          return this.sourceUpdater_.videoBuffered();
+        }
+      } // One case that can be ignored for now is audio only with alt audio,
+      // as we don't yet have proper support for that.
+
+
+      return this.sourceUpdater_.audioBuffered();
+    }
+    /**
+     * Gets and sets init segment for the provided map
+     *
+     * @param {Object} map
+     *        The map object representing the init segment to get or set
+     * @param {boolean=} set
+     *        If true, the init segment for the provided map should be saved
+     * @return {Object}
+     *         map object for desired init segment
+     */
+    ;
+
+    _proto.initSegmentForMap = function initSegmentForMap(map, set) {
+      if (set === void 0) {
+        set = false;
+      }
+
+      if (!map) {
+        return null;
+      }
+
+      var id = initSegmentId(map);
+      var storedMap = this.initSegments_[id];
+
+      if (set && !storedMap && map.bytes) {
+        this.initSegments_[id] = storedMap = {
+          resolvedUri: map.resolvedUri,
+          byterange: map.byterange,
+          bytes: map.bytes,
+          tracks: map.tracks,
+          timescales: map.timescales
+        };
+      }
+
+      return storedMap || map;
+    }
+    /**
+     * Gets and sets key for the provided key
+     *
+     * @param {Object} key
+     *        The key object representing the key to get or set
+     * @param {boolean=} set
+     *        If true, the key for the provided key should be saved
+     * @return {Object}
+     *         Key object for desired key
+     */
+    ;
+
+    _proto.segmentKey = function segmentKey(key, set) {
+      if (set === void 0) {
+        set = false;
+      }
+
+      if (!key) {
+        return null;
+      }
+
+      var id = segmentKeyId(key);
+      var storedKey = this.keyCache_[id]; // TODO: We should use the HTTP Expires header to invalidate our cache per
+      // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-6.2.3
+
+      if (this.cacheEncryptionKeys_ && set && !storedKey && key.bytes) {
+        this.keyCache_[id] = storedKey = {
+          resolvedUri: key.resolvedUri,
+          bytes: key.bytes
+        };
+      }
+
+      var result = {
+        resolvedUri: (storedKey || key).resolvedUri
+      };
+
+      if (storedKey) {
+        result.bytes = storedKey.bytes;
+      }
+
+      return result;
+    }
+    /**
+     * Returns true if all configuration required for loading is present, otherwise false.
+     *
+     * @return {boolean} True if the all configuration is ready for loading
+     * @private
+     */
+    ;
+
+    _proto.couldBeginLoading_ = function couldBeginLoading_() {
+      return this.playlist_ && !this.paused();
+    }
+    /**
+     * load a playlist and start to fill the buffer
+     */
+    ;
+
+    _proto.load = function load() {
+      // un-pause
+      this.monitorBuffer_(); // if we don't have a playlist yet, keep waiting for one to be
+      // specified
+
+      if (!this.playlist_) {
+        return;
+      } // if all the configuration is ready, initialize and begin loading
+
+
+      if (this.state === 'INIT' && this.couldBeginLoading_()) {
+        return this.init_();
+      } // if we're in the middle of processing a segment already, don't
+      // kick off an additional segment request
+
+
+      if (!this.couldBeginLoading_() || this.state !== 'READY' && this.state !== 'INIT') {
+        return;
+      }
+
+      this.state = 'READY';
+    }
+    /**
+     * Once all the starting parameters have been specified, begin
+     * operation. This method should only be invoked from the INIT
+     * state.
+     *
+     * @private
+     */
+    ;
+
+    _proto.init_ = function init_() {
+      this.state = 'READY'; // if this is the audio segment loader, and it hasn't been inited before, then any old
+      // audio data from the muxed content should be removed
+
+      this.resetEverything();
+      return this.monitorBuffer_();
+    }
+    /**
+     * set a playlist on the segment loader
+     *
+     * @param {PlaylistLoader} media the playlist to set on the segment loader
+     */
+    ;
+
+    _proto.playlist = function playlist(newPlaylist, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      if (!newPlaylist) {
+        return;
+      }
+
+      var oldPlaylist = this.playlist_;
+      var segmentInfo = this.pendingSegment_;
+      this.playlist_ = newPlaylist;
+      this.xhrOptions_ = options; // when we haven't started playing yet, the start of a live playlist
+      // is always our zero-time so force a sync update each time the playlist
+      // is refreshed from the server
+      //
+      // Use the INIT state to determine if playback has started, as the playlist sync info
+      // should be fixed once requests begin (as sync points are generated based on sync
+      // info), but not before then.
+
+      if (this.state === 'INIT') {
+        newPlaylist.syncInfo = {
+          mediaSequence: newPlaylist.mediaSequence,
+          time: 0
+        }; // Setting the date time mapping means mapping the program date time (if available)
+        // to time 0 on the player's timeline. The playlist's syncInfo serves a similar
+        // purpose, mapping the initial mediaSequence to time zero. Since the syncInfo can
+        // be updated as the playlist is refreshed before the loader starts loading, the
+        // program date time mapping needs to be updated as well.
+        //
+        // This mapping is only done for the main loader because a program date time should
+        // map equivalently between playlists.
+
+        if (this.loaderType_ === 'main') {
+          this.syncController_.setDateTimeMappingForStart(newPlaylist);
+        }
+      }
+
+      var oldId = null;
+
+      if (oldPlaylist) {
+        if (oldPlaylist.id) {
+          oldId = oldPlaylist.id;
+        } else if (oldPlaylist.uri) {
+          oldId = oldPlaylist.uri;
+        }
+      }
+
+      this.logger_("playlist update [" + oldId + " => " + (newPlaylist.id || newPlaylist.uri) + "]"); // in VOD, this is always a rendition switch (or we updated our syncInfo above)
+      // in LIVE, we always want to update with new playlists (including refreshes)
+
+      this.trigger('syncinfoupdate'); // if we were unpaused but waiting for a playlist, start
+      // buffering now
+
+      if (this.state === 'INIT' && this.couldBeginLoading_()) {
+        return this.init_();
+      }
+
+      if (!oldPlaylist || oldPlaylist.uri !== newPlaylist.uri) {
+        if (this.mediaIndex !== null) {
+          // we must "resync" the segment loader when we switch renditions and
+          // the segment loader is already synced to the previous rendition
+          this.resyncLoader();
+        }
+
+        this.currentMediaInfo_ = void 0;
+        this.trigger('playlistupdate'); // the rest of this function depends on `oldPlaylist` being defined
+
+        return;
+      } // we reloaded the same playlist so we are in a live scenario
+      // and we will likely need to adjust the mediaIndex
+
+
+      var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence;
+      this.logger_("live window shift [" + mediaSequenceDiff + "]"); // update the mediaIndex on the SegmentLoader
+      // this is important because we can abort a request and this value must be
+      // equal to the last appended mediaIndex
+
+      if (this.mediaIndex !== null) {
+        this.mediaIndex -= mediaSequenceDiff; // this can happen if we are going to load the first segment, but get a playlist
+        // update during that. mediaIndex would go from 0 to -1 if mediaSequence in the
+        // new playlist was incremented by 1.
+
+        if (this.mediaIndex < 0) {
+          this.mediaIndex = null;
+          this.partIndex = null;
+        } else {
+          var segment = this.playlist_.segments[this.mediaIndex]; // partIndex should remain the same for the same segment
+          // unless parts fell off of the playlist for this segment.
+          // In that case we need to reset partIndex and resync
+
+          if (this.partIndex && (!segment.parts || !segment.parts.length || !segment.parts[this.partIndex])) {
+            var mediaIndex = this.mediaIndex;
+            this.logger_("currently processing part (index " + this.partIndex + ") no longer exists.");
+            this.resetLoader(); // We want to throw away the partIndex and the data associated with it,
+            // as the part was dropped from our current playlists segment.
+            // The mediaIndex will still be valid so keep that around.
+
+            this.mediaIndex = mediaIndex;
+          }
+        }
+      } // update the mediaIndex on the SegmentInfo object
+      // this is important because we will update this.mediaIndex with this value
+      // in `handleAppendsDone_` after the segment has been successfully appended
+
+
+      if (segmentInfo) {
+        segmentInfo.mediaIndex -= mediaSequenceDiff;
+
+        if (segmentInfo.mediaIndex < 0) {
+          segmentInfo.mediaIndex = null;
+          segmentInfo.partIndex = null;
+        } else {
+          // we need to update the referenced segment so that timing information is
+          // saved for the new playlist's segment, however, if the segment fell off the
+          // playlist, we can leave the old reference and just lose the timing info
+          if (segmentInfo.mediaIndex >= 0) {
+            segmentInfo.segment = newPlaylist.segments[segmentInfo.mediaIndex];
+          }
+
+          if (segmentInfo.partIndex >= 0 && segmentInfo.segment.parts) {
+            segmentInfo.part = segmentInfo.segment.parts[segmentInfo.partIndex];
+          }
+        }
+      }
+
+      this.syncController_.saveExpiredSegmentInfo(oldPlaylist, newPlaylist);
+    }
+    /**
+     * Prevent the loader from fetching additional segments. If there
+     * is a segment request outstanding, it will finish processing
+     * before the loader halts. A segment loader can be unpaused by
+     * calling load().
+     */
+    ;
+
+    _proto.pause = function pause() {
+      if (this.checkBufferTimeout_) {
+        window_1.clearTimeout(this.checkBufferTimeout_);
+        this.checkBufferTimeout_ = null;
+      }
+    }
+    /**
+     * Returns whether the segment loader is fetching additional
+     * segments when given the opportunity. This property can be
+     * modified through calls to pause() and load().
+     */
+    ;
+
+    _proto.paused = function paused() {
+      return this.checkBufferTimeout_ === null;
+    }
+    /**
+     * Delete all the buffered data and reset the SegmentLoader
+     *
+     * @param {Function} [done] an optional callback to be executed when the remove
+     * operation is complete
+     */
+    ;
+
+    _proto.resetEverything = function resetEverything(done) {
+      this.ended_ = false;
+      this.appendInitSegment_ = {
+        audio: true,
+        video: true
+      };
+      this.resetLoader(); // remove from 0, the earliest point, to Infinity, to signify removal of everything.
+      // VTT Segment Loader doesn't need to do anything but in the regular SegmentLoader,
+      // we then clamp the value to duration if necessary.
+
+      this.remove(0, Infinity, done); // clears fmp4 captions
+
+      if (this.transmuxer_) {
+        this.transmuxer_.postMessage({
+          action: 'clearAllMp4Captions'
+        });
+      }
+    }
+    /**
+     * Force the SegmentLoader to resync and start loading around the currentTime instead
+     * of starting at the end of the buffer
+     *
+     * Useful for fast quality changes
+     */
+    ;
+
+    _proto.resetLoader = function resetLoader() {
+      this.fetchAtBuffer_ = false;
+      this.resyncLoader();
+    }
+    /**
+     * Force the SegmentLoader to restart synchronization and make a conservative guess
+     * before returning to the simple walk-forward method
+     */
+    ;
+
+    _proto.resyncLoader = function resyncLoader() {
+      if (this.transmuxer_) {
+        // need to clear out any cached data to prepare for the new segment
+        segmentTransmuxer.reset(this.transmuxer_);
+      }
+
+      this.mediaIndex = null;
+      this.partIndex = null;
+      this.syncPoint_ = null;
+      this.isPendingTimestampOffset_ = false;
+      this.callQueue_ = [];
+      this.loadQueue_ = [];
+      this.metadataQueue_.id3 = [];
+      this.metadataQueue_.caption = [];
+      this.abort();
+
+      if (this.transmuxer_) {
+        this.transmuxer_.postMessage({
+          action: 'clearParsedMp4Captions'
+        });
+      }
+    }
+    /**
+     * Remove any data in the source buffer between start and end times
+     *
+     * @param {number} start - the start time of the region to remove from the buffer
+     * @param {number} end - the end time of the region to remove from the buffer
+     * @param {Function} [done] - an optional callback to be executed when the remove
+     * @param {boolean} force - force all remove operations to happen
+     * operation is complete
+     */
+    ;
+
+    _proto.remove = function remove(start, end, done, force) {
+      if (done === void 0) {
+        done = function done() {};
+      }
+
+      if (force === void 0) {
+        force = false;
+      } // clamp end to duration if we need to remove everything.
+      // This is due to a browser bug that causes issues if we remove to Infinity.
+      // videojs/videojs-contrib-hls#1225
+
+
+      if (end === Infinity) {
+        end = this.duration_();
+      } // skip removes that would throw an error
+      // commonly happens during a rendition switch at the start of a video
+      // from start 0 to end 0
+
+
+      if (end <= start) {
+        this.logger_('skipping remove because end ${end} is <= start ${start}');
+        return;
+      }
+
+      if (!this.sourceUpdater_ || !this.getMediaInfo_()) {
+        this.logger_('skipping remove because no source updater or starting media info'); // nothing to remove if we haven't processed any media
+
+        return;
+      } // set it to one to complete this function's removes
+
+
+      var removesRemaining = 1;
+
+      var removeFinished = function removeFinished() {
+        removesRemaining--;
+
+        if (removesRemaining === 0) {
+          done();
+        }
+      };
+
+      if (force || !this.audioDisabled_) {
+        removesRemaining++;
+        this.sourceUpdater_.removeAudio(start, end, removeFinished);
+      } // While it would be better to only remove video if the main loader has video, this
+      // should be safe with audio only as removeVideo will call back even if there's no
+      // video buffer.
+      //
+      // In theory we can check to see if there's video before calling the remove, but in
+      // the event that we're switching between renditions and from video to audio only
+      // (when we add support for that), we may need to clear the video contents despite
+      // what the new media will contain.
+
+
+      if (force || this.loaderType_ === 'main') {
+        this.gopBuffer_ = removeGopBuffer(this.gopBuffer_, start, end, this.timeMapping_);
+        removesRemaining++;
+        this.sourceUpdater_.removeVideo(start, end, removeFinished);
+      } // remove any captions and ID3 tags
+
+
+      for (var track in this.inbandTextTracks_) {
+        removeCuesFromTrack(start, end, this.inbandTextTracks_[track]);
+      }
+
+      removeCuesFromTrack(start, end, this.segmentMetadataTrack_); // finished this function's removes
+
+      removeFinished();
+    }
+    /**
+     * (re-)schedule monitorBufferTick_ to run as soon as possible
+     *
+     * @private
+     */
+    ;
+
+    _proto.monitorBuffer_ = function monitorBuffer_() {
+      if (this.checkBufferTimeout_) {
+        window_1.clearTimeout(this.checkBufferTimeout_);
+      }
+
+      this.checkBufferTimeout_ = window_1.setTimeout(this.monitorBufferTick_.bind(this), 1);
+    }
+    /**
+     * As long as the SegmentLoader is in the READY state, periodically
+     * invoke fillBuffer_().
+     *
+     * @private
+     */
+    ;
+
+    _proto.monitorBufferTick_ = function monitorBufferTick_() {
+      if (this.state === 'READY') {
+        this.fillBuffer_();
+      }
+
+      if (this.checkBufferTimeout_) {
+        window_1.clearTimeout(this.checkBufferTimeout_);
+      }
+
+      this.checkBufferTimeout_ = window_1.setTimeout(this.monitorBufferTick_.bind(this), CHECK_BUFFER_DELAY);
+    }
+    /**
+     * fill the buffer with segements unless the sourceBuffers are
+     * currently updating
+     *
+     * Note: this function should only ever be called by monitorBuffer_
+     * and never directly
+     *
+     * @private
+     */
+    ;
+
+    _proto.fillBuffer_ = function fillBuffer_() {
+      // TODO since the source buffer maintains a queue, and we shouldn't call this function
+      // except when we're ready for the next segment, this check can most likely be removed
+      if (this.sourceUpdater_.updating()) {
+        return;
+      } // see if we need to begin loading immediately
+
+
+      var segmentInfo = this.chooseNextRequest_();
+
+      if (!segmentInfo) {
+        return;
+      }
+
+      if (typeof segmentInfo.timestampOffset === 'number') {
+        this.isPendingTimestampOffset_ = false;
+        this.timelineChangeController_.pendingTimelineChange({
+          type: this.loaderType_,
+          from: this.currentTimeline_,
+          to: segmentInfo.timeline
+        });
+      }
+
+      this.loadSegment_(segmentInfo);
+    }
+    /**
+     * Determines if we should call endOfStream on the media source based
+     * on the state of the buffer or if appened segment was the final
+     * segment in the playlist.
+     *
+     * @param {number} [mediaIndex] the media index of segment we last appended
+     * @param {Object} [playlist] a media playlist object
+     * @return {boolean} do we need to call endOfStream on the MediaSource
+     */
+    ;
+
+    _proto.isEndOfStream_ = function isEndOfStream_(mediaIndex, playlist, partIndex) {
+      if (mediaIndex === void 0) {
+        mediaIndex = this.mediaIndex;
+      }
+
+      if (playlist === void 0) {
+        playlist = this.playlist_;
+      }
+
+      if (partIndex === void 0) {
+        partIndex = this.partIndex;
+      }
+
+      if (!playlist || !this.mediaSource_) {
+        return false;
+      }
+
+      var segment = typeof mediaIndex === 'number' && playlist.segments[mediaIndex]; // mediaIndex is zero based but length is 1 based
+
+      var appendedLastSegment = mediaIndex + 1 === playlist.segments.length; // true if there are no parts, or this is the last part.
+
+      var appendedLastPart = !segment || !segment.parts || partIndex + 1 === segment.parts.length; // if we've buffered to the end of the video, we need to call endOfStream
+      // so that MediaSources can trigger the `ended` event when it runs out of
+      // buffered data instead of waiting for me
+
+      return playlist.endList && this.mediaSource_.readyState === 'open' && appendedLastSegment && appendedLastPart;
+    }
+    /**
+     * Determines what request should be made given current segment loader state.
+     *
+     * @return {Object} a request object that describes the segment/part to load
+     */
+    ;
+
+    _proto.chooseNextRequest_ = function chooseNextRequest_() {
+      var bufferedEnd = lastBufferedEnd(this.buffered_()) || 0;
+      var bufferedTime = Math.max(0, bufferedEnd - this.currentTime_());
+      var preloaded = !this.hasPlayed_() && bufferedTime >= 1;
+      var haveEnoughBuffer = bufferedTime >= this.goalBufferLength_();
+      var segments = this.playlist_.segments; // return no segment if:
+      // 1. we don't have segments
+      // 2. The video has not yet played and we already downloaded a segment
+      // 3. we already have enough buffered time
+
+      if (!segments.length || preloaded || haveEnoughBuffer) {
+        return null;
+      }
+
+      this.syncPoint_ = this.syncPoint_ || this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
+      var next = {
+        partIndex: null,
+        mediaIndex: null,
+        startOfSegment: null,
+        playlist: this.playlist_,
+        isSyncRequest: Boolean(!this.syncPoint_)
+      };
+
+      if (next.isSyncRequest) {
+        next.mediaIndex = getSyncSegmentCandidate(this.currentTimeline_, segments, bufferedEnd);
+      } else if (this.mediaIndex !== null) {
+        var segment = segments[this.mediaIndex];
+        var partIndex = typeof this.partIndex === 'number' ? this.partIndex : -1;
+        next.startOfSegment = segment.end ? segment.end : bufferedEnd;
+
+        if (segment.parts && segment.parts[partIndex + 1]) {
+          next.mediaIndex = this.mediaIndex;
+          next.partIndex = partIndex + 1;
+        } else {
+          next.mediaIndex = this.mediaIndex + 1;
+        }
+      } else {
+        // Find the segment containing the end of the buffer or current time.
+        var _Playlist$getMediaInf = Playlist.getMediaInfoForTime({
+          playlist: this.playlist_,
+          currentTime: this.fetchAtBuffer_ ? bufferedEnd : this.currentTime_(),
+          startingPartIndex: this.syncPoint_.partIndex,
+          startingSegmentIndex: this.syncPoint_.segmentIndex,
+          startTime: this.syncPoint_.time
+        }),
+            segmentIndex = _Playlist$getMediaInf.segmentIndex,
+            startTime = _Playlist$getMediaInf.startTime,
+            _partIndex = _Playlist$getMediaInf.partIndex;
+
+        next.getMediaInfoForTime = this.fetchAtBuffer_ ? 'bufferedEnd' : 'currentTime';
+        next.mediaIndex = segmentIndex;
+        next.startOfSegment = startTime;
+        next.partIndex = _partIndex;
+      }
+
+      var nextSegment = segments[next.mediaIndex];
+      var nextPart = nextSegment && typeof next.partIndex === 'number' && nextSegment.parts && nextSegment.parts[next.partIndex]; // if the next segment index is invalid or
+      // the next partIndex is invalid do not choose a next segment.
+
+      if (!nextSegment || typeof next.partIndex === 'number' && !nextPart) {
+        return null;
+      } // if the next segment has parts, and we don't have a partIndex.
+      // Set partIndex to 0
+
+
+      if (typeof next.partIndex !== 'number' && nextSegment.parts) {
+        next.partIndex = 0;
+      }
+
+      var ended = this.mediaSource_ && this.mediaSource_.readyState === 'ended'; // do not choose a next segment if all of the following:
+      // 1. this is the last segment in the playlist
+      // 2. end of stream has been called on the media source already
+      // 3. the player is not seeking
+
+      if (next.mediaIndex >= segments.length - 1 && ended && !this.seeking_()) {
+        return null;
+      }
+
+      return this.generateSegmentInfo_(next);
+    };
+
+    _proto.generateSegmentInfo_ = function generateSegmentInfo_(options) {
+      var playlist = options.playlist,
+          mediaIndex = options.mediaIndex,
+          startOfSegment = options.startOfSegment,
+          isSyncRequest = options.isSyncRequest,
+          partIndex = options.partIndex,
+          forceTimestampOffset = options.forceTimestampOffset,
+          getMediaInfoForTime = options.getMediaInfoForTime;
+      var segment = playlist.segments[mediaIndex];
+      var part = typeof partIndex === 'number' && segment.parts[partIndex];
+      var segmentInfo = {
+        requestId: 'segment-loader-' + Math.random(),
+        // resolve the segment URL relative to the playlist
+        uri: part && part.resolvedUri || segment.resolvedUri,
+        // the segment's mediaIndex at the time it was requested
+        mediaIndex: mediaIndex,
+        partIndex: part ? partIndex : null,
+        // whether or not to update the SegmentLoader's state with this
+        // segment's mediaIndex
+        isSyncRequest: isSyncRequest,
+        startOfSegment: startOfSegment,
+        // the segment's playlist
+        playlist: playlist,
+        // unencrypted bytes of the segment
+        bytes: null,
+        // when a key is defined for this segment, the encrypted bytes
+        encryptedBytes: null,
+        // The target timestampOffset for this segment when we append it
+        // to the source buffer
+        timestampOffset: null,
+        // The timeline that the segment is in
+        timeline: segment.timeline,
+        // The expected duration of the segment in seconds
+        duration: part && part.duration || segment.duration,
+        // retain the segment in case the playlist updates while doing an async process
+        segment: segment,
+        part: part,
+        byteLength: 0,
+        transmuxer: this.transmuxer_,
+        // type of getMediaInfoForTime that was used to get this segment
+        getMediaInfoForTime: getMediaInfoForTime
+      };
+      var overrideCheck = typeof forceTimestampOffset !== 'undefined' ? forceTimestampOffset : this.isPendingTimestampOffset_;
+      segmentInfo.timestampOffset = this.timestampOffsetForSegment_({
+        segmentTimeline: segment.timeline,
+        currentTimeline: this.currentTimeline_,
+        startOfSegment: startOfSegment,
+        buffered: this.buffered_(),
+        overrideCheck: overrideCheck
+      });
+      var audioBufferedEnd = lastBufferedEnd(this.sourceUpdater_.audioBuffered());
+
+      if (typeof audioBufferedEnd === 'number') {
+        // since the transmuxer is using the actual timing values, but the buffer is
+        // adjusted by the timestamp offset, we must adjust the value here
+        segmentInfo.audioAppendStart = audioBufferedEnd - this.sourceUpdater_.audioTimestampOffset();
+      }
+
+      if (this.sourceUpdater_.videoBuffered().length) {
+        segmentInfo.gopsToAlignWith = gopsSafeToAlignWith(this.gopBuffer_, // since the transmuxer is using the actual timing values, but the time is
+        // adjusted by the timestmap offset, we must adjust the value here
+        this.currentTime_() - this.sourceUpdater_.videoTimestampOffset(), this.timeMapping_);
+      }
+
+      return segmentInfo;
+    } // get the timestampoffset for a segment,
+    // added so that vtt segment loader can override and prevent
+    // adding timestamp offsets.
+    ;
+
+    _proto.timestampOffsetForSegment_ = function timestampOffsetForSegment_(options) {
+      return timestampOffsetForSegment(options);
+    }
+    /**
+     * Determines if the network has enough bandwidth to complete the current segment
+     * request in a timely manner. If not, the request will be aborted early and bandwidth
+     * updated to trigger a playlist switch.
+     *
+     * @param {Object} stats
+     *        Object containing stats about the request timing and size
+     * @private
+     */
+    ;
+
+    _proto.earlyAbortWhenNeeded_ = function earlyAbortWhenNeeded_(stats) {
+      if (this.vhs_.tech_.paused() || // Don't abort if the current playlist is on the lowestEnabledRendition
+      // TODO: Replace using timeout with a boolean indicating whether this playlist is
+      //       the lowestEnabledRendition.
+      !this.xhrOptions_.timeout || // Don't abort if we have no bandwidth information to estimate segment sizes
+      !this.playlist_.attributes.BANDWIDTH) {
+        return;
+      } // Wait at least 1 second since the first byte of data has been received before
+      // using the calculated bandwidth from the progress event to allow the bitrate
+      // to stabilize
+
+
+      if (Date.now() - (stats.firstBytesReceivedAt || Date.now()) < 1000) {
+        return;
+      }
+
+      var currentTime = this.currentTime_();
+      var measuredBandwidth = stats.bandwidth;
+      var segmentDuration = this.pendingSegment_.duration;
+      var requestTimeRemaining = Playlist.estimateSegmentRequestTime(segmentDuration, measuredBandwidth, this.playlist_, stats.bytesReceived); // Subtract 1 from the timeUntilRebuffer so we still consider an early abort
+      // if we are only left with less than 1 second when the request completes.
+      // A negative timeUntilRebuffering indicates we are already rebuffering
+
+      var timeUntilRebuffer$1 = timeUntilRebuffer(this.buffered_(), currentTime, this.vhs_.tech_.playbackRate()) - 1; // Only consider aborting early if the estimated time to finish the download
+      // is larger than the estimated time until the player runs out of forward buffer
+
+      if (requestTimeRemaining <= timeUntilRebuffer$1) {
+        return;
+      }
+
+      var switchCandidate = minRebufferMaxBandwidthSelector({
+        master: this.vhs_.playlists.master,
+        currentTime: currentTime,
+        bandwidth: measuredBandwidth,
+        duration: this.duration_(),
+        segmentDuration: segmentDuration,
+        timeUntilRebuffer: timeUntilRebuffer$1,
+        currentTimeline: this.currentTimeline_,
+        syncController: this.syncController_
+      });
+
+      if (!switchCandidate) {
+        return;
+      }
+
+      var rebufferingImpact = requestTimeRemaining - timeUntilRebuffer$1;
+      var timeSavedBySwitching = rebufferingImpact - switchCandidate.rebufferingImpact;
+      var minimumTimeSaving = 0.5; // If we are already rebuffering, increase the amount of variance we add to the
+      // potential round trip time of the new request so that we are not too aggressive
+      // with switching to a playlist that might save us a fraction of a second.
+
+      if (timeUntilRebuffer$1 <= TIME_FUDGE_FACTOR) {
+        minimumTimeSaving = 1;
+      }
+
+      if (!switchCandidate.playlist || switchCandidate.playlist.uri === this.playlist_.uri || timeSavedBySwitching < minimumTimeSaving) {
+        return;
+      } // set the bandwidth to that of the desired playlist being sure to scale by
+      // BANDWIDTH_VARIANCE and add one so the playlist selector does not exclude it
+      // don't trigger a bandwidthupdate as the bandwidth is artifial
+
+
+      this.bandwidth = switchCandidate.playlist.attributes.BANDWIDTH * Config.BANDWIDTH_VARIANCE + 1;
+      this.trigger('earlyabort');
+    };
+
+    _proto.handleAbort_ = function handleAbort_(segmentInfo) {
+      this.logger_("Aborting " + segmentInfoString(segmentInfo));
+      this.mediaRequestsAborted += 1;
+    }
+    /**
+     * XHR `progress` event handler
+     *
+     * @param {Event}
+     *        The XHR `progress` event
+     * @param {Object} simpleSegment
+     *        A simplified segment object copy
+     * @private
+     */
+    ;
+
+    _proto.handleProgress_ = function handleProgress_(event, simpleSegment) {
+      this.earlyAbortWhenNeeded_(simpleSegment.stats);
+
+      if (this.checkForAbort_(simpleSegment.requestId)) {
+        return;
+      }
+
+      this.trigger('progress');
+    };
+
+    _proto.handleTrackInfo_ = function handleTrackInfo_(simpleSegment, trackInfo) {
+      this.earlyAbortWhenNeeded_(simpleSegment.stats);
+
+      if (this.checkForAbort_(simpleSegment.requestId)) {
+        return;
+      }
+
+      if (this.checkForIllegalMediaSwitch(trackInfo)) {
+        return;
+      }
+
+      trackInfo = trackInfo || {}; // When we have track info, determine what media types this loader is dealing with.
+      // Guard against cases where we're not getting track info at all until we are
+      // certain that all streams will provide it.
+
+      if (!shallowEqual(this.currentMediaInfo_, trackInfo)) {
+        this.appendInitSegment_ = {
+          audio: true,
+          video: true
+        };
+        this.startingMediaInfo_ = trackInfo;
+        this.currentMediaInfo_ = trackInfo;
+        this.logger_('trackinfo update', trackInfo);
+        this.trigger('trackinfo');
+      } // trackinfo may cause an abort if the trackinfo
+      // causes a codec change to an unsupported codec.
+
+
+      if (this.checkForAbort_(simpleSegment.requestId)) {
+        return;
+      } // set trackinfo on the pending segment so that
+      // it can append.
+
+
+      this.pendingSegment_.trackInfo = trackInfo; // check if any calls were waiting on the track info
+
+      if (this.hasEnoughInfoToAppend_()) {
+        this.processCallQueue_();
+      }
+    };
+
+    _proto.handleTimingInfo_ = function handleTimingInfo_(simpleSegment, mediaType, timeType, time) {
+      this.earlyAbortWhenNeeded_(simpleSegment.stats);
+
+      if (this.checkForAbort_(simpleSegment.requestId)) {
+        return;
+      }
+
+      var segmentInfo = this.pendingSegment_;
+      var timingInfoProperty = timingInfoPropertyForMedia(mediaType);
+      segmentInfo[timingInfoProperty] = segmentInfo[timingInfoProperty] || {};
+      segmentInfo[timingInfoProperty][timeType] = time;
+      this.logger_("timinginfo: " + mediaType + " - " + timeType + " - " + time); // check if any calls were waiting on the timing info
+
+      if (this.hasEnoughInfoToAppend_()) {
+        this.processCallQueue_();
+      }
+    };
+
+    _proto.handleCaptions_ = function handleCaptions_(simpleSegment, captionData) {
+      var _this2 = this;
+
+      this.earlyAbortWhenNeeded_(simpleSegment.stats);
+
+      if (this.checkForAbort_(simpleSegment.requestId)) {
+        return;
+      } // This could only happen with fmp4 segments, but
+      // should still not happen in general
+
+
+      if (captionData.length === 0) {
+        this.logger_('SegmentLoader received no captions from a caption event');
+        return;
+      }
+
+      var segmentInfo = this.pendingSegment_; // Wait until we have some video data so that caption timing
+      // can be adjusted by the timestamp offset
+
+      if (!segmentInfo.hasAppendedData_) {
+        this.metadataQueue_.caption.push(this.handleCaptions_.bind(this, simpleSegment, captionData));
+        return;
+      }
+
+      var timestampOffset = this.sourceUpdater_.videoTimestampOffset() === null ? this.sourceUpdater_.audioTimestampOffset() : this.sourceUpdater_.videoTimestampOffset();
+      var captionTracks = {}; // get total start/end and captions for each track/stream
+
+      captionData.forEach(function (caption) {
+        // caption.stream is actually a track name...
+        // set to the existing values in tracks or default values
+        captionTracks[caption.stream] = captionTracks[caption.stream] || {
+          // Infinity, as any other value will be less than this
+          startTime: Infinity,
+          captions: [],
+          // 0 as an other value will be more than this
+          endTime: 0
+        };
+        var captionTrack = captionTracks[caption.stream];
+        captionTrack.startTime = Math.min(captionTrack.startTime, caption.startTime + timestampOffset);
+        captionTrack.endTime = Math.max(captionTrack.endTime, caption.endTime + timestampOffset);
+        captionTrack.captions.push(caption);
+      });
+      Object.keys(captionTracks).forEach(function (trackName) {
+        var _captionTracks$trackN = captionTracks[trackName],
+            startTime = _captionTracks$trackN.startTime,
+            endTime = _captionTracks$trackN.endTime,
+            captions = _captionTracks$trackN.captions;
+        var inbandTextTracks = _this2.inbandTextTracks_;
+
+        _this2.logger_("adding cues from " + startTime + " -> " + endTime + " for " + trackName);
+
+        createCaptionsTrackIfNotExists(inbandTextTracks, _this2.vhs_.tech_, trackName); // clear out any cues that start and end at the same time period for the same track.
+        // We do this because a rendition change that also changes the timescale for captions
+        // will result in captions being re-parsed for certain segments. If we add them again
+        // without clearing we will have two of the same captions visible.
+
+        removeCuesFromTrack(startTime, endTime, inbandTextTracks[trackName]);
+        addCaptionData({
+          captionArray: captions,
+          inbandTextTracks: inbandTextTracks,
+          timestampOffset: timestampOffset
+        });
+      }); // Reset stored captions since we added parsed
+      // captions to a text track at this point
+
+      if (this.transmuxer_) {
+        this.transmuxer_.postMessage({
+          action: 'clearParsedMp4Captions'
+        });
+      }
+    };
+
+    _proto.handleId3_ = function handleId3_(simpleSegment, id3Frames, dispatchType) {
+      this.earlyAbortWhenNeeded_(simpleSegment.stats);
+
+      if (this.checkForAbort_(simpleSegment.requestId)) {
+        return;
+      }
+
+      var segmentInfo = this.pendingSegment_; // we need to have appended data in order for the timestamp offset to be set
+
+      if (!segmentInfo.hasAppendedData_) {
+        this.metadataQueue_.id3.push(this.handleId3_.bind(this, simpleSegment, id3Frames, dispatchType));
+        return;
+      }
+
+      var timestampOffset = this.sourceUpdater_.videoTimestampOffset() === null ? this.sourceUpdater_.audioTimestampOffset() : this.sourceUpdater_.videoTimestampOffset(); // There's potentially an issue where we could double add metadata if there's a muxed
+      // audio/video source with a metadata track, and an alt audio with a metadata track.
+      // However, this probably won't happen, and if it does it can be handled then.
+
+      createMetadataTrackIfNotExists(this.inbandTextTracks_, dispatchType, this.vhs_.tech_);
+      addMetadata({
+        inbandTextTracks: this.inbandTextTracks_,
+        metadataArray: id3Frames,
+        timestampOffset: timestampOffset,
+        videoDuration: this.duration_()
+      });
+    };
+
+    _proto.processMetadataQueue_ = function processMetadataQueue_() {
+      this.metadataQueue_.id3.forEach(function (fn) {
+        return fn();
+      });
+      this.metadataQueue_.caption.forEach(function (fn) {
+        return fn();
+      });
+      this.metadataQueue_.id3 = [];
+      this.metadataQueue_.caption = [];
+    };
+
+    _proto.processCallQueue_ = function processCallQueue_() {
+      var callQueue = this.callQueue_; // Clear out the queue before the queued functions are run, since some of the
+      // functions may check the length of the load queue and default to pushing themselves
+      // back onto the queue.
+
+      this.callQueue_ = [];
+      callQueue.forEach(function (fun) {
+        return fun();
+      });
+    };
+
+    _proto.processLoadQueue_ = function processLoadQueue_() {
+      var loadQueue = this.loadQueue_; // Clear out the queue before the queued functions are run, since some of the
+      // functions may check the length of the load queue and default to pushing themselves
+      // back onto the queue.
+
+      this.loadQueue_ = [];
+      loadQueue.forEach(function (fun) {
+        return fun();
+      });
+    }
+    /**
+     * Determines whether the loader has enough info to load the next segment.
+     *
+     * @return {boolean}
+     *         Whether or not the loader has enough info to load the next segment
+     */
+    ;
+
+    _proto.hasEnoughInfoToLoad_ = function hasEnoughInfoToLoad_() {
+      // Since primary timing goes by video, only the audio loader potentially needs to wait
+      // to load.
+      if (this.loaderType_ !== 'audio') {
+        return true;
+      }
+
+      var segmentInfo = this.pendingSegment_; // A fill buffer must have already run to establish a pending segment before there's
+      // enough info to load.
+
+      if (!segmentInfo) {
+        return false;
+      } // The first segment can and should be loaded immediately so that source buffers are
+      // created together (before appending). Source buffer creation uses the presence of
+      // audio and video data to determine whether to create audio/video source buffers, and
+      // uses processed (transmuxed or parsed) media to determine the types required.
+
+
+      if (!this.getCurrentMediaInfo_()) {
+        return true;
+      }
+
+      if ( // Technically, instead of waiting to load a segment on timeline changes, a segment
+      // can be requested and downloaded and only wait before it is transmuxed or parsed.
+      // But in practice, there are a few reasons why it is better to wait until a loader
+      // is ready to append that segment before requesting and downloading:
+      //
+      // 1. Because audio and main loaders cross discontinuities together, if this loader
+      //    is waiting for the other to catch up, then instead of requesting another
+      //    segment and using up more bandwidth, by not yet loading, more bandwidth is
+      //    allotted to the loader currently behind.
+      // 2. media-segment-request doesn't have to have logic to consider whether a segment
+      // is ready to be processed or not, isolating the queueing behavior to the loader.
+      // 3. The audio loader bases some of its segment properties on timing information
+      //    provided by the main loader, meaning that, if the logic for waiting on
+      //    processing was in media-segment-request, then it would also need to know how
+      //    to re-generate the segment information after the main loader caught up.
+      shouldWaitForTimelineChange({
+        timelineChangeController: this.timelineChangeController_,
+        currentTimeline: this.currentTimeline_,
+        segmentTimeline: segmentInfo.timeline,
+        loaderType: this.loaderType_,
+        audioDisabled: this.audioDisabled_
+      })) {
+        return false;
+      }
+
+      return true;
+    };
+
+    _proto.getCurrentMediaInfo_ = function getCurrentMediaInfo_(segmentInfo) {
+      if (segmentInfo === void 0) {
+        segmentInfo = this.pendingSegment_;
+      }
+
+      return segmentInfo && segmentInfo.trackInfo || this.currentMediaInfo_;
+    };
+
+    _proto.getMediaInfo_ = function getMediaInfo_(segmentInfo) {
+      if (segmentInfo === void 0) {
+        segmentInfo = this.pendingSegment_;
+      }
+
+      return this.getCurrentMediaInfo_(segmentInfo) || this.startingMediaInfo_;
+    };
+
+    _proto.hasEnoughInfoToAppend_ = function hasEnoughInfoToAppend_() {
+      if (!this.sourceUpdater_.ready()) {
+        return false;
+      } // If content needs to be removed or the loader is waiting on an append reattempt,
+      // then no additional content should be appended until the prior append is resolved.
+
+
+      if (this.waitingOnRemove_ || this.quotaExceededErrorRetryTimeout_) {
+        return false;
+      }
+
+      var segmentInfo = this.pendingSegment_;
+      var trackInfo = this.getCurrentMediaInfo_(); // no segment to append any data for or
+      // we do not have information on this specific
+      // segment yet
+
+      if (!segmentInfo || !trackInfo) {
+        return false;
+      }
+
+      var hasAudio = trackInfo.hasAudio,
+          hasVideo = trackInfo.hasVideo,
+          isMuxed = trackInfo.isMuxed;
+
+      if (hasVideo && !segmentInfo.videoTimingInfo) {
+        return false;
+      } // muxed content only relies on video timing information for now.
+
+
+      if (hasAudio && !this.audioDisabled_ && !isMuxed && !segmentInfo.audioTimingInfo) {
+        return false;
+      }
+
+      if (shouldWaitForTimelineChange({
+        timelineChangeController: this.timelineChangeController_,
+        currentTimeline: this.currentTimeline_,
+        segmentTimeline: segmentInfo.timeline,
+        loaderType: this.loaderType_,
+        audioDisabled: this.audioDisabled_
+      })) {
+        return false;
+      }
+
+      return true;
+    };
+
+    _proto.handleData_ = function handleData_(simpleSegment, result) {
+      this.earlyAbortWhenNeeded_(simpleSegment.stats);
+
+      if (this.checkForAbort_(simpleSegment.requestId)) {
+        return;
+      } // If there's anything in the call queue, then this data came later and should be
+      // executed after the calls currently queued.
+
+
+      if (this.callQueue_.length || !this.hasEnoughInfoToAppend_()) {
+        this.callQueue_.push(this.handleData_.bind(this, simpleSegment, result));
+        return;
+      }
+
+      var segmentInfo = this.pendingSegment_; // update the time mapping so we can translate from display time to media time
+
+      this.setTimeMapping_(segmentInfo.timeline); // for tracking overall stats
+
+      this.updateMediaSecondsLoaded_(segmentInfo.segment); // Note that the state isn't changed from loading to appending. This is because abort
+      // logic may change behavior depending on the state, and changing state too early may
+      // inflate our estimates of bandwidth. In the future this should be re-examined to
+      // note more granular states.
+      // don't process and append data if the mediaSource is closed
+
+      if (this.mediaSource_.readyState === 'closed') {
+        return;
+      } // if this request included an initialization segment, save that data
+      // to the initSegment cache
+
+
+      if (simpleSegment.map) {
+        simpleSegment.map = this.initSegmentForMap(simpleSegment.map, true); // move over init segment properties to media request
+
+        segmentInfo.segment.map = simpleSegment.map;
+      } // if this request included a segment key, save that data in the cache
+
+
+      if (simpleSegment.key) {
+        this.segmentKey(simpleSegment.key, true);
+      }
+
+      segmentInfo.isFmp4 = simpleSegment.isFmp4;
+      segmentInfo.timingInfo = segmentInfo.timingInfo || {};
+
+      if (segmentInfo.isFmp4) {
+        this.trigger('fmp4');
+        segmentInfo.timingInfo.start = segmentInfo[timingInfoPropertyForMedia(result.type)].start;
+      } else {
+        var trackInfo = this.getCurrentMediaInfo_();
+        var useVideoTimingInfo = this.loaderType_ === 'main' && trackInfo && trackInfo.hasVideo;
+        var firstVideoFrameTimeForData;
+
+        if (useVideoTimingInfo) {
+          firstVideoFrameTimeForData = segmentInfo.videoTimingInfo.start;
+        } // Segment loader knows more about segment timing than the transmuxer (in certain
+        // aspects), so make any changes required for a more accurate start time.
+        // Don't set the end time yet, as the segment may not be finished processing.
+
+
+        segmentInfo.timingInfo.start = this.trueSegmentStart_({
+          currentStart: segmentInfo.timingInfo.start,
+          playlist: segmentInfo.playlist,
+          mediaIndex: segmentInfo.mediaIndex,
+          currentVideoTimestampOffset: this.sourceUpdater_.videoTimestampOffset(),
+          useVideoTimingInfo: useVideoTimingInfo,
+          firstVideoFrameTimeForData: firstVideoFrameTimeForData,
+          videoTimingInfo: segmentInfo.videoTimingInfo,
+          audioTimingInfo: segmentInfo.audioTimingInfo
+        });
+      } // Init segments for audio and video only need to be appended in certain cases. Now
+      // that data is about to be appended, we can check the final cases to determine
+      // whether we should append an init segment.
+
+
+      this.updateAppendInitSegmentStatus(segmentInfo, result.type); // Timestamp offset should be updated once we get new data and have its timing info,
+      // as we use the start of the segment to offset the best guess (playlist provided)
+      // timestamp offset.
+
+      this.updateSourceBufferTimestampOffset_(segmentInfo); // if this is a sync request we need to determine whether it should
+      // be appended or not.
+
+      if (segmentInfo.isSyncRequest) {
+        // first save/update our timing info for this segment.
+        // this is what allows us to choose an accurate segment
+        // and the main reason we make a sync request.
+        this.updateTimingInfoEnd_(segmentInfo);
+        this.syncController_.saveSegmentTimingInfo({
+          segmentInfo: segmentInfo,
+          shouldSaveTimelineMapping: this.loaderType_ === 'main'
+        });
+        var next = this.chooseNextRequest_(); // If the sync request isn't the segment that would be requested next
+        // after taking into account its timing info, do not append it.
+
+        if (next.mediaIndex !== segmentInfo.mediaIndex || next.partIndex !== segmentInfo.partIndex) {
+          this.logger_('sync segment was incorrect, not appending');
+          return;
+        } // otherwise append it like any other segment as our guess was correct.
+
+
+        this.logger_('sync segment was correct, appending');
+      } // Save some state so that in the future anything waiting on first append (and/or
+      // timestamp offset(s)) can process immediately. While the extra state isn't optimal,
+      // we need some notion of whether the timestamp offset or other relevant information
+      // has had a chance to be set.
+
+
+      segmentInfo.hasAppendedData_ = true; // Now that the timestamp offset should be set, we can append any waiting ID3 tags.
+
+      this.processMetadataQueue_();
+      this.appendData_(segmentInfo, result);
+    };
+
+    _proto.updateAppendInitSegmentStatus = function updateAppendInitSegmentStatus(segmentInfo, type) {
+      // alt audio doesn't manage timestamp offset
+      if (this.loaderType_ === 'main' && typeof segmentInfo.timestampOffset === 'number' && // in the case that we're handling partial data, we don't want to append an init
+      // segment for each chunk
+      !segmentInfo.changedTimestampOffset) {
+        // if the timestamp offset changed, the timeline may have changed, so we have to re-
+        // append init segments
+        this.appendInitSegment_ = {
+          audio: true,
+          video: true
+        };
+      }
+
+      if (this.playlistOfLastInitSegment_[type] !== segmentInfo.playlist) {
+        // make sure we append init segment on playlist changes, in case the media config
+        // changed
+        this.appendInitSegment_[type] = true;
+      }
+    };
+
+    _proto.getInitSegmentAndUpdateState_ = function getInitSegmentAndUpdateState_(_ref4) {
+      var type = _ref4.type,
+          initSegment = _ref4.initSegment,
+          map = _ref4.map,
+          playlist = _ref4.playlist; // "The EXT-X-MAP tag specifies how to obtain the Media Initialization Section
+      // (Section 3) required to parse the applicable Media Segments.  It applies to every
+      // Media Segment that appears after it in the Playlist until the next EXT-X-MAP tag
+      // or until the end of the playlist."
+      // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-4.3.2.5
+
+      if (map) {
+        var id = initSegmentId(map);
+
+        if (this.activeInitSegmentId_ === id) {
+          // don't need to re-append the init segment if the ID matches
+          return null;
+        } // a map-specified init segment takes priority over any transmuxed (or otherwise
+        // obtained) init segment
+        //
+        // this also caches the init segment for later use
+
+
+        initSegment = this.initSegmentForMap(map, true).bytes;
+        this.activeInitSegmentId_ = id;
+      } // We used to always prepend init segments for video, however, that shouldn't be
+      // necessary. Instead, we should only append on changes, similar to what we've always
+      // done for audio. This is more important (though may not be that important) for
+      // frame-by-frame appending for LHLS, simply because of the increased quantity of
+      // appends.
+
+
+      if (initSegment && this.appendInitSegment_[type]) {
+        // Make sure we track the playlist that we last used for the init segment, so that
+        // we can re-append the init segment in the event that we get data from a new
+        // playlist. Discontinuities and track changes are handled in other sections.
+        this.playlistOfLastInitSegment_[type] = playlist; // Disable future init segment appends for this type. Until a change is necessary.
+
+        this.appendInitSegment_[type] = false; // we need to clear out the fmp4 active init segment id, since
+        // we are appending the muxer init segment
+
+        this.activeInitSegmentId_ = null;
+        return initSegment;
+      }
+
+      return null;
+    };
+
+    _proto.handleQuotaExceededError_ = function handleQuotaExceededError_(_ref5, error) {
+      var _this3 = this;
+
+      var segmentInfo = _ref5.segmentInfo,
+          type = _ref5.type,
+          bytes = _ref5.bytes;
+      var audioBuffered = this.sourceUpdater_.audioBuffered();
+      var videoBuffered = this.sourceUpdater_.videoBuffered(); // For now we're ignoring any notion of gaps in the buffer, but they, in theory,
+      // should be cleared out during the buffer removals. However, log in case it helps
+      // debug.
+
+      if (audioBuffered.length > 1) {
+        this.logger_('On QUOTA_EXCEEDED_ERR, found gaps in the audio buffer: ' + timeRangesToArray(audioBuffered).join(', '));
+      }
+
+      if (videoBuffered.length > 1) {
+        this.logger_('On QUOTA_EXCEEDED_ERR, found gaps in the video buffer: ' + timeRangesToArray(videoBuffered).join(', '));
+      }
+
+      var audioBufferStart = audioBuffered.length ? audioBuffered.start(0) : 0;
+      var audioBufferEnd = audioBuffered.length ? audioBuffered.end(audioBuffered.length - 1) : 0;
+      var videoBufferStart = videoBuffered.length ? videoBuffered.start(0) : 0;
+      var videoBufferEnd = videoBuffered.length ? videoBuffered.end(videoBuffered.length - 1) : 0;
+
+      if (audioBufferEnd - audioBufferStart <= MIN_BACK_BUFFER && videoBufferEnd - videoBufferStart <= MIN_BACK_BUFFER) {
+        // Can't remove enough buffer to make room for new segment (or the browser doesn't
+        // allow for appends of segments this size). In the future, it may be possible to
+        // split up the segment and append in pieces, but for now, error out this playlist
+        // in an attempt to switch to a more manageable rendition.
+        this.logger_('On QUOTA_EXCEEDED_ERR, single segment too large to append to ' + 'buffer, triggering an error. ' + ("Appended byte length: " + bytes.byteLength + ", ") + ("audio buffer: " + timeRangesToArray(audioBuffered).join(', ') + ", ") + ("video buffer: " + timeRangesToArray(videoBuffered).join(', ') + ", "));
+        this.error({
+          message: 'Quota exceeded error with append of a single segment of content',
+          excludeUntil: Infinity
+        });
+        this.trigger('error');
+        return;
+      } // To try to resolve the quota exceeded error, clear back buffer and retry. This means
+      // that the segment-loader should block on future events until this one is handled, so
+      // that it doesn't keep moving onto further segments. Adding the call to the call
+      // queue will prevent further appends until waitingOnRemove_ and
+      // quotaExceededErrorRetryTimeout_ are cleared.
+      //
+      // Note that this will only block the current loader. In the case of demuxed content,
+      // the other load may keep filling as fast as possible. In practice, this should be
+      // OK, as it is a rare case when either audio has a high enough bitrate to fill up a
+      // source buffer, or video fills without enough room for audio to append (and without
+      // the availability of clearing out seconds of back buffer to make room for audio).
+      // But it might still be good to handle this case in the future as a TODO.
+
+
+      this.waitingOnRemove_ = true;
+      this.callQueue_.push(this.appendToSourceBuffer_.bind(this, {
+        segmentInfo: segmentInfo,
+        type: type,
+        bytes: bytes
+      }));
+      var currentTime = this.currentTime_(); // Try to remove as much audio and video as possible to make room for new content
+      // before retrying.
+
+      var timeToRemoveUntil = currentTime - MIN_BACK_BUFFER;
+      this.logger_("On QUOTA_EXCEEDED_ERR, removing audio/video from 0 to " + timeToRemoveUntil);
+      this.remove(0, timeToRemoveUntil, function () {
+        _this3.logger_("On QUOTA_EXCEEDED_ERR, retrying append in " + MIN_BACK_BUFFER + "s");
+
+        _this3.waitingOnRemove_ = false; // wait the length of time alotted in the back buffer to prevent wasted
+        // attempts (since we can't clear less than the minimum)
+
+        _this3.quotaExceededErrorRetryTimeout_ = window_1.setTimeout(function () {
+          _this3.logger_('On QUOTA_EXCEEDED_ERR, re-processing call queue');
+
+          _this3.quotaExceededErrorRetryTimeout_ = null;
+
+          _this3.processCallQueue_();
+        }, MIN_BACK_BUFFER * 1000);
+      }, true);
+    };
+
+    _proto.handleAppendError_ = function handleAppendError_(_ref6, error) {
+      var segmentInfo = _ref6.segmentInfo,
+          type = _ref6.type,
+          bytes = _ref6.bytes; // if there's no error, nothing to do
+
+      if (!error) {
+        return;
+      }
+
+      if (error.code === QUOTA_EXCEEDED_ERR) {
+        this.handleQuotaExceededError_({
+          segmentInfo: segmentInfo,
+          type: type,
+          bytes: bytes
+        }); // A quota exceeded error should be recoverable with a future re-append, so no need
+        // to trigger an append error.
+
+        return;
+      }
+
+      this.logger_('Received non QUOTA_EXCEEDED_ERR on append', error);
+      this.error(type + " append of " + bytes.length + "b failed for segment " + ("#" + segmentInfo.mediaIndex + " in playlist " + segmentInfo.playlist.id)); // If an append errors, we often can't recover.
+      // (see https://w3c.github.io/media-source/#sourcebuffer-append-error).
+      //
+      // Trigger a special error so that it can be handled separately from normal,
+      // recoverable errors.
+
+      this.trigger('appenderror');
+    };
+
+    _proto.appendToSourceBuffer_ = function appendToSourceBuffer_(_ref7) {
+      var segmentInfo = _ref7.segmentInfo,
+          type = _ref7.type,
+          initSegment = _ref7.initSegment,
+          data = _ref7.data,
+          bytes = _ref7.bytes; // If this is a re-append, bytes were already created and don't need to be recreated
+
+      if (!bytes) {
+        var segments = [data];
+        var byteLength = data.byteLength;
+
+        if (initSegment) {
+          // if the media initialization segment is changing, append it before the content
+          // segment
+          segments.unshift(initSegment);
+          byteLength += initSegment.byteLength;
+        } // Technically we should be OK appending the init segment separately, however, we
+        // haven't yet tested that, and prepending is how we have always done things.
+
+
+        bytes = concatSegments({
+          bytes: byteLength,
+          segments: segments
+        });
+      }
+
+      this.sourceUpdater_.appendBuffer({
+        segmentInfo: segmentInfo,
+        type: type,
+        bytes: bytes
+      }, this.handleAppendError_.bind(this, {
+        segmentInfo: segmentInfo,
+        type: type,
+        bytes: bytes
+      }));
+    };
+
+    _proto.handleSegmentTimingInfo_ = function handleSegmentTimingInfo_(type, requestId, segmentTimingInfo) {
+      if (!this.pendingSegment_ || requestId !== this.pendingSegment_.requestId) {
+        return;
+      }
+
+      var segment = this.pendingSegment_.segment;
+      var timingInfoProperty = type + "TimingInfo";
+
+      if (!segment[timingInfoProperty]) {
+        segment[timingInfoProperty] = {};
+      }
+
+      segment[timingInfoProperty].transmuxerPrependedSeconds = segmentTimingInfo.prependedContentDuration || 0;
+      segment[timingInfoProperty].transmuxedPresentationStart = segmentTimingInfo.start.presentation;
+      segment[timingInfoProperty].transmuxedDecodeStart = segmentTimingInfo.start.decode;
+      segment[timingInfoProperty].transmuxedPresentationEnd = segmentTimingInfo.end.presentation;
+      segment[timingInfoProperty].transmuxedDecodeEnd = segmentTimingInfo.end.decode; // mainly used as a reference for debugging
+
+      segment[timingInfoProperty].baseMediaDecodeTime = segmentTimingInfo.baseMediaDecodeTime;
+    };
+
+    _proto.appendData_ = function appendData_(segmentInfo, result) {
+      var type = result.type,
+          data = result.data;
+
+      if (!data || !data.byteLength) {
+        return;
+      }
+
+      if (type === 'audio' && this.audioDisabled_) {
+        return;
+      }
+
+      var initSegment = this.getInitSegmentAndUpdateState_({
+        type: type,
+        initSegment: result.initSegment,
+        playlist: segmentInfo.playlist,
+        map: segmentInfo.isFmp4 ? segmentInfo.segment.map : null
+      });
+      this.appendToSourceBuffer_({
+        segmentInfo: segmentInfo,
+        type: type,
+        initSegment: initSegment,
+        data: data
+      });
+    }
+    /**
+     * load a specific segment from a request into the buffer
+     *
+     * @private
+     */
+    ;
+
+    _proto.loadSegment_ = function loadSegment_(segmentInfo) {
+      var _this4 = this;
+
+      this.state = 'WAITING';
+      this.pendingSegment_ = segmentInfo;
+      this.trimBackBuffer_(segmentInfo);
+
+      if (typeof segmentInfo.timestampOffset === 'number') {
+        if (this.transmuxer_) {
+          this.transmuxer_.postMessage({
+            action: 'clearAllMp4Captions'
+          });
+        }
+      }
+
+      if (!this.hasEnoughInfoToLoad_()) {
+        this.loadQueue_.push(function () {
+          // regenerate the audioAppendStart, timestampOffset, etc as they
+          // may have changed since this function was added to the queue.
+          var options = _extends_1({}, segmentInfo, {
+            forceTimestampOffset: true
+          });
+
+          _extends_1(segmentInfo, _this4.generateSegmentInfo_(options));
+
+          _this4.isPendingTimestampOffset_ = false;
+
+          _this4.updateTransmuxerAndRequestSegment_(segmentInfo);
+        });
+        return;
+      }
+
+      this.updateTransmuxerAndRequestSegment_(segmentInfo);
+    };
+
+    _proto.updateTransmuxerAndRequestSegment_ = function updateTransmuxerAndRequestSegment_(segmentInfo) {
+      var _this5 = this; // We'll update the source buffer's timestamp offset once we have transmuxed data, but
+      // the transmuxer still needs to be updated before then.
+      //
+      // Even though keepOriginalTimestamps is set to true for the transmuxer, timestamp
+      // offset must be passed to the transmuxer for stream correcting adjustments.
+
+
+      if (this.shouldUpdateTransmuxerTimestampOffset_(segmentInfo.timestampOffset)) {
+        this.gopBuffer_.length = 0; // gopsToAlignWith was set before the GOP buffer was cleared
+
+        segmentInfo.gopsToAlignWith = [];
+        this.timeMapping_ = 0; // reset values in the transmuxer since a discontinuity should start fresh
+
+        this.transmuxer_.postMessage({
+          action: 'reset'
+        });
+        this.transmuxer_.postMessage({
+          action: 'setTimestampOffset',
+          timestampOffset: segmentInfo.timestampOffset
+        });
+      }
+
+      var simpleSegment = this.createSimplifiedSegmentObj_(segmentInfo);
+      var isEndOfStream = this.isEndOfStream_(segmentInfo.mediaIndex, segmentInfo.playlist, segmentInfo.partIndex);
+      var isWalkingForward = this.mediaIndex !== null;
+      var isDiscontinuity = segmentInfo.timeline !== this.currentTimeline_ && // currentTimeline starts at -1, so we shouldn't end the timeline switching to 0,
+      // the first timeline
+      segmentInfo.timeline > 0;
+      var isEndOfTimeline = isEndOfStream || isWalkingForward && isDiscontinuity;
+      this.logger_("Requesting " + segmentInfoString(segmentInfo)); // If there's an init segment associated with this segment, but it is not cached (identified by a lack of bytes),
+      // then this init segment has never been seen before and should be appended.
+      //
+      // At this point the content type (audio/video or both) is not yet known, but it should be safe to set
+      // both to true and leave the decision of whether to append the init segment to append time.
+
+      if (simpleSegment.map && !simpleSegment.map.bytes) {
+        this.logger_('going to request init segment.');
+        this.appendInitSegment_ = {
+          video: true,
+          audio: true
+        };
+      }
+
+      segmentInfo.abortRequests = mediaSegmentRequest({
+        xhr: this.vhs_.xhr,
+        xhrOptions: this.xhrOptions_,
+        decryptionWorker: this.decrypter_,
+        segment: simpleSegment,
+        abortFn: this.handleAbort_.bind(this, segmentInfo),
+        progressFn: this.handleProgress_.bind(this),
+        trackInfoFn: this.handleTrackInfo_.bind(this),
+        timingInfoFn: this.handleTimingInfo_.bind(this),
+        videoSegmentTimingInfoFn: this.handleSegmentTimingInfo_.bind(this, 'video', segmentInfo.requestId),
+        audioSegmentTimingInfoFn: this.handleSegmentTimingInfo_.bind(this, 'audio', segmentInfo.requestId),
+        captionsFn: this.handleCaptions_.bind(this),
+        isEndOfTimeline: isEndOfTimeline,
+        endedTimelineFn: function endedTimelineFn() {
+          _this5.logger_('received endedtimeline callback');
+        },
+        id3Fn: this.handleId3_.bind(this),
+        dataFn: this.handleData_.bind(this),
+        doneFn: this.segmentRequestFinished_.bind(this),
+        onTransmuxerLog: function onTransmuxerLog(_ref8) {
+          var message = _ref8.message,
+              level = _ref8.level,
+              stream = _ref8.stream;
+
+          _this5.logger_(segmentInfoString(segmentInfo) + " logged from transmuxer stream " + stream + " as a " + level + ": " + message);
+        }
+      });
+    }
+    /**
+     * trim the back buffer so that we don't have too much data
+     * in the source buffer
+     *
+     * @private
+     *
+     * @param {Object} segmentInfo - the current segment
+     */
+    ;
+
+    _proto.trimBackBuffer_ = function trimBackBuffer_(segmentInfo) {
+      var removeToTime = safeBackBufferTrimTime(this.seekable_(), this.currentTime_(), this.playlist_.targetDuration || 10); // Chrome has a hard limit of 150MB of
+      // buffer and a very conservative "garbage collector"
+      // We manually clear out the old buffer to ensure
+      // we don't trigger the QuotaExceeded error
+      // on the source buffer during subsequent appends
+
+      if (removeToTime > 0) {
+        this.remove(0, removeToTime);
+      }
+    }
+    /**
+     * created a simplified copy of the segment object with just the
+     * information necessary to perform the XHR and decryption
+     *
+     * @private
+     *
+     * @param {Object} segmentInfo - the current segment
+     * @return {Object} a simplified segment object copy
+     */
+    ;
+
+    _proto.createSimplifiedSegmentObj_ = function createSimplifiedSegmentObj_(segmentInfo) {
+      var segment = segmentInfo.segment;
+      var part = segmentInfo.part;
+      var simpleSegment = {
+        resolvedUri: part ? part.resolvedUri : segment.resolvedUri,
+        byterange: part ? part.byterange : segment.byterange,
+        requestId: segmentInfo.requestId,
+        transmuxer: segmentInfo.transmuxer,
+        audioAppendStart: segmentInfo.audioAppendStart,
+        gopsToAlignWith: segmentInfo.gopsToAlignWith,
+        part: segmentInfo.part
+      };
+      var previousSegment = segmentInfo.playlist.segments[segmentInfo.mediaIndex - 1];
+
+      if (previousSegment && previousSegment.timeline === segment.timeline) {
+        // The baseStartTime of a segment is used to handle rollover when probing the TS
+        // segment to retrieve timing information. Since the probe only looks at the media's
+        // times (e.g., PTS and DTS values of the segment), and doesn't consider the
+        // player's time (e.g., player.currentTime()), baseStartTime should reflect the
+        // media time as well. transmuxedDecodeEnd represents the end time of a segment, in
+        // seconds of media time, so should be used here. The previous segment is used since
+        // the end of the previous segment should represent the beginning of the current
+        // segment, so long as they are on the same timeline.
+        if (previousSegment.videoTimingInfo) {
+          simpleSegment.baseStartTime = previousSegment.videoTimingInfo.transmuxedDecodeEnd;
+        } else if (previousSegment.audioTimingInfo) {
+          simpleSegment.baseStartTime = previousSegment.audioTimingInfo.transmuxedDecodeEnd;
+        }
+      }
+
+      if (segment.key) {
+        // if the media sequence is greater than 2^32, the IV will be incorrect
+        // assuming 10s segments, that would be about 1300 years
+        var iv = segment.key.iv || new Uint32Array([0, 0, 0, segmentInfo.mediaIndex + segmentInfo.playlist.mediaSequence]);
+        simpleSegment.key = this.segmentKey(segment.key);
+        simpleSegment.key.iv = iv;
+      }
+
+      if (segment.map) {
+        simpleSegment.map = this.initSegmentForMap(segment.map);
+      }
+
+      return simpleSegment;
+    };
+
+    _proto.saveTransferStats_ = function saveTransferStats_(stats) {
+      // every request counts as a media request even if it has been aborted
+      // or canceled due to a timeout
+      this.mediaRequests += 1;
+
+      if (stats) {
+        this.mediaBytesTransferred += stats.bytesReceived;
+        this.mediaTransferDuration += stats.roundTripTime;
+      }
+    };
+
+    _proto.saveBandwidthRelatedStats_ = function saveBandwidthRelatedStats_(duration, stats) {
+      // byteLength will be used for throughput, and should be based on bytes receieved,
+      // which we only know at the end of the request and should reflect total bytes
+      // downloaded rather than just bytes processed from components of the segment
+      this.pendingSegment_.byteLength = stats.bytesReceived;
+
+      if (duration < MIN_SEGMENT_DURATION_TO_SAVE_STATS) {
+        this.logger_("Ignoring segment's bandwidth because its duration of " + duration + (" is less than the min to record " + MIN_SEGMENT_DURATION_TO_SAVE_STATS));
+        return;
+      }
+
+      this.bandwidth = stats.bandwidth;
+      this.roundTrip = stats.roundTripTime;
+    };
+
+    _proto.handleTimeout_ = function handleTimeout_() {
+      // although the VTT segment loader bandwidth isn't really used, it's good to
+      // maintain functinality between segment loaders
+      this.mediaRequestsTimedout += 1;
+      this.bandwidth = 1;
+      this.roundTrip = NaN;
+      this.trigger('bandwidthupdate');
+    }
+    /**
+     * Handle the callback from the segmentRequest function and set the
+     * associated SegmentLoader state and errors if necessary
+     *
+     * @private
+     */
+    ;
+
+    _proto.segmentRequestFinished_ = function segmentRequestFinished_(error, simpleSegment, result) {
+      // TODO handle special cases, e.g., muxed audio/video but only audio in the segment
+      // check the call queue directly since this function doesn't need to deal with any
+      // data, and can continue even if the source buffers are not set up and we didn't get
+      // any data from the segment
+      if (this.callQueue_.length) {
+        this.callQueue_.push(this.segmentRequestFinished_.bind(this, error, simpleSegment, result));
+        return;
+      }
+
+      this.saveTransferStats_(simpleSegment.stats); // The request was aborted and the SegmentLoader has already been reset
+
+      if (!this.pendingSegment_) {
+        return;
+      } // the request was aborted and the SegmentLoader has already started
+      // another request. this can happen when the timeout for an aborted
+      // request triggers due to a limitation in the XHR library
+      // do not count this as any sort of request or we risk double-counting
+
+
+      if (simpleSegment.requestId !== this.pendingSegment_.requestId) {
+        return;
+      } // an error occurred from the active pendingSegment_ so reset everything
+
+
+      if (error) {
+        this.pendingSegment_ = null;
+        this.state = 'READY'; // aborts are not a true error condition and nothing corrective needs to be done
+
+        if (error.code === REQUEST_ERRORS.ABORTED) {
+          return;
+        }
+
+        this.pause(); // the error is really just that at least one of the requests timed-out
+        // set the bandwidth to a very low value and trigger an ABR switch to
+        // take emergency action
+
+        if (error.code === REQUEST_ERRORS.TIMEOUT) {
+          this.handleTimeout_();
+          return;
+        } // if control-flow has arrived here, then the error is real
+        // emit an error event to blacklist the current playlist
+
+
+        this.mediaRequestsErrored += 1;
+        this.error(error);
+        this.trigger('error');
+        return;
+      }
+
+      var segmentInfo = this.pendingSegment_; // the response was a success so set any bandwidth stats the request
+      // generated for ABR purposes
+
+      this.saveBandwidthRelatedStats_(segmentInfo.duration, simpleSegment.stats);
+      segmentInfo.endOfAllRequests = simpleSegment.endOfAllRequests;
+
+      if (result.gopInfo) {
+        this.gopBuffer_ = updateGopBuffer(this.gopBuffer_, result.gopInfo, this.safeAppend_);
+      } // Although we may have already started appending on progress, we shouldn't switch the
+      // state away from loading until we are officially done loading the segment data.
+
+
+      this.state = 'APPENDING'; // used for testing
+
+      this.trigger('appending');
+      this.waitForAppendsToComplete_(segmentInfo);
+    };
+
+    _proto.setTimeMapping_ = function setTimeMapping_(timeline) {
+      var timelineMapping = this.syncController_.mappingForTimeline(timeline);
+
+      if (timelineMapping !== null) {
+        this.timeMapping_ = timelineMapping;
+      }
+    };
+
+    _proto.updateMediaSecondsLoaded_ = function updateMediaSecondsLoaded_(segment) {
+      if (typeof segment.start === 'number' && typeof segment.end === 'number') {
+        this.mediaSecondsLoaded += segment.end - segment.start;
+      } else {
+        this.mediaSecondsLoaded += segment.duration;
+      }
+    };
+
+    _proto.shouldUpdateTransmuxerTimestampOffset_ = function shouldUpdateTransmuxerTimestampOffset_(timestampOffset) {
+      if (timestampOffset === null) {
+        return false;
+      } // note that we're potentially using the same timestamp offset for both video and
+      // audio
+
+
+      if (this.loaderType_ === 'main' && timestampOffset !== this.sourceUpdater_.videoTimestampOffset()) {
+        return true;
+      }
+
+      if (!this.audioDisabled_ && timestampOffset !== this.sourceUpdater_.audioTimestampOffset()) {
+        return true;
+      }
+
+      return false;
+    };
+
+    _proto.trueSegmentStart_ = function trueSegmentStart_(_ref9) {
+      var currentStart = _ref9.currentStart,
+          playlist = _ref9.playlist,
+          mediaIndex = _ref9.mediaIndex,
+          firstVideoFrameTimeForData = _ref9.firstVideoFrameTimeForData,
+          currentVideoTimestampOffset = _ref9.currentVideoTimestampOffset,
+          useVideoTimingInfo = _ref9.useVideoTimingInfo,
+          videoTimingInfo = _ref9.videoTimingInfo,
+          audioTimingInfo = _ref9.audioTimingInfo;
+
+      if (typeof currentStart !== 'undefined') {
+        // if start was set once, keep using it
+        return currentStart;
+      }
+
+      if (!useVideoTimingInfo) {
+        return audioTimingInfo.start;
+      }
+
+      var previousSegment = playlist.segments[mediaIndex - 1]; // The start of a segment should be the start of the first full frame contained
+      // within that segment. Since the transmuxer maintains a cache of incomplete data
+      // from and/or the last frame seen, the start time may reflect a frame that starts
+      // in the previous segment. Check for that case and ensure the start time is
+      // accurate for the segment.
+
+      if (mediaIndex === 0 || !previousSegment || typeof previousSegment.start === 'undefined' || previousSegment.end !== firstVideoFrameTimeForData + currentVideoTimestampOffset) {
+        return firstVideoFrameTimeForData;
+      }
+
+      return videoTimingInfo.start;
+    };
+
+    _proto.waitForAppendsToComplete_ = function waitForAppendsToComplete_(segmentInfo) {
+      var trackInfo = this.getCurrentMediaInfo_(segmentInfo);
+
+      if (!trackInfo) {
+        this.error({
+          message: 'No starting media returned, likely due to an unsupported media format.',
+          blacklistDuration: Infinity
+        });
+        this.trigger('error');
+        return;
+      } // Although transmuxing is done, appends may not yet be finished. Throw a marker
+      // on each queue this loader is responsible for to ensure that the appends are
+      // complete.
+
+
+      var hasAudio = trackInfo.hasAudio,
+          hasVideo = trackInfo.hasVideo,
+          isMuxed = trackInfo.isMuxed;
+      var waitForVideo = this.loaderType_ === 'main' && hasVideo;
+      var waitForAudio = !this.audioDisabled_ && hasAudio && !isMuxed;
+      segmentInfo.waitingOnAppends = 0; // segments with no data
+
+      if (!segmentInfo.hasAppendedData_) {
+        if (!segmentInfo.timingInfo && typeof segmentInfo.timestampOffset === 'number') {
+          // When there's no audio or video data in the segment, there's no audio or video
+          // timing information.
+          //
+          // If there's no audio or video timing information, then the timestamp offset
+          // can't be adjusted to the appropriate value for the transmuxer and source
+          // buffers.
+          //
+          // Therefore, the next segment should be used to set the timestamp offset.
+          this.isPendingTimestampOffset_ = true;
+        } // override settings for metadata only segments
+
+
+        segmentInfo.timingInfo = {
+          start: 0
+        };
+        segmentInfo.waitingOnAppends++;
+
+        if (!this.isPendingTimestampOffset_) {
+          // update the timestampoffset
+          this.updateSourceBufferTimestampOffset_(segmentInfo); // make sure the metadata queue is processed even though we have
+          // no video/audio data.
+
+          this.processMetadataQueue_();
+        } // append is "done" instantly with no data.
+
+
+        this.checkAppendsDone_(segmentInfo);
+        return;
+      } // Since source updater could call back synchronously, do the increments first.
+
+
+      if (waitForVideo) {
+        segmentInfo.waitingOnAppends++;
+      }
+
+      if (waitForAudio) {
+        segmentInfo.waitingOnAppends++;
+      }
+
+      if (waitForVideo) {
+        this.sourceUpdater_.videoQueueCallback(this.checkAppendsDone_.bind(this, segmentInfo));
+      }
+
+      if (waitForAudio) {
+        this.sourceUpdater_.audioQueueCallback(this.checkAppendsDone_.bind(this, segmentInfo));
+      }
+    };
+
+    _proto.checkAppendsDone_ = function checkAppendsDone_(segmentInfo) {
+      if (this.checkForAbort_(segmentInfo.requestId)) {
+        return;
+      }
+
+      segmentInfo.waitingOnAppends--;
+
+      if (segmentInfo.waitingOnAppends === 0) {
+        this.handleAppendsDone_();
+      }
+    };
+
+    _proto.checkForIllegalMediaSwitch = function checkForIllegalMediaSwitch(trackInfo) {
+      var illegalMediaSwitchError = illegalMediaSwitch(this.loaderType_, this.getCurrentMediaInfo_(), trackInfo);
+
+      if (illegalMediaSwitchError) {
+        this.error({
+          message: illegalMediaSwitchError,
+          blacklistDuration: Infinity
+        });
+        this.trigger('error');
+        return true;
+      }
+
+      return false;
+    };
+
+    _proto.updateSourceBufferTimestampOffset_ = function updateSourceBufferTimestampOffset_(segmentInfo) {
+      if (segmentInfo.timestampOffset === null || // we don't yet have the start for whatever media type (video or audio) has
+      // priority, timing-wise, so we must wait
+      typeof segmentInfo.timingInfo.start !== 'number' || // already updated the timestamp offset for this segment
+      segmentInfo.changedTimestampOffset || // the alt audio loader should not be responsible for setting the timestamp offset
+      this.loaderType_ !== 'main') {
+        return;
+      }
+
+      var didChange = false; // Primary timing goes by video, and audio is trimmed in the transmuxer, meaning that
+      // the timing info here comes from video. In the event that the audio is longer than
+      // the video, this will trim the start of the audio.
+      // This also trims any offset from 0 at the beginning of the media
+
+      segmentInfo.timestampOffset -= segmentInfo.timingInfo.start; // In the event that there are part segment downloads, each will try to update the
+      // timestamp offset. Retaining this bit of state prevents us from updating in the
+      // future (within the same segment), however, there may be a better way to handle it.
+
+      segmentInfo.changedTimestampOffset = true;
+
+      if (segmentInfo.timestampOffset !== this.sourceUpdater_.videoTimestampOffset()) {
+        this.sourceUpdater_.videoTimestampOffset(segmentInfo.timestampOffset);
+        didChange = true;
+      }
+
+      if (segmentInfo.timestampOffset !== this.sourceUpdater_.audioTimestampOffset()) {
+        this.sourceUpdater_.audioTimestampOffset(segmentInfo.timestampOffset);
+        didChange = true;
+      }
+
+      if (didChange) {
+        this.trigger('timestampoffset');
+      }
+    };
+
+    _proto.updateTimingInfoEnd_ = function updateTimingInfoEnd_(segmentInfo) {
+      segmentInfo.timingInfo = segmentInfo.timingInfo || {};
+      var trackInfo = this.getMediaInfo_();
+      var useVideoTimingInfo = this.loaderType_ === 'main' && trackInfo && trackInfo.hasVideo;
+      var prioritizedTimingInfo = useVideoTimingInfo && segmentInfo.videoTimingInfo ? segmentInfo.videoTimingInfo : segmentInfo.audioTimingInfo;
+
+      if (!prioritizedTimingInfo) {
+        return;
+      }
+
+      segmentInfo.timingInfo.end = typeof prioritizedTimingInfo.end === 'number' ? // End time may not exist in a case where we aren't parsing the full segment (one
+      // current example is the case of fmp4), so use the rough duration to calculate an
+      // end time.
+      prioritizedTimingInfo.end : prioritizedTimingInfo.start + segmentInfo.duration;
+    }
+    /**
+     * callback to run when appendBuffer is finished. detects if we are
+     * in a good state to do things with the data we got, or if we need
+     * to wait for more
+     *
+     * @private
+     */
+    ;
+
+    _proto.handleAppendsDone_ = function handleAppendsDone_() {
+      // appendsdone can cause an abort
+      if (this.pendingSegment_) {
+        this.trigger('appendsdone');
+      }
+
+      if (!this.pendingSegment_) {
+        this.state = 'READY'; // TODO should this move into this.checkForAbort to speed up requests post abort in
+        // all appending cases?
+
+        if (!this.paused()) {
+          this.monitorBuffer_();
+        }
+
+        return;
+      }
+
+      var segmentInfo = this.pendingSegment_; // Now that the end of the segment has been reached, we can set the end time. It's
+      // best to wait until all appends are done so we're sure that the primary media is
+      // finished (and we have its end time).
+
+      this.updateTimingInfoEnd_(segmentInfo);
+
+      if (this.shouldSaveSegmentTimingInfo_) {
+        // Timeline mappings should only be saved for the main loader. This is for multiple
+        // reasons:
+        //
+        // 1) Only one mapping is saved per timeline, meaning that if both the audio loader
+        //    and the main loader try to save the timeline mapping, whichever comes later
+        //    will overwrite the first. In theory this is OK, as the mappings should be the
+        //    same, however, it breaks for (2)
+        // 2) In the event of a live stream, the initial live point will make for a somewhat
+        //    arbitrary mapping. If audio and video streams are not perfectly in-sync, then
+        //    the mapping will be off for one of the streams, dependent on which one was
+        //    first saved (see (1)).
+        // 3) Primary timing goes by video in VHS, so the mapping should be video.
+        //
+        // Since the audio loader will wait for the main loader to load the first segment,
+        // the main loader will save the first timeline mapping, and ensure that there won't
+        // be a case where audio loads two segments without saving a mapping (thus leading
+        // to missing segment timing info).
+        this.syncController_.saveSegmentTimingInfo({
+          segmentInfo: segmentInfo,
+          shouldSaveTimelineMapping: this.loaderType_ === 'main'
+        });
+      }
+
+      var segmentDurationMessage = getTroublesomeSegmentDurationMessage(segmentInfo, this.sourceType_);
+
+      if (segmentDurationMessage) {
+        if (segmentDurationMessage.severity === 'warn') {
+          videojs.log.warn(segmentDurationMessage.message);
+        } else {
+          this.logger_(segmentDurationMessage.message);
+        }
+      }
+
+      this.recordThroughput_(segmentInfo);
+      this.pendingSegment_ = null;
+      this.state = 'READY';
+
+      if (segmentInfo.isSyncRequest) {
+        this.trigger('syncinfoupdate'); // if the sync request was not appended
+        // then it was not the correct segment.
+        // throw it away and use the data it gave us
+        // to get the correct one.
+
+        if (!segmentInfo.hasAppendedData_) {
+          this.logger_("Throwing away un-appended sync request " + segmentInfoString(segmentInfo));
+          return;
+        }
+      }
+
+      this.logger_("Appended " + segmentInfoString(segmentInfo));
+      this.addSegmentMetadataCue_(segmentInfo);
+      this.fetchAtBuffer_ = true;
+
+      if (this.currentTimeline_ !== segmentInfo.timeline) {
+        this.timelineChangeController_.lastTimelineChange({
+          type: this.loaderType_,
+          from: this.currentTimeline_,
+          to: segmentInfo.timeline
+        }); // If audio is not disabled, the main segment loader is responsible for updating
+        // the audio timeline as well. If the content is video only, this won't have any
+        // impact.
+
+        if (this.loaderType_ === 'main' && !this.audioDisabled_) {
+          this.timelineChangeController_.lastTimelineChange({
+            type: 'audio',
+            from: this.currentTimeline_,
+            to: segmentInfo.timeline
+          });
+        }
+      }
+
+      this.currentTimeline_ = segmentInfo.timeline; // We must update the syncinfo to recalculate the seekable range before
+      // the following conditional otherwise it may consider this a bad "guess"
+      // and attempt to resync when the post-update seekable window and live
+      // point would mean that this was the perfect segment to fetch
+
+      this.trigger('syncinfoupdate');
+      var segment = segmentInfo.segment; // If we previously appended a segment that ends more than 3 targetDurations before
+      // the currentTime_ that means that our conservative guess was too conservative.
+      // In that case, reset the loader state so that we try to use any information gained
+      // from the previous request to create a new, more accurate, sync-point.
+
+      if (segment.end && this.currentTime_() - segment.end > segmentInfo.playlist.targetDuration * 3) {
+        this.resetEverything();
+        return;
+      }
+
+      var isWalkingForward = this.mediaIndex !== null; // Don't do a rendition switch unless we have enough time to get a sync segment
+      // and conservatively guess
+
+      if (isWalkingForward) {
+        this.trigger('bandwidthupdate');
+      }
+
+      this.trigger('progress');
+      this.mediaIndex = segmentInfo.mediaIndex;
+      this.partIndex = segmentInfo.partIndex; // any time an update finishes and the last segment is in the
+      // buffer, end the stream. this ensures the "ended" event will
+      // fire if playback reaches that point.
+
+      if (this.isEndOfStream_(segmentInfo.mediaIndex, segmentInfo.playlist, segmentInfo.partIndex)) {
+        this.endOfStream();
+      } // used for testing
+
+
+      this.trigger('appended');
+
+      if (segmentInfo.hasAppendedData_) {
+        this.mediaAppends++;
+      }
+
+      if (!this.paused()) {
+        this.monitorBuffer_();
+      }
+    }
+    /**
+     * Records the current throughput of the decrypt, transmux, and append
+     * portion of the semgment pipeline. `throughput.rate` is a the cumulative
+     * moving average of the throughput. `throughput.count` is the number of
+     * data points in the average.
+     *
+     * @private
+     * @param {Object} segmentInfo the object returned by loadSegment
+     */
+    ;
+
+    _proto.recordThroughput_ = function recordThroughput_(segmentInfo) {
+      if (segmentInfo.duration < MIN_SEGMENT_DURATION_TO_SAVE_STATS) {
+        this.logger_("Ignoring segment's throughput because its duration of " + segmentInfo.duration + (" is less than the min to record " + MIN_SEGMENT_DURATION_TO_SAVE_STATS));
+        return;
+      }
+
+      var rate = this.throughput.rate; // Add one to the time to ensure that we don't accidentally attempt to divide
+      // by zero in the case where the throughput is ridiculously high
+
+      var segmentProcessingTime = Date.now() - segmentInfo.endOfAllRequests + 1; // Multiply by 8000 to convert from bytes/millisecond to bits/second
+
+      var segmentProcessingThroughput = Math.floor(segmentInfo.byteLength / segmentProcessingTime * 8 * 1000); // This is just a cumulative moving average calculation:
+      //   newAvg = oldAvg + (sample - oldAvg) / (sampleCount + 1)
+
+      this.throughput.rate += (segmentProcessingThroughput - rate) / ++this.throughput.count;
+    }
+    /**
+     * Adds a cue to the segment-metadata track with some metadata information about the
+     * segment
+     *
+     * @private
+     * @param {Object} segmentInfo
+     *        the object returned by loadSegment
+     * @method addSegmentMetadataCue_
+     */
+    ;
+
+    _proto.addSegmentMetadataCue_ = function addSegmentMetadataCue_(segmentInfo) {
+      if (!this.segmentMetadataTrack_) {
+        return;
+      }
+
+      var segment = segmentInfo.segment;
+      var start = segment.start;
+      var end = segment.end; // Do not try adding the cue if the start and end times are invalid.
+
+      if (!finite(start) || !finite(end)) {
+        return;
+      }
+
+      removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
+      var Cue = window_1.WebKitDataCue || window_1.VTTCue;
+      var value = {
+        custom: segment.custom,
+        dateTimeObject: segment.dateTimeObject,
+        dateTimeString: segment.dateTimeString,
+        bandwidth: segmentInfo.playlist.attributes.BANDWIDTH,
+        resolution: segmentInfo.playlist.attributes.RESOLUTION,
+        codecs: segmentInfo.playlist.attributes.CODECS,
+        byteLength: segmentInfo.byteLength,
+        uri: segmentInfo.uri,
+        timeline: segmentInfo.timeline,
+        playlist: segmentInfo.playlist.id,
+        start: start,
+        end: end
+      };
+      var data = JSON.stringify(value);
+      var cue = new Cue(start, end, data); // Attach the metadata to the value property of the cue to keep consistency between
+      // the differences of WebKitDataCue in safari and VTTCue in other browsers
+
+      cue.value = value;
+      this.segmentMetadataTrack_.addCue(cue);
+    };
+
+    return SegmentLoader;
+  }(videojs.EventTarget);
+
+  function noop() {}
+
+  var toTitleCase = function toTitleCase(string) {
+    if (typeof string !== 'string') {
+      return string;
+    }
+
+    return string.replace(/./, function (w) {
+      return w.toUpperCase();
+    });
+  };
+
+  var bufferTypes = ['video', 'audio'];
+
+  var _updating = function updating(type, sourceUpdater) {
+    var sourceBuffer = sourceUpdater[type + "Buffer"];
+    return sourceBuffer && sourceBuffer.updating || sourceUpdater.queuePending[type];
+  };
+
+  var nextQueueIndexOfType = function nextQueueIndexOfType(type, queue) {
+    for (var i = 0; i < queue.length; i++) {
+      var queueEntry = queue[i];
+
+      if (queueEntry.type === 'mediaSource') {
+        // If the next entry is a media source entry (uses multiple source buffers), block
+        // processing to allow it to go through first.
+        return null;
+      }
+
+      if (queueEntry.type === type) {
+        return i;
+      }
+    }
+
+    return null;
+  };
+
+  var shiftQueue = function shiftQueue(type, sourceUpdater) {
+    if (sourceUpdater.queue.length === 0) {
+      return;
+    }
+
+    var queueIndex = 0;
+    var queueEntry = sourceUpdater.queue[queueIndex];
+
+    if (queueEntry.type === 'mediaSource') {
+      if (!sourceUpdater.updating() && sourceUpdater.mediaSource.readyState !== 'closed') {
+        sourceUpdater.queue.shift();
+        queueEntry.action(sourceUpdater);
+
+        if (queueEntry.doneFn) {
+          queueEntry.doneFn();
+        } // Only specific source buffer actions must wait for async updateend events. Media
+        // Source actions process synchronously. Therefore, both audio and video source
+        // buffers are now clear to process the next queue entries.
+
+
+        shiftQueue('audio', sourceUpdater);
+        shiftQueue('video', sourceUpdater);
+      } // Media Source actions require both source buffers, so if the media source action
+      // couldn't process yet (because one or both source buffers are busy), block other
+      // queue actions until both are available and the media source action can process.
+
+
+      return;
+    }
+
+    if (type === 'mediaSource') {
+      // If the queue was shifted by a media source action (this happens when pushing a
+      // media source action onto the queue), then it wasn't from an updateend event from an
+      // audio or video source buffer, so there's no change from previous state, and no
+      // processing should be done.
+      return;
+    } // Media source queue entries don't need to consider whether the source updater is
+    // started (i.e., source buffers are created) as they don't need the source buffers, but
+    // source buffer queue entries do.
+
+
+    if (!sourceUpdater.ready() || sourceUpdater.mediaSource.readyState === 'closed' || _updating(type, sourceUpdater)) {
+      return;
+    }
+
+    if (queueEntry.type !== type) {
+      queueIndex = nextQueueIndexOfType(type, sourceUpdater.queue);
+
+      if (queueIndex === null) {
+        // Either there's no queue entry that uses this source buffer type in the queue, or
+        // there's a media source queue entry before the next entry of this type, in which
+        // case wait for that action to process first.
+        return;
+      }
+
+      queueEntry = sourceUpdater.queue[queueIndex];
+    }
+
+    sourceUpdater.queue.splice(queueIndex, 1); // Keep a record that this source buffer type is in use.
+    //
+    // The queue pending operation must be set before the action is performed in the event
+    // that the action results in a synchronous event that is acted upon. For instance, if
+    // an exception is thrown that can be handled, it's possible that new actions will be
+    // appended to an empty queue and immediately executed, but would not have the correct
+    // pending information if this property was set after the action was performed.
+
+    sourceUpdater.queuePending[type] = queueEntry;
+    queueEntry.action(type, sourceUpdater);
+
+    if (!queueEntry.doneFn) {
+      // synchronous operation, process next entry
+      sourceUpdater.queuePending[type] = null;
+      shiftQueue(type, sourceUpdater);
+      return;
+    }
+  };
+
+  var cleanupBuffer = function cleanupBuffer(type, sourceUpdater) {
+    var buffer = sourceUpdater[type + "Buffer"];
+    var titleType = toTitleCase(type);
+
+    if (!buffer) {
+      return;
+    }
+
+    buffer.removeEventListener('updateend', sourceUpdater["on" + titleType + "UpdateEnd_"]);
+    buffer.removeEventListener('error', sourceUpdater["on" + titleType + "Error_"]);
+    sourceUpdater.codecs[type] = null;
+    sourceUpdater[type + "Buffer"] = null;
+  };
+
+  var inSourceBuffers = function inSourceBuffers(mediaSource, sourceBuffer) {
+    return mediaSource && sourceBuffer && Array.prototype.indexOf.call(mediaSource.sourceBuffers, sourceBuffer) !== -1;
+  };
+
+  var actions = {
+    appendBuffer: function appendBuffer(bytes, segmentInfo, onError) {
+      return function (type, sourceUpdater) {
+        var sourceBuffer = sourceUpdater[type + "Buffer"]; // can't do anything if the media source / source buffer is null
+        // or the media source does not contain this source buffer.
+
+        if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+          return;
+        }
+
+        sourceUpdater.logger_("Appending segment " + segmentInfo.mediaIndex + "'s " + bytes.length + " bytes to " + type + "Buffer");
+
+        try {
+          sourceBuffer.appendBuffer(bytes);
+        } catch (e) {
+          sourceUpdater.logger_("Error with code " + e.code + " " + (e.code === QUOTA_EXCEEDED_ERR ? '(QUOTA_EXCEEDED_ERR) ' : '') + ("when appending segment " + segmentInfo.mediaIndex + " to " + type + "Buffer"));
+          sourceUpdater.queuePending[type] = null;
+          onError(e);
+        }
+      };
+    },
+    remove: function remove(start, end) {
+      return function (type, sourceUpdater) {
+        var sourceBuffer = sourceUpdater[type + "Buffer"]; // can't do anything if the media source / source buffer is null
+        // or the media source does not contain this source buffer.
+
+        if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+          return;
+        }
+
+        sourceUpdater.logger_("Removing " + start + " to " + end + " from " + type + "Buffer");
+
+        try {
+          sourceBuffer.remove(start, end);
+        } catch (e) {
+          sourceUpdater.logger_("Remove " + start + " to " + end + " from " + type + "Buffer failed");
+        }
+      };
+    },
+    timestampOffset: function timestampOffset(offset) {
+      return function (type, sourceUpdater) {
+        var sourceBuffer = sourceUpdater[type + "Buffer"]; // can't do anything if the media source / source buffer is null
+        // or the media source does not contain this source buffer.
+
+        if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+          return;
+        }
+
+        sourceUpdater.logger_("Setting " + type + "timestampOffset to " + offset);
+        sourceBuffer.timestampOffset = offset;
+      };
+    },
+    callback: function callback(_callback) {
+      return function (type, sourceUpdater) {
+        _callback();
+      };
+    },
+    endOfStream: function endOfStream(error) {
+      return function (sourceUpdater) {
+        if (sourceUpdater.mediaSource.readyState !== 'open') {
+          return;
+        }
+
+        sourceUpdater.logger_("Calling mediaSource endOfStream(" + (error || '') + ")");
+
+        try {
+          sourceUpdater.mediaSource.endOfStream(error);
+        } catch (e) {
+          videojs.log.warn('Failed to call media source endOfStream', e);
+        }
+      };
+    },
+    duration: function duration(_duration) {
+      return function (sourceUpdater) {
+        sourceUpdater.logger_("Setting mediaSource duration to " + _duration);
+
+        try {
+          sourceUpdater.mediaSource.duration = _duration;
+        } catch (e) {
+          videojs.log.warn('Failed to set media source duration', e);
+        }
+      };
+    },
+    abort: function abort() {
+      return function (type, sourceUpdater) {
+        if (sourceUpdater.mediaSource.readyState !== 'open') {
+          return;
+        }
+
+        var sourceBuffer = sourceUpdater[type + "Buffer"]; // can't do anything if the media source / source buffer is null
+        // or the media source does not contain this source buffer.
+
+        if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+          return;
+        }
+
+        sourceUpdater.logger_("calling abort on " + type + "Buffer");
+
+        try {
+          sourceBuffer.abort();
+        } catch (e) {
+          videojs.log.warn("Failed to abort on " + type + "Buffer", e);
+        }
+      };
+    },
+    addSourceBuffer: function addSourceBuffer(type, codec) {
+      return function (sourceUpdater) {
+        var titleType = toTitleCase(type);
+        var mime = getMimeForCodec(codec);
+        sourceUpdater.logger_("Adding " + type + "Buffer with codec " + codec + " to mediaSource");
+        var sourceBuffer = sourceUpdater.mediaSource.addSourceBuffer(mime);
+        sourceBuffer.addEventListener('updateend', sourceUpdater["on" + titleType + "UpdateEnd_"]);
+        sourceBuffer.addEventListener('error', sourceUpdater["on" + titleType + "Error_"]);
+        sourceUpdater.codecs[type] = codec;
+        sourceUpdater[type + "Buffer"] = sourceBuffer;
+      };
+    },
+    removeSourceBuffer: function removeSourceBuffer(type) {
+      return function (sourceUpdater) {
+        var sourceBuffer = sourceUpdater[type + "Buffer"];
+        cleanupBuffer(type, sourceUpdater); // can't do anything if the media source / source buffer is null
+        // or the media source does not contain this source buffer.
+
+        if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+          return;
+        }
+
+        sourceUpdater.logger_("Removing " + type + "Buffer with codec " + sourceUpdater.codecs[type] + " from mediaSource");
+
+        try {
+          sourceUpdater.mediaSource.removeSourceBuffer(sourceBuffer);
+        } catch (e) {
+          videojs.log.warn("Failed to removeSourceBuffer " + type + "Buffer", e);
+        }
+      };
+    },
+    changeType: function changeType(codec) {
+      return function (type, sourceUpdater) {
+        var sourceBuffer = sourceUpdater[type + "Buffer"];
+        var mime = getMimeForCodec(codec); // can't do anything if the media source / source buffer is null
+        // or the media source does not contain this source buffer.
+
+        if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+          return;
+        } // do not update codec if we don't need to.
+
+
+        if (sourceUpdater.codecs[type] === codec) {
+          return;
+        }
+
+        sourceUpdater.logger_("changing " + type + "Buffer codec from " + sourceUpdater.codecs[type] + " to " + codec);
+        sourceBuffer.changeType(mime);
+        sourceUpdater.codecs[type] = codec;
+      };
+    }
+  };
+
+  var pushQueue = function pushQueue(_ref) {
+    var type = _ref.type,
+        sourceUpdater = _ref.sourceUpdater,
+        action = _ref.action,
+        doneFn = _ref.doneFn,
+        name = _ref.name;
+    sourceUpdater.queue.push({
+      type: type,
+      action: action,
+      doneFn: doneFn,
+      name: name
+    });
+    shiftQueue(type, sourceUpdater);
+  };
+
+  var onUpdateend = function onUpdateend(type, sourceUpdater) {
+    return function (e) {
+      // Although there should, in theory, be a pending action for any updateend receieved,
+      // there are some actions that may trigger updateend events without set definitions in
+      // the w3c spec. For instance, setting the duration on the media source may trigger
+      // updateend events on source buffers. This does not appear to be in the spec. As such,
+      // if we encounter an updateend without a corresponding pending action from our queue
+      // for that source buffer type, process the next action.
+      if (sourceUpdater.queuePending[type]) {
+        var doneFn = sourceUpdater.queuePending[type].doneFn;
+        sourceUpdater.queuePending[type] = null;
+
+        if (doneFn) {
+          // if there's an error, report it
+          doneFn(sourceUpdater[type + "Error_"]);
+        }
+      }
+
+      shiftQueue(type, sourceUpdater);
+    };
+  };
+  /**
+   * A queue of callbacks to be serialized and applied when a
+   * MediaSource and its associated SourceBuffers are not in the
+   * updating state. It is used by the segment loader to update the
+   * underlying SourceBuffers when new data is loaded, for instance.
+   *
+   * @class SourceUpdater
+   * @param {MediaSource} mediaSource the MediaSource to create the SourceBuffer from
+   * @param {string} mimeType the desired MIME type of the underlying SourceBuffer
+   */
+
+
+  var SourceUpdater = /*#__PURE__*/function (_videojs$EventTarget) {
+    inheritsLoose(SourceUpdater, _videojs$EventTarget);
+
+    function SourceUpdater(mediaSource) {
+      var _this;
+
+      _this = _videojs$EventTarget.call(this) || this;
+      _this.mediaSource = mediaSource;
+
+      _this.sourceopenListener_ = function () {
+        return shiftQueue('mediaSource', assertThisInitialized(_this));
+      };
+
+      _this.mediaSource.addEventListener('sourceopen', _this.sourceopenListener_);
+
+      _this.logger_ = logger('SourceUpdater'); // initial timestamp offset is 0
+
+      _this.audioTimestampOffset_ = 0;
+      _this.videoTimestampOffset_ = 0;
+      _this.queue = [];
+      _this.queuePending = {
+        audio: null,
+        video: null
+      };
+      _this.delayedAudioAppendQueue_ = [];
+      _this.videoAppendQueued_ = false;
+      _this.codecs = {};
+      _this.onVideoUpdateEnd_ = onUpdateend('video', assertThisInitialized(_this));
+      _this.onAudioUpdateEnd_ = onUpdateend('audio', assertThisInitialized(_this));
+
+      _this.onVideoError_ = function (e) {
+        // used for debugging
+        _this.videoError_ = e;
+      };
+
+      _this.onAudioError_ = function (e) {
+        // used for debugging
+        _this.audioError_ = e;
+      };
+
+      _this.createdSourceBuffers_ = false;
+      _this.initializedEme_ = false;
+      _this.triggeredReady_ = false;
+      return _this;
+    }
+
+    var _proto = SourceUpdater.prototype;
+
+    _proto.initializedEme = function initializedEme() {
+      this.initializedEme_ = true;
+      this.triggerReady();
+    };
+
+    _proto.hasCreatedSourceBuffers = function hasCreatedSourceBuffers() {
+      // if false, likely waiting on one of the segment loaders to get enough data to create
+      // source buffers
+      return this.createdSourceBuffers_;
+    };
+
+    _proto.hasInitializedAnyEme = function hasInitializedAnyEme() {
+      return this.initializedEme_;
+    };
+
+    _proto.ready = function ready() {
+      return this.hasCreatedSourceBuffers() && this.hasInitializedAnyEme();
+    };
+
+    _proto.createSourceBuffers = function createSourceBuffers(codecs) {
+      if (this.hasCreatedSourceBuffers()) {
+        // already created them before
+        return;
+      } // the intial addOrChangeSourceBuffers will always be
+      // two add buffers.
+
+
+      this.addOrChangeSourceBuffers(codecs);
+      this.createdSourceBuffers_ = true;
+      this.trigger('createdsourcebuffers');
+      this.triggerReady();
+    };
+
+    _proto.triggerReady = function triggerReady() {
+      // only allow ready to be triggered once, this prevents the case
+      // where:
+      // 1. we trigger createdsourcebuffers
+      // 2. ie 11 synchronously initializates eme
+      // 3. the synchronous initialization causes us to trigger ready
+      // 4. We go back to the ready check in createSourceBuffers and ready is triggered again.
+      if (this.ready() && !this.triggeredReady_) {
+        this.triggeredReady_ = true;
+        this.trigger('ready');
+      }
+    }
+    /**
+     * Add a type of source buffer to the media source.
+     *
+     * @param {string} type
+     *        The type of source buffer to add.
+     *
+     * @param {string} codec
+     *        The codec to add the source buffer with.
+     */
+    ;
+
+    _proto.addSourceBuffer = function addSourceBuffer(type, codec) {
+      pushQueue({
+        type: 'mediaSource',
+        sourceUpdater: this,
+        action: actions.addSourceBuffer(type, codec),
+        name: 'addSourceBuffer'
+      });
+    }
+    /**
+     * call abort on a source buffer.
+     *
+     * @param {string} type
+     *        The type of source buffer to call abort on.
+     */
+    ;
+
+    _proto.abort = function abort(type) {
+      pushQueue({
+        type: type,
+        sourceUpdater: this,
+        action: actions.abort(type),
+        name: 'abort'
+      });
+    }
+    /**
+     * Call removeSourceBuffer and remove a specific type
+     * of source buffer on the mediaSource.
+     *
+     * @param {string} type
+     *        The type of source buffer to remove.
+     */
+    ;
+
+    _proto.removeSourceBuffer = function removeSourceBuffer(type) {
+      if (!this.canRemoveSourceBuffer()) {
+        videojs.log.error('removeSourceBuffer is not supported!');
+        return;
+      }
+
+      pushQueue({
+        type: 'mediaSource',
+        sourceUpdater: this,
+        action: actions.removeSourceBuffer(type),
+        name: 'removeSourceBuffer'
+      });
+    }
+    /**
+     * Whether or not the removeSourceBuffer function is supported
+     * on the mediaSource.
+     *
+     * @return {boolean}
+     *          if removeSourceBuffer can be called.
+     */
+    ;
+
+    _proto.canRemoveSourceBuffer = function canRemoveSourceBuffer() {
+      // IE reports that it supports removeSourceBuffer, but often throws
+      // errors when attempting to use the function. So we report that it
+      // does not support removeSourceBuffer. As of Firefox 83 removeSourceBuffer
+      // throws errors, so we report that it does not support this as well.
+      return !videojs.browser.IE_VERSION && !videojs.browser.IS_FIREFOX && window_1.MediaSource && window_1.MediaSource.prototype && typeof window_1.MediaSource.prototype.removeSourceBuffer === 'function';
+    }
+    /**
+     * Whether or not the changeType function is supported
+     * on our SourceBuffers.
+     *
+     * @return {boolean}
+     *         if changeType can be called.
+     */
+    ;
+
+    SourceUpdater.canChangeType = function canChangeType() {
+      return window_1.SourceBuffer && window_1.SourceBuffer.prototype && typeof window_1.SourceBuffer.prototype.changeType === 'function';
+    }
+    /**
+     * Whether or not the changeType function is supported
+     * on our SourceBuffers.
+     *
+     * @return {boolean}
+     *         if changeType can be called.
+     */
+    ;
+
+    _proto.canChangeType = function canChangeType() {
+      return this.constructor.canChangeType();
+    }
+    /**
+     * Call the changeType function on a source buffer, given the code and type.
+     *
+     * @param {string} type
+     *        The type of source buffer to call changeType on.
+     *
+     * @param {string} codec
+     *        The codec string to change type with on the source buffer.
+     */
+    ;
+
+    _proto.changeType = function changeType(type, codec) {
+      if (!this.canChangeType()) {
+        videojs.log.error('changeType is not supported!');
+        return;
+      }
+
+      pushQueue({
+        type: type,
+        sourceUpdater: this,
+        action: actions.changeType(codec),
+        name: 'changeType'
+      });
+    }
+    /**
+     * Add source buffers with a codec or, if they are already created,
+     * call changeType on source buffers using changeType.
+     *
+     * @param {Object} codecs
+     *        Codecs to switch to
+     */
+    ;
+
+    _proto.addOrChangeSourceBuffers = function addOrChangeSourceBuffers(codecs) {
+      var _this2 = this;
+
+      if (!codecs || typeof codecs !== 'object' || Object.keys(codecs).length === 0) {
+        throw new Error('Cannot addOrChangeSourceBuffers to undefined codecs');
+      }
+
+      Object.keys(codecs).forEach(function (type) {
+        var codec = codecs[type];
+
+        if (!_this2.hasCreatedSourceBuffers()) {
+          return _this2.addSourceBuffer(type, codec);
+        }
+
+        if (_this2.canChangeType()) {
+          _this2.changeType(type, codec);
+        }
+      });
+    }
+    /**
+     * Queue an update to append an ArrayBuffer.
+     *
+     * @param {MediaObject} object containing audioBytes and/or videoBytes
+     * @param {Function} done the function to call when done
+     * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-appendBuffer-void-ArrayBuffer-data
+     */
+    ;
+
+    _proto.appendBuffer = function appendBuffer(options, doneFn) {
+      var _this3 = this;
+
+      var segmentInfo = options.segmentInfo,
+          type = options.type,
+          bytes = options.bytes;
+      this.processedAppend_ = true;
+
+      if (type === 'audio' && this.videoBuffer && !this.videoAppendQueued_) {
+        this.delayedAudioAppendQueue_.push([options, doneFn]);
+        this.logger_("delayed audio append of " + bytes.length + " until video append");
+        return;
+      } // In the case of certain errors, for instance, QUOTA_EXCEEDED_ERR, updateend will
+      // not be fired. This means that the queue will be blocked until the next action
+      // taken by the segment-loader. Provide a mechanism for segment-loader to handle
+      // these errors by calling the doneFn with the specific error.
+
+
+      var onError = doneFn;
+      pushQueue({
+        type: type,
+        sourceUpdater: this,
+        action: actions.appendBuffer(bytes, segmentInfo || {
+          mediaIndex: -1
+        }, onError),
+        doneFn: doneFn,
+        name: 'appendBuffer'
+      });
+
+      if (type === 'video') {
+        this.videoAppendQueued_ = true;
+
+        if (!this.delayedAudioAppendQueue_.length) {
+          return;
+        }
+
+        var queue = this.delayedAudioAppendQueue_.slice();
+        this.logger_("queuing delayed audio " + queue.length + " appendBuffers");
+        this.delayedAudioAppendQueue_.length = 0;
+        queue.forEach(function (que) {
+          _this3.appendBuffer.apply(_this3, que);
+        });
+      }
+    }
+    /**
+     * Get the audio buffer's buffered timerange.
+     *
+     * @return {TimeRange}
+     *         The audio buffer's buffered time range
+     */
+    ;
+
+    _proto.audioBuffered = function audioBuffered() {
+      // no media source/source buffer or it isn't in the media sources
+      // source buffer list
+      if (!inSourceBuffers(this.mediaSource, this.audioBuffer)) {
+        return videojs.createTimeRange();
+      }
+
+      return this.audioBuffer.buffered ? this.audioBuffer.buffered : videojs.createTimeRange();
+    }
+    /**
+     * Get the video buffer's buffered timerange.
+     *
+     * @return {TimeRange}
+     *         The video buffer's buffered time range
+     */
+    ;
+
+    _proto.videoBuffered = function videoBuffered() {
+      // no media source/source buffer or it isn't in the media sources
+      // source buffer list
+      if (!inSourceBuffers(this.mediaSource, this.videoBuffer)) {
+        return videojs.createTimeRange();
+      }
+
+      return this.videoBuffer.buffered ? this.videoBuffer.buffered : videojs.createTimeRange();
+    }
+    /**
+     * Get a combined video/audio buffer's buffered timerange.
+     *
+     * @return {TimeRange}
+     *         the combined time range
+     */
+    ;
+
+    _proto.buffered = function buffered() {
+      var video = inSourceBuffers(this.mediaSource, this.videoBuffer) ? this.videoBuffer : null;
+      var audio = inSourceBuffers(this.mediaSource, this.audioBuffer) ? this.audioBuffer : null;
+
+      if (audio && !video) {
+        return this.audioBuffered();
+      }
+
+      if (video && !audio) {
+        return this.videoBuffered();
+      }
+
+      return bufferIntersection(this.audioBuffered(), this.videoBuffered());
+    }
+    /**
+     * Add a callback to the queue that will set duration on the mediaSource.
+     *
+     * @param {number} duration
+     *        The duration to set
+     *
+     * @param {Function} [doneFn]
+     *        function to run after duration has been set.
+     */
+    ;
+
+    _proto.setDuration = function setDuration(duration, doneFn) {
+      if (doneFn === void 0) {
+        doneFn = noop;
+      } // In order to set the duration on the media source, it's necessary to wait for all
+      // source buffers to no longer be updating. "If the updating attribute equals true on
+      // any SourceBuffer in sourceBuffers, then throw an InvalidStateError exception and
+      // abort these steps." (source: https://www.w3.org/TR/media-source/#attributes).
+
+
+      pushQueue({
+        type: 'mediaSource',
+        sourceUpdater: this,
+        action: actions.duration(duration),
+        name: 'duration',
+        doneFn: doneFn
+      });
+    }
+    /**
+     * Add a mediaSource endOfStream call to the queue
+     *
+     * @param {Error} [error]
+     *        Call endOfStream with an error
+     *
+     * @param {Function} [doneFn]
+     *        A function that should be called when the
+     *        endOfStream call has finished.
+     */
+    ;
+
+    _proto.endOfStream = function endOfStream(error, doneFn) {
+      if (error === void 0) {
+        error = null;
+      }
+
+      if (doneFn === void 0) {
+        doneFn = noop;
+      }
+
+      if (typeof error !== 'string') {
+        error = undefined;
+      } // In order to set the duration on the media source, it's necessary to wait for all
+      // source buffers to no longer be updating. "If the updating attribute equals true on
+      // any SourceBuffer in sourceBuffers, then throw an InvalidStateError exception and
+      // abort these steps." (source: https://www.w3.org/TR/media-source/#attributes).
+
+
+      pushQueue({
+        type: 'mediaSource',
+        sourceUpdater: this,
+        action: actions.endOfStream(error),
+        name: 'endOfStream',
+        doneFn: doneFn
+      });
+    }
+    /**
+     * Queue an update to remove a time range from the buffer.
+     *
+     * @param {number} start where to start the removal
+     * @param {number} end where to end the removal
+     * @param {Function} [done=noop] optional callback to be executed when the remove
+     * operation is complete
+     * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end
+     */
+    ;
+
+    _proto.removeAudio = function removeAudio(start, end, done) {
+      if (done === void 0) {
+        done = noop;
+      }
+
+      if (!this.audioBuffered().length || this.audioBuffered().end(0) === 0) {
+        done();
+        return;
+      }
+
+      pushQueue({
+        type: 'audio',
+        sourceUpdater: this,
+        action: actions.remove(start, end),
+        doneFn: done,
+        name: 'remove'
+      });
+    }
+    /**
+     * Queue an update to remove a time range from the buffer.
+     *
+     * @param {number} start where to start the removal
+     * @param {number} end where to end the removal
+     * @param {Function} [done=noop] optional callback to be executed when the remove
+     * operation is complete
+     * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end
+     */
+    ;
+
+    _proto.removeVideo = function removeVideo(start, end, done) {
+      if (done === void 0) {
+        done = noop;
+      }
+
+      if (!this.videoBuffered().length || this.videoBuffered().end(0) === 0) {
+        done();
+        return;
+      }
+
+      pushQueue({
+        type: 'video',
+        sourceUpdater: this,
+        action: actions.remove(start, end),
+        doneFn: done,
+        name: 'remove'
+      });
+    }
+    /**
+     * Whether the underlying sourceBuffer is updating or not
+     *
+     * @return {boolean} the updating status of the SourceBuffer
+     */
+    ;
+
+    _proto.updating = function updating() {
+      // the audio/video source buffer is updating
+      if (_updating('audio', this) || _updating('video', this)) {
+        return true;
+      }
+
+      return false;
+    }
+    /**
+     * Set/get the timestampoffset on the audio SourceBuffer
+     *
+     * @return {number} the timestamp offset
+     */
+    ;
+
+    _proto.audioTimestampOffset = function audioTimestampOffset(offset) {
+      if (typeof offset !== 'undefined' && this.audioBuffer && // no point in updating if it's the same
+      this.audioTimestampOffset_ !== offset) {
+        pushQueue({
+          type: 'audio',
+          sourceUpdater: this,
+          action: actions.timestampOffset(offset),
+          name: 'timestampOffset'
+        });
+        this.audioTimestampOffset_ = offset;
+      }
+
+      return this.audioTimestampOffset_;
+    }
+    /**
+     * Set/get the timestampoffset on the video SourceBuffer
+     *
+     * @return {number} the timestamp offset
+     */
+    ;
+
+    _proto.videoTimestampOffset = function videoTimestampOffset(offset) {
+      if (typeof offset !== 'undefined' && this.videoBuffer && // no point in updating if it's the same
+      this.videoTimestampOffset !== offset) {
+        pushQueue({
+          type: 'video',
+          sourceUpdater: this,
+          action: actions.timestampOffset(offset),
+          name: 'timestampOffset'
+        });
+        this.videoTimestampOffset_ = offset;
+      }
+
+      return this.videoTimestampOffset_;
+    }
+    /**
+     * Add a function to the queue that will be called
+     * when it is its turn to run in the audio queue.
+     *
+     * @param {Function} callback
+     *        The callback to queue.
+     */
+    ;
+
+    _proto.audioQueueCallback = function audioQueueCallback(callback) {
+      if (!this.audioBuffer) {
+        return;
+      }
+
+      pushQueue({
+        type: 'audio',
+        sourceUpdater: this,
+        action: actions.callback(callback),
+        name: 'callback'
+      });
+    }
+    /**
+     * Add a function to the queue that will be called
+     * when it is its turn to run in the video queue.
+     *
+     * @param {Function} callback
+     *        The callback to queue.
+     */
+    ;
+
+    _proto.videoQueueCallback = function videoQueueCallback(callback) {
+      if (!this.videoBuffer) {
+        return;
+      }
+
+      pushQueue({
+        type: 'video',
+        sourceUpdater: this,
+        action: actions.callback(callback),
+        name: 'callback'
+      });
+    }
+    /**
+     * dispose of the source updater and the underlying sourceBuffer
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      var _this4 = this;
+
+      this.trigger('dispose');
+      bufferTypes.forEach(function (type) {
+        _this4.abort(type);
+
+        if (_this4.canRemoveSourceBuffer()) {
+          _this4.removeSourceBuffer(type);
+        } else {
+          _this4[type + "QueueCallback"](function () {
+            return cleanupBuffer(type, _this4);
+          });
+        }
+      });
+      this.videoAppendQueued_ = false;
+      this.delayedAudioAppendQueue_.length = 0;
+
+      if (this.sourceopenListener_) {
+        this.mediaSource.removeEventListener('sourceopen', this.sourceopenListener_);
+      }
+
+      this.off();
+    };
+
+    return SourceUpdater;
+  }(videojs.EventTarget);
+
+  var uint8ToUtf8 = function uint8ToUtf8(uintArray) {
+    return decodeURIComponent(escape(String.fromCharCode.apply(null, uintArray)));
+  };
+
+  var VTT_LINE_TERMINATORS = new Uint8Array('\n\n'.split('').map(function (_char3) {
+    return _char3.charCodeAt(0);
+  }));
+  /**
+   * An object that manages segment loading and appending.
+   *
+   * @class VTTSegmentLoader
+   * @param {Object} options required and optional options
+   * @extends videojs.EventTarget
+   */
+
+  var VTTSegmentLoader = /*#__PURE__*/function (_SegmentLoader) {
+    inheritsLoose(VTTSegmentLoader, _SegmentLoader);
+
+    function VTTSegmentLoader(settings, options) {
+      var _this;
+
+      if (options === void 0) {
+        options = {};
+      }
+
+      _this = _SegmentLoader.call(this, settings, options) || this; // SegmentLoader requires a MediaSource be specified or it will throw an error;
+      // however, VTTSegmentLoader has no need of a media source, so delete the reference
+
+      _this.mediaSource_ = null;
+      _this.subtitlesTrack_ = null;
+      _this.loaderType_ = 'subtitle';
+      _this.featuresNativeTextTracks_ = settings.featuresNativeTextTracks; // The VTT segment will have its own time mappings. Saving VTT segment timing info in
+      // the sync controller leads to improper behavior.
+
+      _this.shouldSaveSegmentTimingInfo_ = false;
+      return _this;
+    }
+
+    var _proto = VTTSegmentLoader.prototype;
+
+    _proto.createTransmuxer_ = function createTransmuxer_() {
+      // don't need to transmux any subtitles
+      return null;
+    }
+    /**
+     * Indicates which time ranges are buffered
+     *
+     * @return {TimeRange}
+     *         TimeRange object representing the current buffered ranges
+     */
+    ;
+
+    _proto.buffered_ = function buffered_() {
+      if (!this.subtitlesTrack_ || !this.subtitlesTrack_.cues || !this.subtitlesTrack_.cues.length) {
+        return videojs.createTimeRanges();
+      }
+
+      var cues = this.subtitlesTrack_.cues;
+      var start = cues[0].startTime;
+      var end = cues[cues.length - 1].startTime;
+      return videojs.createTimeRanges([[start, end]]);
+    }
+    /**
+     * Gets and sets init segment for the provided map
+     *
+     * @param {Object} map
+     *        The map object representing the init segment to get or set
+     * @param {boolean=} set
+     *        If true, the init segment for the provided map should be saved
+     * @return {Object}
+     *         map object for desired init segment
+     */
+    ;
+
+    _proto.initSegmentForMap = function initSegmentForMap(map, set) {
+      if (set === void 0) {
+        set = false;
+      }
+
+      if (!map) {
+        return null;
+      }
+
+      var id = initSegmentId(map);
+      var storedMap = this.initSegments_[id];
+
+      if (set && !storedMap && map.bytes) {
+        // append WebVTT line terminators to the media initialization segment if it exists
+        // to follow the WebVTT spec (https://w3c.github.io/webvtt/#file-structure) that
+        // requires two or more WebVTT line terminators between the WebVTT header and the
+        // rest of the file
+        var combinedByteLength = VTT_LINE_TERMINATORS.byteLength + map.bytes.byteLength;
+        var combinedSegment = new Uint8Array(combinedByteLength);
+        combinedSegment.set(map.bytes);
+        combinedSegment.set(VTT_LINE_TERMINATORS, map.bytes.byteLength);
+        this.initSegments_[id] = storedMap = {
+          resolvedUri: map.resolvedUri,
+          byterange: map.byterange,
+          bytes: combinedSegment
+        };
+      }
+
+      return storedMap || map;
+    }
+    /**
+     * Returns true if all configuration required for loading is present, otherwise false.
+     *
+     * @return {boolean} True if the all configuration is ready for loading
+     * @private
+     */
+    ;
+
+    _proto.couldBeginLoading_ = function couldBeginLoading_() {
+      return this.playlist_ && this.subtitlesTrack_ && !this.paused();
+    }
+    /**
+     * Once all the starting parameters have been specified, begin
+     * operation. This method should only be invoked from the INIT
+     * state.
+     *
+     * @private
+     */
+    ;
+
+    _proto.init_ = function init_() {
+      this.state = 'READY';
+      this.resetEverything();
+      return this.monitorBuffer_();
+    }
+    /**
+     * Set a subtitle track on the segment loader to add subtitles to
+     *
+     * @param {TextTrack=} track
+     *        The text track to add loaded subtitles to
+     * @return {TextTrack}
+     *        Returns the subtitles track
+     */
+    ;
+
+    _proto.track = function track(_track) {
+      if (typeof _track === 'undefined') {
+        return this.subtitlesTrack_;
+      }
+
+      this.subtitlesTrack_ = _track; // if we were unpaused but waiting for a sourceUpdater, start
+      // buffering now
+
+      if (this.state === 'INIT' && this.couldBeginLoading_()) {
+        this.init_();
+      }
+
+      return this.subtitlesTrack_;
+    }
+    /**
+     * Remove any data in the source buffer between start and end times
+     *
+     * @param {number} start - the start time of the region to remove from the buffer
+     * @param {number} end - the end time of the region to remove from the buffer
+     */
+    ;
+
+    _proto.remove = function remove(start, end) {
+      removeCuesFromTrack(start, end, this.subtitlesTrack_);
+    }
+    /**
+     * fill the buffer with segements unless the sourceBuffers are
+     * currently updating
+     *
+     * Note: this function should only ever be called by monitorBuffer_
+     * and never directly
+     *
+     * @private
+     */
+    ;
+
+    _proto.fillBuffer_ = function fillBuffer_() {
+      var _this2 = this; // see if we need to begin loading immediately
+
+
+      var segmentInfo = this.chooseNextRequest_();
+
+      if (!segmentInfo) {
+        return;
+      }
+
+      if (this.syncController_.timestampOffsetForTimeline(segmentInfo.timeline) === null) {
+        // We don't have the timestamp offset that we need to sync subtitles.
+        // Rerun on a timestamp offset or user interaction.
+        var checkTimestampOffset = function checkTimestampOffset() {
+          _this2.state = 'READY';
+
+          if (!_this2.paused()) {
+            // if not paused, queue a buffer check as soon as possible
+            _this2.monitorBuffer_();
+          }
+        };
+
+        this.syncController_.one('timestampoffset', checkTimestampOffset);
+        this.state = 'WAITING_ON_TIMELINE';
+        return;
+      }
+
+      this.loadSegment_(segmentInfo);
+    } // never set a timestamp offset for vtt segments.
+    ;
+
+    _proto.timestampOffsetForSegment_ = function timestampOffsetForSegment_() {
+      return null;
+    };
+
+    _proto.chooseNextRequest_ = function chooseNextRequest_() {
+      return this.skipEmptySegments_(_SegmentLoader.prototype.chooseNextRequest_.call(this));
+    }
+    /**
+     * Prevents the segment loader from requesting segments we know contain no subtitles
+     * by walking forward until we find the next segment that we don't know whether it is
+     * empty or not.
+     *
+     * @param {Object} segmentInfo
+     *        a segment info object that describes the current segment
+     * @return {Object}
+     *         a segment info object that describes the current segment
+     */
+    ;
+
+    _proto.skipEmptySegments_ = function skipEmptySegments_(segmentInfo) {
+      while (segmentInfo && segmentInfo.segment.empty) {
+        // stop at the last possible segmentInfo
+        if (segmentInfo.mediaIndex + 1 >= segmentInfo.playlist.segments.length) {
+          segmentInfo = null;
+          break;
+        }
+
+        segmentInfo = this.generateSegmentInfo_({
+          playlist: segmentInfo.playlist,
+          mediaIndex: segmentInfo.mediaIndex + 1,
+          startOfSegment: segmentInfo.startOfSegment + segmentInfo.duration,
+          isSyncRequest: segmentInfo.isSyncRequest
+        });
+      }
+
+      return segmentInfo;
+    };
+
+    _proto.stopForError = function stopForError(error) {
+      this.error(error);
+      this.state = 'READY';
+      this.pause();
+      this.trigger('error');
+    }
+    /**
+     * append a decrypted segement to the SourceBuffer through a SourceUpdater
+     *
+     * @private
+     */
+    ;
+
+    _proto.segmentRequestFinished_ = function segmentRequestFinished_(error, simpleSegment, result) {
+      var _this3 = this;
+
+      if (!this.subtitlesTrack_) {
+        this.state = 'READY';
+        return;
+      }
+
+      this.saveTransferStats_(simpleSegment.stats); // the request was aborted
+
+      if (!this.pendingSegment_) {
+        this.state = 'READY';
+        this.mediaRequestsAborted += 1;
+        return;
+      }
+
+      if (error) {
+        if (error.code === REQUEST_ERRORS.TIMEOUT) {
+          this.handleTimeout_();
+        }
+
+        if (error.code === REQUEST_ERRORS.ABORTED) {
+          this.mediaRequestsAborted += 1;
+        } else {
+          this.mediaRequestsErrored += 1;
+        }
+
+        this.stopForError(error);
+        return;
+      }
+
+      var segmentInfo = this.pendingSegment_; // although the VTT segment loader bandwidth isn't really used, it's good to
+      // maintain functionality between segment loaders
+
+      this.saveBandwidthRelatedStats_(segmentInfo.duration, simpleSegment.stats);
+      this.state = 'APPENDING'; // used for tests
+
+      this.trigger('appending');
+      var segment = segmentInfo.segment;
+
+      if (segment.map) {
+        segment.map.bytes = simpleSegment.map.bytes;
+      }
+
+      segmentInfo.bytes = simpleSegment.bytes; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
+
+      if (typeof window_1.WebVTT !== 'function' && this.subtitlesTrack_ && this.subtitlesTrack_.tech_) {
+        var loadHandler;
+
+        var errorHandler = function errorHandler() {
+          _this3.subtitlesTrack_.tech_.off('vttjsloaded', loadHandler);
+
+          _this3.stopForError({
+            message: 'Error loading vtt.js'
+          });
+
+          return;
+        };
+
+        loadHandler = function loadHandler() {
+          _this3.subtitlesTrack_.tech_.off('vttjserror', errorHandler);
+
+          _this3.segmentRequestFinished_(error, simpleSegment, result);
+        };
+
+        this.state = 'WAITING_ON_VTTJS';
+        this.subtitlesTrack_.tech_.one('vttjsloaded', loadHandler);
+        this.subtitlesTrack_.tech_.one('vttjserror', errorHandler);
+        return;
+      }
+
+      segment.requested = true;
+
+      try {
+        this.parseVTTCues_(segmentInfo);
+      } catch (e) {
+        this.stopForError({
+          message: e.message
+        });
+        return;
+      }
+
+      this.updateTimeMapping_(segmentInfo, this.syncController_.timelines[segmentInfo.timeline], this.playlist_);
+
+      if (segmentInfo.cues.length) {
+        segmentInfo.timingInfo = {
+          start: segmentInfo.cues[0].startTime,
+          end: segmentInfo.cues[segmentInfo.cues.length - 1].endTime
+        };
+      } else {
+        segmentInfo.timingInfo = {
+          start: segmentInfo.startOfSegment,
+          end: segmentInfo.startOfSegment + segmentInfo.duration
+        };
+      }
+
+      if (segmentInfo.isSyncRequest) {
+        this.trigger('syncinfoupdate');
+        this.pendingSegment_ = null;
+        this.state = 'READY';
+        return;
+      }
+
+      segmentInfo.byteLength = segmentInfo.bytes.byteLength;
+      this.mediaSecondsLoaded += segment.duration; // Create VTTCue instances for each cue in the new segment and add them to
+      // the subtitle track
+
+      segmentInfo.cues.forEach(function (cue) {
+        _this3.subtitlesTrack_.addCue(_this3.featuresNativeTextTracks_ ? new window_1.VTTCue(cue.startTime, cue.endTime, cue.text) : cue);
+      }); // Remove any duplicate cues from the subtitle track. The WebVTT spec allows
+      // cues to have identical time-intervals, but if the text is also identical
+      // we can safely assume it is a duplicate that can be removed (ex. when a cue
+      // "overlaps" VTT segments)
+
+      removeDuplicateCuesFromTrack(this.subtitlesTrack_);
+      this.handleAppendsDone_();
+    };
+
+    _proto.handleData_ = function handleData_() {// noop as we shouldn't be getting video/audio data captions
+      // that we do not support here.
+    };
+
+    _proto.updateTimingInfoEnd_ = function updateTimingInfoEnd_() {// noop
+    }
+    /**
+     * Uses the WebVTT parser to parse the segment response
+     *
+     * @param {Object} segmentInfo
+     *        a segment info object that describes the current segment
+     * @private
+     */
+    ;
+
+    _proto.parseVTTCues_ = function parseVTTCues_(segmentInfo) {
+      var decoder;
+      var decodeBytesToString = false;
+
+      if (typeof window_1.TextDecoder === 'function') {
+        decoder = new window_1.TextDecoder('utf8');
+      } else {
+        decoder = window_1.WebVTT.StringDecoder();
+        decodeBytesToString = true;
+      }
+
+      var parser = new window_1.WebVTT.Parser(window_1, window_1.vttjs, decoder);
+      segmentInfo.cues = [];
+      segmentInfo.timestampmap = {
+        MPEGTS: 0,
+        LOCAL: 0
+      };
+      parser.oncue = segmentInfo.cues.push.bind(segmentInfo.cues);
+
+      parser.ontimestampmap = function (map) {
+        segmentInfo.timestampmap = map;
+      };
+
+      parser.onparsingerror = function (error) {
+        videojs.log.warn('Error encountered when parsing cues: ' + error.message);
+      };
+
+      if (segmentInfo.segment.map) {
+        var mapData = segmentInfo.segment.map.bytes;
+
+        if (decodeBytesToString) {
+          mapData = uint8ToUtf8(mapData);
+        }
+
+        parser.parse(mapData);
+      }
+
+      var segmentData = segmentInfo.bytes;
+
+      if (decodeBytesToString) {
+        segmentData = uint8ToUtf8(segmentData);
+      }
+
+      parser.parse(segmentData);
+      parser.flush();
+    }
+    /**
+     * Updates the start and end times of any cues parsed by the WebVTT parser using
+     * the information parsed from the X-TIMESTAMP-MAP header and a TS to media time mapping
+     * from the SyncController
+     *
+     * @param {Object} segmentInfo
+     *        a segment info object that describes the current segment
+     * @param {Object} mappingObj
+     *        object containing a mapping from TS to media time
+     * @param {Object} playlist
+     *        the playlist object containing the segment
+     * @private
+     */
+    ;
+
+    _proto.updateTimeMapping_ = function updateTimeMapping_(segmentInfo, mappingObj, playlist) {
+      var segment = segmentInfo.segment;
+
+      if (!mappingObj) {
+        // If the sync controller does not have a mapping of TS to Media Time for the
+        // timeline, then we don't have enough information to update the cue
+        // start/end times
+        return;
+      }
+
+      if (!segmentInfo.cues.length) {
+        // If there are no cues, we also do not have enough information to figure out
+        // segment timing. Mark that the segment contains no cues so we don't re-request
+        // an empty segment.
+        segment.empty = true;
+        return;
+      }
+
+      var timestampmap = segmentInfo.timestampmap;
+      var diff = timestampmap.MPEGTS / clock_1 - timestampmap.LOCAL + mappingObj.mapping;
+      segmentInfo.cues.forEach(function (cue) {
+        // First convert cue time to TS time using the timestamp-map provided within the vtt
+        cue.startTime += diff;
+        cue.endTime += diff;
+      });
+
+      if (!playlist.syncInfo) {
+        var firstStart = segmentInfo.cues[0].startTime;
+        var lastStart = segmentInfo.cues[segmentInfo.cues.length - 1].startTime;
+        playlist.syncInfo = {
+          mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
+          time: Math.min(firstStart, lastStart - segment.duration)
+        };
+      }
+    };
+
+    return VTTSegmentLoader;
+  }(SegmentLoader);
+  /**
+   * @file ad-cue-tags.js
+   */
+
+  /**
+   * Searches for an ad cue that overlaps with the given mediaTime
+   *
+   * @param {Object} track
+   *        the track to find the cue for
+   *
+   * @param {number} mediaTime
+   *        the time to find the cue at
+   *
+   * @return {Object|null}
+   *         the found cue or null
+   */
+
+
+  var findAdCue = function findAdCue(track, mediaTime) {
+    var cues = track.cues;
+
+    for (var i = 0; i < cues.length; i++) {
+      var cue = cues[i];
+
+      if (mediaTime >= cue.adStartTime && mediaTime <= cue.adEndTime) {
+        return cue;
+      }
+    }
+
+    return null;
+  };
+
+  var updateAdCues = function updateAdCues(media, track, offset) {
+    if (offset === void 0) {
+      offset = 0;
+    }
+
+    if (!media.segments) {
+      return;
+    }
+
+    var mediaTime = offset;
+    var cue;
+
+    for (var i = 0; i < media.segments.length; i++) {
+      var segment = media.segments[i];
+
+      if (!cue) {
+        // Since the cues will span for at least the segment duration, adding a fudge
+        // factor of half segment duration will prevent duplicate cues from being
+        // created when timing info is not exact (e.g. cue start time initialized
+        // at 10.006677, but next call mediaTime is 10.003332 )
+        cue = findAdCue(track, mediaTime + segment.duration / 2);
+      }
+
+      if (cue) {
+        if ('cueIn' in segment) {
+          // Found a CUE-IN so end the cue
+          cue.endTime = mediaTime;
+          cue.adEndTime = mediaTime;
+          mediaTime += segment.duration;
+          cue = null;
+          continue;
+        }
+
+        if (mediaTime < cue.endTime) {
+          // Already processed this mediaTime for this cue
+          mediaTime += segment.duration;
+          continue;
+        } // otherwise extend cue until a CUE-IN is found
+
+
+        cue.endTime += segment.duration;
+      } else {
+        if ('cueOut' in segment) {
+          cue = new window_1.VTTCue(mediaTime, mediaTime + segment.duration, segment.cueOut);
+          cue.adStartTime = mediaTime; // Assumes tag format to be
+          // #EXT-X-CUE-OUT:30
+
+          cue.adEndTime = mediaTime + parseFloat(segment.cueOut);
+          track.addCue(cue);
+        }
+
+        if ('cueOutCont' in segment) {
+          // Entered into the middle of an ad cue
+          // Assumes tag formate to be
+          // #EXT-X-CUE-OUT-CONT:10/30
+          var _segment$cueOutCont$s = segment.cueOutCont.split('/').map(parseFloat),
+              adOffset = _segment$cueOutCont$s[0],
+              adTotal = _segment$cueOutCont$s[1];
+
+          cue = new window_1.VTTCue(mediaTime, mediaTime + segment.duration, '');
+          cue.adStartTime = mediaTime - adOffset;
+          cue.adEndTime = cue.adStartTime + adTotal;
+          track.addCue(cue);
+        }
+      }
+
+      mediaTime += segment.duration;
+    }
+  };
+
+  var syncPointStrategies = [// Stategy "VOD": Handle the VOD-case where the sync-point is *always*
+  //                the equivalence display-time 0 === segment-index 0
+  {
+    name: 'VOD',
+    run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+      if (duration !== Infinity) {
+        var syncPoint = {
+          time: 0,
+          segmentIndex: 0,
+          partIndex: null
+        };
+        return syncPoint;
+      }
+
+      return null;
+    }
+  }, // Stategy "ProgramDateTime": We have a program-date-time tag in this playlist
+  {
+    name: 'ProgramDateTime',
+    run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+      if (!Object.keys(syncController.timelineToDatetimeMappings).length) {
+        return null;
+      }
+
+      var syncPoint = null;
+      var lastDistance = null;
+      var partsAndSegments = getPartsAndSegments(playlist);
+      currentTime = currentTime || 0;
+
+      for (var i = 0; i < partsAndSegments.length; i++) {
+        // start from the end and loop backwards for live
+        // or start from the front and loop forwards for non-live
+        var index = playlist.endList || currentTime === 0 ? i : partsAndSegments.length - (i + 1);
+        var partAndSegment = partsAndSegments[index];
+        var segment = partAndSegment.segment;
+        var datetimeMapping = syncController.timelineToDatetimeMappings[segment.timeline];
+
+        if (!datetimeMapping) {
+          continue;
+        }
+
+        if (segment.dateTimeObject) {
+          var segmentTime = segment.dateTimeObject.getTime() / 1000;
+          var start = segmentTime + datetimeMapping; // take part duration into account.
+
+          if (segment.parts && typeof partAndSegment.partIndex === 'number') {
+            for (var z = 0; z < partAndSegment.partIndex; z++) {
+              start += segment.parts[z].duration;
+            }
+          }
+
+          var distance = Math.abs(currentTime - start); // Once the distance begins to increase, or if distance is 0, we have passed
+          // currentTime and can stop looking for better candidates
+
+          if (lastDistance !== null && (distance === 0 || lastDistance < distance)) {
+            break;
+          }
+
+          lastDistance = distance;
+          syncPoint = {
+            time: start,
+            segmentIndex: partAndSegment.segmentIndex,
+            partIndex: partAndSegment.partIndex
+          };
+        }
+      }
+
+      return syncPoint;
+    }
+  }, // Stategy "Segment": We have a known time mapping for a timeline and a
+  //                    segment in the current timeline with timing data
+  {
+    name: 'Segment',
+    run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+      var syncPoint = null;
+      var lastDistance = null;
+      currentTime = currentTime || 0;
+      var partsAndSegments = getPartsAndSegments(playlist);
+
+      for (var i = 0; i < partsAndSegments.length; i++) {
+        // start from the end and loop backwards for live
+        // or start from the front and loop forwards for non-live
+        var index = playlist.endList || currentTime === 0 ? i : partsAndSegments.length - (i + 1);
+        var partAndSegment = partsAndSegments[index];
+        var segment = partAndSegment.segment;
+        var start = partAndSegment.part && partAndSegment.part.start || segment && segment.start;
+
+        if (segment.timeline === currentTimeline && typeof start !== 'undefined') {
+          var distance = Math.abs(currentTime - start); // Once the distance begins to increase, we have passed
+          // currentTime and can stop looking for better candidates
+
+          if (lastDistance !== null && lastDistance < distance) {
+            break;
+          }
+
+          if (!syncPoint || lastDistance === null || lastDistance >= distance) {
+            lastDistance = distance;
+            syncPoint = {
+              time: start,
+              segmentIndex: partAndSegment.segmentIndex,
+              partIndex: partAndSegment.partIndex
+            };
+          }
+        }
+      }
+
+      return syncPoint;
+    }
+  }, // Stategy "Discontinuity": We have a discontinuity with a known
+  //                          display-time
+  {
+    name: 'Discontinuity',
+    run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+      var syncPoint = null;
+      currentTime = currentTime || 0;
+
+      if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
+        var lastDistance = null;
+
+        for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
+          var segmentIndex = playlist.discontinuityStarts[i];
+          var discontinuity = playlist.discontinuitySequence + i + 1;
+          var discontinuitySync = syncController.discontinuities[discontinuity];
+
+          if (discontinuitySync) {
+            var distance = Math.abs(currentTime - discontinuitySync.time); // Once the distance begins to increase, we have passed
+            // currentTime and can stop looking for better candidates
+
+            if (lastDistance !== null && lastDistance < distance) {
+              break;
+            }
+
+            if (!syncPoint || lastDistance === null || lastDistance >= distance) {
+              lastDistance = distance;
+              syncPoint = {
+                time: discontinuitySync.time,
+                segmentIndex: segmentIndex,
+                partIndex: null
+              };
+            }
+          }
+        }
+      }
+
+      return syncPoint;
+    }
+  }, // Stategy "Playlist": We have a playlist with a known mapping of
+  //                     segment index to display time
+  {
+    name: 'Playlist',
+    run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+      if (playlist.syncInfo) {
+        var syncPoint = {
+          time: playlist.syncInfo.time,
+          segmentIndex: playlist.syncInfo.mediaSequence - playlist.mediaSequence,
+          partIndex: null
+        };
+        return syncPoint;
+      }
+
+      return null;
+    }
+  }];
+
+  var SyncController = /*#__PURE__*/function (_videojs$EventTarget) {
+    inheritsLoose(SyncController, _videojs$EventTarget);
+
+    function SyncController(options) {
+      var _this;
+
+      _this = _videojs$EventTarget.call(this) || this; // ...for synching across variants
+
+      _this.timelines = [];
+      _this.discontinuities = [];
+      _this.timelineToDatetimeMappings = {};
+      _this.logger_ = logger('SyncController');
+      return _this;
+    }
+    /**
+     * Find a sync-point for the playlist specified
+     *
+     * A sync-point is defined as a known mapping from display-time to
+     * a segment-index in the current playlist.
+     *
+     * @param {Playlist} playlist
+     *        The playlist that needs a sync-point
+     * @param {number} duration
+     *        Duration of the MediaSource (Infinite if playing a live source)
+     * @param {number} currentTimeline
+     *        The last timeline from which a segment was loaded
+     * @return {Object}
+     *          A sync-point object
+     */
+
+
+    var _proto = SyncController.prototype;
+
+    _proto.getSyncPoint = function getSyncPoint(playlist, duration, currentTimeline, currentTime) {
+      var syncPoints = this.runStrategies_(playlist, duration, currentTimeline, currentTime);
+
+      if (!syncPoints.length) {
+        // Signal that we need to attempt to get a sync-point manually
+        // by fetching a segment in the playlist and constructing
+        // a sync-point from that information
+        return null;
+      } // Now find the sync-point that is closest to the currentTime because
+      // that should result in the most accurate guess about which segment
+      // to fetch
+
+
+      return this.selectSyncPoint_(syncPoints, {
+        key: 'time',
+        value: currentTime
+      });
+    }
+    /**
+     * Calculate the amount of time that has expired off the playlist during playback
+     *
+     * @param {Playlist} playlist
+     *        Playlist object to calculate expired from
+     * @param {number} duration
+     *        Duration of the MediaSource (Infinity if playling a live source)
+     * @return {number|null}
+     *          The amount of time that has expired off the playlist during playback. Null
+     *          if no sync-points for the playlist can be found.
+     */
+    ;
+
+    _proto.getExpiredTime = function getExpiredTime(playlist, duration) {
+      if (!playlist || !playlist.segments) {
+        return null;
+      }
+
+      var syncPoints = this.runStrategies_(playlist, duration, playlist.discontinuitySequence, 0); // Without sync-points, there is not enough information to determine the expired time
+
+      if (!syncPoints.length) {
+        return null;
+      }
+
+      var syncPoint = this.selectSyncPoint_(syncPoints, {
+        key: 'segmentIndex',
+        value: 0
+      }); // If the sync-point is beyond the start of the playlist, we want to subtract the
+      // duration from index 0 to syncPoint.segmentIndex instead of adding.
+
+      if (syncPoint.segmentIndex > 0) {
+        syncPoint.time *= -1;
+      }
+
+      return Math.abs(syncPoint.time + sumDurations({
+        defaultDuration: playlist.targetDuration,
+        durationList: playlist.segments,
+        startIndex: syncPoint.segmentIndex,
+        endIndex: 0
+      }));
+    }
+    /**
+     * Runs each sync-point strategy and returns a list of sync-points returned by the
+     * strategies
+     *
+     * @private
+     * @param {Playlist} playlist
+     *        The playlist that needs a sync-point
+     * @param {number} duration
+     *        Duration of the MediaSource (Infinity if playing a live source)
+     * @param {number} currentTimeline
+     *        The last timeline from which a segment was loaded
+     * @return {Array}
+     *          A list of sync-point objects
+     */
+    ;
+
+    _proto.runStrategies_ = function runStrategies_(playlist, duration, currentTimeline, currentTime) {
+      var syncPoints = []; // Try to find a sync-point in by utilizing various strategies...
+
+      for (var i = 0; i < syncPointStrategies.length; i++) {
+        var strategy = syncPointStrategies[i];
+        var syncPoint = strategy.run(this, playlist, duration, currentTimeline, currentTime);
+
+        if (syncPoint) {
+          syncPoint.strategy = strategy.name;
+          syncPoints.push({
+            strategy: strategy.name,
+            syncPoint: syncPoint
+          });
+        }
+      }
+
+      return syncPoints;
+    }
+    /**
+     * Selects the sync-point nearest the specified target
+     *
+     * @private
+     * @param {Array} syncPoints
+     *        List of sync-points to select from
+     * @param {Object} target
+     *        Object specifying the property and value we are targeting
+     * @param {string} target.key
+     *        Specifies the property to target. Must be either 'time' or 'segmentIndex'
+     * @param {number} target.value
+     *        The value to target for the specified key.
+     * @return {Object}
+     *          The sync-point nearest the target
+     */
+    ;
+
+    _proto.selectSyncPoint_ = function selectSyncPoint_(syncPoints, target) {
+      var bestSyncPoint = syncPoints[0].syncPoint;
+      var bestDistance = Math.abs(syncPoints[0].syncPoint[target.key] - target.value);
+      var bestStrategy = syncPoints[0].strategy;
+
+      for (var i = 1; i < syncPoints.length; i++) {
+        var newDistance = Math.abs(syncPoints[i].syncPoint[target.key] - target.value);
+
+        if (newDistance < bestDistance) {
+          bestDistance = newDistance;
+          bestSyncPoint = syncPoints[i].syncPoint;
+          bestStrategy = syncPoints[i].strategy;
+        }
+      }
+
+      this.logger_("syncPoint for [" + target.key + ": " + target.value + "] chosen with strategy" + (" [" + bestStrategy + "]: [time:" + bestSyncPoint.time + ",") + (" segmentIndex:" + bestSyncPoint.segmentIndex) + (typeof bestSyncPoint.partIndex === 'number' ? ",partIndex:" + bestSyncPoint.partIndex : '') + ']');
+      return bestSyncPoint;
+    }
+    /**
+     * Save any meta-data present on the segments when segments leave
+     * the live window to the playlist to allow for synchronization at the
+     * playlist level later.
+     *
+     * @param {Playlist} oldPlaylist - The previous active playlist
+     * @param {Playlist} newPlaylist - The updated and most current playlist
+     */
+    ;
+
+    _proto.saveExpiredSegmentInfo = function saveExpiredSegmentInfo(oldPlaylist, newPlaylist) {
+      var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence; // When a segment expires from the playlist and it has a start time
+      // save that information as a possible sync-point reference in future
+
+      for (var i = mediaSequenceDiff - 1; i >= 0; i--) {
+        var lastRemovedSegment = oldPlaylist.segments[i];
+
+        if (lastRemovedSegment && typeof lastRemovedSegment.start !== 'undefined') {
+          newPlaylist.syncInfo = {
+            mediaSequence: oldPlaylist.mediaSequence + i,
+            time: lastRemovedSegment.start
+          };
+          this.logger_("playlist refresh sync: [time:" + newPlaylist.syncInfo.time + "," + (" mediaSequence: " + newPlaylist.syncInfo.mediaSequence + "]"));
+          this.trigger('syncinfoupdate');
+          break;
+        }
+      }
+    }
+    /**
+     * Save the mapping from playlist's ProgramDateTime to display. This should only happen
+     * before segments start to load.
+     *
+     * @param {Playlist} playlist - The currently active playlist
+     */
+    ;
+
+    _proto.setDateTimeMappingForStart = function setDateTimeMappingForStart(playlist) {
+      // It's possible for the playlist to be updated before playback starts, meaning time
+      // zero is not yet set. If, during these playlist refreshes, a discontinuity is
+      // crossed, then the old time zero mapping (for the prior timeline) would be retained
+      // unless the mappings are cleared.
+      this.timelineToDatetimeMappings = {};
+
+      if (playlist.segments && playlist.segments.length && playlist.segments[0].dateTimeObject) {
+        var firstSegment = playlist.segments[0];
+        var playlistTimestamp = firstSegment.dateTimeObject.getTime() / 1000;
+        this.timelineToDatetimeMappings[firstSegment.timeline] = -playlistTimestamp;
+      }
+    }
+    /**
+     * Calculates and saves timeline mappings, playlist sync info, and segment timing values
+     * based on the latest timing information.
+     *
+     * @param {Object} options
+     *        Options object
+     * @param {SegmentInfo} options.segmentInfo
+     *        The current active request information
+     * @param {boolean} options.shouldSaveTimelineMapping
+     *        If there's a timeline change, determines if the timeline mapping should be
+     *        saved for timeline mapping and program date time mappings.
+     */
+    ;
+
+    _proto.saveSegmentTimingInfo = function saveSegmentTimingInfo(_ref) {
+      var segmentInfo = _ref.segmentInfo,
+          shouldSaveTimelineMapping = _ref.shouldSaveTimelineMapping;
+      var didCalculateSegmentTimeMapping = this.calculateSegmentTimeMapping_(segmentInfo, segmentInfo.timingInfo, shouldSaveTimelineMapping);
+      var segment = segmentInfo.segment;
+
+      if (didCalculateSegmentTimeMapping) {
+        this.saveDiscontinuitySyncInfo_(segmentInfo); // If the playlist does not have sync information yet, record that information
+        // now with segment timing information
+
+        if (!segmentInfo.playlist.syncInfo) {
+          segmentInfo.playlist.syncInfo = {
+            mediaSequence: segmentInfo.playlist.mediaSequence + segmentInfo.mediaIndex,
+            time: segment.start
+          };
+        }
+      }
+
+      var dateTime = segment.dateTimeObject;
+
+      if (segment.discontinuity && shouldSaveTimelineMapping && dateTime) {
+        this.timelineToDatetimeMappings[segment.timeline] = -(dateTime.getTime() / 1000);
+      }
+    };
+
+    _proto.timestampOffsetForTimeline = function timestampOffsetForTimeline(timeline) {
+      if (typeof this.timelines[timeline] === 'undefined') {
+        return null;
+      }
+
+      return this.timelines[timeline].time;
+    };
+
+    _proto.mappingForTimeline = function mappingForTimeline(timeline) {
+      if (typeof this.timelines[timeline] === 'undefined') {
+        return null;
+      }
+
+      return this.timelines[timeline].mapping;
+    }
+    /**
+     * Use the "media time" for a segment to generate a mapping to "display time" and
+     * save that display time to the segment.
+     *
+     * @private
+     * @param {SegmentInfo} segmentInfo
+     *        The current active request information
+     * @param {Object} timingInfo
+     *        The start and end time of the current segment in "media time"
+     * @param {boolean} shouldSaveTimelineMapping
+     *        If there's a timeline change, determines if the timeline mapping should be
+     *        saved in timelines.
+     * @return {boolean}
+     *          Returns false if segment time mapping could not be calculated
+     */
+    ;
+
+    _proto.calculateSegmentTimeMapping_ = function calculateSegmentTimeMapping_(segmentInfo, timingInfo, shouldSaveTimelineMapping) {
+      // TODO: remove side effects
+      var segment = segmentInfo.segment;
+      var part = segmentInfo.part;
+      var mappingObj = this.timelines[segmentInfo.timeline];
+      var start;
+      var end;
+
+      if (typeof segmentInfo.timestampOffset === 'number') {
+        mappingObj = {
+          time: segmentInfo.startOfSegment,
+          mapping: segmentInfo.startOfSegment - timingInfo.start
+        };
+
+        if (shouldSaveTimelineMapping) {
+          this.timelines[segmentInfo.timeline] = mappingObj;
+          this.trigger('timestampoffset');
+          this.logger_("time mapping for timeline " + segmentInfo.timeline + ": " + ("[time: " + mappingObj.time + "] [mapping: " + mappingObj.mapping + "]"));
+        }
+
+        start = segmentInfo.startOfSegment;
+        end = timingInfo.end + mappingObj.mapping;
+      } else if (mappingObj) {
+        start = timingInfo.start + mappingObj.mapping;
+        end = timingInfo.end + mappingObj.mapping;
+      } else {
+        return false;
+      }
+
+      if (part) {
+        part.start = start;
+        part.end = end;
+      } // If we don't have a segment start yet or the start value we got
+      // is less than our current segment.start value, save a new start value.
+      // We have to do this because parts will have segment timing info saved
+      // multiple times and we want segment start to be the earliest part start
+      // value for that segment.
+
+
+      if (!segment.start || start < segment.start) {
+        segment.start = start;
+      }
+
+      segment.end = end;
+      return true;
+    }
+    /**
+     * Each time we have discontinuity in the playlist, attempt to calculate the location
+     * in display of the start of the discontinuity and save that. We also save an accuracy
+     * value so that we save values with the most accuracy (closest to 0.)
+     *
+     * @private
+     * @param {SegmentInfo} segmentInfo - The current active request information
+     */
+    ;
+
+    _proto.saveDiscontinuitySyncInfo_ = function saveDiscontinuitySyncInfo_(segmentInfo) {
+      var playlist = segmentInfo.playlist;
+      var segment = segmentInfo.segment; // If the current segment is a discontinuity then we know exactly where
+      // the start of the range and it's accuracy is 0 (greater accuracy values
+      // mean more approximation)
+
+      if (segment.discontinuity) {
+        this.discontinuities[segment.timeline] = {
+          time: segment.start,
+          accuracy: 0
+        };
+      } else if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
+        // Search for future discontinuities that we can provide better timing
+        // information for and save that information for sync purposes
+        for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
+          var segmentIndex = playlist.discontinuityStarts[i];
+          var discontinuity = playlist.discontinuitySequence + i + 1;
+          var mediaIndexDiff = segmentIndex - segmentInfo.mediaIndex;
+          var accuracy = Math.abs(mediaIndexDiff);
+
+          if (!this.discontinuities[discontinuity] || this.discontinuities[discontinuity].accuracy > accuracy) {
+            var time = void 0;
+
+            if (mediaIndexDiff < 0) {
+              time = segment.start - sumDurations({
+                defaultDuration: playlist.targetDuration,
+                durationList: playlist.segments,
+                startIndex: segmentInfo.mediaIndex,
+                endIndex: segmentIndex
+              });
+            } else {
+              time = segment.end + sumDurations({
+                defaultDuration: playlist.targetDuration,
+                durationList: playlist.segments,
+                startIndex: segmentInfo.mediaIndex + 1,
+                endIndex: segmentIndex
+              });
+            }
+
+            this.discontinuities[discontinuity] = {
+              time: time,
+              accuracy: accuracy
+            };
+          }
+        }
+      }
+    };
+
+    _proto.dispose = function dispose() {
+      this.trigger('dispose');
+      this.off();
+    };
+
+    return SyncController;
+  }(videojs.EventTarget);
+  /**
+   * The TimelineChangeController acts as a source for segment loaders to listen for and
+   * keep track of latest and pending timeline changes. This is useful to ensure proper
+   * sync, as each loader may need to make a consideration for what timeline the other
+   * loader is on before making changes which could impact the other loader's media.
+   *
+   * @class TimelineChangeController
+   * @extends videojs.EventTarget
+   */
+
+
+  var TimelineChangeController = /*#__PURE__*/function (_videojs$EventTarget) {
+    inheritsLoose(TimelineChangeController, _videojs$EventTarget);
+
+    function TimelineChangeController() {
+      var _this;
+
+      _this = _videojs$EventTarget.call(this) || this;
+      _this.pendingTimelineChanges_ = {};
+      _this.lastTimelineChanges_ = {};
+      return _this;
+    }
+
+    var _proto = TimelineChangeController.prototype;
+
+    _proto.clearPendingTimelineChange = function clearPendingTimelineChange(type) {
+      this.pendingTimelineChanges_[type] = null;
+      this.trigger('pendingtimelinechange');
+    };
+
+    _proto.pendingTimelineChange = function pendingTimelineChange(_ref) {
+      var type = _ref.type,
+          from = _ref.from,
+          to = _ref.to;
+
+      if (typeof from === 'number' && typeof to === 'number') {
+        this.pendingTimelineChanges_[type] = {
+          type: type,
+          from: from,
+          to: to
+        };
+        this.trigger('pendingtimelinechange');
+      }
+
+      return this.pendingTimelineChanges_[type];
+    };
+
+    _proto.lastTimelineChange = function lastTimelineChange(_ref2) {
+      var type = _ref2.type,
+          from = _ref2.from,
+          to = _ref2.to;
+
+      if (typeof from === 'number' && typeof to === 'number') {
+        this.lastTimelineChanges_[type] = {
+          type: type,
+          from: from,
+          to: to
+        };
+        delete this.pendingTimelineChanges_[type];
+        this.trigger('timelinechange');
+      }
+
+      return this.lastTimelineChanges_[type];
+    };
+
+    _proto.dispose = function dispose() {
+      this.trigger('dispose');
+      this.pendingTimelineChanges_ = {};
+      this.lastTimelineChanges_ = {};
+      this.off();
+    };
+
+    return TimelineChangeController;
+  }(videojs.EventTarget);
+  /* rollup-plugin-worker-factory start for worker!/Users/bcasey/Projects/videojs-http-streaming/src/decrypter-worker.js */
+
+
+  var workerCode = transform(getWorkerString(function () {
+    function createCommonjsModule(fn, basedir, module) {
+      return module = {
+        path: basedir,
+        exports: {},
+        require: function require(path, base) {
+          return commonjsRequire(path, base === undefined || base === null ? module.path : base);
+        }
+      }, fn(module, module.exports), module.exports;
+    }
+
+    function commonjsRequire() {
+      throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+    }
+
+    var createClass = createCommonjsModule(function (module) {
+      function _defineProperties(target, props) {
+        for (var i = 0; i < props.length; i++) {
+          var descriptor = props[i];
+          descriptor.enumerable = descriptor.enumerable || false;
+          descriptor.configurable = true;
+          if ("value" in descriptor) descriptor.writable = true;
+          Object.defineProperty(target, descriptor.key, descriptor);
+        }
+      }
+
+      function _createClass(Constructor, protoProps, staticProps) {
+        if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+        if (staticProps) _defineProperties(Constructor, staticProps);
+        return Constructor;
+      }
+
+      module.exports = _createClass;
+      module.exports["default"] = module.exports, module.exports.__esModule = true;
+    });
+    var setPrototypeOf = createCommonjsModule(function (module) {
+      function _setPrototypeOf(o, p) {
+        module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+          o.__proto__ = p;
+          return o;
+        };
+
+        module.exports["default"] = module.exports, module.exports.__esModule = true;
+        return _setPrototypeOf(o, p);
+      }
+
+      module.exports = _setPrototypeOf;
+      module.exports["default"] = module.exports, module.exports.__esModule = true;
+    });
+    var inheritsLoose = createCommonjsModule(function (module) {
+      function _inheritsLoose(subClass, superClass) {
+        subClass.prototype = Object.create(superClass.prototype);
+        subClass.prototype.constructor = subClass;
+        setPrototypeOf(subClass, superClass);
+      }
+
+      module.exports = _inheritsLoose;
+      module.exports["default"] = module.exports, module.exports.__esModule = true;
+    });
+    /**
+     * @file stream.js
+     */
+
+    /**
+     * A lightweight readable stream implemention that handles event dispatching.
+     *
+     * @class Stream
+     */
+
+    var Stream = /*#__PURE__*/function () {
+      function Stream() {
+        this.listeners = {};
+      }
+      /**
+       * Add a listener for a specified event type.
+       *
+       * @param {string} type the event name
+       * @param {Function} listener the callback to be invoked when an event of
+       * the specified type occurs
+       */
+
+
+      var _proto = Stream.prototype;
+
+      _proto.on = function on(type, listener) {
+        if (!this.listeners[type]) {
+          this.listeners[type] = [];
+        }
+
+        this.listeners[type].push(listener);
+      }
+      /**
+       * Remove a listener for a specified event type.
+       *
+       * @param {string} type the event name
+       * @param {Function} listener  a function previously registered for this
+       * type of event through `on`
+       * @return {boolean} if we could turn it off or not
+       */
+      ;
+
+      _proto.off = function off(type, listener) {
+        if (!this.listeners[type]) {
+          return false;
+        }
+
+        var index = this.listeners[type].indexOf(listener); // TODO: which is better?
+        // In Video.js we slice listener functions
+        // on trigger so that it does not mess up the order
+        // while we loop through.
+        //
+        // Here we slice on off so that the loop in trigger
+        // can continue using it's old reference to loop without
+        // messing up the order.
+
+        this.listeners[type] = this.listeners[type].slice(0);
+        this.listeners[type].splice(index, 1);
+        return index > -1;
+      }
+      /**
+       * Trigger an event of the specified type on this stream. Any additional
+       * arguments to this function are passed as parameters to event listeners.
+       *
+       * @param {string} type the event name
+       */
+      ;
+
+      _proto.trigger = function trigger(type) {
+        var callbacks = this.listeners[type];
+
+        if (!callbacks) {
+          return;
+        } // Slicing the arguments on every invocation of this method
+        // can add a significant amount of overhead. Avoid the
+        // intermediate object creation for the common case of a
+        // single callback argument
+
+
+        if (arguments.length === 2) {
+          var length = callbacks.length;
+
+          for (var i = 0; i < length; ++i) {
+            callbacks[i].call(this, arguments[1]);
+          }
+        } else {
+          var args = Array.prototype.slice.call(arguments, 1);
+          var _length = callbacks.length;
+
+          for (var _i = 0; _i < _length; ++_i) {
+            callbacks[_i].apply(this, args);
+          }
+        }
+      }
+      /**
+       * Destroys the stream and cleans up.
+       */
+      ;
+
+      _proto.dispose = function dispose() {
+        this.listeners = {};
+      }
+      /**
+       * Forwards all `data` events on this stream to the destination stream. The
+       * destination stream should provide a method `push` to receive the data
+       * events as they arrive.
+       *
+       * @param {Stream} destination the stream that will receive all `data` events
+       * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
+       */
+      ;
+
+      _proto.pipe = function pipe(destination) {
+        this.on('data', function (data) {
+          destination.push(data);
+        });
+      };
+
+      return Stream;
+    }();
+    /*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
+
+    /**
+     * Returns the subarray of a Uint8Array without PKCS#7 padding.
+     *
+     * @param padded {Uint8Array} unencrypted bytes that have been padded
+     * @return {Uint8Array} the unpadded bytes
+     * @see http://tools.ietf.org/html/rfc5652
+     */
+
+
+    function unpad(padded) {
+      return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
+    }
+    /*! @name aes-decrypter @version 3.1.2 @license Apache-2.0 */
+
+    /**
+     * @file aes.js
+     *
+     * This file contains an adaptation of the AES decryption algorithm
+     * from the Standford Javascript Cryptography Library. That work is
+     * covered by the following copyright and permissions notice:
+     *
+     * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
+     * All rights reserved.
+     *
+     * Redistribution and use in source and binary forms, with or without
+     * modification, are permitted provided that the following conditions are
+     * met:
+     *
+     * 1. Redistributions of source code must retain the above copyright
+     *    notice, this list of conditions and the following disclaimer.
+     *
+     * 2. Redistributions in binary form must reproduce the above
+     *    copyright notice, this list of conditions and the following
+     *    disclaimer in the documentation and/or other materials provided
+     *    with the distribution.
+     *
+     * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``AS IS'' AND ANY EXPRESS OR
+     * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+     * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+     * DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR CONTRIBUTORS BE
+     * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+     * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+     * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
+     * BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
+     * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
+     * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN
+     * IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+     *
+     * The views and conclusions contained in the software and documentation
+     * are those of the authors and should not be interpreted as representing
+     * official policies, either expressed or implied, of the authors.
+     */
+
+    /**
+     * Expand the S-box tables.
+     *
+     * @private
+     */
+
+
+    var precompute = function precompute() {
+      var tables = [[[], [], [], [], []], [[], [], [], [], []]];
+      var encTable = tables[0];
+      var decTable = tables[1];
+      var sbox = encTable[4];
+      var sboxInv = decTable[4];
+      var i;
+      var x;
+      var xInv;
+      var d = [];
+      var th = [];
+      var x2;
+      var x4;
+      var x8;
+      var s;
+      var tEnc;
+      var tDec; // Compute double and third tables
+
+      for (i = 0; i < 256; i++) {
+        th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
+      }
+
+      for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
+        // Compute sbox
+        s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
+        s = s >> 8 ^ s & 255 ^ 99;
+        sbox[x] = s;
+        sboxInv[s] = x; // Compute MixColumns
+
+        x8 = d[x4 = d[x2 = d[x]]];
+        tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
+        tEnc = d[s] * 0x101 ^ s * 0x1010100;
+
+        for (i = 0; i < 4; i++) {
+          encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
+          decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
+        }
+      } // Compactify. Considerable speedup on Firefox.
+
+
+      for (i = 0; i < 5; i++) {
+        encTable[i] = encTable[i].slice(0);
+        decTable[i] = decTable[i].slice(0);
+      }
+
+      return tables;
+    };
+
+    var aesTables = null;
+    /**
+     * Schedule out an AES key for both encryption and decryption. This
+     * is a low-level class. Use a cipher mode to do bulk encryption.
+     *
+     * @class AES
+     * @param key {Array} The key as an array of 4, 6 or 8 words.
+     */
+
+    var AES = /*#__PURE__*/function () {
+      function AES(key) {
+        /**
+        * The expanded S-box and inverse S-box tables. These will be computed
+        * on the client so that we don't have to send them down the wire.
+        *
+        * There are two tables, _tables[0] is for encryption and
+        * _tables[1] is for decryption.
+        *
+        * The first 4 sub-tables are the expanded S-box with MixColumns. The
+        * last (_tables[01][4]) is the S-box itself.
+        *
+        * @private
+        */
+        // if we have yet to precompute the S-box tables
+        // do so now
+        if (!aesTables) {
+          aesTables = precompute();
+        } // then make a copy of that object for use
+
+
+        this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
+        var i;
+        var j;
+        var tmp;
+        var sbox = this._tables[0][4];
+        var decTable = this._tables[1];
+        var keyLen = key.length;
+        var rcon = 1;
+
+        if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
+          throw new Error('Invalid aes key size');
+        }
+
+        var encKey = key.slice(0);
+        var decKey = [];
+        this._key = [encKey, decKey]; // schedule encryption keys
+
+        for (i = keyLen; i < 4 * keyLen + 28; i++) {
+          tmp = encKey[i - 1]; // apply sbox
+
+          if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
+            tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
+
+            if (i % keyLen === 0) {
+              tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
+              rcon = rcon << 1 ^ (rcon >> 7) * 283;
+            }
+          }
+
+          encKey[i] = encKey[i - keyLen] ^ tmp;
+        } // schedule decryption keys
+
+
+        for (j = 0; i; j++, i--) {
+          tmp = encKey[j & 3 ? i : i - 4];
+
+          if (i <= 4 || j < 4) {
+            decKey[j] = tmp;
+          } else {
+            decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
+          }
+        }
+      }
+      /**
+       * Decrypt 16 bytes, specified as four 32-bit words.
+       *
+       * @param {number} encrypted0 the first word to decrypt
+       * @param {number} encrypted1 the second word to decrypt
+       * @param {number} encrypted2 the third word to decrypt
+       * @param {number} encrypted3 the fourth word to decrypt
+       * @param {Int32Array} out the array to write the decrypted words
+       * into
+       * @param {number} offset the offset into the output array to start
+       * writing results
+       * @return {Array} The plaintext.
+       */
+
+
+      var _proto = AES.prototype;
+
+      _proto.decrypt = function decrypt(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
+        var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
+
+        var a = encrypted0 ^ key[0];
+        var b = encrypted3 ^ key[1];
+        var c = encrypted2 ^ key[2];
+        var d = encrypted1 ^ key[3];
+        var a2;
+        var b2;
+        var c2; // key.length === 2 ?
+
+        var nInnerRounds = key.length / 4 - 2;
+        var i;
+        var kIndex = 4;
+        var table = this._tables[1]; // load up the tables
+
+        var table0 = table[0];
+        var table1 = table[1];
+        var table2 = table[2];
+        var table3 = table[3];
+        var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
+
+        for (i = 0; i < nInnerRounds; i++) {
+          a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
+          b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
+          c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
+          d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
+          kIndex += 4;
+          a = a2;
+          b = b2;
+          c = c2;
+        } // Last round.
+
+
+        for (i = 0; i < 4; i++) {
+          out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
+          a2 = a;
+          a = b;
+          b = c;
+          c = d;
+          d = a2;
+        }
+      };
+
+      return AES;
+    }();
+    /**
+     * A wrapper around the Stream class to use setTimeout
+     * and run stream "jobs" Asynchronously
+     *
+     * @class AsyncStream
+     * @extends Stream
+     */
+
+
+    var AsyncStream = /*#__PURE__*/function (_Stream) {
+      inheritsLoose(AsyncStream, _Stream);
+
+      function AsyncStream() {
+        var _this;
+
+        _this = _Stream.call(this, Stream) || this;
+        _this.jobs = [];
+        _this.delay = 1;
+        _this.timeout_ = null;
+        return _this;
+      }
+      /**
+       * process an async job
+       *
+       * @private
+       */
+
+
+      var _proto = AsyncStream.prototype;
+
+      _proto.processJob_ = function processJob_() {
+        this.jobs.shift()();
+
+        if (this.jobs.length) {
+          this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
+        } else {
+          this.timeout_ = null;
+        }
+      }
+      /**
+       * push a job into the stream
+       *
+       * @param {Function} job the job to push into the stream
+       */
+      ;
+
+      _proto.push = function push(job) {
+        this.jobs.push(job);
+
+        if (!this.timeout_) {
+          this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
+        }
+      };
+
+      return AsyncStream;
+    }(Stream);
+    /**
+     * Convert network-order (big-endian) bytes into their little-endian
+     * representation.
+     */
+
+
+    var ntoh = function ntoh(word) {
+      return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
+    };
+    /**
+     * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
+     *
+     * @param {Uint8Array} encrypted the encrypted bytes
+     * @param {Uint32Array} key the bytes of the decryption key
+     * @param {Uint32Array} initVector the initialization vector (IV) to
+     * use for the first round of CBC.
+     * @return {Uint8Array} the decrypted bytes
+     *
+     * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
+     * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
+     * @see https://tools.ietf.org/html/rfc2315
+     */
+
+
+    var decrypt = function decrypt(encrypted, key, initVector) {
+      // word-level access to the encrypted bytes
+      var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
+      var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
+
+      var decrypted = new Uint8Array(encrypted.byteLength);
+      var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
+      // decrypted data
+
+      var init0;
+      var init1;
+      var init2;
+      var init3;
+      var encrypted0;
+      var encrypted1;
+      var encrypted2;
+      var encrypted3; // iteration variable
+
+      var wordIx; // pull out the words of the IV to ensure we don't modify the
+      // passed-in reference and easier access
+
+      init0 = initVector[0];
+      init1 = initVector[1];
+      init2 = initVector[2];
+      init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
+      // to each decrypted block
+
+      for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
+        // convert big-endian (network order) words into little-endian
+        // (javascript order)
+        encrypted0 = ntoh(encrypted32[wordIx]);
+        encrypted1 = ntoh(encrypted32[wordIx + 1]);
+        encrypted2 = ntoh(encrypted32[wordIx + 2]);
+        encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
+
+        decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
+        // plaintext
+
+        decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
+        decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
+        decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
+        decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
+
+        init0 = encrypted0;
+        init1 = encrypted1;
+        init2 = encrypted2;
+        init3 = encrypted3;
+      }
+
+      return decrypted;
+    };
+    /**
+     * The `Decrypter` class that manages decryption of AES
+     * data through `AsyncStream` objects and the `decrypt`
+     * function
+     *
+     * @param {Uint8Array} encrypted the encrypted bytes
+     * @param {Uint32Array} key the bytes of the decryption key
+     * @param {Uint32Array} initVector the initialization vector (IV) to
+     * @param {Function} done the function to run when done
+     * @class Decrypter
+     */
+
+
+    var Decrypter = /*#__PURE__*/function () {
+      function Decrypter(encrypted, key, initVector, done) {
+        var step = Decrypter.STEP;
+        var encrypted32 = new Int32Array(encrypted.buffer);
+        var decrypted = new Uint8Array(encrypted.byteLength);
+        var i = 0;
+        this.asyncStream_ = new AsyncStream(); // split up the encryption job and do the individual chunks asynchronously
+
+        this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
+
+        for (i = step; i < encrypted32.length; i += step) {
+          initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
+          this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
+        } // invoke the done() callback when everything is finished
+
+
+        this.asyncStream_.push(function () {
+          // remove pkcs#7 padding from the decrypted bytes
+          done(null, unpad(decrypted));
+        });
+      }
+      /**
+       * a getter for step the maximum number of bytes to process at one time
+       *
+       * @return {number} the value of step 32000
+       */
+
+
+      var _proto = Decrypter.prototype;
+      /**
+       * @private
+       */
+
+      _proto.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
+        return function () {
+          var bytes = decrypt(encrypted, key, initVector);
+          decrypted.set(bytes, encrypted.byteOffset);
+        };
+      };
+
+      createClass(Decrypter, null, [{
+        key: "STEP",
+        get: function get() {
+          // 4 * 8000;
+          return 32000;
+        }
+      }]);
+      return Decrypter;
+    }();
+    /**
+     * @file bin-utils.js
+     */
+
+    /**
+     * Creates an object for sending to a web worker modifying properties that are TypedArrays
+     * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
+     *
+     * @param {Object} message
+     *        Object of properties and values to send to the web worker
+     * @return {Object}
+     *         Modified message with TypedArray values expanded
+     * @function createTransferableMessage
+     */
+
+
+    var createTransferableMessage = function createTransferableMessage(message) {
+      var transferable = {};
+      Object.keys(message).forEach(function (key) {
+        var value = message[key];
+
+        if (ArrayBuffer.isView(value)) {
+          transferable[key] = {
+            bytes: value.buffer,
+            byteOffset: value.byteOffset,
+            byteLength: value.byteLength
+          };
+        } else {
+          transferable[key] = value;
+        }
+      });
+      return transferable;
+    };
+    /* global self */
+
+    /**
+     * Our web worker interface so that things can talk to aes-decrypter
+     * that will be running in a web worker. the scope is passed to this by
+     * webworkify.
+     */
+
+
+    self.onmessage = function (event) {
+      var data = event.data;
+      var encrypted = new Uint8Array(data.encrypted.bytes, data.encrypted.byteOffset, data.encrypted.byteLength);
+      var key = new Uint32Array(data.key.bytes, data.key.byteOffset, data.key.byteLength / 4);
+      var iv = new Uint32Array(data.iv.bytes, data.iv.byteOffset, data.iv.byteLength / 4);
+      /* eslint-disable no-new, handle-callback-err */
+
+      new Decrypter(encrypted, key, iv, function (err, bytes) {
+        self.postMessage(createTransferableMessage({
+          source: data.source,
+          decrypted: bytes
+        }), [bytes.buffer]);
+      });
+      /* eslint-enable */
+    };
+  }));
+  var Decrypter = factory(workerCode);
+  /* rollup-plugin-worker-factory end for worker!/Users/bcasey/Projects/videojs-http-streaming/src/decrypter-worker.js */
+
+  /**
+   * Convert the properties of an HLS track into an audioTrackKind.
+   *
+   * @private
+   */
+
+  var audioTrackKind_ = function audioTrackKind_(properties) {
+    var kind = properties["default"] ? 'main' : 'alternative';
+
+    if (properties.characteristics && properties.characteristics.indexOf('public.accessibility.describes-video') >= 0) {
+      kind = 'main-desc';
+    }
+
+    return kind;
+  };
+  /**
+   * Pause provided segment loader and playlist loader if active
+   *
+   * @param {SegmentLoader} segmentLoader
+   *        SegmentLoader to pause
+   * @param {Object} mediaType
+   *        Active media type
+   * @function stopLoaders
+   */
+
+
+  var stopLoaders = function stopLoaders(segmentLoader, mediaType) {
+    segmentLoader.abort();
+    segmentLoader.pause();
+
+    if (mediaType && mediaType.activePlaylistLoader) {
+      mediaType.activePlaylistLoader.pause();
+      mediaType.activePlaylistLoader = null;
+    }
+  };
+  /**
+   * Start loading provided segment loader and playlist loader
+   *
+   * @param {PlaylistLoader} playlistLoader
+   *        PlaylistLoader to start loading
+   * @param {Object} mediaType
+   *        Active media type
+   * @function startLoaders
+   */
+
+
+  var startLoaders = function startLoaders(playlistLoader, mediaType) {
+    // Segment loader will be started after `loadedmetadata` or `loadedplaylist` from the
+    // playlist loader
+    mediaType.activePlaylistLoader = playlistLoader;
+    playlistLoader.load();
+  };
+  /**
+   * Returns a function to be called when the media group changes. It performs a
+   * non-destructive (preserve the buffer) resync of the SegmentLoader. This is because a
+   * change of group is merely a rendition switch of the same content at another encoding,
+   * rather than a change of content, such as switching audio from English to Spanish.
+   *
+   * @param {string} type
+   *        MediaGroup type
+   * @param {Object} settings
+   *        Object containing required information for media groups
+   * @return {Function}
+   *         Handler for a non-destructive resync of SegmentLoader when the active media
+   *         group changes.
+   * @function onGroupChanged
+   */
+
+
+  var onGroupChanged = function onGroupChanged(type, settings) {
+    return function () {
+      var _settings$segmentLoad = settings.segmentLoaders,
+          segmentLoader = _settings$segmentLoad[type],
+          mainSegmentLoader = _settings$segmentLoad.main,
+          mediaType = settings.mediaTypes[type];
+      var activeTrack = mediaType.activeTrack();
+      var activeGroup = mediaType.getActiveGroup();
+      var previousActiveLoader = mediaType.activePlaylistLoader;
+      var lastGroup = mediaType.lastGroup_; // the group did not change do nothing
+
+      if (activeGroup && lastGroup && activeGroup.id === lastGroup.id) {
+        return;
+      }
+
+      mediaType.lastGroup_ = activeGroup;
+      mediaType.lastTrack_ = activeTrack;
+      stopLoaders(segmentLoader, mediaType);
+
+      if (!activeGroup || activeGroup.isMasterPlaylist) {
+        // there is no group active or active group is a main playlist and won't change
+        return;
+      }
+
+      if (!activeGroup.playlistLoader) {
+        if (previousActiveLoader) {
+          // The previous group had a playlist loader but the new active group does not
+          // this means we are switching from demuxed to muxed audio. In this case we want to
+          // do a destructive reset of the main segment loader and not restart the audio
+          // loaders.
+          mainSegmentLoader.resetEverything();
+        }
+
+        return;
+      } // Non-destructive resync
+
+
+      segmentLoader.resyncLoader();
+      startLoaders(activeGroup.playlistLoader, mediaType);
+    };
+  };
+
+  var onGroupChanging = function onGroupChanging(type, settings) {
+    return function () {
+      var segmentLoader = settings.segmentLoaders[type],
+          mediaType = settings.mediaTypes[type];
+      mediaType.lastGroup_ = null;
+      segmentLoader.abort();
+      segmentLoader.pause();
+    };
+  };
+  /**
+   * Returns a function to be called when the media track changes. It performs a
+   * destructive reset of the SegmentLoader to ensure we start loading as close to
+   * currentTime as possible.
+   *
+   * @param {string} type
+   *        MediaGroup type
+   * @param {Object} settings
+   *        Object containing required information for media groups
+   * @return {Function}
+   *         Handler for a destructive reset of SegmentLoader when the active media
+   *         track changes.
+   * @function onTrackChanged
+   */
+
+
+  var onTrackChanged = function onTrackChanged(type, settings) {
+    return function () {
+      var masterPlaylistLoader = settings.masterPlaylistLoader,
+          _settings$segmentLoad2 = settings.segmentLoaders,
+          segmentLoader = _settings$segmentLoad2[type],
+          mainSegmentLoader = _settings$segmentLoad2.main,
+          mediaType = settings.mediaTypes[type];
+      var activeTrack = mediaType.activeTrack();
+      var activeGroup = mediaType.getActiveGroup();
+      var previousActiveLoader = mediaType.activePlaylistLoader;
+      var lastTrack = mediaType.lastTrack_; // track did not change, do nothing
+
+      if (lastTrack && activeTrack && lastTrack.id === activeTrack.id) {
+        return;
+      }
+
+      mediaType.lastGroup_ = activeGroup;
+      mediaType.lastTrack_ = activeTrack;
+      stopLoaders(segmentLoader, mediaType);
+
+      if (!activeGroup) {
+        // there is no group active so we do not want to restart loaders
+        return;
+      }
+
+      if (activeGroup.isMasterPlaylist) {
+        // track did not change, do nothing
+        if (!activeTrack || !lastTrack || activeTrack.id === lastTrack.id) {
+          return;
+        }
+
+        var mpc = settings.vhs.masterPlaylistController_;
+        var newPlaylist = mpc.selectPlaylist(); // media will not change do nothing
+
+        if (mpc.media() === newPlaylist) {
+          return;
+        }
+
+        mediaType.logger_("track change. Switching master audio from " + lastTrack.id + " to " + activeTrack.id);
+        masterPlaylistLoader.pause();
+        mainSegmentLoader.resetEverything();
+        mpc.fastQualityChange_(newPlaylist);
+        return;
+      }
+
+      if (type === 'AUDIO') {
+        if (!activeGroup.playlistLoader) {
+          // when switching from demuxed audio/video to muxed audio/video (noted by no
+          // playlist loader for the audio group), we want to do a destructive reset of the
+          // main segment loader and not restart the audio loaders
+          mainSegmentLoader.setAudio(true); // don't have to worry about disabling the audio of the audio segment loader since
+          // it should be stopped
+
+          mainSegmentLoader.resetEverything();
+          return;
+        } // although the segment loader is an audio segment loader, call the setAudio
+        // function to ensure it is prepared to re-append the init segment (or handle other
+        // config changes)
+
+
+        segmentLoader.setAudio(true);
+        mainSegmentLoader.setAudio(false);
+      }
+
+      if (previousActiveLoader === activeGroup.playlistLoader) {
+        // Nothing has actually changed. This can happen because track change events can fire
+        // multiple times for a "single" change. One for enabling the new active track, and
+        // one for disabling the track that was active
+        startLoaders(activeGroup.playlistLoader, mediaType);
+        return;
+      }
+
+      if (segmentLoader.track) {
+        // For WebVTT, set the new text track in the segmentloader
+        segmentLoader.track(activeTrack);
+      } // destructive reset
+
+
+      segmentLoader.resetEverything();
+      startLoaders(activeGroup.playlistLoader, mediaType);
+    };
+  };
+
+  var onError = {
+    /**
+     * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
+     * an error.
+     *
+     * @param {string} type
+     *        MediaGroup type
+     * @param {Object} settings
+     *        Object containing required information for media groups
+     * @return {Function}
+     *         Error handler. Logs warning (or error if the playlist is blacklisted) to
+     *         console and switches back to default audio track.
+     * @function onError.AUDIO
+     */
+    AUDIO: function AUDIO(type, settings) {
+      return function () {
+        var segmentLoader = settings.segmentLoaders[type],
+            mediaType = settings.mediaTypes[type],
+            blacklistCurrentPlaylist = settings.blacklistCurrentPlaylist;
+        stopLoaders(segmentLoader, mediaType); // switch back to default audio track
+
+        var activeTrack = mediaType.activeTrack();
+        var activeGroup = mediaType.activeGroup();
+        var id = (activeGroup.filter(function (group) {
+          return group["default"];
+        })[0] || activeGroup[0]).id;
+        var defaultTrack = mediaType.tracks[id];
+
+        if (activeTrack === defaultTrack) {
+          // Default track encountered an error. All we can do now is blacklist the current
+          // rendition and hope another will switch audio groups
+          blacklistCurrentPlaylist({
+            message: 'Problem encountered loading the default audio track.'
+          });
+          return;
+        }
+
+        videojs.log.warn('Problem encountered loading the alternate audio track.' + 'Switching back to default.');
+
+        for (var trackId in mediaType.tracks) {
+          mediaType.tracks[trackId].enabled = mediaType.tracks[trackId] === defaultTrack;
+        }
+
+        mediaType.onTrackChanged();
+      };
+    },
+
+    /**
+     * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
+     * an error.
+     *
+     * @param {string} type
+     *        MediaGroup type
+     * @param {Object} settings
+     *        Object containing required information for media groups
+     * @return {Function}
+     *         Error handler. Logs warning to console and disables the active subtitle track
+     * @function onError.SUBTITLES
+     */
+    SUBTITLES: function SUBTITLES(type, settings) {
+      return function () {
+        var segmentLoader = settings.segmentLoaders[type],
+            mediaType = settings.mediaTypes[type];
+        videojs.log.warn('Problem encountered loading the subtitle track.' + 'Disabling subtitle track.');
+        stopLoaders(segmentLoader, mediaType);
+        var track = mediaType.activeTrack();
+
+        if (track) {
+          track.mode = 'disabled';
+        }
+
+        mediaType.onTrackChanged();
+      };
+    }
+  };
+  var setupListeners = {
+    /**
+     * Setup event listeners for audio playlist loader
+     *
+     * @param {string} type
+     *        MediaGroup type
+     * @param {PlaylistLoader|null} playlistLoader
+     *        PlaylistLoader to register listeners on
+     * @param {Object} settings
+     *        Object containing required information for media groups
+     * @function setupListeners.AUDIO
+     */
+    AUDIO: function AUDIO(type, playlistLoader, settings) {
+      if (!playlistLoader) {
+        // no playlist loader means audio will be muxed with the video
+        return;
+      }
+
+      var tech = settings.tech,
+          requestOptions = settings.requestOptions,
+          segmentLoader = settings.segmentLoaders[type];
+      playlistLoader.on('loadedmetadata', function () {
+        var media = playlistLoader.media();
+        segmentLoader.playlist(media, requestOptions); // if the video is already playing, or if this isn't a live video and preload
+        // permits, start downloading segments
+
+        if (!tech.paused() || media.endList && tech.preload() !== 'none') {
+          segmentLoader.load();
+        }
+      });
+      playlistLoader.on('loadedplaylist', function () {
+        segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
+
+        if (!tech.paused()) {
+          segmentLoader.load();
+        }
+      });
+      playlistLoader.on('error', onError[type](type, settings));
+    },
+
+    /**
+     * Setup event listeners for subtitle playlist loader
+     *
+     * @param {string} type
+     *        MediaGroup type
+     * @param {PlaylistLoader|null} playlistLoader
+     *        PlaylistLoader to register listeners on
+     * @param {Object} settings
+     *        Object containing required information for media groups
+     * @function setupListeners.SUBTITLES
+     */
+    SUBTITLES: function SUBTITLES(type, playlistLoader, settings) {
+      var tech = settings.tech,
+          requestOptions = settings.requestOptions,
+          segmentLoader = settings.segmentLoaders[type],
+          mediaType = settings.mediaTypes[type];
+      playlistLoader.on('loadedmetadata', function () {
+        var media = playlistLoader.media();
+        segmentLoader.playlist(media, requestOptions);
+        segmentLoader.track(mediaType.activeTrack()); // if the video is already playing, or if this isn't a live video and preload
+        // permits, start downloading segments
+
+        if (!tech.paused() || media.endList && tech.preload() !== 'none') {
+          segmentLoader.load();
+        }
+      });
+      playlistLoader.on('loadedplaylist', function () {
+        segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
+
+        if (!tech.paused()) {
+          segmentLoader.load();
+        }
+      });
+      playlistLoader.on('error', onError[type](type, settings));
+    }
+  };
+  var initialize = {
+    /**
+     * Setup PlaylistLoaders and AudioTracks for the audio groups
+     *
+     * @param {string} type
+     *        MediaGroup type
+     * @param {Object} settings
+     *        Object containing required information for media groups
+     * @function initialize.AUDIO
+     */
+    'AUDIO': function AUDIO(type, settings) {
+      var vhs = settings.vhs,
+          sourceType = settings.sourceType,
+          segmentLoader = settings.segmentLoaders[type],
+          requestOptions = settings.requestOptions,
+          mediaGroups = settings.master.mediaGroups,
+          _settings$mediaTypes$ = settings.mediaTypes[type],
+          groups = _settings$mediaTypes$.groups,
+          tracks = _settings$mediaTypes$.tracks,
+          logger_ = _settings$mediaTypes$.logger_,
+          masterPlaylistLoader = settings.masterPlaylistLoader;
+      var audioOnlyMaster = isAudioOnly(masterPlaylistLoader.master); // force a default if we have none
+
+      if (!mediaGroups[type] || Object.keys(mediaGroups[type]).length === 0) {
+        mediaGroups[type] = {
+          main: {
+            "default": {
+              "default": true
+            }
+          }
+        };
+
+        if (audioOnlyMaster) {
+          mediaGroups[type].main["default"].playlists = masterPlaylistLoader.master.playlists;
+        }
+      }
+
+      for (var groupId in mediaGroups[type]) {
+        if (!groups[groupId]) {
+          groups[groupId] = [];
+        }
+
+        for (var variantLabel in mediaGroups[type][groupId]) {
+          var properties = mediaGroups[type][groupId][variantLabel];
+          var playlistLoader = void 0;
+
+          if (audioOnlyMaster) {
+            logger_("AUDIO group '" + groupId + "' label '" + variantLabel + "' is a master playlist");
+            properties.isMasterPlaylist = true;
+            playlistLoader = null; // if vhs-json was provided as the source, and the media playlist was resolved,
+            // use the resolved media playlist object
+          } else if (sourceType === 'vhs-json' && properties.playlists) {
+            playlistLoader = new PlaylistLoader(properties.playlists[0], vhs, requestOptions);
+          } else if (properties.resolvedUri) {
+            playlistLoader = new PlaylistLoader(properties.resolvedUri, vhs, requestOptions); // TODO: dash isn't the only type with properties.playlists
+            // should we even have properties.playlists in this check.
+          } else if (properties.playlists && sourceType === 'dash') {
+            playlistLoader = new DashPlaylistLoader(properties.playlists[0], vhs, requestOptions, masterPlaylistLoader);
+          } else {
+            // no resolvedUri means the audio is muxed with the video when using this
+            // audio track
+            playlistLoader = null;
+          }
+
+          properties = videojs.mergeOptions({
+            id: variantLabel,
+            playlistLoader: playlistLoader
+          }, properties);
+          setupListeners[type](type, properties.playlistLoader, settings);
+          groups[groupId].push(properties);
+
+          if (typeof tracks[variantLabel] === 'undefined') {
+            var track = new videojs.AudioTrack({
+              id: variantLabel,
+              kind: audioTrackKind_(properties),
+              enabled: false,
+              language: properties.language,
+              "default": properties["default"],
+              label: variantLabel
+            });
+            tracks[variantLabel] = track;
+          }
+        }
+      } // setup single error event handler for the segment loader
+
+
+      segmentLoader.on('error', onError[type](type, settings));
+    },
+
+    /**
+     * Setup PlaylistLoaders and TextTracks for the subtitle groups
+     *
+     * @param {string} type
+     *        MediaGroup type
+     * @param {Object} settings
+     *        Object containing required information for media groups
+     * @function initialize.SUBTITLES
+     */
+    'SUBTITLES': function SUBTITLES(type, settings) {
+      var tech = settings.tech,
+          vhs = settings.vhs,
+          sourceType = settings.sourceType,
+          segmentLoader = settings.segmentLoaders[type],
+          requestOptions = settings.requestOptions,
+          mediaGroups = settings.master.mediaGroups,
+          _settings$mediaTypes$2 = settings.mediaTypes[type],
+          groups = _settings$mediaTypes$2.groups,
+          tracks = _settings$mediaTypes$2.tracks,
+          masterPlaylistLoader = settings.masterPlaylistLoader;
+
+      for (var groupId in mediaGroups[type]) {
+        if (!groups[groupId]) {
+          groups[groupId] = [];
+        }
+
+        for (var variantLabel in mediaGroups[type][groupId]) {
+          if (mediaGroups[type][groupId][variantLabel].forced) {
+            // Subtitle playlists with the forced attribute are not selectable in Safari.
+            // According to Apple's HLS Authoring Specification:
+            //   If content has forced subtitles and regular subtitles in a given language,
+            //   the regular subtitles track in that language MUST contain both the forced
+            //   subtitles and the regular subtitles for that language.
+            // Because of this requirement and that Safari does not add forced subtitles,
+            // forced subtitles are skipped here to maintain consistent experience across
+            // all platforms
+            continue;
+          }
+
+          var properties = mediaGroups[type][groupId][variantLabel];
+          var playlistLoader = void 0;
+
+          if (sourceType === 'hls') {
+            playlistLoader = new PlaylistLoader(properties.resolvedUri, vhs, requestOptions);
+          } else if (sourceType === 'dash') {
+            var playlists = properties.playlists.filter(function (p) {
+              return p.excludeUntil !== Infinity;
+            });
+
+            if (!playlists.length) {
+              return;
+            }
+
+            playlistLoader = new DashPlaylistLoader(properties.playlists[0], vhs, requestOptions, masterPlaylistLoader);
+          } else if (sourceType === 'vhs-json') {
+            playlistLoader = new PlaylistLoader( // if the vhs-json object included the media playlist, use the media playlist
+            // as provided, otherwise use the resolved URI to load the playlist
+            properties.playlists ? properties.playlists[0] : properties.resolvedUri, vhs, requestOptions);
+          }
+
+          properties = videojs.mergeOptions({
+            id: variantLabel,
+            playlistLoader: playlistLoader
+          }, properties);
+          setupListeners[type](type, properties.playlistLoader, settings);
+          groups[groupId].push(properties);
+
+          if (typeof tracks[variantLabel] === 'undefined') {
+            var track = tech.addRemoteTextTrack({
+              id: variantLabel,
+              kind: 'subtitles',
+              "default": properties["default"] && properties.autoselect,
+              language: properties.language,
+              label: variantLabel
+            }, false).track;
+            tracks[variantLabel] = track;
+          }
+        }
+      } // setup single error event handler for the segment loader
+
+
+      segmentLoader.on('error', onError[type](type, settings));
+    },
+
+    /**
+     * Setup TextTracks for the closed-caption groups
+     *
+     * @param {String} type
+     *        MediaGroup type
+     * @param {Object} settings
+     *        Object containing required information for media groups
+     * @function initialize['CLOSED-CAPTIONS']
+     */
+    'CLOSED-CAPTIONS': function CLOSEDCAPTIONS(type, settings) {
+      var tech = settings.tech,
+          mediaGroups = settings.master.mediaGroups,
+          _settings$mediaTypes$3 = settings.mediaTypes[type],
+          groups = _settings$mediaTypes$3.groups,
+          tracks = _settings$mediaTypes$3.tracks;
+
+      for (var groupId in mediaGroups[type]) {
+        if (!groups[groupId]) {
+          groups[groupId] = [];
+        }
+
+        for (var variantLabel in mediaGroups[type][groupId]) {
+          var properties = mediaGroups[type][groupId][variantLabel]; // Look for either 608 (CCn) or 708 (SERVICEn) caption services
+
+          if (!/^(?:CC|SERVICE)/.test(properties.instreamId)) {
+            continue;
+          }
+
+          var captionServices = tech.options_.vhs && tech.options_.vhs.captionServices || {};
+          var newProps = {
+            label: variantLabel,
+            language: properties.language,
+            instreamId: properties.instreamId,
+            "default": properties["default"] && properties.autoselect
+          };
+
+          if (captionServices[newProps.instreamId]) {
+            newProps = videojs.mergeOptions(newProps, captionServices[newProps.instreamId]);
+          }
+
+          if (newProps["default"] === undefined) {
+            delete newProps["default"];
+          } // No PlaylistLoader is required for Closed-Captions because the captions are
+          // embedded within the video stream
+
+
+          groups[groupId].push(videojs.mergeOptions({
+            id: variantLabel
+          }, properties));
+
+          if (typeof tracks[variantLabel] === 'undefined') {
+            var track = tech.addRemoteTextTrack({
+              id: newProps.instreamId,
+              kind: 'captions',
+              "default": newProps["default"],
+              language: newProps.language,
+              label: newProps.label
+            }, false).track;
+            tracks[variantLabel] = track;
+          }
+        }
+      }
+    }
+  };
+
+  var groupMatch = function groupMatch(list, media) {
+    for (var i = 0; i < list.length; i++) {
+      if (playlistMatch(media, list[i])) {
+        return true;
+      }
+
+      if (list[i].playlists && groupMatch(list[i].playlists, media)) {
+        return true;
+      }
+    }
+
+    return false;
+  };
+  /**
+   * Returns a function used to get the active group of the provided type
+   *
+   * @param {string} type
+   *        MediaGroup type
+   * @param {Object} settings
+   *        Object containing required information for media groups
+   * @return {Function}
+   *         Function that returns the active media group for the provided type. Takes an
+   *         optional parameter {TextTrack} track. If no track is provided, a list of all
+   *         variants in the group, otherwise the variant corresponding to the provided
+   *         track is returned.
+   * @function activeGroup
+   */
+
+
+  var activeGroup = function activeGroup(type, settings) {
+    return function (track) {
+      var masterPlaylistLoader = settings.masterPlaylistLoader,
+          groups = settings.mediaTypes[type].groups;
+      var media = masterPlaylistLoader.media();
+
+      if (!media) {
+        return null;
+      }
+
+      var variants = null; // set to variants to main media active group
+
+      if (media.attributes[type]) {
+        variants = groups[media.attributes[type]];
+      }
+
+      var groupKeys = Object.keys(groups);
+
+      if (!variants) {
+        // find the masterPlaylistLoader media
+        // that is in a media group if we are dealing
+        // with audio only
+        if (type === 'AUDIO' && groupKeys.length > 1 && isAudioOnly(settings.master)) {
+          for (var i = 0; i < groupKeys.length; i++) {
+            var groupPropertyList = groups[groupKeys[i]];
+
+            if (groupMatch(groupPropertyList, media)) {
+              variants = groupPropertyList;
+              break;
+            }
+          } // use the main group if it exists
+
+        } else if (groups.main) {
+          variants = groups.main; // only one group, use that one
+        } else if (groupKeys.length === 1) {
+          variants = groups[groupKeys[0]];
+        }
+      }
+
+      if (typeof track === 'undefined') {
+        return variants;
+      }
+
+      if (track === null || !variants) {
+        // An active track was specified so a corresponding group is expected. track === null
+        // means no track is currently active so there is no corresponding group
+        return null;
+      }
+
+      return variants.filter(function (props) {
+        return props.id === track.id;
+      })[0] || null;
+    };
+  };
+
+  var activeTrack = {
+    /**
+     * Returns a function used to get the active track of type provided
+     *
+     * @param {string} type
+     *        MediaGroup type
+     * @param {Object} settings
+     *        Object containing required information for media groups
+     * @return {Function}
+     *         Function that returns the active media track for the provided type. Returns
+     *         null if no track is active
+     * @function activeTrack.AUDIO
+     */
+    AUDIO: function AUDIO(type, settings) {
+      return function () {
+        var tracks = settings.mediaTypes[type].tracks;
+
+        for (var id in tracks) {
+          if (tracks[id].enabled) {
+            return tracks[id];
+          }
+        }
+
+        return null;
+      };
+    },
+
+    /**
+     * Returns a function used to get the active track of type provided
+     *
+     * @param {string} type
+     *        MediaGroup type
+     * @param {Object} settings
+     *        Object containing required information for media groups
+     * @return {Function}
+     *         Function that returns the active media track for the provided type. Returns
+     *         null if no track is active
+     * @function activeTrack.SUBTITLES
+     */
+    SUBTITLES: function SUBTITLES(type, settings) {
+      return function () {
+        var tracks = settings.mediaTypes[type].tracks;
+
+        for (var id in tracks) {
+          if (tracks[id].mode === 'showing' || tracks[id].mode === 'hidden') {
+            return tracks[id];
+          }
+        }
+
+        return null;
+      };
+    }
+  };
+
+  var getActiveGroup = function getActiveGroup(type, _ref) {
+    var mediaTypes = _ref.mediaTypes;
+    return function () {
+      var activeTrack_ = mediaTypes[type].activeTrack();
+
+      if (!activeTrack_) {
+        return null;
+      }
+
+      return mediaTypes[type].activeGroup(activeTrack_);
+    };
+  };
+  /**
+   * Setup PlaylistLoaders and Tracks for media groups (Audio, Subtitles,
+   * Closed-Captions) specified in the master manifest.
+   *
+   * @param {Object} settings
+   *        Object containing required information for setting up the media groups
+   * @param {Tech} settings.tech
+   *        The tech of the player
+   * @param {Object} settings.requestOptions
+   *        XHR request options used by the segment loaders
+   * @param {PlaylistLoader} settings.masterPlaylistLoader
+   *        PlaylistLoader for the master source
+   * @param {VhsHandler} settings.vhs
+   *        VHS SourceHandler
+   * @param {Object} settings.master
+   *        The parsed master manifest
+   * @param {Object} settings.mediaTypes
+   *        Object to store the loaders, tracks, and utility methods for each media type
+   * @param {Function} settings.blacklistCurrentPlaylist
+   *        Blacklists the current rendition and forces a rendition switch.
+   * @function setupMediaGroups
+   */
+
+
+  var setupMediaGroups = function setupMediaGroups(settings) {
+    ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
+      initialize[type](type, settings);
+    });
+    var mediaTypes = settings.mediaTypes,
+        masterPlaylistLoader = settings.masterPlaylistLoader,
+        tech = settings.tech,
+        vhs = settings.vhs,
+        _settings$segmentLoad3 = settings.segmentLoaders,
+        audioSegmentLoader = _settings$segmentLoad3['AUDIO'],
+        mainSegmentLoader = _settings$segmentLoad3.main; // setup active group and track getters and change event handlers
+
+    ['AUDIO', 'SUBTITLES'].forEach(function (type) {
+      mediaTypes[type].activeGroup = activeGroup(type, settings);
+      mediaTypes[type].activeTrack = activeTrack[type](type, settings);
+      mediaTypes[type].onGroupChanged = onGroupChanged(type, settings);
+      mediaTypes[type].onGroupChanging = onGroupChanging(type, settings);
+      mediaTypes[type].onTrackChanged = onTrackChanged(type, settings);
+      mediaTypes[type].getActiveGroup = getActiveGroup(type, settings);
+    }); // DO NOT enable the default subtitle or caption track.
+    // DO enable the default audio track
+
+    var audioGroup = mediaTypes.AUDIO.activeGroup();
+
+    if (audioGroup) {
+      var groupId = (audioGroup.filter(function (group) {
+        return group["default"];
+      })[0] || audioGroup[0]).id;
+      mediaTypes.AUDIO.tracks[groupId].enabled = true;
+      mediaTypes.AUDIO.onGroupChanged();
+      mediaTypes.AUDIO.onTrackChanged();
+      var activeAudioGroup = mediaTypes.AUDIO.getActiveGroup(); // a similar check for handling setAudio on each loader is run again each time the
+      // track is changed, but needs to be handled here since the track may not be considered
+      // changed on the first call to onTrackChanged
+
+      if (!activeAudioGroup.playlistLoader) {
+        // either audio is muxed with video or the stream is audio only
+        mainSegmentLoader.setAudio(true);
+      } else {
+        // audio is demuxed
+        mainSegmentLoader.setAudio(false);
+        audioSegmentLoader.setAudio(true);
+      }
+    }
+
+    masterPlaylistLoader.on('mediachange', function () {
+      ['AUDIO', 'SUBTITLES'].forEach(function (type) {
+        return mediaTypes[type].onGroupChanged();
+      });
+    });
+    masterPlaylistLoader.on('mediachanging', function () {
+      ['AUDIO', 'SUBTITLES'].forEach(function (type) {
+        return mediaTypes[type].onGroupChanging();
+      });
+    }); // custom audio track change event handler for usage event
+
+    var onAudioTrackChanged = function onAudioTrackChanged() {
+      mediaTypes.AUDIO.onTrackChanged();
+      tech.trigger({
+        type: 'usage',
+        name: 'vhs-audio-change'
+      });
+      tech.trigger({
+        type: 'usage',
+        name: 'hls-audio-change'
+      });
+    };
+
+    tech.audioTracks().addEventListener('change', onAudioTrackChanged);
+    tech.remoteTextTracks().addEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
+    vhs.on('dispose', function () {
+      tech.audioTracks().removeEventListener('change', onAudioTrackChanged);
+      tech.remoteTextTracks().removeEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
+    }); // clear existing audio tracks and add the ones we just created
+
+    tech.clearTracks('audio');
+
+    for (var id in mediaTypes.AUDIO.tracks) {
+      tech.audioTracks().addTrack(mediaTypes.AUDIO.tracks[id]);
+    }
+  };
+  /**
+   * Creates skeleton object used to store the loaders, tracks, and utility methods for each
+   * media type
+   *
+   * @return {Object}
+   *         Object to store the loaders, tracks, and utility methods for each media type
+   * @function createMediaTypes
+   */
+
+
+  var createMediaTypes = function createMediaTypes() {
+    var mediaTypes = {};
+    ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
+      mediaTypes[type] = {
+        groups: {},
+        tracks: {},
+        activePlaylistLoader: null,
+        activeGroup: noop,
+        activeTrack: noop,
+        getActiveGroup: noop,
+        onGroupChanged: noop,
+        onTrackChanged: noop,
+        lastTrack_: null,
+        logger_: logger("MediaGroups[" + type + "]")
+      };
+    });
+    return mediaTypes;
+  };
+
+  var ABORT_EARLY_BLACKLIST_SECONDS = 60 * 2;
+  var Vhs$1; // SegmentLoader stats that need to have each loader's
+  // values summed to calculate the final value
+
+  var loaderStats = ['mediaRequests', 'mediaRequestsAborted', 'mediaRequestsTimedout', 'mediaRequestsErrored', 'mediaTransferDuration', 'mediaBytesTransferred', 'mediaAppends'];
+
+  var sumLoaderStat = function sumLoaderStat(stat) {
+    return this.audioSegmentLoader_[stat] + this.mainSegmentLoader_[stat];
+  };
+
+  var shouldSwitchToMedia = function shouldSwitchToMedia(_ref) {
+    var currentPlaylist = _ref.currentPlaylist,
+        nextPlaylist = _ref.nextPlaylist,
+        forwardBuffer = _ref.forwardBuffer,
+        bufferLowWaterLine = _ref.bufferLowWaterLine,
+        bufferHighWaterLine = _ref.bufferHighWaterLine,
+        duration = _ref.duration,
+        experimentalBufferBasedABR = _ref.experimentalBufferBasedABR,
+        log = _ref.log; // we have no other playlist to switch to
+
+    if (!nextPlaylist) {
+      videojs.log.warn('We received no playlist to switch to. Please check your stream.');
+      return false;
+    }
+
+    var sharedLogLine = "allowing switch " + (currentPlaylist && currentPlaylist.id || 'null') + " -> " + nextPlaylist.id; // If the playlist is live, then we want to not take low water line into account.
+    // This is because in LIVE, the player plays 3 segments from the end of the
+    // playlist, and if `BUFFER_LOW_WATER_LINE` is greater than the duration availble
+    // in those segments, a viewer will never experience a rendition upswitch.
+
+    if (!currentPlaylist || !currentPlaylist.endList) {
+      log(sharedLogLine + " as current playlist " + (!currentPlaylist ? 'is not set' : 'is live'));
+      return true;
+    } // no need to switch playlist is the same
+
+
+    if (nextPlaylist.id === currentPlaylist.id) {
+      return false;
+    }
+
+    var maxBufferLowWaterLine = experimentalBufferBasedABR ? Config.EXPERIMENTAL_MAX_BUFFER_LOW_WATER_LINE : Config.MAX_BUFFER_LOW_WATER_LINE; // For the same reason as LIVE, we ignore the low water line when the VOD
+    // duration is below the max potential low water line
+
+    if (duration < maxBufferLowWaterLine) {
+      log(sharedLogLine + " as duration < max low water line (" + duration + " < " + maxBufferLowWaterLine + ")");
+      return true;
+    }
+
+    var nextBandwidth = nextPlaylist.attributes.BANDWIDTH;
+    var currBandwidth = currentPlaylist.attributes.BANDWIDTH; // when switching down, if our buffer is lower than the high water line,
+    // we can switch down
+
+    if (nextBandwidth < currBandwidth && (!experimentalBufferBasedABR || forwardBuffer < bufferHighWaterLine)) {
+      var logLine = sharedLogLine + " as next bandwidth < current bandwidth (" + nextBandwidth + " < " + currBandwidth + ")";
+
+      if (experimentalBufferBasedABR) {
+        logLine += " and forwardBuffer < bufferHighWaterLine (" + forwardBuffer + " < " + bufferHighWaterLine + ")";
+      }
+
+      log(logLine);
+      return true;
+    } // and if our buffer is higher than the low water line,
+    // we can switch up
+
+
+    if ((!experimentalBufferBasedABR || nextBandwidth > currBandwidth) && forwardBuffer >= bufferLowWaterLine) {
+      var _logLine = sharedLogLine + " as forwardBuffer >= bufferLowWaterLine (" + forwardBuffer + " >= " + bufferLowWaterLine + ")";
+
+      if (experimentalBufferBasedABR) {
+        _logLine += " and next bandwidth > current bandwidth (" + nextBandwidth + " > " + currBandwidth + ")";
+      }
+
+      log(_logLine);
+      return true;
+    }
+
+    log("not " + sharedLogLine + " as no switching criteria met");
+    return false;
+  };
+  /**
+   * the master playlist controller controller all interactons
+   * between playlists and segmentloaders. At this time this mainly
+   * involves a master playlist and a series of audio playlists
+   * if they are available
+   *
+   * @class MasterPlaylistController
+   * @extends videojs.EventTarget
+   */
+
+
+  var MasterPlaylistController = /*#__PURE__*/function (_videojs$EventTarget) {
+    inheritsLoose(MasterPlaylistController, _videojs$EventTarget);
+
+    function MasterPlaylistController(options) {
+      var _this;
+
+      _this = _videojs$EventTarget.call(this) || this;
+      var src = options.src,
+          handleManifestRedirects = options.handleManifestRedirects,
+          withCredentials = options.withCredentials,
+          tech = options.tech,
+          bandwidth = options.bandwidth,
+          externVhs = options.externVhs,
+          useCueTags = options.useCueTags,
+          blacklistDuration = options.blacklistDuration,
+          enableLowInitialPlaylist = options.enableLowInitialPlaylist,
+          sourceType = options.sourceType,
+          cacheEncryptionKeys = options.cacheEncryptionKeys,
+          experimentalBufferBasedABR = options.experimentalBufferBasedABR;
+
+      if (!src) {
+        throw new Error('A non-empty playlist URL or JSON manifest string is required');
+      }
+
+      var maxPlaylistRetries = options.maxPlaylistRetries;
+
+      if (maxPlaylistRetries === null || typeof maxPlaylistRetries === 'undefined') {
+        maxPlaylistRetries = Infinity;
+      }
+
+      Vhs$1 = externVhs;
+      _this.experimentalBufferBasedABR = Boolean(experimentalBufferBasedABR);
+      _this.withCredentials = withCredentials;
+      _this.tech_ = tech;
+      _this.vhs_ = tech.vhs;
+      _this.sourceType_ = sourceType;
+      _this.useCueTags_ = useCueTags;
+      _this.blacklistDuration = blacklistDuration;
+      _this.maxPlaylistRetries = maxPlaylistRetries;
+      _this.enableLowInitialPlaylist = enableLowInitialPlaylist;
+
+      if (_this.useCueTags_) {
+        _this.cueTagsTrack_ = _this.tech_.addTextTrack('metadata', 'ad-cues');
+        _this.cueTagsTrack_.inBandMetadataTrackDispatchType = '';
+      }
+
+      _this.requestOptions_ = {
+        withCredentials: withCredentials,
+        handleManifestRedirects: handleManifestRedirects,
+        maxPlaylistRetries: maxPlaylistRetries,
+        timeout: null
+      };
+
+      _this.on('error', _this.pauseLoading);
+
+      _this.mediaTypes_ = createMediaTypes();
+      _this.mediaSource = new window_1.MediaSource();
+      _this.handleDurationChange_ = _this.handleDurationChange_.bind(assertThisInitialized(_this));
+      _this.handleSourceOpen_ = _this.handleSourceOpen_.bind(assertThisInitialized(_this));
+      _this.handleSourceEnded_ = _this.handleSourceEnded_.bind(assertThisInitialized(_this));
+
+      _this.mediaSource.addEventListener('durationchange', _this.handleDurationChange_); // load the media source into the player
+
+
+      _this.mediaSource.addEventListener('sourceopen', _this.handleSourceOpen_);
+
+      _this.mediaSource.addEventListener('sourceended', _this.handleSourceEnded_); // we don't have to handle sourceclose since dispose will handle termination of
+      // everything, and the MediaSource should not be detached without a proper disposal
+
+
+      _this.seekable_ = videojs.createTimeRanges();
+      _this.hasPlayed_ = false;
+      _this.syncController_ = new SyncController(options);
+      _this.segmentMetadataTrack_ = tech.addRemoteTextTrack({
+        kind: 'metadata',
+        label: 'segment-metadata'
+      }, false).track;
+      _this.decrypter_ = new Decrypter();
+      _this.sourceUpdater_ = new SourceUpdater(_this.mediaSource);
+      _this.inbandTextTracks_ = {};
+      _this.timelineChangeController_ = new TimelineChangeController();
+      var segmentLoaderSettings = {
+        vhs: _this.vhs_,
+        parse708captions: options.parse708captions,
+        mediaSource: _this.mediaSource,
+        currentTime: _this.tech_.currentTime.bind(_this.tech_),
+        seekable: function seekable() {
+          return _this.seekable();
+        },
+        seeking: function seeking() {
+          return _this.tech_.seeking();
+        },
+        duration: function duration() {
+          return _this.duration();
+        },
+        hasPlayed: function hasPlayed() {
+          return _this.hasPlayed_;
+        },
+        goalBufferLength: function goalBufferLength() {
+          return _this.goalBufferLength();
+        },
+        bandwidth: bandwidth,
+        syncController: _this.syncController_,
+        decrypter: _this.decrypter_,
+        sourceType: _this.sourceType_,
+        inbandTextTracks: _this.inbandTextTracks_,
+        cacheEncryptionKeys: cacheEncryptionKeys,
+        sourceUpdater: _this.sourceUpdater_,
+        timelineChangeController: _this.timelineChangeController_
+      }; // The source type check not only determines whether a special DASH playlist loader
+      // should be used, but also covers the case where the provided src is a vhs-json
+      // manifest object (instead of a URL). In the case of vhs-json, the default
+      // PlaylistLoader should be used.
+
+      _this.masterPlaylistLoader_ = _this.sourceType_ === 'dash' ? new DashPlaylistLoader(src, _this.vhs_, _this.requestOptions_) : new PlaylistLoader(src, _this.vhs_, _this.requestOptions_);
+
+      _this.setupMasterPlaylistLoaderListeners_(); // setup segment loaders
+      // combined audio/video or just video when alternate audio track is selected
+
+
+      _this.mainSegmentLoader_ = new SegmentLoader(videojs.mergeOptions(segmentLoaderSettings, {
+        segmentMetadataTrack: _this.segmentMetadataTrack_,
+        loaderType: 'main'
+      }), options); // alternate audio track
+
+      _this.audioSegmentLoader_ = new SegmentLoader(videojs.mergeOptions(segmentLoaderSettings, {
+        loaderType: 'audio'
+      }), options);
+      _this.subtitleSegmentLoader_ = new VTTSegmentLoader(videojs.mergeOptions(segmentLoaderSettings, {
+        loaderType: 'vtt',
+        featuresNativeTextTracks: _this.tech_.featuresNativeTextTracks
+      }), options);
+
+      _this.setupSegmentLoaderListeners_();
+
+      if (_this.experimentalBufferBasedABR) {
+        _this.masterPlaylistLoader_.one('loadedplaylist', function () {
+          return _this.startABRTimer_();
+        });
+
+        _this.tech_.on('pause', function () {
+          return _this.stopABRTimer_();
+        });
+
+        _this.tech_.on('play', function () {
+          return _this.startABRTimer_();
+        });
+      } // Create SegmentLoader stat-getters
+      // mediaRequests_
+      // mediaRequestsAborted_
+      // mediaRequestsTimedout_
+      // mediaRequestsErrored_
+      // mediaTransferDuration_
+      // mediaBytesTransferred_
+      // mediaAppends_
+
+
+      loaderStats.forEach(function (stat) {
+        _this[stat + '_'] = sumLoaderStat.bind(assertThisInitialized(_this), stat);
+      });
+      _this.logger_ = logger('MPC');
+      _this.triggeredFmp4Usage = false;
+
+      if (_this.tech_.preload() === 'none') {
+        _this.loadOnPlay_ = function () {
+          _this.loadOnPlay_ = null;
+
+          _this.masterPlaylistLoader_.load();
+        };
+
+        _this.tech_.one('play', _this.loadOnPlay_);
+      } else {
+        _this.masterPlaylistLoader_.load();
+      }
+
+      _this.timeToLoadedData__ = -1;
+      _this.mainAppendsToLoadedData__ = -1;
+      _this.audioAppendsToLoadedData__ = -1;
+      var event = _this.tech_.preload() === 'none' ? 'play' : 'loadstart'; // start the first frame timer on loadstart or play (for preload none)
+
+      _this.tech_.one(event, function () {
+        var timeToLoadedDataStart = Date.now();
+
+        _this.tech_.one('loadeddata', function () {
+          _this.timeToLoadedData__ = Date.now() - timeToLoadedDataStart;
+          _this.mainAppendsToLoadedData__ = _this.mainSegmentLoader_.mediaAppends;
+          _this.audioAppendsToLoadedData__ = _this.audioSegmentLoader_.mediaAppends;
+        });
+      });
+
+      return _this;
+    }
+
+    var _proto = MasterPlaylistController.prototype;
+
+    _proto.mainAppendsToLoadedData_ = function mainAppendsToLoadedData_() {
+      return this.mainAppendsToLoadedData__;
+    };
+
+    _proto.audioAppendsToLoadedData_ = function audioAppendsToLoadedData_() {
+      return this.audioAppendsToLoadedData__;
+    };
+
+    _proto.appendsToLoadedData_ = function appendsToLoadedData_() {
+      var main = this.mainAppendsToLoadedData_();
+      var audio = this.audioAppendsToLoadedData_();
+
+      if (main === -1 || audio === -1) {
+        return -1;
+      }
+
+      return main + audio;
+    };
+
+    _proto.timeToLoadedData_ = function timeToLoadedData_() {
+      return this.timeToLoadedData__;
+    }
+    /**
+     * Run selectPlaylist and switch to the new playlist if we should
+     *
+     * @private
+     *
+     */
+    ;
+
+    _proto.checkABR_ = function checkABR_() {
+      var nextPlaylist = this.selectPlaylist();
+
+      if (this.shouldSwitchToMedia_(nextPlaylist)) {
+        this.switchMedia_(nextPlaylist, 'abr');
+      }
+    };
+
+    _proto.switchMedia_ = function switchMedia_(playlist, cause, delay) {
+      var oldMedia = this.media();
+      var oldId = oldMedia && (oldMedia.id || oldMedia.uri);
+      var newId = playlist.id || playlist.uri;
+
+      if (oldId && oldId !== newId) {
+        this.logger_("switch media " + oldId + " -> " + newId + " from " + cause);
+        this.tech_.trigger({
+          type: 'usage',
+          name: "vhs-rendition-change-" + cause
+        });
+      }
+
+      this.masterPlaylistLoader_.media(playlist, delay);
+    }
+    /**
+     * Start a timer that periodically calls checkABR_
+     *
+     * @private
+     */
+    ;
+
+    _proto.startABRTimer_ = function startABRTimer_() {
+      var _this2 = this;
+
+      this.stopABRTimer_();
+      this.abrTimer_ = window_1.setInterval(function () {
+        return _this2.checkABR_();
+      }, 250);
+    }
+    /**
+     * Stop the timer that periodically calls checkABR_
+     *
+     * @private
+     */
+    ;
+
+    _proto.stopABRTimer_ = function stopABRTimer_() {
+      // if we're scrubbing, we don't need to pause.
+      // This getter will be added to Video.js in version 7.11.
+      if (this.tech_.scrubbing && this.tech_.scrubbing()) {
+        return;
+      }
+
+      window_1.clearInterval(this.abrTimer_);
+      this.abrTimer_ = null;
+    }
+    /**
+     * Get a list of playlists for the currently selected audio playlist
+     *
+     * @return {Array} the array of audio playlists
+     */
+    ;
+
+    _proto.getAudioTrackPlaylists_ = function getAudioTrackPlaylists_() {
+      var master = this.master(); // if we don't have any audio groups then we can only
+      // assume that the audio tracks are contained in masters
+      // playlist array, use that or an empty array.
+
+      if (!master || !master.mediaGroups || !master.mediaGroups.AUDIO) {
+        return master && master.playlists || [];
+      }
+
+      var AUDIO = master.mediaGroups.AUDIO;
+      var groupKeys = Object.keys(AUDIO);
+      var track; // get the current active track
+
+      if (Object.keys(this.mediaTypes_.AUDIO.groups).length) {
+        track = this.mediaTypes_.AUDIO.activeTrack(); // or get the default track from master if mediaTypes_ isn't setup yet
+      } else {
+        // default group is `main` or just the first group.
+        var defaultGroup = AUDIO.main || groupKeys.length && AUDIO[groupKeys[0]];
+
+        for (var label in defaultGroup) {
+          if (defaultGroup[label]["default"]) {
+            track = {
+              label: label
+            };
+            break;
+          }
+        }
+      } // no active track no playlists.
+
+
+      if (!track) {
+        return [];
+      }
+
+      var playlists = []; // get all of the playlists that are possible for the
+      // active track.
+
+      for (var group in AUDIO) {
+        if (AUDIO[group][track.label]) {
+          var properties = AUDIO[group][track.label];
+
+          if (properties.playlists) {
+            playlists.push.apply(playlists, properties.playlists);
+          } else {
+            playlists.push(properties);
+          }
+        }
+      }
+
+      return playlists;
+    }
+    /**
+     * Register event handlers on the master playlist loader. A helper
+     * function for construction time.
+     *
+     * @private
+     */
+    ;
+
+    _proto.setupMasterPlaylistLoaderListeners_ = function setupMasterPlaylistLoaderListeners_() {
+      var _this3 = this;
+
+      this.masterPlaylistLoader_.on('loadedmetadata', function () {
+        var media = _this3.masterPlaylistLoader_.media();
+
+        var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
+        // timeout the request.
+
+        if (isLowestEnabledRendition(_this3.masterPlaylistLoader_.master, _this3.masterPlaylistLoader_.media())) {
+          _this3.requestOptions_.timeout = 0;
+        } else {
+          _this3.requestOptions_.timeout = requestTimeout;
+        } // if this isn't a live video and preload permits, start
+        // downloading segments
+
+
+        if (media.endList && _this3.tech_.preload() !== 'none') {
+          _this3.mainSegmentLoader_.playlist(media, _this3.requestOptions_);
+
+          _this3.mainSegmentLoader_.load();
+        }
+
+        setupMediaGroups({
+          sourceType: _this3.sourceType_,
+          segmentLoaders: {
+            AUDIO: _this3.audioSegmentLoader_,
+            SUBTITLES: _this3.subtitleSegmentLoader_,
+            main: _this3.mainSegmentLoader_
+          },
+          tech: _this3.tech_,
+          requestOptions: _this3.requestOptions_,
+          masterPlaylistLoader: _this3.masterPlaylistLoader_,
+          vhs: _this3.vhs_,
+          master: _this3.master(),
+          mediaTypes: _this3.mediaTypes_,
+          blacklistCurrentPlaylist: _this3.blacklistCurrentPlaylist.bind(_this3)
+        });
+
+        _this3.triggerPresenceUsage_(_this3.master(), media);
+
+        _this3.setupFirstPlay();
+
+        if (!_this3.mediaTypes_.AUDIO.activePlaylistLoader || _this3.mediaTypes_.AUDIO.activePlaylistLoader.media()) {
+          _this3.trigger('selectedinitialmedia');
+        } else {
+          // We must wait for the active audio playlist loader to
+          // finish setting up before triggering this event so the
+          // representations API and EME setup is correct
+          _this3.mediaTypes_.AUDIO.activePlaylistLoader.one('loadedmetadata', function () {
+            _this3.trigger('selectedinitialmedia');
+          });
+        }
+      });
+      this.masterPlaylistLoader_.on('loadedplaylist', function () {
+        if (_this3.loadOnPlay_) {
+          _this3.tech_.off('play', _this3.loadOnPlay_);
+        }
+
+        var updatedPlaylist = _this3.masterPlaylistLoader_.media();
+
+        if (!updatedPlaylist) {
+          // exclude any variants that are not supported by the browser before selecting
+          // an initial media as the playlist selectors do not consider browser support
+          _this3.excludeUnsupportedVariants_();
+
+          var selectedMedia;
+
+          if (_this3.enableLowInitialPlaylist) {
+            selectedMedia = _this3.selectInitialPlaylist();
+          }
+
+          if (!selectedMedia) {
+            selectedMedia = _this3.selectPlaylist();
+          }
+
+          if (!selectedMedia || !_this3.shouldSwitchToMedia_(selectedMedia)) {
+            return;
+          }
+
+          _this3.initialMedia_ = selectedMedia;
+
+          _this3.switchMedia_(_this3.initialMedia_, 'initial'); // Under the standard case where a source URL is provided, loadedplaylist will
+          // fire again since the playlist will be requested. In the case of vhs-json
+          // (where the manifest object is provided as the source), when the media
+          // playlist's `segments` list is already available, a media playlist won't be
+          // requested, and loadedplaylist won't fire again, so the playlist handler must be
+          // called on its own here.
+
+
+          var haveJsonSource = _this3.sourceType_ === 'vhs-json' && _this3.initialMedia_.segments;
+
+          if (!haveJsonSource) {
+            return;
+          }
+
+          updatedPlaylist = _this3.initialMedia_;
+        }
+
+        _this3.handleUpdatedMediaPlaylist(updatedPlaylist);
+      });
+      this.masterPlaylistLoader_.on('error', function () {
+        _this3.blacklistCurrentPlaylist(_this3.masterPlaylistLoader_.error);
+      });
+      this.masterPlaylistLoader_.on('mediachanging', function () {
+        _this3.mainSegmentLoader_.abort();
+
+        _this3.mainSegmentLoader_.pause();
+      });
+      this.masterPlaylistLoader_.on('mediachange', function () {
+        var media = _this3.masterPlaylistLoader_.media();
+
+        var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
+        // timeout the request.
+
+        if (isLowestEnabledRendition(_this3.masterPlaylistLoader_.master, _this3.masterPlaylistLoader_.media())) {
+          _this3.requestOptions_.timeout = 0;
+        } else {
+          _this3.requestOptions_.timeout = requestTimeout;
+        } // TODO: Create a new event on the PlaylistLoader that signals
+        // that the segments have changed in some way and use that to
+        // update the SegmentLoader instead of doing it twice here and
+        // on `loadedplaylist`
+
+
+        _this3.mainSegmentLoader_.playlist(media, _this3.requestOptions_);
+
+        _this3.mainSegmentLoader_.load();
+
+        _this3.tech_.trigger({
+          type: 'mediachange',
+          bubbles: true
+        });
+      });
+      this.masterPlaylistLoader_.on('playlistunchanged', function () {
+        var updatedPlaylist = _this3.masterPlaylistLoader_.media(); // ignore unchanged playlists that have already been
+        // excluded for not-changing. We likely just have a really slowly updating
+        // playlist.
+
+
+        if (updatedPlaylist.lastExcludeReason_ === 'playlist-unchanged') {
+          return;
+        }
+
+        var playlistOutdated = _this3.stuckAtPlaylistEnd_(updatedPlaylist);
+
+        if (playlistOutdated) {
+          // Playlist has stopped updating and we're stuck at its end. Try to
+          // blacklist it and switch to another playlist in the hope that that
+          // one is updating (and give the player a chance to re-adjust to the
+          // safe live point).
+          _this3.blacklistCurrentPlaylist({
+            message: 'Playlist no longer updating.',
+            reason: 'playlist-unchanged'
+          }); // useful for monitoring QoS
+
+
+          _this3.tech_.trigger('playliststuck');
+        }
+      });
+      this.masterPlaylistLoader_.on('renditiondisabled', function () {
+        _this3.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-rendition-disabled'
+        });
+
+        _this3.tech_.trigger({
+          type: 'usage',
+          name: 'hls-rendition-disabled'
+        });
+      });
+      this.masterPlaylistLoader_.on('renditionenabled', function () {
+        _this3.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-rendition-enabled'
+        });
+
+        _this3.tech_.trigger({
+          type: 'usage',
+          name: 'hls-rendition-enabled'
+        });
+      });
+    }
+    /**
+     * Given an updated media playlist (whether it was loaded for the first time, or
+     * refreshed for live playlists), update any relevant properties and state to reflect
+     * changes in the media that should be accounted for (e.g., cues and duration).
+     *
+     * @param {Object} updatedPlaylist the updated media playlist object
+     *
+     * @private
+     */
+    ;
+
+    _proto.handleUpdatedMediaPlaylist = function handleUpdatedMediaPlaylist(updatedPlaylist) {
+      if (this.useCueTags_) {
+        this.updateAdCues_(updatedPlaylist);
+      } // TODO: Create a new event on the PlaylistLoader that signals
+      // that the segments have changed in some way and use that to
+      // update the SegmentLoader instead of doing it twice here and
+      // on `mediachange`
+
+
+      this.mainSegmentLoader_.playlist(updatedPlaylist, this.requestOptions_);
+      this.updateDuration(!updatedPlaylist.endList); // If the player isn't paused, ensure that the segment loader is running,
+      // as it is possible that it was temporarily stopped while waiting for
+      // a playlist (e.g., in case the playlist errored and we re-requested it).
+
+      if (!this.tech_.paused()) {
+        this.mainSegmentLoader_.load();
+
+        if (this.audioSegmentLoader_) {
+          this.audioSegmentLoader_.load();
+        }
+      }
+    }
+    /**
+     * A helper function for triggerring presence usage events once per source
+     *
+     * @private
+     */
+    ;
+
+    _proto.triggerPresenceUsage_ = function triggerPresenceUsage_(master, media) {
+      var mediaGroups = master.mediaGroups || {};
+      var defaultDemuxed = true;
+      var audioGroupKeys = Object.keys(mediaGroups.AUDIO);
+
+      for (var mediaGroup in mediaGroups.AUDIO) {
+        for (var label in mediaGroups.AUDIO[mediaGroup]) {
+          var properties = mediaGroups.AUDIO[mediaGroup][label];
+
+          if (!properties.uri) {
+            defaultDemuxed = false;
+          }
+        }
+      }
+
+      if (defaultDemuxed) {
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-demuxed'
+        });
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'hls-demuxed'
+        });
+      }
+
+      if (Object.keys(mediaGroups.SUBTITLES).length) {
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-webvtt'
+        });
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'hls-webvtt'
+        });
+      }
+
+      if (Vhs$1.Playlist.isAes(media)) {
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-aes'
+        });
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'hls-aes'
+        });
+      }
+
+      if (audioGroupKeys.length && Object.keys(mediaGroups.AUDIO[audioGroupKeys[0]]).length > 1) {
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-alternate-audio'
+        });
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'hls-alternate-audio'
+        });
+      }
+
+      if (this.useCueTags_) {
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-playlist-cue-tags'
+        });
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'hls-playlist-cue-tags'
+        });
+      }
+    };
+
+    _proto.shouldSwitchToMedia_ = function shouldSwitchToMedia_(nextPlaylist) {
+      var currentPlaylist = this.masterPlaylistLoader_.media();
+      var buffered = this.tech_.buffered();
+      var forwardBuffer = buffered.length ? buffered.end(buffered.length - 1) - this.tech_.currentTime() : 0;
+      var bufferLowWaterLine = this.bufferLowWaterLine();
+      var bufferHighWaterLine = this.bufferHighWaterLine();
+      return shouldSwitchToMedia({
+        currentPlaylist: currentPlaylist,
+        nextPlaylist: nextPlaylist,
+        forwardBuffer: forwardBuffer,
+        bufferLowWaterLine: bufferLowWaterLine,
+        bufferHighWaterLine: bufferHighWaterLine,
+        duration: this.duration(),
+        experimentalBufferBasedABR: this.experimentalBufferBasedABR,
+        log: this.logger_
+      });
+    }
+    /**
+     * Register event handlers on the segment loaders. A helper function
+     * for construction time.
+     *
+     * @private
+     */
+    ;
+
+    _proto.setupSegmentLoaderListeners_ = function setupSegmentLoaderListeners_() {
+      var _this4 = this;
+
+      if (!this.experimentalBufferBasedABR) {
+        this.mainSegmentLoader_.on('bandwidthupdate', function () {
+          var nextPlaylist = _this4.selectPlaylist();
+
+          if (_this4.shouldSwitchToMedia_(nextPlaylist)) {
+            _this4.switchMedia_(nextPlaylist, 'bandwidthupdate');
+          }
+
+          _this4.tech_.trigger('bandwidthupdate');
+        });
+        this.mainSegmentLoader_.on('progress', function () {
+          _this4.trigger('progress');
+        });
+      }
+
+      this.mainSegmentLoader_.on('error', function () {
+        _this4.blacklistCurrentPlaylist(_this4.mainSegmentLoader_.error());
+      });
+      this.mainSegmentLoader_.on('appenderror', function () {
+        _this4.error = _this4.mainSegmentLoader_.error_;
+
+        _this4.trigger('error');
+      });
+      this.mainSegmentLoader_.on('syncinfoupdate', function () {
+        _this4.onSyncInfoUpdate_();
+      });
+      this.mainSegmentLoader_.on('timestampoffset', function () {
+        _this4.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-timestamp-offset'
+        });
+
+        _this4.tech_.trigger({
+          type: 'usage',
+          name: 'hls-timestamp-offset'
+        });
+      });
+      this.audioSegmentLoader_.on('syncinfoupdate', function () {
+        _this4.onSyncInfoUpdate_();
+      });
+      this.audioSegmentLoader_.on('appenderror', function () {
+        _this4.error = _this4.audioSegmentLoader_.error_;
+
+        _this4.trigger('error');
+      });
+      this.mainSegmentLoader_.on('ended', function () {
+        _this4.logger_('main segment loader ended');
+
+        _this4.onEndOfStream();
+      });
+      this.mainSegmentLoader_.on('earlyabort', function (event) {
+        // never try to early abort with the new ABR algorithm
+        if (_this4.experimentalBufferBasedABR) {
+          return;
+        }
+
+        _this4.delegateLoaders_('all', ['abort']);
+
+        _this4.blacklistCurrentPlaylist({
+          message: 'Aborted early because there isn\'t enough bandwidth to complete the ' + 'request without rebuffering.'
+        }, ABORT_EARLY_BLACKLIST_SECONDS);
+      });
+
+      var updateCodecs = function updateCodecs() {
+        if (!_this4.sourceUpdater_.hasCreatedSourceBuffers()) {
+          return _this4.tryToCreateSourceBuffers_();
+        }
+
+        var codecs = _this4.getCodecsOrExclude_(); // no codecs means that the playlist was excluded
+
+
+        if (!codecs) {
+          return;
+        }
+
+        _this4.sourceUpdater_.addOrChangeSourceBuffers(codecs);
+      };
+
+      this.mainSegmentLoader_.on('trackinfo', updateCodecs);
+      this.audioSegmentLoader_.on('trackinfo', updateCodecs);
+      this.mainSegmentLoader_.on('fmp4', function () {
+        if (!_this4.triggeredFmp4Usage) {
+          _this4.tech_.trigger({
+            type: 'usage',
+            name: 'vhs-fmp4'
+          });
+
+          _this4.tech_.trigger({
+            type: 'usage',
+            name: 'hls-fmp4'
+          });
+
+          _this4.triggeredFmp4Usage = true;
+        }
+      });
+      this.audioSegmentLoader_.on('fmp4', function () {
+        if (!_this4.triggeredFmp4Usage) {
+          _this4.tech_.trigger({
+            type: 'usage',
+            name: 'vhs-fmp4'
+          });
+
+          _this4.tech_.trigger({
+            type: 'usage',
+            name: 'hls-fmp4'
+          });
+
+          _this4.triggeredFmp4Usage = true;
+        }
+      });
+      this.audioSegmentLoader_.on('ended', function () {
+        _this4.logger_('audioSegmentLoader ended');
+
+        _this4.onEndOfStream();
+      });
+    };
+
+    _proto.mediaSecondsLoaded_ = function mediaSecondsLoaded_() {
+      return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded + this.mainSegmentLoader_.mediaSecondsLoaded);
+    }
+    /**
+     * Call load on our SegmentLoaders
+     */
+    ;
+
+    _proto.load = function load() {
+      this.mainSegmentLoader_.load();
+
+      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
+        this.audioSegmentLoader_.load();
+      }
+
+      if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
+        this.subtitleSegmentLoader_.load();
+      }
+    }
+    /**
+     * Re-tune playback quality level for the current player
+     * conditions without performing destructive actions, like
+     * removing already buffered content
+     *
+     * @private
+     * @deprecated
+     */
+    ;
+
+    _proto.smoothQualityChange_ = function smoothQualityChange_(media) {
+      if (media === void 0) {
+        media = this.selectPlaylist();
+      }
+
+      this.fastQualityChange_(media);
+    }
+    /**
+     * Re-tune playback quality level for the current player
+     * conditions. This method will perform destructive actions like removing
+     * already buffered content in order to readjust the currently active
+     * playlist quickly. This is good for manual quality changes
+     *
+     * @private
+     */
+    ;
+
+    _proto.fastQualityChange_ = function fastQualityChange_(media) {
+      var _this5 = this;
+
+      if (media === void 0) {
+        media = this.selectPlaylist();
+      }
+
+      if (media === this.masterPlaylistLoader_.media()) {
+        this.logger_('skipping fastQualityChange because new media is same as old');
+        return;
+      }
+
+      this.switchMedia_(media, 'fast-quality'); // Delete all buffered data to allow an immediate quality switch, then seek to give
+      // the browser a kick to remove any cached frames from the previous rendtion (.04 seconds
+      // ahead is roughly the minimum that will accomplish this across a variety of content
+      // in IE and Edge, but seeking in place is sufficient on all other browsers)
+      // Edge/IE bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14600375/
+      // Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=651904
+
+      this.mainSegmentLoader_.resetEverything(function () {
+        // Since this is not a typical seek, we avoid the seekTo method which can cause segments
+        // from the previously enabled rendition to load before the new playlist has finished loading
+        if (videojs.browser.IE_VERSION || videojs.browser.IS_EDGE) {
+          _this5.tech_.setCurrentTime(_this5.tech_.currentTime() + 0.04);
+        } else {
+          _this5.tech_.setCurrentTime(_this5.tech_.currentTime());
+        }
+      }); // don't need to reset audio as it is reset when media changes
+    }
+    /**
+     * Begin playback.
+     */
+    ;
+
+    _proto.play = function play() {
+      if (this.setupFirstPlay()) {
+        return;
+      }
+
+      if (this.tech_.ended()) {
+        this.tech_.setCurrentTime(0);
+      }
+
+      if (this.hasPlayed_) {
+        this.load();
+      }
+
+      var seekable = this.tech_.seekable(); // if the viewer has paused and we fell out of the live window,
+      // seek forward to the live point
+
+      if (this.tech_.duration() === Infinity) {
+        if (this.tech_.currentTime() < seekable.start(0)) {
+          return this.tech_.setCurrentTime(seekable.end(seekable.length - 1));
+        }
+      }
+    }
+    /**
+     * Seek to the latest media position if this is a live video and the
+     * player and video are loaded and initialized.
+     */
+    ;
+
+    _proto.setupFirstPlay = function setupFirstPlay() {
+      var _this6 = this;
+
+      var media = this.masterPlaylistLoader_.media(); // Check that everything is ready to begin buffering for the first call to play
+      //  If 1) there is no active media
+      //     2) the player is paused
+      //     3) the first play has already been setup
+      // then exit early
+
+      if (!media || this.tech_.paused() || this.hasPlayed_) {
+        return false;
+      } // when the video is a live stream
+
+
+      if (!media.endList) {
+        var seekable = this.seekable();
+
+        if (!seekable.length) {
+          // without a seekable range, the player cannot seek to begin buffering at the live
+          // point
+          return false;
+        }
+
+        if (videojs.browser.IE_VERSION && this.tech_.readyState() === 0) {
+          // IE11 throws an InvalidStateError if you try to set currentTime while the
+          // readyState is 0, so it must be delayed until the tech fires loadedmetadata.
+          this.tech_.one('loadedmetadata', function () {
+            _this6.trigger('firstplay');
+
+            _this6.tech_.setCurrentTime(seekable.end(0));
+
+            _this6.hasPlayed_ = true;
+          });
+          return false;
+        } // trigger firstplay to inform the source handler to ignore the next seek event
+
+
+        this.trigger('firstplay'); // seek to the live point
+
+        this.tech_.setCurrentTime(seekable.end(0));
+      }
+
+      this.hasPlayed_ = true; // we can begin loading now that everything is ready
+
+      this.load();
+      return true;
+    }
+    /**
+     * handle the sourceopen event on the MediaSource
+     *
+     * @private
+     */
+    ;
+
+    _proto.handleSourceOpen_ = function handleSourceOpen_() {
+      // Only attempt to create the source buffer if none already exist.
+      // handleSourceOpen is also called when we are "re-opening" a source buffer
+      // after `endOfStream` has been called (in response to a seek for instance)
+      this.tryToCreateSourceBuffers_(); // if autoplay is enabled, begin playback. This is duplicative of
+      // code in video.js but is required because play() must be invoked
+      // *after* the media source has opened.
+
+      if (this.tech_.autoplay()) {
+        var playPromise = this.tech_.play(); // Catch/silence error when a pause interrupts a play request
+        // on browsers which return a promise
+
+        if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
+          playPromise.then(null, function (e) {});
+        }
+      }
+
+      this.trigger('sourceopen');
+    }
+    /**
+     * handle the sourceended event on the MediaSource
+     *
+     * @private
+     */
+    ;
+
+    _proto.handleSourceEnded_ = function handleSourceEnded_() {
+      if (!this.inbandTextTracks_.metadataTrack_) {
+        return;
+      }
+
+      var cues = this.inbandTextTracks_.metadataTrack_.cues;
+
+      if (!cues || !cues.length) {
+        return;
+      }
+
+      var duration = this.duration();
+      cues[cues.length - 1].endTime = isNaN(duration) || Math.abs(duration) === Infinity ? Number.MAX_VALUE : duration;
+    }
+    /**
+     * handle the durationchange event on the MediaSource
+     *
+     * @private
+     */
+    ;
+
+    _proto.handleDurationChange_ = function handleDurationChange_() {
+      this.tech_.trigger('durationchange');
+    }
+    /**
+     * Calls endOfStream on the media source when all active stream types have called
+     * endOfStream
+     *
+     * @param {string} streamType
+     *        Stream type of the segment loader that called endOfStream
+     * @private
+     */
+    ;
+
+    _proto.onEndOfStream = function onEndOfStream() {
+      var isEndOfStream = this.mainSegmentLoader_.ended_;
+
+      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
+        var mainMediaInfo = this.mainSegmentLoader_.getCurrentMediaInfo_(); // if the audio playlist loader exists, then alternate audio is active
+
+        if (!mainMediaInfo || mainMediaInfo.hasVideo) {
+          // if we do not know if the main segment loader contains video yet or if we
+          // definitively know the main segment loader contains video, then we need to wait
+          // for both main and audio segment loaders to call endOfStream
+          isEndOfStream = isEndOfStream && this.audioSegmentLoader_.ended_;
+        } else {
+          // otherwise just rely on the audio loader
+          isEndOfStream = this.audioSegmentLoader_.ended_;
+        }
+      }
+
+      if (!isEndOfStream) {
+        return;
+      }
+
+      this.stopABRTimer_();
+      this.sourceUpdater_.endOfStream();
+    }
+    /**
+     * Check if a playlist has stopped being updated
+     *
+     * @param {Object} playlist the media playlist object
+     * @return {boolean} whether the playlist has stopped being updated or not
+     */
+    ;
+
+    _proto.stuckAtPlaylistEnd_ = function stuckAtPlaylistEnd_(playlist) {
+      var seekable = this.seekable();
+
+      if (!seekable.length) {
+        // playlist doesn't have enough information to determine whether we are stuck
+        return false;
+      }
+
+      var expired = this.syncController_.getExpiredTime(playlist, this.duration());
+
+      if (expired === null) {
+        return false;
+      } // does not use the safe live end to calculate playlist end, since we
+      // don't want to say we are stuck while there is still content
+
+
+      var absolutePlaylistEnd = Vhs$1.Playlist.playlistEnd(playlist, expired);
+      var currentTime = this.tech_.currentTime();
+      var buffered = this.tech_.buffered();
+
+      if (!buffered.length) {
+        // return true if the playhead reached the absolute end of the playlist
+        return absolutePlaylistEnd - currentTime <= SAFE_TIME_DELTA;
+      }
+
+      var bufferedEnd = buffered.end(buffered.length - 1); // return true if there is too little buffer left and buffer has reached absolute
+      // end of playlist
+
+      return bufferedEnd - currentTime <= SAFE_TIME_DELTA && absolutePlaylistEnd - bufferedEnd <= SAFE_TIME_DELTA;
+    }
+    /**
+     * Blacklists a playlist when an error occurs for a set amount of time
+     * making it unavailable for selection by the rendition selection algorithm
+     * and then forces a new playlist (rendition) selection.
+     *
+     * @param {Object=} error an optional error that may include the playlist
+     * to blacklist
+     * @param {number=} blacklistDuration an optional number of seconds to blacklist the
+     * playlist
+     */
+    ;
+
+    _proto.blacklistCurrentPlaylist = function blacklistCurrentPlaylist(error, blacklistDuration) {
+      if (error === void 0) {
+        error = {};
+      } // If the `error` was generated by the playlist loader, it will contain
+      // the playlist we were trying to load (but failed) and that should be
+      // blacklisted instead of the currently selected playlist which is likely
+      // out-of-date in this scenario
+
+
+      var currentPlaylist = error.playlist || this.masterPlaylistLoader_.media();
+      blacklistDuration = blacklistDuration || error.blacklistDuration || this.blacklistDuration; // If there is no current playlist, then an error occurred while we were
+      // trying to load the master OR while we were disposing of the tech
+
+      if (!currentPlaylist) {
+        this.error = error;
+
+        if (this.mediaSource.readyState !== 'open') {
+          this.trigger('error');
+        } else {
+          this.sourceUpdater_.endOfStream('network');
+        }
+
+        return;
+      }
+
+      currentPlaylist.playlistErrors_++;
+      var playlists = this.masterPlaylistLoader_.master.playlists;
+      var enabledPlaylists = playlists.filter(isEnabled);
+      var isFinalRendition = enabledPlaylists.length === 1 && enabledPlaylists[0] === currentPlaylist; // Don't blacklist the only playlist unless it was blacklisted
+      // forever
+
+      if (playlists.length === 1 && blacklistDuration !== Infinity) {
+        videojs.log.warn("Problem encountered with playlist " + currentPlaylist.id + ". " + 'Trying again since it is the only playlist.');
+        this.tech_.trigger('retryplaylist'); // if this is a final rendition, we should delay
+
+        return this.masterPlaylistLoader_.load(isFinalRendition);
+      }
+
+      if (isFinalRendition) {
+        // Since we're on the final non-blacklisted playlist, and we're about to blacklist
+        // it, instead of erring the player or retrying this playlist, clear out the current
+        // blacklist. This allows other playlists to be attempted in case any have been
+        // fixed.
+        var reincluded = false;
+        playlists.forEach(function (playlist) {
+          // skip current playlist which is about to be blacklisted
+          if (playlist === currentPlaylist) {
+            return;
+          }
+
+          var excludeUntil = playlist.excludeUntil; // a playlist cannot be reincluded if it wasn't excluded to begin with.
+
+          if (typeof excludeUntil !== 'undefined' && excludeUntil !== Infinity) {
+            reincluded = true;
+            delete playlist.excludeUntil;
+          }
+        });
+
+        if (reincluded) {
+          videojs.log.warn('Removing other playlists from the exclusion list because the last ' + 'rendition is about to be excluded.'); // Technically we are retrying a playlist, in that we are simply retrying a previous
+          // playlist. This is needed for users relying on the retryplaylist event to catch a
+          // case where the player might be stuck and looping through "dead" playlists.
+
+          this.tech_.trigger('retryplaylist');
+        }
+      } // Blacklist this playlist
+
+
+      var excludeUntil;
+
+      if (currentPlaylist.playlistErrors_ > this.maxPlaylistRetries) {
+        excludeUntil = Infinity;
+      } else {
+        excludeUntil = Date.now() + blacklistDuration * 1000;
+      }
+
+      currentPlaylist.excludeUntil = excludeUntil;
+
+      if (error.reason) {
+        currentPlaylist.lastExcludeReason_ = error.reason;
+      }
+
+      this.tech_.trigger('blacklistplaylist');
+      this.tech_.trigger({
+        type: 'usage',
+        name: 'vhs-rendition-blacklisted'
+      });
+      this.tech_.trigger({
+        type: 'usage',
+        name: 'hls-rendition-blacklisted'
+      }); // TODO: should we select a new playlist if this blacklist wasn't for the currentPlaylist?
+      // Would be something like media().id !=== currentPlaylist.id and we  would need something
+      // like `pendingMedia` in playlist loaders to check against that too. This will prevent us
+      // from loading a new playlist on any blacklist.
+      // Select a new playlist
+
+      var nextPlaylist = this.selectPlaylist();
+
+      if (!nextPlaylist) {
+        this.error = 'Playback cannot continue. No available working or supported playlists.';
+        this.trigger('error');
+        return;
+      }
+
+      var logFn = error.internal ? this.logger_ : videojs.log.warn;
+      var errorMessage = error.message ? ' ' + error.message : '';
+      logFn((error.internal ? 'Internal problem' : 'Problem') + " encountered with playlist " + currentPlaylist.id + "." + (errorMessage + " Switching to playlist " + nextPlaylist.id + ".")); // if audio group changed reset audio loaders
+
+      if (nextPlaylist.attributes.AUDIO !== currentPlaylist.attributes.AUDIO) {
+        this.delegateLoaders_('audio', ['abort', 'pause']);
+      } // if subtitle group changed reset subtitle loaders
+
+
+      if (nextPlaylist.attributes.SUBTITLES !== currentPlaylist.attributes.SUBTITLES) {
+        this.delegateLoaders_('subtitle', ['abort', 'pause']);
+      }
+
+      this.delegateLoaders_('main', ['abort', 'pause']);
+      var delayDuration = nextPlaylist.targetDuration / 2 * 1000 || 5 * 1000;
+      var shouldDelay = typeof nextPlaylist.lastRequest === 'number' && Date.now() - nextPlaylist.lastRequest <= delayDuration; // delay if it's a final rendition or if the last refresh is sooner than half targetDuration
+
+      return this.switchMedia_(nextPlaylist, 'exclude', isFinalRendition || shouldDelay);
+    }
+    /**
+     * Pause all segment/playlist loaders
+     */
+    ;
+
+    _proto.pauseLoading = function pauseLoading() {
+      this.delegateLoaders_('all', ['abort', 'pause']);
+      this.stopABRTimer_();
+    }
+    /**
+     * Call a set of functions in order on playlist loaders, segment loaders,
+     * or both types of loaders.
+     *
+     * @param {string} filter
+     *        Filter loaders that should call fnNames using a string. Can be:
+     *        * all - run on all loaders
+     *        * audio - run on all audio loaders
+     *        * subtitle - run on all subtitle loaders
+     *        * main - run on the main/master loaders
+     *
+     * @param {Array|string} fnNames
+     *        A string or array of function names to call.
+     */
+    ;
+
+    _proto.delegateLoaders_ = function delegateLoaders_(filter, fnNames) {
+      var _this7 = this;
+
+      var loaders = [];
+      var dontFilterPlaylist = filter === 'all';
+
+      if (dontFilterPlaylist || filter === 'main') {
+        loaders.push(this.masterPlaylistLoader_);
+      }
+
+      var mediaTypes = [];
+
+      if (dontFilterPlaylist || filter === 'audio') {
+        mediaTypes.push('AUDIO');
+      }
+
+      if (dontFilterPlaylist || filter === 'subtitle') {
+        mediaTypes.push('CLOSED-CAPTIONS');
+        mediaTypes.push('SUBTITLES');
+      }
+
+      mediaTypes.forEach(function (mediaType) {
+        var loader = _this7.mediaTypes_[mediaType] && _this7.mediaTypes_[mediaType].activePlaylistLoader;
+
+        if (loader) {
+          loaders.push(loader);
+        }
+      });
+      ['main', 'audio', 'subtitle'].forEach(function (name) {
+        var loader = _this7[name + "SegmentLoader_"];
+
+        if (loader && (filter === name || filter === 'all')) {
+          loaders.push(loader);
+        }
+      });
+      loaders.forEach(function (loader) {
+        return fnNames.forEach(function (fnName) {
+          if (typeof loader[fnName] === 'function') {
+            loader[fnName]();
+          }
+        });
+      });
+    }
+    /**
+     * set the current time on all segment loaders
+     *
+     * @param {TimeRange} currentTime the current time to set
+     * @return {TimeRange} the current time
+     */
+    ;
+
+    _proto.setCurrentTime = function setCurrentTime(currentTime) {
+      var buffered = findRange(this.tech_.buffered(), currentTime);
+
+      if (!(this.masterPlaylistLoader_ && this.masterPlaylistLoader_.media())) {
+        // return immediately if the metadata is not ready yet
+        return 0;
+      } // it's clearly an edge-case but don't thrown an error if asked to
+      // seek within an empty playlist
+
+
+      if (!this.masterPlaylistLoader_.media().segments) {
+        return 0;
+      } // if the seek location is already buffered, continue buffering as usual
+
+
+      if (buffered && buffered.length) {
+        return currentTime;
+      } // cancel outstanding requests so we begin buffering at the new
+      // location
+
+
+      this.mainSegmentLoader_.resetEverything();
+      this.mainSegmentLoader_.abort();
+
+      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
+        this.audioSegmentLoader_.resetEverything();
+        this.audioSegmentLoader_.abort();
+      }
+
+      if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
+        this.subtitleSegmentLoader_.resetEverything();
+        this.subtitleSegmentLoader_.abort();
+      } // start segment loader loading in case they are paused
+
+
+      this.load();
+    }
+    /**
+     * get the current duration
+     *
+     * @return {TimeRange} the duration
+     */
+    ;
+
+    _proto.duration = function duration() {
+      if (!this.masterPlaylistLoader_) {
+        return 0;
+      }
+
+      var media = this.masterPlaylistLoader_.media();
+
+      if (!media) {
+        // no playlists loaded yet, so can't determine a duration
+        return 0;
+      } // Don't rely on the media source for duration in the case of a live playlist since
+      // setting the native MediaSource's duration to infinity ends up with consequences to
+      // seekable behavior. See https://github.com/w3c/media-source/issues/5 for details.
+      //
+      // This is resolved in the spec by https://github.com/w3c/media-source/pull/92,
+      // however, few browsers have support for setLiveSeekableRange()
+      // https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/setLiveSeekableRange
+      //
+      // Until a time when the duration of the media source can be set to infinity, and a
+      // seekable range specified across browsers, just return Infinity.
+
+
+      if (!media.endList) {
+        return Infinity;
+      } // Since this is a VOD video, it is safe to rely on the media source's duration (if
+      // available). If it's not available, fall back to a playlist-calculated estimate.
+
+
+      if (this.mediaSource) {
+        return this.mediaSource.duration;
+      }
+
+      return Vhs$1.Playlist.duration(media);
+    }
+    /**
+     * check the seekable range
+     *
+     * @return {TimeRange} the seekable range
+     */
+    ;
+
+    _proto.seekable = function seekable() {
+      return this.seekable_;
+    };
+
+    _proto.onSyncInfoUpdate_ = function onSyncInfoUpdate_() {
+      var audioSeekable;
+
+      if (!this.masterPlaylistLoader_) {
+        return;
+      }
+
+      var media = this.masterPlaylistLoader_.media();
+
+      if (!media) {
+        return;
+      }
+
+      var expired = this.syncController_.getExpiredTime(media, this.duration());
+
+      if (expired === null) {
+        // not enough information to update seekable
+        return;
+      }
+
+      var master = this.masterPlaylistLoader_.master;
+      var mainSeekable = Vhs$1.Playlist.seekable(media, expired, Vhs$1.Playlist.liveEdgeDelay(master, media));
+
+      if (mainSeekable.length === 0) {
+        return;
+      }
+
+      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
+        media = this.mediaTypes_.AUDIO.activePlaylistLoader.media();
+        expired = this.syncController_.getExpiredTime(media, this.duration());
+
+        if (expired === null) {
+          return;
+        }
+
+        audioSeekable = Vhs$1.Playlist.seekable(media, expired, Vhs$1.Playlist.liveEdgeDelay(master, media));
+
+        if (audioSeekable.length === 0) {
+          return;
+        }
+      }
+
+      var oldEnd;
+      var oldStart;
+
+      if (this.seekable_ && this.seekable_.length) {
+        oldEnd = this.seekable_.end(0);
+        oldStart = this.seekable_.start(0);
+      }
+
+      if (!audioSeekable) {
+        // seekable has been calculated based on buffering video data so it
+        // can be returned directly
+        this.seekable_ = mainSeekable;
+      } else if (audioSeekable.start(0) > mainSeekable.end(0) || mainSeekable.start(0) > audioSeekable.end(0)) {
+        // seekables are pretty far off, rely on main
+        this.seekable_ = mainSeekable;
+      } else {
+        this.seekable_ = videojs.createTimeRanges([[audioSeekable.start(0) > mainSeekable.start(0) ? audioSeekable.start(0) : mainSeekable.start(0), audioSeekable.end(0) < mainSeekable.end(0) ? audioSeekable.end(0) : mainSeekable.end(0)]]);
+      } // seekable is the same as last time
+
+
+      if (this.seekable_ && this.seekable_.length) {
+        if (this.seekable_.end(0) === oldEnd && this.seekable_.start(0) === oldStart) {
+          return;
+        }
+      }
+
+      this.logger_("seekable updated [" + printableRange(this.seekable_) + "]");
+      this.tech_.trigger('seekablechanged');
+    }
+    /**
+     * Update the player duration
+     */
+    ;
+
+    _proto.updateDuration = function updateDuration(isLive) {
+      if (this.updateDuration_) {
+        this.mediaSource.removeEventListener('sourceopen', this.updateDuration_);
+        this.updateDuration_ = null;
+      }
+
+      if (this.mediaSource.readyState !== 'open') {
+        this.updateDuration_ = this.updateDuration.bind(this, isLive);
+        this.mediaSource.addEventListener('sourceopen', this.updateDuration_);
+        return;
+      }
+
+      if (isLive) {
+        var seekable = this.seekable();
+
+        if (!seekable.length) {
+          return;
+        } // Even in the case of a live playlist, the native MediaSource's duration should not
+        // be set to Infinity (even though this would be expected for a live playlist), since
+        // setting the native MediaSource's duration to infinity ends up with consequences to
+        // seekable behavior. See https://github.com/w3c/media-source/issues/5 for details.
+        //
+        // This is resolved in the spec by https://github.com/w3c/media-source/pull/92,
+        // however, few browsers have support for setLiveSeekableRange()
+        // https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/setLiveSeekableRange
+        //
+        // Until a time when the duration of the media source can be set to infinity, and a
+        // seekable range specified across browsers, the duration should be greater than or
+        // equal to the last possible seekable value.
+        // MediaSource duration starts as NaN
+        // It is possible (and probable) that this case will never be reached for many
+        // sources, since the MediaSource reports duration as the highest value without
+        // accounting for timestamp offset. For example, if the timestamp offset is -100 and
+        // we buffered times 0 to 100 with real times of 100 to 200, even though current
+        // time will be between 0 and 100, the native media source may report the duration
+        // as 200. However, since we report duration separate from the media source (as
+        // Infinity), and as long as the native media source duration value is greater than
+        // our reported seekable range, seeks will work as expected. The large number as
+        // duration for live is actually a strategy used by some players to work around the
+        // issue of live seekable ranges cited above.
+
+
+        if (isNaN(this.mediaSource.duration) || this.mediaSource.duration < seekable.end(seekable.length - 1)) {
+          this.sourceUpdater_.setDuration(seekable.end(seekable.length - 1));
+        }
+
+        return;
+      }
+
+      var buffered = this.tech_.buffered();
+      var duration = Vhs$1.Playlist.duration(this.masterPlaylistLoader_.media());
+
+      if (buffered.length > 0) {
+        duration = Math.max(duration, buffered.end(buffered.length - 1));
+      }
+
+      if (this.mediaSource.duration !== duration) {
+        this.sourceUpdater_.setDuration(duration);
+      }
+    }
+    /**
+     * dispose of the MasterPlaylistController and everything
+     * that it controls
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      var _this8 = this;
+
+      this.trigger('dispose');
+      this.decrypter_.terminate();
+      this.masterPlaylistLoader_.dispose();
+      this.mainSegmentLoader_.dispose();
+
+      if (this.loadOnPlay_) {
+        this.tech_.off('play', this.loadOnPlay_);
+      }
+
+      ['AUDIO', 'SUBTITLES'].forEach(function (type) {
+        var groups = _this8.mediaTypes_[type].groups;
+
+        for (var id in groups) {
+          groups[id].forEach(function (group) {
+            if (group.playlistLoader) {
+              group.playlistLoader.dispose();
+            }
+          });
+        }
+      });
+      this.audioSegmentLoader_.dispose();
+      this.subtitleSegmentLoader_.dispose();
+      this.sourceUpdater_.dispose();
+      this.timelineChangeController_.dispose();
+      this.stopABRTimer_();
+
+      if (this.updateDuration_) {
+        this.mediaSource.removeEventListener('sourceopen', this.updateDuration_);
+      }
+
+      this.mediaSource.removeEventListener('durationchange', this.handleDurationChange_); // load the media source into the player
+
+      this.mediaSource.removeEventListener('sourceopen', this.handleSourceOpen_);
+      this.mediaSource.removeEventListener('sourceended', this.handleSourceEnded_);
+      this.off();
+    }
+    /**
+     * return the master playlist object if we have one
+     *
+     * @return {Object} the master playlist object that we parsed
+     */
+    ;
+
+    _proto.master = function master() {
+      return this.masterPlaylistLoader_.master;
+    }
+    /**
+     * return the currently selected playlist
+     *
+     * @return {Object} the currently selected playlist object that we parsed
+     */
+    ;
+
+    _proto.media = function media() {
+      // playlist loader will not return media if it has not been fully loaded
+      return this.masterPlaylistLoader_.media() || this.initialMedia_;
+    };
+
+    _proto.areMediaTypesKnown_ = function areMediaTypesKnown_() {
+      var usingAudioLoader = !!this.mediaTypes_.AUDIO.activePlaylistLoader;
+      var hasMainMediaInfo = !!this.mainSegmentLoader_.getCurrentMediaInfo_(); // if we are not using an audio loader, then we have audio media info
+      // otherwise check on the segment loader.
+
+      var hasAudioMediaInfo = !usingAudioLoader ? true : !!this.audioSegmentLoader_.getCurrentMediaInfo_(); // one or both loaders has not loaded sufficently to get codecs
+
+      if (!hasMainMediaInfo || !hasAudioMediaInfo) {
+        return false;
+      }
+
+      return true;
+    };
+
+    _proto.getCodecsOrExclude_ = function getCodecsOrExclude_() {
+      var _this9 = this;
+
+      var media = {
+        main: this.mainSegmentLoader_.getCurrentMediaInfo_() || {},
+        audio: this.audioSegmentLoader_.getCurrentMediaInfo_() || {}
+      }; // set "main" media equal to video
+
+      media.video = media.main;
+      var playlistCodecs = codecsForPlaylist(this.master(), this.media());
+      var codecs = {};
+      var usingAudioLoader = !!this.mediaTypes_.AUDIO.activePlaylistLoader;
+
+      if (media.main.hasVideo) {
+        codecs.video = playlistCodecs.video || media.main.videoCodec || DEFAULT_VIDEO_CODEC;
+      }
+
+      if (media.main.isMuxed) {
+        codecs.video += "," + (playlistCodecs.audio || media.main.audioCodec || DEFAULT_AUDIO_CODEC);
+      }
+
+      if (media.main.hasAudio && !media.main.isMuxed || media.audio.hasAudio || usingAudioLoader) {
+        codecs.audio = playlistCodecs.audio || media.main.audioCodec || media.audio.audioCodec || DEFAULT_AUDIO_CODEC; // set audio isFmp4 so we use the correct "supports" function below
+
+        media.audio.isFmp4 = media.main.hasAudio && !media.main.isMuxed ? media.main.isFmp4 : media.audio.isFmp4;
+      } // no codecs, no playback.
+
+
+      if (!codecs.audio && !codecs.video) {
+        this.blacklistCurrentPlaylist({
+          playlist: this.media(),
+          message: 'Could not determine codecs for playlist.',
+          blacklistDuration: Infinity
+        });
+        return;
+      } // fmp4 relies on browser support, while ts relies on muxer support
+
+
+      var supportFunction = function supportFunction(isFmp4, codec) {
+        return isFmp4 ? browserSupportsCodec(codec) : muxerSupportsCodec(codec);
+      };
+
+      var unsupportedCodecs = {};
+      var unsupportedAudio;
+      ['video', 'audio'].forEach(function (type) {
+        if (codecs.hasOwnProperty(type) && !supportFunction(media[type].isFmp4, codecs[type])) {
+          var supporter = media[type].isFmp4 ? 'browser' : 'muxer';
+          unsupportedCodecs[supporter] = unsupportedCodecs[supporter] || [];
+          unsupportedCodecs[supporter].push(codecs[type]);
+
+          if (type === 'audio') {
+            unsupportedAudio = supporter;
+          }
+        }
+      });
+
+      if (usingAudioLoader && unsupportedAudio && this.media().attributes.AUDIO) {
+        var audioGroup = this.media().attributes.AUDIO;
+        this.master().playlists.forEach(function (variant) {
+          var variantAudioGroup = variant.attributes && variant.attributes.AUDIO;
+
+          if (variantAudioGroup === audioGroup && variant !== _this9.media()) {
+            variant.excludeUntil = Infinity;
+          }
+        });
+        this.logger_("excluding audio group " + audioGroup + " as " + unsupportedAudio + " does not support codec(s): \"" + codecs.audio + "\"");
+      } // if we have any unsupported codecs blacklist this playlist.
+
+
+      if (Object.keys(unsupportedCodecs).length) {
+        var message = Object.keys(unsupportedCodecs).reduce(function (acc, supporter) {
+          if (acc) {
+            acc += ', ';
+          }
+
+          acc += supporter + " does not support codec(s): \"" + unsupportedCodecs[supporter].join(',') + "\"";
+          return acc;
+        }, '') + '.';
+        this.blacklistCurrentPlaylist({
+          playlist: this.media(),
+          internal: true,
+          message: message,
+          blacklistDuration: Infinity
+        });
+        return;
+      } // check if codec switching is happening
+
+
+      if (this.sourceUpdater_.hasCreatedSourceBuffers() && !this.sourceUpdater_.canChangeType()) {
+        var switchMessages = [];
+        ['video', 'audio'].forEach(function (type) {
+          var newCodec = (parseCodecs(_this9.sourceUpdater_.codecs[type] || '')[0] || {}).type;
+          var oldCodec = (parseCodecs(codecs[type] || '')[0] || {}).type;
+
+          if (newCodec && oldCodec && newCodec.toLowerCase() !== oldCodec.toLowerCase()) {
+            switchMessages.push("\"" + _this9.sourceUpdater_.codecs[type] + "\" -> \"" + codecs[type] + "\"");
+          }
+        });
+
+        if (switchMessages.length) {
+          this.blacklistCurrentPlaylist({
+            playlist: this.media(),
+            message: "Codec switching not supported: " + switchMessages.join(', ') + ".",
+            blacklistDuration: Infinity,
+            internal: true
+          });
+          return;
+        }
+      } // TODO: when using the muxer shouldn't we just return
+      // the codecs that the muxer outputs?
+
+
+      return codecs;
+    }
+    /**
+     * Create source buffers and exlude any incompatible renditions.
+     *
+     * @private
+     */
+    ;
+
+    _proto.tryToCreateSourceBuffers_ = function tryToCreateSourceBuffers_() {
+      // media source is not ready yet or sourceBuffers are already
+      // created.
+      if (this.mediaSource.readyState !== 'open' || this.sourceUpdater_.hasCreatedSourceBuffers()) {
+        return;
+      }
+
+      if (!this.areMediaTypesKnown_()) {
+        return;
+      }
+
+      var codecs = this.getCodecsOrExclude_(); // no codecs means that the playlist was excluded
+
+      if (!codecs) {
+        return;
+      }
+
+      this.sourceUpdater_.createSourceBuffers(codecs);
+      var codecString = [codecs.video, codecs.audio].filter(Boolean).join(',');
+      this.excludeIncompatibleVariants_(codecString);
+    }
+    /**
+     * Excludes playlists with codecs that are unsupported by the muxer and browser.
+     */
+    ;
+
+    _proto.excludeUnsupportedVariants_ = function excludeUnsupportedVariants_() {
+      var _this10 = this;
+
+      var playlists = this.master().playlists;
+      var ids = []; // TODO: why don't we have a property to loop through all
+      // playlist? Why did we ever mix indexes and keys?
+
+      Object.keys(playlists).forEach(function (key) {
+        var variant = playlists[key]; // check if we already processed this playlist.
+
+        if (ids.indexOf(variant.id) !== -1) {
+          return;
+        }
+
+        ids.push(variant.id);
+        var codecs = codecsForPlaylist(_this10.master, variant);
+        var unsupported = [];
+
+        if (codecs.audio && !muxerSupportsCodec(codecs.audio) && !browserSupportsCodec(codecs.audio)) {
+          unsupported.push("audio codec " + codecs.audio);
+        }
+
+        if (codecs.video && !muxerSupportsCodec(codecs.video) && !browserSupportsCodec(codecs.video)) {
+          unsupported.push("video codec " + codecs.video);
+        }
+
+        if (codecs.text && codecs.text === 'stpp.ttml.im1t') {
+          unsupported.push("text codec " + codecs.text);
+        }
+
+        if (unsupported.length) {
+          variant.excludeUntil = Infinity;
+
+          _this10.logger_("excluding " + variant.id + " for unsupported: " + unsupported.join(', '));
+        }
+      });
+    }
+    /**
+     * Blacklist playlists that are known to be codec or
+     * stream-incompatible with the SourceBuffer configuration. For
+     * instance, Media Source Extensions would cause the video element to
+     * stall waiting for video data if you switched from a variant with
+     * video and audio to an audio-only one.
+     *
+     * @param {Object} media a media playlist compatible with the current
+     * set of SourceBuffers. Variants in the current master playlist that
+     * do not appear to have compatible codec or stream configurations
+     * will be excluded from the default playlist selection algorithm
+     * indefinitely.
+     * @private
+     */
+    ;
+
+    _proto.excludeIncompatibleVariants_ = function excludeIncompatibleVariants_(codecString) {
+      var _this11 = this;
+
+      var ids = [];
+      var playlists = this.master().playlists;
+      var codecs = unwrapCodecList(parseCodecs(codecString));
+      var codecCount_ = codecCount(codecs);
+      var videoDetails = codecs.video && parseCodecs(codecs.video)[0] || null;
+      var audioDetails = codecs.audio && parseCodecs(codecs.audio)[0] || null;
+      Object.keys(playlists).forEach(function (key) {
+        var variant = playlists[key]; // check if we already processed this playlist.
+        // or it if it is already excluded forever.
+
+        if (ids.indexOf(variant.id) !== -1 || variant.excludeUntil === Infinity) {
+          return;
+        }
+
+        ids.push(variant.id);
+        var blacklistReasons = []; // get codecs from the playlist for this variant
+
+        var variantCodecs = codecsForPlaylist(_this11.masterPlaylistLoader_.master, variant);
+        var variantCodecCount = codecCount(variantCodecs); // if no codecs are listed, we cannot determine that this
+        // variant is incompatible. Wait for mux.js to probe
+
+        if (!variantCodecs.audio && !variantCodecs.video) {
+          return;
+        } // TODO: we can support this by removing the
+        // old media source and creating a new one, but it will take some work.
+        // The number of streams cannot change
+
+
+        if (variantCodecCount !== codecCount_) {
+          blacklistReasons.push("codec count \"" + variantCodecCount + "\" !== \"" + codecCount_ + "\"");
+        } // only exclude playlists by codec change, if codecs cannot switch
+        // during playback.
+
+
+        if (!_this11.sourceUpdater_.canChangeType()) {
+          var variantVideoDetails = variantCodecs.video && parseCodecs(variantCodecs.video)[0] || null;
+          var variantAudioDetails = variantCodecs.audio && parseCodecs(variantCodecs.audio)[0] || null; // the video codec cannot change
+
+          if (variantVideoDetails && videoDetails && variantVideoDetails.type.toLowerCase() !== videoDetails.type.toLowerCase()) {
+            blacklistReasons.push("video codec \"" + variantVideoDetails.type + "\" !== \"" + videoDetails.type + "\"");
+          } // the audio codec cannot change
+
+
+          if (variantAudioDetails && audioDetails && variantAudioDetails.type.toLowerCase() !== audioDetails.type.toLowerCase()) {
+            blacklistReasons.push("audio codec \"" + variantAudioDetails.type + "\" !== \"" + audioDetails.type + "\"");
+          }
+        }
+
+        if (blacklistReasons.length) {
+          variant.excludeUntil = Infinity;
+
+          _this11.logger_("blacklisting " + variant.id + ": " + blacklistReasons.join(' && '));
+        }
+      });
+    };
+
+    _proto.updateAdCues_ = function updateAdCues_(media) {
+      var offset = 0;
+      var seekable = this.seekable();
+
+      if (seekable.length) {
+        offset = seekable.start(0);
+      }
+
+      updateAdCues(media, this.cueTagsTrack_, offset);
+    }
+    /**
+     * Calculates the desired forward buffer length based on current time
+     *
+     * @return {number} Desired forward buffer length in seconds
+     */
+    ;
+
+    _proto.goalBufferLength = function goalBufferLength() {
+      var currentTime = this.tech_.currentTime();
+      var initial = Config.GOAL_BUFFER_LENGTH;
+      var rate = Config.GOAL_BUFFER_LENGTH_RATE;
+      var max = Math.max(initial, Config.MAX_GOAL_BUFFER_LENGTH);
+      return Math.min(initial + currentTime * rate, max);
+    }
+    /**
+     * Calculates the desired buffer low water line based on current time
+     *
+     * @return {number} Desired buffer low water line in seconds
+     */
+    ;
+
+    _proto.bufferLowWaterLine = function bufferLowWaterLine() {
+      var currentTime = this.tech_.currentTime();
+      var initial = Config.BUFFER_LOW_WATER_LINE;
+      var rate = Config.BUFFER_LOW_WATER_LINE_RATE;
+      var max = Math.max(initial, Config.MAX_BUFFER_LOW_WATER_LINE);
+      var newMax = Math.max(initial, Config.EXPERIMENTAL_MAX_BUFFER_LOW_WATER_LINE);
+      return Math.min(initial + currentTime * rate, this.experimentalBufferBasedABR ? newMax : max);
+    };
+
+    _proto.bufferHighWaterLine = function bufferHighWaterLine() {
+      return Config.BUFFER_HIGH_WATER_LINE;
+    };
+
+    return MasterPlaylistController;
+  }(videojs.EventTarget);
+  /**
+   * Returns a function that acts as the Enable/disable playlist function.
+   *
+   * @param {PlaylistLoader} loader - The master playlist loader
+   * @param {string} playlistID - id of the playlist
+   * @param {Function} changePlaylistFn - A function to be called after a
+   * playlist's enabled-state has been changed. Will NOT be called if a
+   * playlist's enabled-state is unchanged
+   * @param {boolean=} enable - Value to set the playlist enabled-state to
+   * or if undefined returns the current enabled-state for the playlist
+   * @return {Function} Function for setting/getting enabled
+   */
+
+
+  var enableFunction = function enableFunction(loader, playlistID, changePlaylistFn) {
+    return function (enable) {
+      var playlist = loader.master.playlists[playlistID];
+      var incompatible = isIncompatible(playlist);
+      var currentlyEnabled = isEnabled(playlist);
+
+      if (typeof enable === 'undefined') {
+        return currentlyEnabled;
+      }
+
+      if (enable) {
+        delete playlist.disabled;
+      } else {
+        playlist.disabled = true;
+      }
+
+      if (enable !== currentlyEnabled && !incompatible) {
+        // Ensure the outside world knows about our changes
+        changePlaylistFn();
+
+        if (enable) {
+          loader.trigger('renditionenabled');
+        } else {
+          loader.trigger('renditiondisabled');
+        }
+      }
+
+      return enable;
+    };
+  };
+  /**
+   * The representation object encapsulates the publicly visible information
+   * in a media playlist along with a setter/getter-type function (enabled)
+   * for changing the enabled-state of a particular playlist entry
+   *
+   * @class Representation
+   */
+
+
+  var Representation = function Representation(vhsHandler, playlist, id) {
+    var mpc = vhsHandler.masterPlaylistController_,
+        smoothQualityChange = vhsHandler.options_.smoothQualityChange; // Get a reference to a bound version of the quality change function
+
+    var changeType = smoothQualityChange ? 'smooth' : 'fast';
+    var qualityChangeFunction = mpc[changeType + "QualityChange_"].bind(mpc); // some playlist attributes are optional
+
+    if (playlist.attributes) {
+      var resolution = playlist.attributes.RESOLUTION;
+      this.width = resolution && resolution.width;
+      this.height = resolution && resolution.height;
+      this.bandwidth = playlist.attributes.BANDWIDTH;
+    }
+
+    this.codecs = codecsForPlaylist(mpc.master(), playlist);
+    this.playlist = playlist; // The id is simply the ordinality of the media playlist
+    // within the master playlist
+
+    this.id = id; // Partially-apply the enableFunction to create a playlist-
+    // specific variant
+
+    this.enabled = enableFunction(vhsHandler.playlists, playlist.id, qualityChangeFunction);
+  };
+  /**
+   * A mixin function that adds the `representations` api to an instance
+   * of the VhsHandler class
+   *
+   * @param {VhsHandler} vhsHandler - An instance of VhsHandler to add the
+   * representation API into
+   */
+
+
+  var renditionSelectionMixin = function renditionSelectionMixin(vhsHandler) {
+    // Add a single API-specific function to the VhsHandler instance
+    vhsHandler.representations = function () {
+      var master = vhsHandler.masterPlaylistController_.master();
+      var playlists = isAudioOnly(master) ? vhsHandler.masterPlaylistController_.getAudioTrackPlaylists_() : master.playlists;
+
+      if (!playlists) {
+        return [];
+      }
+
+      return playlists.filter(function (media) {
+        return !isIncompatible(media);
+      }).map(function (e, i) {
+        return new Representation(vhsHandler, e, e.id);
+      });
+    };
+  };
+  /**
+   * @file playback-watcher.js
+   *
+   * Playback starts, and now my watch begins. It shall not end until my death. I shall
+   * take no wait, hold no uncleared timeouts, father no bad seeks. I shall wear no crowns
+   * and win no glory. I shall live and die at my post. I am the corrector of the underflow.
+   * I am the watcher of gaps. I am the shield that guards the realms of seekable. I pledge
+   * my life and honor to the Playback Watch, for this Player and all the Players to come.
+   */
+
+
+  var timerCancelEvents = ['seeking', 'seeked', 'pause', 'playing', 'error'];
+  /**
+   * Returns whether or not the current time should be considered close to buffered content,
+   * taking into consideration whether there's enough buffered content for proper playback.
+   *
+   * @param {Object} options
+   *        Options object
+   * @param {TimeRange} options.buffered
+   *        Current buffer
+   * @param {number} options.targetDuration
+   *        The active playlist's target duration
+   * @param {number} options.currentTime
+   *        The current time of the player
+   * @return {boolean}
+   *         Whether the current time should be considered close to the buffer
+   */
+
+  var closeToBufferedContent = function closeToBufferedContent(_ref) {
+    var buffered = _ref.buffered,
+        targetDuration = _ref.targetDuration,
+        currentTime = _ref.currentTime;
+
+    if (!buffered.length) {
+      return false;
+    } // At least two to three segments worth of content should be buffered before there's a
+    // full enough buffer to consider taking any actions.
+
+
+    if (buffered.end(0) - buffered.start(0) < targetDuration * 2) {
+      return false;
+    } // It's possible that, on seek, a remove hasn't completed and the buffered range is
+    // somewhere past the current time. In that event, don't consider the buffered content
+    // close.
+
+
+    if (currentTime > buffered.start(0)) {
+      return false;
+    } // Since target duration generally represents the max (or close to max) duration of a
+    // segment, if the buffer is within a segment of the current time, the gap probably
+    // won't be closed, and current time should be considered close to buffered content.
+
+
+    return buffered.start(0) - currentTime < targetDuration;
+  };
+  /**
+   * @class PlaybackWatcher
+   */
+
+
+  var PlaybackWatcher = /*#__PURE__*/function () {
+    /**
+     * Represents an PlaybackWatcher object.
+     *
+     * @class
+     * @param {Object} options an object that includes the tech and settings
+     */
+    function PlaybackWatcher(options) {
+      var _this = this;
+
+      this.masterPlaylistController_ = options.masterPlaylistController;
+      this.tech_ = options.tech;
+      this.seekable = options.seekable;
+      this.allowSeeksWithinUnsafeLiveWindow = options.allowSeeksWithinUnsafeLiveWindow;
+      this.liveRangeSafeTimeDelta = options.liveRangeSafeTimeDelta;
+      this.media = options.media;
+      this.consecutiveUpdates = 0;
+      this.lastRecordedTime = null;
+      this.timer_ = null;
+      this.checkCurrentTimeTimeout_ = null;
+      this.logger_ = logger('PlaybackWatcher');
+      this.logger_('initialize');
+
+      var playHandler = function playHandler() {
+        return _this.monitorCurrentTime_();
+      };
+
+      var canPlayHandler = function canPlayHandler() {
+        return _this.monitorCurrentTime_();
+      };
+
+      var waitingHandler = function waitingHandler() {
+        return _this.techWaiting_();
+      };
+
+      var cancelTimerHandler = function cancelTimerHandler() {
+        return _this.cancelTimer_();
+      };
+
+      var fixesBadSeeksHandler = function fixesBadSeeksHandler() {
+        return _this.fixesBadSeeks_();
+      };
+
+      var mpc = this.masterPlaylistController_;
+      var loaderTypes = ['main', 'subtitle', 'audio'];
+      var loaderChecks = {};
+      loaderTypes.forEach(function (type) {
+        loaderChecks[type] = {
+          reset: function reset() {
+            return _this.resetSegmentDownloads_(type);
+          },
+          updateend: function updateend() {
+            return _this.checkSegmentDownloads_(type);
+          }
+        };
+        mpc[type + "SegmentLoader_"].on('appendsdone', loaderChecks[type].updateend); // If a rendition switch happens during a playback stall where the buffer
+        // isn't changing we want to reset. We cannot assume that the new rendition
+        // will also be stalled, until after new appends.
+
+        mpc[type + "SegmentLoader_"].on('playlistupdate', loaderChecks[type].reset); // Playback stalls should not be detected right after seeking.
+        // This prevents one segment playlists (single vtt or single segment content)
+        // from being detected as stalling. As the buffer will not change in those cases, since
+        // the buffer is the entire video duration.
+
+        _this.tech_.on(['seeked', 'seeking'], loaderChecks[type].reset);
+      });
+      this.tech_.on('seekablechanged', fixesBadSeeksHandler);
+      this.tech_.on('waiting', waitingHandler);
+      this.tech_.on(timerCancelEvents, cancelTimerHandler);
+      this.tech_.on('canplay', canPlayHandler);
+      /*
+        An edge case exists that results in gaps not being skipped when they exist at the beginning of a stream. This case
+        is surfaced in one of two ways:
+         1)  The `waiting` event is fired before the player has buffered content, making it impossible
+            to find or skip the gap. The `waiting` event is followed by a `play` event. On first play
+            we can check if playback is stalled due to a gap, and skip the gap if necessary.
+        2)  A source with a gap at the beginning of the stream is loaded programatically while the player
+            is in a playing state. To catch this case, it's important that our one-time play listener is setup
+            even if the player is in a playing state
+      */
+
+      this.tech_.one('play', playHandler); // Define the dispose function to clean up our events
+
+      this.dispose = function () {
+        _this.logger_('dispose');
+
+        _this.tech_.off('seekablechanged', fixesBadSeeksHandler);
+
+        _this.tech_.off('waiting', waitingHandler);
+
+        _this.tech_.off(timerCancelEvents, cancelTimerHandler);
+
+        _this.tech_.off('canplay', canPlayHandler);
+
+        _this.tech_.off('play', playHandler);
+
+        loaderTypes.forEach(function (type) {
+          mpc[type + "SegmentLoader_"].off('appendsdone', loaderChecks[type].updateend);
+          mpc[type + "SegmentLoader_"].off('playlistupdate', loaderChecks[type].reset);
+
+          _this.tech_.off(['seeked', 'seeking'], loaderChecks[type].reset);
+        });
+
+        if (_this.checkCurrentTimeTimeout_) {
+          window_1.clearTimeout(_this.checkCurrentTimeTimeout_);
+        }
+
+        _this.cancelTimer_();
+      };
+    }
+    /**
+     * Periodically check current time to see if playback stopped
+     *
+     * @private
+     */
+
+
+    var _proto = PlaybackWatcher.prototype;
+
+    _proto.monitorCurrentTime_ = function monitorCurrentTime_() {
+      this.checkCurrentTime_();
+
+      if (this.checkCurrentTimeTimeout_) {
+        window_1.clearTimeout(this.checkCurrentTimeTimeout_);
+      } // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
+
+
+      this.checkCurrentTimeTimeout_ = window_1.setTimeout(this.monitorCurrentTime_.bind(this), 250);
+    }
+    /**
+     * Reset stalled download stats for a specific type of loader
+     *
+     * @param {string} type
+     *        The segment loader type to check.
+     *
+     * @listens SegmentLoader#playlistupdate
+     * @listens Tech#seeking
+     * @listens Tech#seeked
+     */
+    ;
+
+    _proto.resetSegmentDownloads_ = function resetSegmentDownloads_(type) {
+      var loader = this.masterPlaylistController_[type + "SegmentLoader_"];
+
+      if (this[type + "StalledDownloads_"] > 0) {
+        this.logger_("resetting possible stalled download count for " + type + " loader");
+      }
+
+      this[type + "StalledDownloads_"] = 0;
+      this[type + "Buffered_"] = loader.buffered_();
+    }
+    /**
+     * Checks on every segment `appendsdone` to see
+     * if segment appends are making progress. If they are not
+     * and we are still downloading bytes. We blacklist the playlist.
+     *
+     * @param {string} type
+     *        The segment loader type to check.
+     *
+     * @listens SegmentLoader#appendsdone
+     */
+    ;
+
+    _proto.checkSegmentDownloads_ = function checkSegmentDownloads_(type) {
+      var mpc = this.masterPlaylistController_;
+      var loader = mpc[type + "SegmentLoader_"];
+      var buffered = loader.buffered_();
+      var isBufferedDifferent = isRangeDifferent(this[type + "Buffered_"], buffered);
+      this[type + "Buffered_"] = buffered; // if another watcher is going to fix the issue or
+      // the buffered value for this loader changed
+      // appends are working
+
+      if (isBufferedDifferent) {
+        this.resetSegmentDownloads_(type);
+        return;
+      }
+
+      this[type + "StalledDownloads_"]++;
+      this.logger_("found #" + this[type + "StalledDownloads_"] + " " + type + " appends that did not increase buffer (possible stalled download)", {
+        playlistId: loader.playlist_ && loader.playlist_.id,
+        buffered: timeRangesToArray(buffered)
+      }); // after 10 possibly stalled appends with no reset, exclude
+
+      if (this[type + "StalledDownloads_"] < 10) {
+        return;
+      }
+
+      this.logger_(type + " loader stalled download exclusion");
+      this.resetSegmentDownloads_(type);
+      this.tech_.trigger({
+        type: 'usage',
+        name: "vhs-" + type + "-download-exclusion"
+      });
+
+      if (type === 'subtitle') {
+        return;
+      } // TODO: should we exclude audio tracks rather than main tracks
+      // when type is audio?
+
+
+      mpc.blacklistCurrentPlaylist({
+        message: "Excessive " + type + " segment downloading detected."
+      }, Infinity);
+    }
+    /**
+     * The purpose of this function is to emulate the "waiting" event on
+     * browsers that do not emit it when they are waiting for more
+     * data to continue playback
+     *
+     * @private
+     */
+    ;
+
+    _proto.checkCurrentTime_ = function checkCurrentTime_() {
+      if (this.tech_.seeking() && this.fixesBadSeeks_()) {
+        this.consecutiveUpdates = 0;
+        this.lastRecordedTime = this.tech_.currentTime();
+        return;
+      }
+
+      if (this.tech_.paused() || this.tech_.seeking()) {
+        return;
+      }
+
+      var currentTime = this.tech_.currentTime();
+      var buffered = this.tech_.buffered();
+
+      if (this.lastRecordedTime === currentTime && (!buffered.length || currentTime + SAFE_TIME_DELTA >= buffered.end(buffered.length - 1))) {
+        // If current time is at the end of the final buffered region, then any playback
+        // stall is most likely caused by buffering in a low bandwidth environment. The tech
+        // should fire a `waiting` event in this scenario, but due to browser and tech
+        // inconsistencies. Calling `techWaiting_` here allows us to simulate
+        // responding to a native `waiting` event when the tech fails to emit one.
+        return this.techWaiting_();
+      }
+
+      if (this.consecutiveUpdates >= 5 && currentTime === this.lastRecordedTime) {
+        this.consecutiveUpdates++;
+        this.waiting_();
+      } else if (currentTime === this.lastRecordedTime) {
+        this.consecutiveUpdates++;
+      } else {
+        this.consecutiveUpdates = 0;
+        this.lastRecordedTime = currentTime;
+      }
+    }
+    /**
+     * Cancels any pending timers and resets the 'timeupdate' mechanism
+     * designed to detect that we are stalled
+     *
+     * @private
+     */
+    ;
+
+    _proto.cancelTimer_ = function cancelTimer_() {
+      this.consecutiveUpdates = 0;
+
+      if (this.timer_) {
+        this.logger_('cancelTimer_');
+        clearTimeout(this.timer_);
+      }
+
+      this.timer_ = null;
+    }
+    /**
+     * Fixes situations where there's a bad seek
+     *
+     * @return {boolean} whether an action was taken to fix the seek
+     * @private
+     */
+    ;
+
+    _proto.fixesBadSeeks_ = function fixesBadSeeks_() {
+      var seeking = this.tech_.seeking();
+
+      if (!seeking) {
+        return false;
+      }
+
+      var seekable = this.seekable();
+      var currentTime = this.tech_.currentTime();
+      var isAfterSeekableRange = this.afterSeekableWindow_(seekable, currentTime, this.media(), this.allowSeeksWithinUnsafeLiveWindow);
+      var seekTo;
+
+      if (isAfterSeekableRange) {
+        var seekableEnd = seekable.end(seekable.length - 1); // sync to live point (if VOD, our seekable was updated and we're simply adjusting)
+
+        seekTo = seekableEnd;
+      }
+
+      if (this.beforeSeekableWindow_(seekable, currentTime)) {
+        var seekableStart = seekable.start(0); // sync to the beginning of the live window
+        // provide a buffer of .1 seconds to handle rounding/imprecise numbers
+
+        seekTo = seekableStart + ( // if the playlist is too short and the seekable range is an exact time (can
+        // happen in live with a 3 segment playlist), then don't use a time delta
+        seekableStart === seekable.end(0) ? 0 : SAFE_TIME_DELTA);
+      }
+
+      if (typeof seekTo !== 'undefined') {
+        this.logger_("Trying to seek outside of seekable at time " + currentTime + " with " + ("seekable range " + printableRange(seekable) + ". Seeking to ") + (seekTo + "."));
+        this.tech_.setCurrentTime(seekTo);
+        return true;
+      }
+
+      var buffered = this.tech_.buffered();
+
+      if (closeToBufferedContent({
+        buffered: buffered,
+        targetDuration: this.media().targetDuration,
+        currentTime: currentTime
+      })) {
+        seekTo = buffered.start(0) + SAFE_TIME_DELTA;
+        this.logger_("Buffered region starts (" + buffered.start(0) + ") " + (" just beyond seek point (" + currentTime + "). Seeking to " + seekTo + "."));
+        this.tech_.setCurrentTime(seekTo);
+        return true;
+      }
+
+      return false;
+    }
+    /**
+     * Handler for situations when we determine the player is waiting.
+     *
+     * @private
+     */
+    ;
+
+    _proto.waiting_ = function waiting_() {
+      if (this.techWaiting_()) {
+        return;
+      } // All tech waiting checks failed. Use last resort correction
+
+
+      var currentTime = this.tech_.currentTime();
+      var buffered = this.tech_.buffered();
+      var currentRange = findRange(buffered, currentTime); // Sometimes the player can stall for unknown reasons within a contiguous buffered
+      // region with no indication that anything is amiss (seen in Firefox). Seeking to
+      // currentTime is usually enough to kickstart the player. This checks that the player
+      // is currently within a buffered region before attempting a corrective seek.
+      // Chrome does not appear to continue `timeupdate` events after a `waiting` event
+      // until there is ~ 3 seconds of forward buffer available. PlaybackWatcher should also
+      // make sure there is ~3 seconds of forward buffer before taking any corrective action
+      // to avoid triggering an `unknownwaiting` event when the network is slow.
+
+      if (currentRange.length && currentTime + 3 <= currentRange.end(0)) {
+        this.cancelTimer_();
+        this.tech_.setCurrentTime(currentTime);
+        this.logger_("Stopped at " + currentTime + " while inside a buffered region " + ("[" + currentRange.start(0) + " -> " + currentRange.end(0) + "]. Attempting to resume ") + 'playback by seeking to the current time.'); // unknown waiting corrections may be useful for monitoring QoS
+
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-unknown-waiting'
+        });
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'hls-unknown-waiting'
+        });
+        return;
+      }
+    }
+    /**
+     * Handler for situations when the tech fires a `waiting` event
+     *
+     * @return {boolean}
+     *         True if an action (or none) was needed to correct the waiting. False if no
+     *         checks passed
+     * @private
+     */
+    ;
+
+    _proto.techWaiting_ = function techWaiting_() {
+      var seekable = this.seekable();
+      var currentTime = this.tech_.currentTime();
+
+      if (this.tech_.seeking() && this.fixesBadSeeks_()) {
+        // Tech is seeking or bad seek fixed, no action needed
+        return true;
+      }
+
+      if (this.tech_.seeking() || this.timer_ !== null) {
+        // Tech is seeking or already waiting on another action, no action needed
+        return true;
+      }
+
+      if (this.beforeSeekableWindow_(seekable, currentTime)) {
+        var livePoint = seekable.end(seekable.length - 1);
+        this.logger_("Fell out of live window at time " + currentTime + ". Seeking to " + ("live point (seekable end) " + livePoint));
+        this.cancelTimer_();
+        this.tech_.setCurrentTime(livePoint); // live window resyncs may be useful for monitoring QoS
+
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-live-resync'
+        });
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'hls-live-resync'
+        });
+        return true;
+      }
+
+      var sourceUpdater = this.tech_.vhs.masterPlaylistController_.sourceUpdater_;
+      var buffered = this.tech_.buffered();
+      var videoUnderflow = this.videoUnderflow_({
+        audioBuffered: sourceUpdater.audioBuffered(),
+        videoBuffered: sourceUpdater.videoBuffered(),
+        currentTime: currentTime
+      });
+
+      if (videoUnderflow) {
+        // Even though the video underflowed and was stuck in a gap, the audio overplayed
+        // the gap, leading currentTime into a buffered range. Seeking to currentTime
+        // allows the video to catch up to the audio position without losing any audio
+        // (only suffering ~3 seconds of frozen video and a pause in audio playback).
+        this.cancelTimer_();
+        this.tech_.setCurrentTime(currentTime); // video underflow may be useful for monitoring QoS
+
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'vhs-video-underflow'
+        });
+        this.tech_.trigger({
+          type: 'usage',
+          name: 'hls-video-underflow'
+        });
+        return true;
+      }
+
+      var nextRange = findNextRange(buffered, currentTime); // check for gap
+
+      if (nextRange.length > 0) {
+        var difference = nextRange.start(0) - currentTime;
+        this.logger_("Stopped at " + currentTime + ", setting timer for " + difference + ", seeking " + ("to " + nextRange.start(0)));
+        this.cancelTimer_();
+        this.timer_ = setTimeout(this.skipTheGap_.bind(this), difference * 1000, currentTime);
+        return true;
+      } // All checks failed. Returning false to indicate failure to correct waiting
+
+
+      return false;
+    };
+
+    _proto.afterSeekableWindow_ = function afterSeekableWindow_(seekable, currentTime, playlist, allowSeeksWithinUnsafeLiveWindow) {
+      if (allowSeeksWithinUnsafeLiveWindow === void 0) {
+        allowSeeksWithinUnsafeLiveWindow = false;
+      }
+
+      if (!seekable.length) {
+        // we can't make a solid case if there's no seekable, default to false
+        return false;
+      }
+
+      var allowedEnd = seekable.end(seekable.length - 1) + SAFE_TIME_DELTA;
+      var isLive = !playlist.endList;
+
+      if (isLive && allowSeeksWithinUnsafeLiveWindow) {
+        allowedEnd = seekable.end(seekable.length - 1) + playlist.targetDuration * 3;
+      }
+
+      if (currentTime > allowedEnd) {
+        return true;
+      }
+
+      return false;
+    };
+
+    _proto.beforeSeekableWindow_ = function beforeSeekableWindow_(seekable, currentTime) {
+      if (seekable.length && // can't fall before 0 and 0 seekable start identifies VOD stream
+      seekable.start(0) > 0 && currentTime < seekable.start(0) - this.liveRangeSafeTimeDelta) {
+        return true;
+      }
+
+      return false;
+    };
+
+    _proto.videoUnderflow_ = function videoUnderflow_(_ref2) {
+      var videoBuffered = _ref2.videoBuffered,
+          audioBuffered = _ref2.audioBuffered,
+          currentTime = _ref2.currentTime; // audio only content will not have video underflow :)
+
+      if (!videoBuffered) {
+        return;
+      }
+
+      var gap; // find a gap in demuxed content.
+
+      if (videoBuffered.length && audioBuffered.length) {
+        // in Chrome audio will continue to play for ~3s when we run out of video
+        // so we have to check that the video buffer did have some buffer in the
+        // past.
+        var lastVideoRange = findRange(videoBuffered, currentTime - 3);
+        var videoRange = findRange(videoBuffered, currentTime);
+        var audioRange = findRange(audioBuffered, currentTime);
+
+        if (audioRange.length && !videoRange.length && lastVideoRange.length) {
+          gap = {
+            start: lastVideoRange.end(0),
+            end: audioRange.end(0)
+          };
+        } // find a gap in muxed content.
+
+      } else {
+        var nextRange = findNextRange(videoBuffered, currentTime); // Even if there is no available next range, there is still a possibility we are
+        // stuck in a gap due to video underflow.
+
+        if (!nextRange.length) {
+          gap = this.gapFromVideoUnderflow_(videoBuffered, currentTime);
+        }
+      }
+
+      if (gap) {
+        this.logger_("Encountered a gap in video from " + gap.start + " to " + gap.end + ". " + ("Seeking to current time " + currentTime));
+        return true;
+      }
+
+      return false;
+    }
+    /**
+     * Timer callback. If playback still has not proceeded, then we seek
+     * to the start of the next buffered region.
+     *
+     * @private
+     */
+    ;
+
+    _proto.skipTheGap_ = function skipTheGap_(scheduledCurrentTime) {
+      var buffered = this.tech_.buffered();
+      var currentTime = this.tech_.currentTime();
+      var nextRange = findNextRange(buffered, currentTime);
+      this.cancelTimer_();
+
+      if (nextRange.length === 0 || currentTime !== scheduledCurrentTime) {
+        return;
+      }
+
+      this.logger_('skipTheGap_:', 'currentTime:', currentTime, 'scheduled currentTime:', scheduledCurrentTime, 'nextRange start:', nextRange.start(0)); // only seek if we still have not played
+
+      this.tech_.setCurrentTime(nextRange.start(0) + TIME_FUDGE_FACTOR);
+      this.tech_.trigger({
+        type: 'usage',
+        name: 'vhs-gap-skip'
+      });
+      this.tech_.trigger({
+        type: 'usage',
+        name: 'hls-gap-skip'
+      });
+    };
+
+    _proto.gapFromVideoUnderflow_ = function gapFromVideoUnderflow_(buffered, currentTime) {
+      // At least in Chrome, if there is a gap in the video buffer, the audio will continue
+      // playing for ~3 seconds after the video gap starts. This is done to account for
+      // video buffer underflow/underrun (note that this is not done when there is audio
+      // buffer underflow/underrun -- in that case the video will stop as soon as it
+      // encounters the gap, as audio stalls are more noticeable/jarring to a user than
+      // video stalls). The player's time will reflect the playthrough of audio, so the
+      // time will appear as if we are in a buffered region, even if we are stuck in a
+      // "gap."
+      //
+      // Example:
+      // video buffer:   0 => 10.1, 10.2 => 20
+      // audio buffer:   0 => 20
+      // overall buffer: 0 => 10.1, 10.2 => 20
+      // current time: 13
+      //
+      // Chrome's video froze at 10 seconds, where the video buffer encountered the gap,
+      // however, the audio continued playing until it reached ~3 seconds past the gap
+      // (13 seconds), at which point it stops as well. Since current time is past the
+      // gap, findNextRange will return no ranges.
+      //
+      // To check for this issue, we see if there is a gap that starts somewhere within
+      // a 3 second range (3 seconds +/- 1 second) back from our current time.
+      var gaps = findGaps(buffered);
+
+      for (var i = 0; i < gaps.length; i++) {
+        var start = gaps.start(i);
+        var end = gaps.end(i); // gap is starts no more than 4 seconds back
+
+        if (currentTime - start < 4 && currentTime - start > 2) {
+          return {
+            start: start,
+            end: end
+          };
+        }
+      }
+
+      return null;
+    };
+
+    return PlaybackWatcher;
+  }();
+
+  var defaultOptions = {
+    errorInterval: 30,
+    getSource: function getSource(next) {
+      var tech = this.tech({
+        IWillNotUseThisInPlugins: true
+      });
+      var sourceObj = tech.currentSource_ || this.currentSource();
+      return next(sourceObj);
+    }
+  };
+  /**
+   * Main entry point for the plugin
+   *
+   * @param {Player} player a reference to a videojs Player instance
+   * @param {Object} [options] an object with plugin options
+   * @private
+   */
+
+  var initPlugin = function initPlugin(player, options) {
+    var lastCalled = 0;
+    var seekTo = 0;
+    var localOptions = videojs.mergeOptions(defaultOptions, options);
+    player.ready(function () {
+      player.trigger({
+        type: 'usage',
+        name: 'vhs-error-reload-initialized'
+      });
+      player.trigger({
+        type: 'usage',
+        name: 'hls-error-reload-initialized'
+      });
+    });
+    /**
+     * Player modifications to perform that must wait until `loadedmetadata`
+     * has been triggered
+     *
+     * @private
+     */
+
+    var loadedMetadataHandler = function loadedMetadataHandler() {
+      if (seekTo) {
+        player.currentTime(seekTo);
+      }
+    };
+    /**
+     * Set the source on the player element, play, and seek if necessary
+     *
+     * @param {Object} sourceObj An object specifying the source url and mime-type to play
+     * @private
+     */
+
+
+    var setSource = function setSource(sourceObj) {
+      if (sourceObj === null || sourceObj === undefined) {
+        return;
+      }
+
+      seekTo = player.duration() !== Infinity && player.currentTime() || 0;
+      player.one('loadedmetadata', loadedMetadataHandler);
+      player.src(sourceObj);
+      player.trigger({
+        type: 'usage',
+        name: 'vhs-error-reload'
+      });
+      player.trigger({
+        type: 'usage',
+        name: 'hls-error-reload'
+      });
+      player.play();
+    };
+    /**
+     * Attempt to get a source from either the built-in getSource function
+     * or a custom function provided via the options
+     *
+     * @private
+     */
+
+
+    var errorHandler = function errorHandler() {
+      // Do not attempt to reload the source if a source-reload occurred before
+      // 'errorInterval' time has elapsed since the last source-reload
+      if (Date.now() - lastCalled < localOptions.errorInterval * 1000) {
+        player.trigger({
+          type: 'usage',
+          name: 'vhs-error-reload-canceled'
+        });
+        player.trigger({
+          type: 'usage',
+          name: 'hls-error-reload-canceled'
+        });
+        return;
+      }
+
+      if (!localOptions.getSource || typeof localOptions.getSource !== 'function') {
+        videojs.log.error('ERROR: reloadSourceOnError - The option getSource must be a function!');
+        return;
+      }
+
+      lastCalled = Date.now();
+      return localOptions.getSource.call(player, setSource);
+    };
+    /**
+     * Unbind any event handlers that were bound by the plugin
+     *
+     * @private
+     */
+
+
+    var cleanupEvents = function cleanupEvents() {
+      player.off('loadedmetadata', loadedMetadataHandler);
+      player.off('error', errorHandler);
+      player.off('dispose', cleanupEvents);
+    };
+    /**
+     * Cleanup before re-initializing the plugin
+     *
+     * @param {Object} [newOptions] an object with plugin options
+     * @private
+     */
+
+
+    var reinitPlugin = function reinitPlugin(newOptions) {
+      cleanupEvents();
+      initPlugin(player, newOptions);
+    };
+
+    player.on('error', errorHandler);
+    player.on('dispose', cleanupEvents); // Overwrite the plugin function so that we can correctly cleanup before
+    // initializing the plugin
+
+    player.reloadSourceOnError = reinitPlugin;
+  };
+  /**
+   * Reload the source when an error is detected as long as there
+   * wasn't an error previously within the last 30 seconds
+   *
+   * @param {Object} [options] an object with plugin options
+   */
+
+
+  var reloadSourceOnError = function reloadSourceOnError(options) {
+    initPlugin(this, options);
+  };
+
+  var version$4 = "2.9.2";
+  var version$3 = "5.12.2";
+  var version$2 = "0.17.0";
+  var version$1 = "4.7.0";
+  var version = "3.1.2";
+  var Vhs = {
+    PlaylistLoader: PlaylistLoader,
+    Playlist: Playlist,
+    utils: utils,
+    STANDARD_PLAYLIST_SELECTOR: lastBandwidthSelector,
+    INITIAL_PLAYLIST_SELECTOR: lowestBitrateCompatibleVariantSelector,
+    lastBandwidthSelector: lastBandwidthSelector,
+    movingAverageBandwidthSelector: movingAverageBandwidthSelector,
+    comparePlaylistBandwidth: comparePlaylistBandwidth,
+    comparePlaylistResolution: comparePlaylistResolution,
+    xhr: xhrFactory()
+  }; // Define getter/setters for config properties
+
+  Object.keys(Config).forEach(function (prop) {
+    Object.defineProperty(Vhs, prop, {
+      get: function get() {
+        videojs.log.warn("using Vhs." + prop + " is UNSAFE be sure you know what you are doing");
+        return Config[prop];
+      },
+      set: function set(value) {
+        videojs.log.warn("using Vhs." + prop + " is UNSAFE be sure you know what you are doing");
+
+        if (typeof value !== 'number' || value < 0) {
+          videojs.log.warn("value of Vhs." + prop + " must be greater than or equal to 0");
+          return;
+        }
+
+        Config[prop] = value;
+      }
+    });
+  });
+  var LOCAL_STORAGE_KEY = 'videojs-vhs';
+  /**
+   * Updates the selectedIndex of the QualityLevelList when a mediachange happens in vhs.
+   *
+   * @param {QualityLevelList} qualityLevels The QualityLevelList to update.
+   * @param {PlaylistLoader} playlistLoader PlaylistLoader containing the new media info.
+   * @function handleVhsMediaChange
+   */
+
+  var handleVhsMediaChange = function handleVhsMediaChange(qualityLevels, playlistLoader) {
+    var newPlaylist = playlistLoader.media();
+    var selectedIndex = -1;
+
+    for (var i = 0; i < qualityLevels.length; i++) {
+      if (qualityLevels[i].id === newPlaylist.id) {
+        selectedIndex = i;
+        break;
+      }
+    }
+
+    qualityLevels.selectedIndex_ = selectedIndex;
+    qualityLevels.trigger({
+      selectedIndex: selectedIndex,
+      type: 'change'
+    });
+  };
+  /**
+   * Adds quality levels to list once playlist metadata is available
+   *
+   * @param {QualityLevelList} qualityLevels The QualityLevelList to attach events to.
+   * @param {Object} vhs Vhs object to listen to for media events.
+   * @function handleVhsLoadedMetadata
+   */
+
+
+  var handleVhsLoadedMetadata = function handleVhsLoadedMetadata(qualityLevels, vhs) {
+    vhs.representations().forEach(function (rep) {
+      qualityLevels.addQualityLevel(rep);
+    });
+    handleVhsMediaChange(qualityLevels, vhs.playlists);
+  }; // HLS is a source handler, not a tech. Make sure attempts to use it
+  // as one do not cause exceptions.
+
+
+  Vhs.canPlaySource = function () {
+    return videojs.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
+  };
+
+  var emeKeySystems = function emeKeySystems(keySystemOptions, mainPlaylist, audioPlaylist) {
+    if (!keySystemOptions) {
+      return keySystemOptions;
+    }
+
+    var codecs = {};
+
+    if (mainPlaylist && mainPlaylist.attributes && mainPlaylist.attributes.CODECS) {
+      codecs = unwrapCodecList(parseCodecs(mainPlaylist.attributes.CODECS));
+    }
+
+    if (audioPlaylist && audioPlaylist.attributes && audioPlaylist.attributes.CODECS) {
+      codecs.audio = audioPlaylist.attributes.CODECS;
+    }
+
+    var videoContentType = getMimeForCodec(codecs.video);
+    var audioContentType = getMimeForCodec(codecs.audio); // upsert the content types based on the selected playlist
+
+    var keySystemContentTypes = {};
+
+    for (var keySystem in keySystemOptions) {
+      keySystemContentTypes[keySystem] = {};
+
+      if (audioContentType) {
+        keySystemContentTypes[keySystem].audioContentType = audioContentType;
+      }
+
+      if (videoContentType) {
+        keySystemContentTypes[keySystem].videoContentType = videoContentType;
+      } // Default to using the video playlist's PSSH even though they may be different, as
+      // videojs-contrib-eme will only accept one in the options.
+      //
+      // This shouldn't be an issue for most cases as early intialization will handle all
+      // unique PSSH values, and if they aren't, then encrypted events should have the
+      // specific information needed for the unique license.
+
+
+      if (mainPlaylist.contentProtection && mainPlaylist.contentProtection[keySystem] && mainPlaylist.contentProtection[keySystem].pssh) {
+        keySystemContentTypes[keySystem].pssh = mainPlaylist.contentProtection[keySystem].pssh;
+      } // videojs-contrib-eme accepts the option of specifying: 'com.some.cdm': 'url'
+      // so we need to prevent overwriting the URL entirely
+
+
+      if (typeof keySystemOptions[keySystem] === 'string') {
+        keySystemContentTypes[keySystem].url = keySystemOptions[keySystem];
+      }
+    }
+
+    return videojs.mergeOptions(keySystemOptions, keySystemContentTypes);
+  };
+  /**
+   * @typedef {Object} KeySystems
+   *
+   * keySystems configuration for https://github.com/videojs/videojs-contrib-eme
+   * Note: not all options are listed here.
+   *
+   * @property {Uint8Array} [pssh]
+   *           Protection System Specific Header
+   */
+
+  /**
+   * Goes through all the playlists and collects an array of KeySystems options objects
+   * containing each playlist's keySystems and their pssh values, if available.
+   *
+   * @param {Object[]} playlists
+   *        The playlists to look through
+   * @param {string[]} keySystems
+   *        The keySystems to collect pssh values for
+   *
+   * @return {KeySystems[]}
+   *         An array of KeySystems objects containing available key systems and their
+   *         pssh values
+   */
+
+
+  var getAllPsshKeySystemsOptions = function getAllPsshKeySystemsOptions(playlists, keySystems) {
+    return playlists.reduce(function (keySystemsArr, playlist) {
+      if (!playlist.contentProtection) {
+        return keySystemsArr;
+      }
+
+      var keySystemsOptions = keySystems.reduce(function (keySystemsObj, keySystem) {
+        var keySystemOptions = playlist.contentProtection[keySystem];
+
+        if (keySystemOptions && keySystemOptions.pssh) {
+          keySystemsObj[keySystem] = {
+            pssh: keySystemOptions.pssh
+          };
+        }
+
+        return keySystemsObj;
+      }, {});
+
+      if (Object.keys(keySystemsOptions).length) {
+        keySystemsArr.push(keySystemsOptions);
+      }
+
+      return keySystemsArr;
+    }, []);
+  };
+  /**
+   * Returns a promise that waits for the
+   * [eme plugin](https://github.com/videojs/videojs-contrib-eme) to create a key session.
+   *
+   * Works around https://bugs.chromium.org/p/chromium/issues/detail?id=895449 in non-IE11
+   * browsers.
+   *
+   * As per the above ticket, this is particularly important for Chrome, where, if
+   * unencrypted content is appended before encrypted content and the key session has not
+   * been created, a MEDIA_ERR_DECODE will be thrown once the encrypted content is reached
+   * during playback.
+   *
+   * @param {Object} player
+   *        The player instance
+   * @param {Object[]} sourceKeySystems
+   *        The key systems options from the player source
+   * @param {Object} [audioMedia]
+   *        The active audio media playlist (optional)
+   * @param {Object[]} mainPlaylists
+   *        The playlists found on the master playlist object
+   *
+   * @return {Object}
+   *         Promise that resolves when the key session has been created
+   */
+
+
+  var waitForKeySessionCreation = function waitForKeySessionCreation(_ref) {
+    var player = _ref.player,
+        sourceKeySystems = _ref.sourceKeySystems,
+        audioMedia = _ref.audioMedia,
+        mainPlaylists = _ref.mainPlaylists;
+
+    if (!player.eme.initializeMediaKeys) {
+      return Promise.resolve();
+    } // TODO should all audio PSSH values be initialized for DRM?
+    //
+    // All unique video rendition pssh values are initialized for DRM, but here only
+    // the initial audio playlist license is initialized. In theory, an encrypted
+    // event should be fired if the user switches to an alternative audio playlist
+    // where a license is required, but this case hasn't yet been tested. In addition, there
+    // may be many alternate audio playlists unlikely to be used (e.g., multiple different
+    // languages).
+
+
+    var playlists = audioMedia ? mainPlaylists.concat([audioMedia]) : mainPlaylists;
+    var keySystemsOptionsArr = getAllPsshKeySystemsOptions(playlists, Object.keys(sourceKeySystems));
+    var initializationFinishedPromises = [];
+    var keySessionCreatedPromises = []; // Since PSSH values are interpreted as initData, EME will dedupe any duplicates. The
+    // only place where it should not be deduped is for ms-prefixed APIs, but the early
+    // return for IE11 above, and the existence of modern EME APIs in addition to
+    // ms-prefixed APIs on Edge should prevent this from being a concern.
+    // initializeMediaKeys also won't use the webkit-prefixed APIs.
+
+    keySystemsOptionsArr.forEach(function (keySystemsOptions) {
+      keySessionCreatedPromises.push(new Promise(function (resolve, reject) {
+        player.tech_.one('keysessioncreated', resolve);
+      }));
+      initializationFinishedPromises.push(new Promise(function (resolve, reject) {
+        player.eme.initializeMediaKeys({
+          keySystems: keySystemsOptions
+        }, function (err) {
+          if (err) {
+            reject(err);
+            return;
+          }
+
+          resolve();
+        });
+      }));
+    }); // The reasons Promise.race is chosen over Promise.any:
+    //
+    // * Promise.any is only available in Safari 14+.
+    // * None of these promises are expected to reject. If they do reject, it might be
+    //   better here for the race to surface the rejection, rather than mask it by using
+    //   Promise.any.
+
+    return Promise.race([// If a session was previously created, these will all finish resolving without
+    // creating a new session, otherwise it will take until the end of all license
+    // requests, which is why the key session check is used (to make setup much faster).
+    Promise.all(initializationFinishedPromises), // Once a single session is created, the browser knows DRM will be used.
+    Promise.race(keySessionCreatedPromises)]);
+  };
+  /**
+   * If the [eme](https://github.com/videojs/videojs-contrib-eme) plugin is available, and
+   * there are keySystems on the source, sets up source options to prepare the source for
+   * eme.
+   *
+   * @param {Object} player
+   *        The player instance
+   * @param {Object[]} sourceKeySystems
+   *        The key systems options from the player source
+   * @param {Object} media
+   *        The active media playlist
+   * @param {Object} [audioMedia]
+   *        The active audio media playlist (optional)
+   *
+   * @return {boolean}
+   *         Whether or not options were configured and EME is available
+   */
+
+
+  var setupEmeOptions = function setupEmeOptions(_ref2) {
+    var player = _ref2.player,
+        sourceKeySystems = _ref2.sourceKeySystems,
+        media = _ref2.media,
+        audioMedia = _ref2.audioMedia;
+    var sourceOptions = emeKeySystems(sourceKeySystems, media, audioMedia);
+
+    if (!sourceOptions) {
+      return false;
+    }
+
+    player.currentSource().keySystems = sourceOptions; // eme handles the rest of the setup, so if it is missing
+    // do nothing.
+
+    if (sourceOptions && !player.eme) {
+      videojs.log.warn('DRM encrypted source cannot be decrypted without a DRM plugin');
+      return false;
+    }
+
+    return true;
+  };
+
+  var getVhsLocalStorage = function getVhsLocalStorage() {
+    if (!window_1.localStorage) {
+      return null;
+    }
+
+    var storedObject = window_1.localStorage.getItem(LOCAL_STORAGE_KEY);
+
+    if (!storedObject) {
+      return null;
+    }
+
+    try {
+      return JSON.parse(storedObject);
+    } catch (e) {
+      // someone may have tampered with the value
+      return null;
+    }
+  };
+
+  var updateVhsLocalStorage = function updateVhsLocalStorage(options) {
+    if (!window_1.localStorage) {
+      return false;
+    }
+
+    var objectToStore = getVhsLocalStorage();
+    objectToStore = objectToStore ? videojs.mergeOptions(objectToStore, options) : options;
+
+    try {
+      window_1.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(objectToStore));
+    } catch (e) {
+      // Throws if storage is full (e.g., always on iOS 5+ Safari private mode, where
+      // storage is set to 0).
+      // https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem#Exceptions
+      // No need to perform any operation.
+      return false;
+    }
+
+    return objectToStore;
+  };
+  /**
+   * Parses VHS-supported media types from data URIs. See
+   * https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
+   * for information on data URIs.
+   *
+   * @param {string} dataUri
+   *        The data URI
+   *
+   * @return {string|Object}
+   *         The parsed object/string, or the original string if no supported media type
+   *         was found
+   */
+
+
+  var expandDataUri = function expandDataUri(dataUri) {
+    if (dataUri.toLowerCase().indexOf('data:application/vnd.videojs.vhs+json,') === 0) {
+      return JSON.parse(dataUri.substring(dataUri.indexOf(',') + 1));
+    } // no known case for this data URI, return the string as-is
+
+
+    return dataUri;
+  };
+  /**
+   * Whether the browser has built-in HLS support.
+   */
+
+
+  Vhs.supportsNativeHls = function () {
+    if (!document_1 || !document_1.createElement) {
+      return false;
+    }
+
+    var video = document_1.createElement('video'); // native HLS is definitely not supported if HTML5 video isn't
+
+    if (!videojs.getTech('Html5').isSupported()) {
+      return false;
+    } // HLS manifests can go by many mime-types
+
+
+    var canPlay = [// Apple santioned
+    'application/vnd.apple.mpegurl', // Apple sanctioned for backwards compatibility
+    'audio/mpegurl', // Very common
+    'audio/x-mpegurl', // Very common
+    'application/x-mpegurl', // Included for completeness
+    'video/x-mpegurl', 'video/mpegurl', 'application/mpegurl'];
+    return canPlay.some(function (canItPlay) {
+      return /maybe|probably/i.test(video.canPlayType(canItPlay));
+    });
+  }();
+
+  Vhs.supportsNativeDash = function () {
+    if (!document_1 || !document_1.createElement || !videojs.getTech('Html5').isSupported()) {
+      return false;
+    }
+
+    return /maybe|probably/i.test(document_1.createElement('video').canPlayType('application/dash+xml'));
+  }();
+
+  Vhs.supportsTypeNatively = function (type) {
+    if (type === 'hls') {
+      return Vhs.supportsNativeHls;
+    }
+
+    if (type === 'dash') {
+      return Vhs.supportsNativeDash;
+    }
+
+    return false;
+  };
+  /**
+   * HLS is a source handler, not a tech. Make sure attempts to use it
+   * as one do not cause exceptions.
+   */
+
+
+  Vhs.isSupported = function () {
+    return videojs.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
+  };
+
+  var Component = videojs.getComponent('Component');
+  /**
+   * The Vhs Handler object, where we orchestrate all of the parts
+   * of HLS to interact with video.js
+   *
+   * @class VhsHandler
+   * @extends videojs.Component
+   * @param {Object} source the soruce object
+   * @param {Tech} tech the parent tech object
+   * @param {Object} options optional and required options
+   */
+
+  var VhsHandler = /*#__PURE__*/function (_Component) {
+    inheritsLoose(VhsHandler, _Component);
+
+    function VhsHandler(source, tech, options) {
+      var _this;
+
+      _this = _Component.call(this, tech, videojs.mergeOptions(options.hls, options.vhs)) || this;
+
+      if (options.hls && Object.keys(options.hls).length) {
+        videojs.log.warn('Using hls options is deprecated. Use vhs instead.');
+      } // if a tech level `initialBandwidth` option was passed
+      // use that over the VHS level `bandwidth` option
+
+
+      if (typeof options.initialBandwidth === 'number') {
+        _this.options_.bandwidth = options.initialBandwidth;
+      }
+
+      _this.logger_ = logger('VhsHandler'); // tech.player() is deprecated but setup a reference to HLS for
+      // backwards-compatibility
+
+      if (tech.options_ && tech.options_.playerId) {
+        var _player = videojs(tech.options_.playerId);
+
+        if (!_player.hasOwnProperty('hls')) {
+          Object.defineProperty(_player, 'hls', {
+            get: function get() {
+              videojs.log.warn('player.hls is deprecated. Use player.tech().vhs instead.');
+              tech.trigger({
+                type: 'usage',
+                name: 'hls-player-access'
+              });
+              return assertThisInitialized(_this);
+            },
+            configurable: true
+          });
+        }
+
+        if (!_player.hasOwnProperty('vhs')) {
+          Object.defineProperty(_player, 'vhs', {
+            get: function get() {
+              videojs.log.warn('player.vhs is deprecated. Use player.tech().vhs instead.');
+              tech.trigger({
+                type: 'usage',
+                name: 'vhs-player-access'
+              });
+              return assertThisInitialized(_this);
+            },
+            configurable: true
+          });
+        }
+
+        if (!_player.hasOwnProperty('dash')) {
+          Object.defineProperty(_player, 'dash', {
+            get: function get() {
+              videojs.log.warn('player.dash is deprecated. Use player.tech().vhs instead.');
+              return assertThisInitialized(_this);
+            },
+            configurable: true
+          });
+        }
+
+        _this.player_ = _player;
+      }
+
+      _this.tech_ = tech;
+      _this.source_ = source;
+      _this.stats = {};
+      _this.ignoreNextSeekingEvent_ = false;
+
+      _this.setOptions_();
+
+      if (_this.options_.overrideNative && tech.overrideNativeAudioTracks && tech.overrideNativeVideoTracks) {
+        tech.overrideNativeAudioTracks(true);
+        tech.overrideNativeVideoTracks(true);
+      } else if (_this.options_.overrideNative && (tech.featuresNativeVideoTracks || tech.featuresNativeAudioTracks)) {
+        // overriding native HLS only works if audio tracks have been emulated
+        // error early if we're misconfigured
+        throw new Error('Overriding native HLS requires emulated tracks. ' + 'See https://git.io/vMpjB');
+      } // listen for fullscreenchange events for this player so that we
+      // can adjust our quality selection quickly
+
+
+      _this.on(document_1, ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'MSFullscreenChange'], function (event) {
+        var fullscreenElement = document_1.fullscreenElement || document_1.webkitFullscreenElement || document_1.mozFullScreenElement || document_1.msFullscreenElement;
+
+        if (fullscreenElement && fullscreenElement.contains(_this.tech_.el())) {
+          _this.masterPlaylistController_.fastQualityChange_();
+        } else {
+          // When leaving fullscreen, since the in page pixel dimensions should be smaller
+          // than full screen, see if there should be a rendition switch down to preserve
+          // bandwidth.
+          _this.masterPlaylistController_.checkABR_();
+        }
+      });
+
+      _this.on(_this.tech_, 'seeking', function () {
+        if (this.ignoreNextSeekingEvent_) {
+          this.ignoreNextSeekingEvent_ = false;
+          return;
+        }
+
+        this.setCurrentTime(this.tech_.currentTime());
+      });
+
+      _this.on(_this.tech_, 'error', function () {
+        // verify that the error was real and we are loaded
+        // enough to have mpc loaded.
+        if (this.tech_.error() && this.masterPlaylistController_) {
+          this.masterPlaylistController_.pauseLoading();
+        }
+      });
+
+      _this.on(_this.tech_, 'play', _this.play);
+
+      return _this;
+    }
+
+    var _proto = VhsHandler.prototype;
+
+    _proto.setOptions_ = function setOptions_() {
+      var _this2 = this; // defaults
+
+
+      this.options_.withCredentials = this.options_.withCredentials || false;
+      this.options_.handleManifestRedirects = this.options_.handleManifestRedirects === false ? false : true;
+      this.options_.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions === false ? false : true;
+      this.options_.useDevicePixelRatio = this.options_.useDevicePixelRatio || false;
+      this.options_.smoothQualityChange = this.options_.smoothQualityChange || false;
+      this.options_.useBandwidthFromLocalStorage = typeof this.source_.useBandwidthFromLocalStorage !== 'undefined' ? this.source_.useBandwidthFromLocalStorage : this.options_.useBandwidthFromLocalStorage || false;
+      this.options_.customTagParsers = this.options_.customTagParsers || [];
+      this.options_.customTagMappers = this.options_.customTagMappers || [];
+      this.options_.cacheEncryptionKeys = this.options_.cacheEncryptionKeys || false;
+
+      if (typeof this.options_.blacklistDuration !== 'number') {
+        this.options_.blacklistDuration = 5 * 60;
+      }
+
+      if (typeof this.options_.bandwidth !== 'number') {
+        if (this.options_.useBandwidthFromLocalStorage) {
+          var storedObject = getVhsLocalStorage();
+
+          if (storedObject && storedObject.bandwidth) {
+            this.options_.bandwidth = storedObject.bandwidth;
+            this.tech_.trigger({
+              type: 'usage',
+              name: 'vhs-bandwidth-from-local-storage'
+            });
+            this.tech_.trigger({
+              type: 'usage',
+              name: 'hls-bandwidth-from-local-storage'
+            });
+          }
+
+          if (storedObject && storedObject.throughput) {
+            this.options_.throughput = storedObject.throughput;
+            this.tech_.trigger({
+              type: 'usage',
+              name: 'vhs-throughput-from-local-storage'
+            });
+            this.tech_.trigger({
+              type: 'usage',
+              name: 'hls-throughput-from-local-storage'
+            });
+          }
+        }
+      } // if bandwidth was not set by options or pulled from local storage, start playlist
+      // selection at a reasonable bandwidth
+
+
+      if (typeof this.options_.bandwidth !== 'number') {
+        this.options_.bandwidth = Config.INITIAL_BANDWIDTH;
+      } // If the bandwidth number is unchanged from the initial setting
+      // then this takes precedence over the enableLowInitialPlaylist option
+
+
+      this.options_.enableLowInitialPlaylist = this.options_.enableLowInitialPlaylist && this.options_.bandwidth === Config.INITIAL_BANDWIDTH; // grab options passed to player.src
+
+      ['withCredentials', 'useDevicePixelRatio', 'limitRenditionByPlayerDimensions', 'bandwidth', 'smoothQualityChange', 'customTagParsers', 'customTagMappers', 'handleManifestRedirects', 'cacheEncryptionKeys', 'playlistSelector', 'initialPlaylistSelector', 'experimentalBufferBasedABR', 'liveRangeSafeTimeDelta', 'experimentalLLHLS'].forEach(function (option) {
+        if (typeof _this2.source_[option] !== 'undefined') {
+          _this2.options_[option] = _this2.source_[option];
+        }
+      });
+      this.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions;
+      this.useDevicePixelRatio = this.options_.useDevicePixelRatio;
+    }
+    /**
+     * called when player.src gets called, handle a new source
+     *
+     * @param {Object} src the source object to handle
+     */
+    ;
+
+    _proto.src = function src(_src, type) {
+      var _this3 = this; // do nothing if the src is falsey
+
+
+      if (!_src) {
+        return;
+      }
+
+      this.setOptions_(); // add master playlist controller options
+
+      this.options_.src = expandDataUri(this.source_.src);
+      this.options_.tech = this.tech_;
+      this.options_.externVhs = Vhs;
+      this.options_.sourceType = simpleTypeFromSourceType(type); // Whenever we seek internally, we should update the tech
+
+      this.options_.seekTo = function (time) {
+        _this3.tech_.setCurrentTime(time);
+      };
+
+      if (this.options_.smoothQualityChange) {
+        videojs.log.warn('smoothQualityChange is deprecated and will be removed in the next major version');
+      }
+
+      this.masterPlaylistController_ = new MasterPlaylistController(this.options_);
+      var playbackWatcherOptions = videojs.mergeOptions({
+        liveRangeSafeTimeDelta: SAFE_TIME_DELTA
+      }, this.options_, {
+        seekable: function seekable() {
+          return _this3.seekable();
+        },
+        media: function media() {
+          return _this3.masterPlaylistController_.media();
+        },
+        masterPlaylistController: this.masterPlaylistController_
+      });
+      this.playbackWatcher_ = new PlaybackWatcher(playbackWatcherOptions);
+      this.masterPlaylistController_.on('error', function () {
+        var player = videojs.players[_this3.tech_.options_.playerId];
+        var error = _this3.masterPlaylistController_.error;
+
+        if (typeof error === 'object' && !error.code) {
+          error.code = 3;
+        } else if (typeof error === 'string') {
+          error = {
+            message: error,
+            code: 3
+          };
+        }
+
+        player.error(error);
+      });
+      var defaultSelector = this.options_.experimentalBufferBasedABR ? Vhs.movingAverageBandwidthSelector(0.55) : Vhs.STANDARD_PLAYLIST_SELECTOR; // `this` in selectPlaylist should be the VhsHandler for backwards
+      // compatibility with < v2
+
+      this.masterPlaylistController_.selectPlaylist = this.selectPlaylist ? this.selectPlaylist.bind(this) : defaultSelector.bind(this);
+      this.masterPlaylistController_.selectInitialPlaylist = Vhs.INITIAL_PLAYLIST_SELECTOR.bind(this); // re-expose some internal objects for backwards compatibility with < v2
+
+      this.playlists = this.masterPlaylistController_.masterPlaylistLoader_;
+      this.mediaSource = this.masterPlaylistController_.mediaSource; // Proxy assignment of some properties to the master playlist
+      // controller. Using a custom property for backwards compatibility
+      // with < v2
+
+      Object.defineProperties(this, {
+        selectPlaylist: {
+          get: function get() {
+            return this.masterPlaylistController_.selectPlaylist;
+          },
+          set: function set(selectPlaylist) {
+            this.masterPlaylistController_.selectPlaylist = selectPlaylist.bind(this);
+          }
+        },
+        throughput: {
+          get: function get() {
+            return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate;
+          },
+          set: function set(throughput) {
+            this.masterPlaylistController_.mainSegmentLoader_.throughput.rate = throughput; // By setting `count` to 1 the throughput value becomes the starting value
+            // for the cumulative average
+
+            this.masterPlaylistController_.mainSegmentLoader_.throughput.count = 1;
+          }
+        },
+        bandwidth: {
+          get: function get() {
+            return this.masterPlaylistController_.mainSegmentLoader_.bandwidth;
+          },
+          set: function set(bandwidth) {
+            this.masterPlaylistController_.mainSegmentLoader_.bandwidth = bandwidth; // setting the bandwidth manually resets the throughput counter
+            // `count` is set to zero that current value of `rate` isn't included
+            // in the cumulative average
+
+            this.masterPlaylistController_.mainSegmentLoader_.throughput = {
+              rate: 0,
+              count: 0
+            };
+          }
+        },
+
+        /**
+         * `systemBandwidth` is a combination of two serial processes bit-rates. The first
+         * is the network bitrate provided by `bandwidth` and the second is the bitrate of
+         * the entire process after that - decryption, transmuxing, and appending - provided
+         * by `throughput`.
+         *
+         * Since the two process are serial, the overall system bandwidth is given by:
+         *   sysBandwidth = 1 / (1 / bandwidth + 1 / throughput)
+         */
+        systemBandwidth: {
+          get: function get() {
+            var invBandwidth = 1 / (this.bandwidth || 1);
+            var invThroughput;
+
+            if (this.throughput > 0) {
+              invThroughput = 1 / this.throughput;
+            } else {
+              invThroughput = 0;
+            }
+
+            var systemBitrate = Math.floor(1 / (invBandwidth + invThroughput));
+            return systemBitrate;
+          },
+          set: function set() {
+            videojs.log.error('The "systemBandwidth" property is read-only');
+          }
+        }
+      });
+
+      if (this.options_.bandwidth) {
+        this.bandwidth = this.options_.bandwidth;
+      }
+
+      if (this.options_.throughput) {
+        this.throughput = this.options_.throughput;
+      }
+
+      Object.defineProperties(this.stats, {
+        bandwidth: {
+          get: function get() {
+            return _this3.bandwidth || 0;
+          },
+          enumerable: true
+        },
+        mediaRequests: {
+          get: function get() {
+            return _this3.masterPlaylistController_.mediaRequests_() || 0;
+          },
+          enumerable: true
+        },
+        mediaRequestsAborted: {
+          get: function get() {
+            return _this3.masterPlaylistController_.mediaRequestsAborted_() || 0;
+          },
+          enumerable: true
+        },
+        mediaRequestsTimedout: {
+          get: function get() {
+            return _this3.masterPlaylistController_.mediaRequestsTimedout_() || 0;
+          },
+          enumerable: true
+        },
+        mediaRequestsErrored: {
+          get: function get() {
+            return _this3.masterPlaylistController_.mediaRequestsErrored_() || 0;
+          },
+          enumerable: true
+        },
+        mediaTransferDuration: {
+          get: function get() {
+            return _this3.masterPlaylistController_.mediaTransferDuration_() || 0;
+          },
+          enumerable: true
+        },
+        mediaBytesTransferred: {
+          get: function get() {
+            return _this3.masterPlaylistController_.mediaBytesTransferred_() || 0;
+          },
+          enumerable: true
+        },
+        mediaSecondsLoaded: {
+          get: function get() {
+            return _this3.masterPlaylistController_.mediaSecondsLoaded_() || 0;
+          },
+          enumerable: true
+        },
+        mediaAppends: {
+          get: function get() {
+            return _this3.masterPlaylistController_.mediaAppends_() || 0;
+          },
+          enumerable: true
+        },
+        mainAppendsToLoadedData: {
+          get: function get() {
+            return _this3.masterPlaylistController_.mainAppendsToLoadedData_() || 0;
+          },
+          enumerable: true
+        },
+        audioAppendsToLoadedData: {
+          get: function get() {
+            return _this3.masterPlaylistController_.audioAppendsToLoadedData_() || 0;
+          },
+          enumerable: true
+        },
+        appendsToLoadedData: {
+          get: function get() {
+            return _this3.masterPlaylistController_.appendsToLoadedData_() || 0;
+          },
+          enumerable: true
+        },
+        timeToLoadedData: {
+          get: function get() {
+            return _this3.masterPlaylistController_.timeToLoadedData_() || 0;
+          },
+          enumerable: true
+        },
+        buffered: {
+          get: function get() {
+            return timeRangesToArray(_this3.tech_.buffered());
+          },
+          enumerable: true
+        },
+        currentTime: {
+          get: function get() {
+            return _this3.tech_.currentTime();
+          },
+          enumerable: true
+        },
+        currentSource: {
+          get: function get() {
+            return _this3.tech_.currentSource_;
+          },
+          enumerable: true
+        },
+        currentTech: {
+          get: function get() {
+            return _this3.tech_.name_;
+          },
+          enumerable: true
+        },
+        duration: {
+          get: function get() {
+            return _this3.tech_.duration();
+          },
+          enumerable: true
+        },
+        master: {
+          get: function get() {
+            return _this3.playlists.master;
+          },
+          enumerable: true
+        },
+        playerDimensions: {
+          get: function get() {
+            return _this3.tech_.currentDimensions();
+          },
+          enumerable: true
+        },
+        seekable: {
+          get: function get() {
+            return timeRangesToArray(_this3.tech_.seekable());
+          },
+          enumerable: true
+        },
+        timestamp: {
+          get: function get() {
+            return Date.now();
+          },
+          enumerable: true
+        },
+        videoPlaybackQuality: {
+          get: function get() {
+            return _this3.tech_.getVideoPlaybackQuality();
+          },
+          enumerable: true
+        }
+      });
+      this.tech_.one('canplay', this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_));
+      this.tech_.on('bandwidthupdate', function () {
+        if (_this3.options_.useBandwidthFromLocalStorage) {
+          updateVhsLocalStorage({
+            bandwidth: _this3.bandwidth,
+            throughput: Math.round(_this3.throughput)
+          });
+        }
+      });
+      this.masterPlaylistController_.on('selectedinitialmedia', function () {
+        // Add the manual rendition mix-in to VhsHandler
+        renditionSelectionMixin(_this3);
+      });
+      this.masterPlaylistController_.sourceUpdater_.on('createdsourcebuffers', function () {
+        _this3.setupEme_();
+      }); // the bandwidth of the primary segment loader is our best
+      // estimate of overall bandwidth
+
+      this.on(this.masterPlaylistController_, 'progress', function () {
+        this.tech_.trigger('progress');
+      }); // In the live case, we need to ignore the very first `seeking` event since
+      // that will be the result of the seek-to-live behavior
+
+      this.on(this.masterPlaylistController_, 'firstplay', function () {
+        this.ignoreNextSeekingEvent_ = true;
+      });
+      this.setupQualityLevels_(); // do nothing if the tech has been disposed already
+      // this can occur if someone sets the src in player.ready(), for instance
+
+      if (!this.tech_.el()) {
+        return;
+      }
+
+      this.mediaSourceUrl_ = window_1.URL.createObjectURL(this.masterPlaylistController_.mediaSource);
+      this.tech_.src(this.mediaSourceUrl_);
+    }
+    /**
+     * If necessary and EME is available, sets up EME options and waits for key session
+     * creation.
+     *
+     * This function also updates the source updater so taht it can be used, as for some
+     * browsers, EME must be configured before content is appended (if appending unencrypted
+     * content before encrypted content).
+     */
+    ;
+
+    _proto.setupEme_ = function setupEme_() {
+      var _this4 = this;
+
+      var audioPlaylistLoader = this.masterPlaylistController_.mediaTypes_.AUDIO.activePlaylistLoader;
+      var didSetupEmeOptions = setupEmeOptions({
+        player: this.player_,
+        sourceKeySystems: this.source_.keySystems,
+        media: this.playlists.media(),
+        audioMedia: audioPlaylistLoader && audioPlaylistLoader.media()
+      }); // In IE11 this is too early to initialize media keys, and IE11 does not support
+      // promises.
+
+      if (videojs.browser.IE_VERSION === 11 || !didSetupEmeOptions) {
+        // If EME options were not set up, we've done all we could to initialize EME.
+        this.masterPlaylistController_.sourceUpdater_.initializedEme();
+        return;
+      }
+
+      this.logger_('waiting for EME key session creation');
+      waitForKeySessionCreation({
+        player: this.player_,
+        sourceKeySystems: this.source_.keySystems,
+        audioMedia: audioPlaylistLoader && audioPlaylistLoader.media(),
+        mainPlaylists: this.playlists.master.playlists
+      }).then(function () {
+        _this4.logger_('created EME key session');
+
+        _this4.masterPlaylistController_.sourceUpdater_.initializedEme();
+      })["catch"](function (err) {
+        _this4.logger_('error while creating EME key session', err);
+
+        _this4.player_.error({
+          message: 'Failed to initialize media keys for EME',
+          code: 3
+        });
+      });
+    }
+    /**
+     * Initializes the quality levels and sets listeners to update them.
+     *
+     * @method setupQualityLevels_
+     * @private
+     */
+    ;
+
+    _proto.setupQualityLevels_ = function setupQualityLevels_() {
+      var _this5 = this;
+
+      var player = videojs.players[this.tech_.options_.playerId]; // if there isn't a player or there isn't a qualityLevels plugin
+      // or qualityLevels_ listeners have already been setup, do nothing.
+
+      if (!player || !player.qualityLevels || this.qualityLevels_) {
+        return;
+      }
+
+      this.qualityLevels_ = player.qualityLevels();
+      this.masterPlaylistController_.on('selectedinitialmedia', function () {
+        handleVhsLoadedMetadata(_this5.qualityLevels_, _this5);
+      });
+      this.playlists.on('mediachange', function () {
+        handleVhsMediaChange(_this5.qualityLevels_, _this5.playlists);
+      });
+    }
+    /**
+     * return the version
+     */
+    ;
+
+    VhsHandler.version = function version$5() {
+      return {
+        '@videojs/http-streaming': version$4,
+        'mux.js': version$3,
+        'mpd-parser': version$2,
+        'm3u8-parser': version$1,
+        'aes-decrypter': version
+      };
+    }
+    /**
+     * return the version
+     */
+    ;
+
+    _proto.version = function version() {
+      return this.constructor.version();
+    };
+
+    _proto.canChangeType = function canChangeType() {
+      return SourceUpdater.canChangeType();
+    }
+    /**
+     * Begin playing the video.
+     */
+    ;
+
+    _proto.play = function play() {
+      this.masterPlaylistController_.play();
+    }
+    /**
+     * a wrapper around the function in MasterPlaylistController
+     */
+    ;
+
+    _proto.setCurrentTime = function setCurrentTime(currentTime) {
+      this.masterPlaylistController_.setCurrentTime(currentTime);
+    }
+    /**
+     * a wrapper around the function in MasterPlaylistController
+     */
+    ;
+
+    _proto.duration = function duration() {
+      return this.masterPlaylistController_.duration();
+    }
+    /**
+     * a wrapper around the function in MasterPlaylistController
+     */
+    ;
+
+    _proto.seekable = function seekable() {
+      return this.masterPlaylistController_.seekable();
+    }
+    /**
+     * Abort all outstanding work and cleanup.
+     */
+    ;
+
+    _proto.dispose = function dispose() {
+      if (this.playbackWatcher_) {
+        this.playbackWatcher_.dispose();
+      }
+
+      if (this.masterPlaylistController_) {
+        this.masterPlaylistController_.dispose();
+      }
+
+      if (this.qualityLevels_) {
+        this.qualityLevels_.dispose();
+      }
+
+      if (this.player_) {
+        delete this.player_.vhs;
+        delete this.player_.dash;
+        delete this.player_.hls;
+      }
+
+      if (this.tech_ && this.tech_.vhs) {
+        delete this.tech_.vhs;
+      } // don't check this.tech_.hls as it will log a deprecated warning
+
+
+      if (this.tech_) {
+        delete this.tech_.hls;
+      }
+
+      if (this.mediaSourceUrl_ && window_1.URL.revokeObjectURL) {
+        window_1.URL.revokeObjectURL(this.mediaSourceUrl_);
+        this.mediaSourceUrl_ = null;
+      }
+
+      _Component.prototype.dispose.call(this);
+    };
+
+    _proto.convertToProgramTime = function convertToProgramTime(time, callback) {
+      return getProgramTime({
+        playlist: this.masterPlaylistController_.media(),
+        time: time,
+        callback: callback
+      });
+    } // the player must be playing before calling this
+    ;
+
+    _proto.seekToProgramTime = function seekToProgramTime$1(programTime, callback, pauseAfterSeek, retryCount) {
+      if (pauseAfterSeek === void 0) {
+        pauseAfterSeek = true;
+      }
+
+      if (retryCount === void 0) {
+        retryCount = 2;
+      }
+
+      return seekToProgramTime({
+        programTime: programTime,
+        playlist: this.masterPlaylistController_.media(),
+        retryCount: retryCount,
+        pauseAfterSeek: pauseAfterSeek,
+        seekTo: this.options_.seekTo,
+        tech: this.options_.tech,
+        callback: callback
+      });
+    };
+
+    return VhsHandler;
+  }(Component);
+  /**
+   * The Source Handler object, which informs video.js what additional
+   * MIME types are supported and sets up playback. It is registered
+   * automatically to the appropriate tech based on the capabilities of
+   * the browser it is running in. It is not necessary to use or modify
+   * this object in normal usage.
+   */
+
+
+  var VhsSourceHandler = {
+    name: 'videojs-http-streaming',
+    VERSION: version$4,
+    canHandleSource: function canHandleSource(srcObj, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      var localOptions = videojs.mergeOptions(videojs.options, options);
+      return VhsSourceHandler.canPlayType(srcObj.type, localOptions);
+    },
+    handleSource: function handleSource(source, tech, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      var localOptions = videojs.mergeOptions(videojs.options, options);
+      tech.vhs = new VhsHandler(source, tech, localOptions);
+
+      if (!videojs.hasOwnProperty('hls')) {
+        Object.defineProperty(tech, 'hls', {
+          get: function get() {
+            videojs.log.warn('player.tech().hls is deprecated. Use player.tech().vhs instead.');
+            return tech.vhs;
+          },
+          configurable: true
+        });
+      }
+
+      tech.vhs.xhr = xhrFactory();
+      tech.vhs.src(source.src, source.type);
+      return tech.vhs;
+    },
+    canPlayType: function canPlayType(type, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      var _videojs$mergeOptions = videojs.mergeOptions(videojs.options, options),
+          _videojs$mergeOptions2 = _videojs$mergeOptions.vhs.overrideNative,
+          overrideNative = _videojs$mergeOptions2 === void 0 ? !videojs.browser.IS_ANY_SAFARI : _videojs$mergeOptions2;
+
+      var supportedType = simpleTypeFromSourceType(type);
+      var canUseMsePlayback = supportedType && (!Vhs.supportsTypeNatively(supportedType) || overrideNative);
+      return canUseMsePlayback ? 'maybe' : '';
+    }
+  };
+  /**
+   * Check to see if the native MediaSource object exists and supports
+   * an MP4 container with both H.264 video and AAC-LC audio.
+   *
+   * @return {boolean} if  native media sources are supported
+   */
+
+  var supportsNativeMediaSources = function supportsNativeMediaSources() {
+    return browserSupportsCodec('avc1.4d400d,mp4a.40.2');
+  }; // register source handlers with the appropriate techs
+
+
+  if (supportsNativeMediaSources()) {
+    videojs.getTech('Html5').registerSourceHandler(VhsSourceHandler, 0);
+  }
+
+  videojs.VhsHandler = VhsHandler;
+  Object.defineProperty(videojs, 'HlsHandler', {
+    get: function get() {
+      videojs.log.warn('videojs.HlsHandler is deprecated. Use videojs.VhsHandler instead.');
+      return VhsHandler;
+    },
+    configurable: true
+  });
+  videojs.VhsSourceHandler = VhsSourceHandler;
+  Object.defineProperty(videojs, 'HlsSourceHandler', {
+    get: function get() {
+      videojs.log.warn('videojs.HlsSourceHandler is deprecated. ' + 'Use videojs.VhsSourceHandler instead.');
+      return VhsSourceHandler;
+    },
+    configurable: true
+  });
+  videojs.Vhs = Vhs;
+  Object.defineProperty(videojs, 'Hls', {
+    get: function get() {
+      videojs.log.warn('videojs.Hls is deprecated. Use videojs.Vhs instead.');
+      return Vhs;
+    },
+    configurable: true
+  });
+
+  if (!videojs.use) {
+    videojs.registerComponent('Hls', Vhs);
+    videojs.registerComponent('Vhs', Vhs);
+  }
+
+  videojs.options.vhs = videojs.options.vhs || {};
+  videojs.options.hls = videojs.options.hls || {};
+
+  if (videojs.registerPlugin) {
+    videojs.registerPlugin('reloadSourceOnError', reloadSourceOnError);
+  } else {
+    videojs.plugin('reloadSourceOnError', reloadSourceOnError);
+  }
+
+  return videojs;
+
+})));
+
+!function(){!function(a){var b=a&&a.videojs;b&&(b.CDN_VERSION="7.14.3")}(window)}();
\ No newline at end of file
diff --git a/public/js/videojs-vr.min.js b/public/js/videojs-vr.min.js
new file mode 100644
index 0000000..8761f9b
--- /dev/null
+++ b/public/js/videojs-vr.min.js
@@ -0,0 +1,81 @@
+/*! @name videojs-vr @version 2.0.0 @license MIT */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).videojsVr=e(t.videojs)}(this,(function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=e(t);const i=function(){return/Android/i.test(navigator.userAgent)||/iPhone|iPad|iPod/i.test(navigator.userAgent)},r=function(t,e){for(var n=0,i=t.length;n<i;n++)e[n]=t[n]},o=function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t};var s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function a(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var l={exports:{}};
+/**
+   * @license
+   * cardboard-vr-display
+   * Copyright (c) 2015-2017 Google
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   * http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */!function(t,e){
+/**
+     * @license
+     * gl-preserve-state
+     * Copyright (c) 2016, Brandon Jones.
+     *
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of this software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     *
+     * The above copyright notice and this permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     *
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
+/**
+     * @license
+     * webvr-polyfill-dpdb
+     * Copyright (c) 2015-2017 Google
+     * Licensed under the Apache License, Version 2.0 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * http://www.apache.org/licenses/LICENSE-2.0
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" BASIS,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+/**
+     * @license
+     * nosleep.js
+     * Copyright (c) 2017, Rich Tibbett
+     *
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of this software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     *
+     * The above copyright notice and this permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     *
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
+t.exports=function(){var t,e,n,i=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},r=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),o=function(){function t(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);i=!0);}catch(t){r=!0,o=t}finally{try{!i&&a.return&&a.return()}finally{if(r)throw o}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),a=.001,l=1,c=function(t,e){return"data:"+t+","+encodeURIComponent(e)},h=function(t,e,n){return t+(e-t)*n},u=function(){var t=/iPad|iPhone|iPod/.test(navigator.platform);return function(){return t}}(),d=function(){var t=-1!==navigator.userAgent.indexOf("Version")&&-1!==navigator.userAgent.indexOf("Android")&&-1!==navigator.userAgent.indexOf("Chrome");return function(){return t}}(),p=function(){var t=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);return function(){return t}}(),f=function(){var t=-1!==navigator.userAgent.indexOf("Firefox")&&-1!==navigator.userAgent.indexOf("Android");return function(){return t}}(),m=(e=navigator.userAgent.match(/.*Chrome\/([0-9]+)/),n=e?parseInt(e[1],10):null,function(){return n}),g=function(){var t=!1;return t=u()&&p()&&-1!==navigator.userAgent.indexOf("13_4"),function(){return t}}(),v=function(){var t=!1;if(65===m()){var e=navigator.userAgent.match(/.*Chrome\/([0-9\.]*)/);if(e){var n=e[1].split("."),i=o(n,4);i[0],i[1];var r=i[2],s=i[3];t=3325===parseInt(r,10)&&parseInt(s,10)<148}}return function(){return t}}(),y=function(){var t=-1!==navigator.userAgent.indexOf("R7 Build");return function(){return t}}(),A=function(){var t=90==window.orientation||-90==window.orientation;return y()?!t:t},x=function(t){return!(isNaN(t)||t<=a||t>l)},_=function(){return Math.max(window.screen.width,window.screen.height)*window.devicePixelRatio},w=function(){return Math.min(window.screen.width,window.screen.height)*window.devicePixelRatio},b=function(t){if(d())return!1;if(t.requestFullscreen)t.requestFullscreen();else if(t.webkitRequestFullscreen)t.webkitRequestFullscreen();else if(t.mozRequestFullScreen)t.mozRequestFullScreen();else{if(!t.msRequestFullscreen)return!1;t.msRequestFullscreen()}return!0},M=function(){if(document.exitFullscreen)document.exitFullscreen();else if(document.webkitExitFullscreen)document.webkitExitFullscreen();else if(document.mozCancelFullScreen)document.mozCancelFullScreen();else{if(!document.msExitFullscreen)return!1;document.msExitFullscreen()}return!0},E=function(){return document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement},S=function(t,e,n,i){var r=t.createShader(t.VERTEX_SHADER);t.shaderSource(r,e),t.compileShader(r);var o=t.createShader(t.FRAGMENT_SHADER);t.shaderSource(o,n),t.compileShader(o);var s=t.createProgram();for(var a in t.attachShader(s,r),t.attachShader(s,o),i)t.bindAttribLocation(s,i[a],a);return t.linkProgram(s),t.deleteShader(r),t.deleteShader(o),s},T=function(t,e){for(var n={},i=t.getProgramParameter(e,t.ACTIVE_UNIFORMS),r="",o=0;o<i;o++)n[r=t.getActiveUniform(e,o).name.replace("[0]","")]=t.getUniformLocation(e,r);return n},L=function(t,e,n,i,r,o,s){var a=1/(e-n),l=1/(i-r),c=1/(o-s);return t[0]=-2*a,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*l,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*c,t[11]=0,t[12]=(e+n)*a,t[13]=(r+i)*l,t[14]=(s+o)*c,t[15]=1,t},R=function(){var t,e=!1;return t=navigator.userAgent||navigator.vendor||window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0),e},C=function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},P=function(t){if(u()){var e=t.style.width,n=t.style.height;t.style.width=parseInt(e)+1+"px",t.style.height=parseInt(n)+"px",setTimeout((function(){t.style.width=e,t.style.height=n}),100)}window.canvas=t},D=function(){var t=Math.PI/180,e=.25*Math.PI;function n(n,i,r,o){var s=Math.tan(i?i.upDegrees*t:e),a=Math.tan(i?i.downDegrees*t:e),l=Math.tan(i?i.leftDegrees*t:e),c=Math.tan(i?i.rightDegrees*t:e),h=2/(l+c),u=2/(s+a);return n[0]=h,n[1]=0,n[2]=0,n[3]=0,n[4]=0,n[5]=u,n[6]=0,n[7]=0,n[8]=-(l-c)*h*.5,n[9]=(s-a)*u*.5,n[10]=o/(r-o),n[11]=-1,n[12]=0,n[13]=0,n[14]=o*r/(r-o),n[15]=0,n}function i(t,e,n){var i=e[0],r=e[1],o=e[2],s=e[3],a=i+i,l=r+r,c=o+o,h=i*a,u=i*l,d=i*c,p=r*l,f=r*c,m=o*c,g=s*a,v=s*l,y=s*c;return t[0]=1-(p+m),t[1]=u+y,t[2]=d-v,t[3]=0,t[4]=u-y,t[5]=1-(h+m),t[6]=f+g,t[7]=0,t[8]=d+v,t[9]=f-g,t[10]=1-(h+p),t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function r(t,e,n){var i,r,o,s,a,l,c,h,u,d,p,f,m=n[0],g=n[1],v=n[2];return e===t?(t[12]=e[0]*m+e[4]*g+e[8]*v+e[12],t[13]=e[1]*m+e[5]*g+e[9]*v+e[13],t[14]=e[2]*m+e[6]*g+e[10]*v+e[14],t[15]=e[3]*m+e[7]*g+e[11]*v+e[15]):(i=e[0],r=e[1],o=e[2],s=e[3],a=e[4],l=e[5],c=e[6],h=e[7],u=e[8],d=e[9],p=e[10],f=e[11],t[0]=i,t[1]=r,t[2]=o,t[3]=s,t[4]=a,t[5]=l,t[6]=c,t[7]=h,t[8]=u,t[9]=d,t[10]=p,t[11]=f,t[12]=i*m+a*g+u*v+e[12],t[13]=r*m+l*g+d*v+e[13],t[14]=o*m+c*g+p*v+e[14],t[15]=s*m+h*g+f*v+e[15]),t}function o(t,e){var n=e[0],i=e[1],r=e[2],o=e[3],s=e[4],a=e[5],l=e[6],c=e[7],h=e[8],u=e[9],d=e[10],p=e[11],f=e[12],m=e[13],g=e[14],v=e[15],y=n*a-i*s,A=n*l-r*s,x=n*c-o*s,_=i*l-r*a,w=i*c-o*a,b=r*c-o*l,M=h*m-u*f,E=h*g-d*f,S=h*v-p*f,T=u*g-d*m,L=u*v-p*m,R=d*v-p*g,C=y*R-A*L+x*T+_*S-w*E+b*M;return C?(C=1/C,t[0]=(a*R-l*L+c*T)*C,t[1]=(r*L-i*R-o*T)*C,t[2]=(m*b-g*w+v*_)*C,t[3]=(d*w-u*b-p*_)*C,t[4]=(l*S-s*R-c*E)*C,t[5]=(n*R-r*S+o*E)*C,t[6]=(g*x-f*b-v*A)*C,t[7]=(h*b-d*x+p*A)*C,t[8]=(s*L-a*S+c*M)*C,t[9]=(i*S-n*L-o*M)*C,t[10]=(f*w-m*x+v*y)*C,t[11]=(u*x-h*w-p*y)*C,t[12]=(a*E-s*T-l*M)*C,t[13]=(n*T-i*E+r*M)*C,t[14]=(m*A-f*_-g*y)*C,t[15]=(h*_-u*A+d*y)*C,t):null}var s=new Float32Array([0,0,0,1]),a=new Float32Array([0,0,0]);function l(t,e,l,c,h,u){n(t,c||null,u.depthNear,u.depthFar),i(e,l.orientation||s,l.position||a),h&&r(e,e,h),o(e,e)}return function(t,e,n){return!(!t||!e||(t.pose=e,t.timestamp=e.timestamp,l(t.leftProjectionMatrix,t.leftViewMatrix,e,n._getFieldOfView("left"),n._getEyeOffset("left"),n),l(t.rightProjectionMatrix,t.rightViewMatrix,e,n._getFieldOfView("right"),n._getEyeOffset("right"),n),0))}}(),I=function(){var t=window.self!==window.top,e=N(document.referrer),n=N(window.location.href);return t&&e!==n},N=function(t){var e,n=t.indexOf("://");e=-1!==n?n+3:0;var i=t.indexOf("/",e);return-1===i&&(i=t.length),t.substring(0,i)},O=function(t){return t.w>1?(console.warn("getQuaternionAngle: w > 1"),0):2*Math.acos(t.w)},B=(t={},function(e,n){void 0===t[e]&&(console.warn("webvr-polyfill: "+n),t[e]=!0)}),F=function(t,e){B(t,t+" has been deprecated. This may not work on native WebVR displays. "+(e?"Please use "+e+" instead.":""))};function z(t,e,n){if(e){for(var i=[],r=null,o=0;o<e.length;++o)switch(s=e[o]){case t.TEXTURE_BINDING_2D:case t.TEXTURE_BINDING_CUBE_MAP:if((l=e[++o])<t.TEXTURE0||l>t.TEXTURE31){console.error("TEXTURE_BINDING_2D or TEXTURE_BINDING_CUBE_MAP must be followed by a valid texture unit"),i.push(null,null);break}r||(r=t.getParameter(t.ACTIVE_TEXTURE)),t.activeTexture(l),i.push(t.getParameter(s),null);break;case t.ACTIVE_TEXTURE:r=t.getParameter(t.ACTIVE_TEXTURE),i.push(null);break;default:i.push(t.getParameter(s))}for(n(t),o=0;o<e.length;++o){var s=e[o],a=i[o];switch(s){case t.ACTIVE_TEXTURE:break;case t.ARRAY_BUFFER_BINDING:t.bindBuffer(t.ARRAY_BUFFER,a);break;case t.COLOR_CLEAR_VALUE:t.clearColor(a[0],a[1],a[2],a[3]);break;case t.COLOR_WRITEMASK:t.colorMask(a[0],a[1],a[2],a[3]);break;case t.CURRENT_PROGRAM:t.useProgram(a);break;case t.ELEMENT_ARRAY_BUFFER_BINDING:t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,a);break;case t.FRAMEBUFFER_BINDING:t.bindFramebuffer(t.FRAMEBUFFER,a);break;case t.RENDERBUFFER_BINDING:t.bindRenderbuffer(t.RENDERBUFFER,a);break;case t.TEXTURE_BINDING_2D:if((l=e[++o])<t.TEXTURE0||l>t.TEXTURE31)break;t.activeTexture(l),t.bindTexture(t.TEXTURE_2D,a);break;case t.TEXTURE_BINDING_CUBE_MAP:var l;if((l=e[++o])<t.TEXTURE0||l>t.TEXTURE31)break;t.activeTexture(l),t.bindTexture(t.TEXTURE_CUBE_MAP,a);break;case t.VIEWPORT:t.viewport(a[0],a[1],a[2],a[3]);break;case t.BLEND:case t.CULL_FACE:case t.DEPTH_TEST:case t.SCISSOR_TEST:case t.STENCIL_TEST:a?t.enable(s):t.disable(s);break;default:console.log("No GL restore behavior for 0x"+s.toString(16))}r&&t.activeTexture(r)}}else n(t)}var U=z,H=["attribute vec2 position;","attribute vec3 texCoord;","varying vec2 vTexCoord;","uniform vec4 viewportOffsetScale[2];","void main() {","  vec4 viewport = viewportOffsetScale[int(texCoord.z)];","  vTexCoord = (texCoord.xy * viewport.zw) + viewport.xy;","  gl_Position = vec4( position, 1.0, 1.0 );","}"].join("\n"),G=["precision mediump float;","uniform sampler2D diffuse;","varying vec2 vTexCoord;","void main() {","  gl_FragColor = texture2D(diffuse, vTexCoord);","}"].join("\n");function V(t,e,n,i){this.gl=t,this.cardboardUI=e,this.bufferScale=n,this.dirtySubmitFrameBindings=i,this.ctxAttribs=t.getContextAttributes(),this.instanceExt=t.getExtension("ANGLE_instanced_arrays"),this.meshWidth=20,this.meshHeight=20,this.bufferWidth=t.drawingBufferWidth,this.bufferHeight=t.drawingBufferHeight,this.realBindFramebuffer=t.bindFramebuffer,this.realEnable=t.enable,this.realDisable=t.disable,this.realColorMask=t.colorMask,this.realClearColor=t.clearColor,this.realViewport=t.viewport,u()||(this.realCanvasWidth=Object.getOwnPropertyDescriptor(t.canvas.__proto__,"width"),this.realCanvasHeight=Object.getOwnPropertyDescriptor(t.canvas.__proto__,"height")),this.isPatched=!1,this.lastBoundFramebuffer=null,this.cullFace=!1,this.depthTest=!1,this.blend=!1,this.scissorTest=!1,this.stencilTest=!1,this.viewport=[0,0,0,0],this.colorMask=[!0,!0,!0,!0],this.clearColor=[0,0,0,0],this.attribs={position:0,texCoord:1},this.program=S(t,H,G,this.attribs),this.uniforms=T(t,this.program),this.viewportOffsetScale=new Float32Array(8),this.setTextureBounds(),this.vertexBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),this.indexCount=0,this.renderTarget=t.createTexture(),this.framebuffer=t.createFramebuffer(),this.depthStencilBuffer=null,this.depthBuffer=null,this.stencilBuffer=null,this.ctxAttribs.depth&&this.ctxAttribs.stencil?this.depthStencilBuffer=t.createRenderbuffer():this.ctxAttribs.depth?this.depthBuffer=t.createRenderbuffer():this.ctxAttribs.stencil&&(this.stencilBuffer=t.createRenderbuffer()),this.patch(),this.onResize()}V.prototype.destroy=function(){var t=this.gl;this.unpatch(),t.deleteProgram(this.program),t.deleteBuffer(this.vertexBuffer),t.deleteBuffer(this.indexBuffer),t.deleteTexture(this.renderTarget),t.deleteFramebuffer(this.framebuffer),this.depthStencilBuffer&&t.deleteRenderbuffer(this.depthStencilBuffer),this.depthBuffer&&t.deleteRenderbuffer(this.depthBuffer),this.stencilBuffer&&t.deleteRenderbuffer(this.stencilBuffer),this.cardboardUI&&this.cardboardUI.destroy()},V.prototype.onResize=function(){var t=this.gl,e=this,n=[t.RENDERBUFFER_BINDING,t.TEXTURE_BINDING_2D,t.TEXTURE0];U(t,n,(function(t){e.realBindFramebuffer.call(t,t.FRAMEBUFFER,null),e.scissorTest&&e.realDisable.call(t,t.SCISSOR_TEST),e.realColorMask.call(t,!0,!0,!0,!0),e.realViewport.call(t,0,0,t.drawingBufferWidth,t.drawingBufferHeight),e.realClearColor.call(t,0,0,0,1),t.clear(t.COLOR_BUFFER_BIT),e.realBindFramebuffer.call(t,t.FRAMEBUFFER,e.framebuffer),t.bindTexture(t.TEXTURE_2D,e.renderTarget),t.texImage2D(t.TEXTURE_2D,0,e.ctxAttribs.alpha?t.RGBA:t.RGB,e.bufferWidth,e.bufferHeight,0,e.ctxAttribs.alpha?t.RGBA:t.RGB,t.UNSIGNED_BYTE,null),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,t.TEXTURE_2D,e.renderTarget,0),e.ctxAttribs.depth&&e.ctxAttribs.stencil?(t.bindRenderbuffer(t.RENDERBUFFER,e.depthStencilBuffer),t.renderbufferStorage(t.RENDERBUFFER,t.DEPTH_STENCIL,e.bufferWidth,e.bufferHeight),t.framebufferRenderbuffer(t.FRAMEBUFFER,t.DEPTH_STENCIL_ATTACHMENT,t.RENDERBUFFER,e.depthStencilBuffer)):e.ctxAttribs.depth?(t.bindRenderbuffer(t.RENDERBUFFER,e.depthBuffer),t.renderbufferStorage(t.RENDERBUFFER,t.DEPTH_COMPONENT16,e.bufferWidth,e.bufferHeight),t.framebufferRenderbuffer(t.FRAMEBUFFER,t.DEPTH_ATTACHMENT,t.RENDERBUFFER,e.depthBuffer)):e.ctxAttribs.stencil&&(t.bindRenderbuffer(t.RENDERBUFFER,e.stencilBuffer),t.renderbufferStorage(t.RENDERBUFFER,t.STENCIL_INDEX8,e.bufferWidth,e.bufferHeight),t.framebufferRenderbuffer(t.FRAMEBUFFER,t.STENCIL_ATTACHMENT,t.RENDERBUFFER,e.stencilBuffer)),!t.checkFramebufferStatus(t.FRAMEBUFFER)===t.FRAMEBUFFER_COMPLETE&&console.error("Framebuffer incomplete!"),e.realBindFramebuffer.call(t,t.FRAMEBUFFER,e.lastBoundFramebuffer),e.scissorTest&&e.realEnable.call(t,t.SCISSOR_TEST),e.realColorMask.apply(t,e.colorMask),e.realViewport.apply(t,e.viewport),e.realClearColor.apply(t,e.clearColor)})),this.cardboardUI&&this.cardboardUI.onResize()},V.prototype.patch=function(){if(!this.isPatched){var t=this,e=this.gl.canvas,n=this.gl;u()||(e.width=_()*this.bufferScale,e.height=w()*this.bufferScale,Object.defineProperty(e,"width",{configurable:!0,enumerable:!0,get:function(){return t.bufferWidth},set:function(n){t.bufferWidth=n,t.realCanvasWidth.set.call(e,n),t.onResize()}}),Object.defineProperty(e,"height",{configurable:!0,enumerable:!0,get:function(){return t.bufferHeight},set:function(n){t.bufferHeight=n,t.realCanvasHeight.set.call(e,n),t.onResize()}})),this.lastBoundFramebuffer=n.getParameter(n.FRAMEBUFFER_BINDING),null==this.lastBoundFramebuffer&&(this.lastBoundFramebuffer=this.framebuffer,this.gl.bindFramebuffer(n.FRAMEBUFFER,this.framebuffer)),this.gl.bindFramebuffer=function(e,i){t.lastBoundFramebuffer=i||t.framebuffer,t.realBindFramebuffer.call(n,e,t.lastBoundFramebuffer)},this.cullFace=n.getParameter(n.CULL_FACE),this.depthTest=n.getParameter(n.DEPTH_TEST),this.blend=n.getParameter(n.BLEND),this.scissorTest=n.getParameter(n.SCISSOR_TEST),this.stencilTest=n.getParameter(n.STENCIL_TEST),n.enable=function(e){switch(e){case n.CULL_FACE:t.cullFace=!0;break;case n.DEPTH_TEST:t.depthTest=!0;break;case n.BLEND:t.blend=!0;break;case n.SCISSOR_TEST:t.scissorTest=!0;break;case n.STENCIL_TEST:t.stencilTest=!0}t.realEnable.call(n,e)},n.disable=function(e){switch(e){case n.CULL_FACE:t.cullFace=!1;break;case n.DEPTH_TEST:t.depthTest=!1;break;case n.BLEND:t.blend=!1;break;case n.SCISSOR_TEST:t.scissorTest=!1;break;case n.STENCIL_TEST:t.stencilTest=!1}t.realDisable.call(n,e)},this.colorMask=n.getParameter(n.COLOR_WRITEMASK),n.colorMask=function(e,i,r,o){t.colorMask[0]=e,t.colorMask[1]=i,t.colorMask[2]=r,t.colorMask[3]=o,t.realColorMask.call(n,e,i,r,o)},this.clearColor=n.getParameter(n.COLOR_CLEAR_VALUE),n.clearColor=function(e,i,r,o){t.clearColor[0]=e,t.clearColor[1]=i,t.clearColor[2]=r,t.clearColor[3]=o,t.realClearColor.call(n,e,i,r,o)},this.viewport=n.getParameter(n.VIEWPORT),n.viewport=function(e,i,r,o){t.viewport[0]=e,t.viewport[1]=i,t.viewport[2]=r,t.viewport[3]=o,t.realViewport.call(n,e,i,r,o)},this.isPatched=!0,P(e)}},V.prototype.unpatch=function(){if(this.isPatched){var t=this.gl,e=this.gl.canvas;u()||(Object.defineProperty(e,"width",this.realCanvasWidth),Object.defineProperty(e,"height",this.realCanvasHeight)),e.width=this.bufferWidth,e.height=this.bufferHeight,t.bindFramebuffer=this.realBindFramebuffer,t.enable=this.realEnable,t.disable=this.realDisable,t.colorMask=this.realColorMask,t.clearColor=this.realClearColor,t.viewport=this.realViewport,this.lastBoundFramebuffer==this.framebuffer&&t.bindFramebuffer(t.FRAMEBUFFER,null),this.isPatched=!1,setTimeout((function(){P(e)}),1)}},V.prototype.setTextureBounds=function(t,e){t||(t=[0,0,.5,1]),e||(e=[.5,0,.5,1]),this.viewportOffsetScale[0]=t[0],this.viewportOffsetScale[1]=t[1],this.viewportOffsetScale[2]=t[2],this.viewportOffsetScale[3]=t[3],this.viewportOffsetScale[4]=e[0],this.viewportOffsetScale[5]=e[1],this.viewportOffsetScale[6]=e[2],this.viewportOffsetScale[7]=e[3]},V.prototype.submitFrame=function(){var t=this.gl,e=this,n=[];if(this.dirtySubmitFrameBindings||n.push(t.CURRENT_PROGRAM,t.ARRAY_BUFFER_BINDING,t.ELEMENT_ARRAY_BUFFER_BINDING,t.TEXTURE_BINDING_2D,t.TEXTURE0),U(t,n,(function(t){e.realBindFramebuffer.call(t,t.FRAMEBUFFER,null);var n=0,i=0;e.instanceExt&&(n=t.getVertexAttrib(e.attribs.position,e.instanceExt.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE),i=t.getVertexAttrib(e.attribs.texCoord,e.instanceExt.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE)),e.cullFace&&e.realDisable.call(t,t.CULL_FACE),e.depthTest&&e.realDisable.call(t,t.DEPTH_TEST),e.blend&&e.realDisable.call(t,t.BLEND),e.scissorTest&&e.realDisable.call(t,t.SCISSOR_TEST),e.stencilTest&&e.realDisable.call(t,t.STENCIL_TEST),e.realColorMask.call(t,!0,!0,!0,!0),e.realViewport.call(t,0,0,t.drawingBufferWidth,t.drawingBufferHeight),(e.ctxAttribs.alpha||u())&&(e.realClearColor.call(t,0,0,0,1),t.clear(t.COLOR_BUFFER_BIT)),t.useProgram(e.program),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,e.indexBuffer),t.bindBuffer(t.ARRAY_BUFFER,e.vertexBuffer),t.enableVertexAttribArray(e.attribs.position),t.enableVertexAttribArray(e.attribs.texCoord),t.vertexAttribPointer(e.attribs.position,2,t.FLOAT,!1,20,0),t.vertexAttribPointer(e.attribs.texCoord,3,t.FLOAT,!1,20,8),e.instanceExt&&(0!=n&&e.instanceExt.vertexAttribDivisorANGLE(e.attribs.position,0),0!=i&&e.instanceExt.vertexAttribDivisorANGLE(e.attribs.texCoord,0)),t.activeTexture(t.TEXTURE0),t.uniform1i(e.uniforms.diffuse,0),t.bindTexture(t.TEXTURE_2D,e.renderTarget),t.uniform4fv(e.uniforms.viewportOffsetScale,e.viewportOffsetScale),t.drawElements(t.TRIANGLES,e.indexCount,t.UNSIGNED_SHORT,0),e.cardboardUI&&e.cardboardUI.renderNoState(),e.realBindFramebuffer.call(e.gl,t.FRAMEBUFFER,e.framebuffer),e.ctxAttribs.preserveDrawingBuffer||(e.realClearColor.call(t,0,0,0,0),t.clear(t.COLOR_BUFFER_BIT)),e.dirtySubmitFrameBindings||e.realBindFramebuffer.call(t,t.FRAMEBUFFER,e.lastBoundFramebuffer),e.cullFace&&e.realEnable.call(t,t.CULL_FACE),e.depthTest&&e.realEnable.call(t,t.DEPTH_TEST),e.blend&&e.realEnable.call(t,t.BLEND),e.scissorTest&&e.realEnable.call(t,t.SCISSOR_TEST),e.stencilTest&&e.realEnable.call(t,t.STENCIL_TEST),e.realColorMask.apply(t,e.colorMask),e.realViewport.apply(t,e.viewport),!e.ctxAttribs.alpha&&e.ctxAttribs.preserveDrawingBuffer||e.realClearColor.apply(t,e.clearColor),e.instanceExt&&(0!=n&&e.instanceExt.vertexAttribDivisorANGLE(e.attribs.position,n),0!=i&&e.instanceExt.vertexAttribDivisorANGLE(e.attribs.texCoord,i))})),u()){var i=t.canvas;i.width==e.bufferWidth&&i.height==e.bufferHeight||(e.bufferWidth=i.width,e.bufferHeight=i.height,e.onResize())}},V.prototype.updateDeviceInfo=function(t){var e=this.gl,n=this,i=[e.ARRAY_BUFFER_BINDING,e.ELEMENT_ARRAY_BUFFER_BINDING];U(e,i,(function(e){var i=n.computeMeshVertices_(n.meshWidth,n.meshHeight,t);if(e.bindBuffer(e.ARRAY_BUFFER,n.vertexBuffer),e.bufferData(e.ARRAY_BUFFER,i,e.STATIC_DRAW),!n.indexCount){var r=n.computeMeshIndices_(n.meshWidth,n.meshHeight);e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,n.indexBuffer),e.bufferData(e.ELEMENT_ARRAY_BUFFER,r,e.STATIC_DRAW),n.indexCount=r.length}}))},V.prototype.computeMeshVertices_=function(t,e,n){for(var i=new Float32Array(2*t*e*5),r=n.getLeftEyeVisibleTanAngles(),o=n.getLeftEyeNoLensTanAngles(),s=n.getLeftEyeVisibleScreenRect(o),a=0,l=0;l<2;l++){for(var c=0;c<e;c++)for(var u=0;u<t;u++,a++){var d=u/(t-1),p=c/(e-1),f=d,m=p,g=h(r[0],r[2],d),v=h(r[3],r[1],p),y=Math.sqrt(g*g+v*v),A=n.distortion.distortInverse(y),x=v*A/y;d=(g*A/y-o[0])/(o[2]-o[0]),p=(x-o[3])/(o[1]-o[3]),d=2*(s.x+d*s.width-.5),p=2*(s.y+p*s.height-.5),i[5*a+0]=d,i[5*a+1]=p,i[5*a+2]=f,i[5*a+3]=m,i[5*a+4]=l}var _=r[2]-r[0];r[0]=-(_+r[0]),r[2]=_-r[2],_=o[2]-o[0],o[0]=-(_+o[0]),o[2]=_-o[2],s.x=1-(s.x+s.width)}return i},V.prototype.computeMeshIndices_=function(t,e){for(var n=new Uint16Array(2*(t-1)*(e-1)*6),i=t/2,r=e/2,o=0,s=0,a=0;a<2;a++)for(var l=0;l<e;l++)for(var c=0;c<t;c++,o++)0!=c&&0!=l&&(c<=i==l<=r?(n[s++]=o,n[s++]=o-t-1,n[s++]=o-t,n[s++]=o-t-1,n[s++]=o,n[s++]=o-1):(n[s++]=o-1,n[s++]=o-t,n[s++]=o,n[s++]=o-t,n[s++]=o-1,n[s++]=o-t-1));return n},V.prototype.getOwnPropertyDescriptor_=function(t,e){var n=Object.getOwnPropertyDescriptor(t,e);return void 0!==n.get&&void 0!==n.set||(n.configurable=!0,n.enumerable=!0,n.get=function(){return this.getAttribute(e)},n.set=function(t){this.setAttribute(e,t)}),n};var k=["attribute vec2 position;","uniform mat4 projectionMat;","void main() {","  gl_Position = projectionMat * vec4( position, -1.0, 1.0 );","}"].join("\n"),W=["precision mediump float;","uniform vec4 color;","void main() {","  gl_FragColor = color;","}"].join("\n"),j=Math.PI/180,X=60,q=12,Y=20,Q=1,Z=.75,J=.3125,K=4,$=28,tt=1.5;function et(t){this.gl=t,this.attribs={position:0},this.program=S(t,k,W,this.attribs),this.uniforms=T(t,this.program),this.vertexBuffer=t.createBuffer(),this.gearOffset=0,this.gearVertexCount=0,this.arrowOffset=0,this.arrowVertexCount=0,this.projMat=new Float32Array(16),this.listener=null,this.onResize()}function nt(t){this.coefficients=t}et.prototype.destroy=function(){var t=this.gl;this.listener&&t.canvas.removeEventListener("click",this.listener,!1),t.deleteProgram(this.program),t.deleteBuffer(this.vertexBuffer)},et.prototype.listen=function(t,e){var n=this.gl.canvas;this.listener=function(i){var r=n.clientWidth/2,o=$*tt;i.clientX>r-o&&i.clientX<r+o&&i.clientY>n.clientHeight-o?t(i):i.clientX<o&&i.clientY<o&&e(i)},n.addEventListener("click",this.listener,!1)},et.prototype.onResize=function(){var t=this.gl,e=this,n=[t.ARRAY_BUFFER_BINDING];U(t,n,(function(t){var n=[],i=t.drawingBufferWidth/2,r=Math.max(screen.width,screen.height)*window.devicePixelRatio,o=t.drawingBufferWidth/r*window.devicePixelRatio,s=K*o/2,a=$*tt*o,l=$*o/2,c=($*tt-$)*o;function h(t,e){var r=(90-t)*j,o=Math.cos(r),s=Math.sin(r);n.push(J*o*l+i,J*s*l+l),n.push(e*o*l+i,e*s*l+l)}n.push(i-s,a),n.push(i-s,t.drawingBufferHeight),n.push(i+s,a),n.push(i+s,t.drawingBufferHeight),e.gearOffset=n.length/2;for(var u=0;u<=6;u++){var d=u*X;h(d,Q),h(d+q,Q),h(d+Y,Z),h(d+(X-Y),Z),h(d+(X-q),Q)}function p(e,i){n.push(c+e,t.drawingBufferHeight-c-i)}e.gearVertexCount=n.length/2-e.gearOffset,e.arrowOffset=n.length/2;var f=s/Math.sin(45*j);p(0,l),p(l,0),p(l+f,f),p(f,l+f),p(f,l-f),p(0,l),p(l,2*l),p(l+f,2*l-f),p(f,l-f),p(0,l),p(f,l-s),p($*o,l-s),p(f,l+s),p($*o,l+s),e.arrowVertexCount=n.length/2-e.arrowOffset,t.bindBuffer(t.ARRAY_BUFFER,e.vertexBuffer),t.bufferData(t.ARRAY_BUFFER,new Float32Array(n),t.STATIC_DRAW)}))},et.prototype.render=function(){var t=this.gl,e=this,n=[t.CULL_FACE,t.DEPTH_TEST,t.BLEND,t.SCISSOR_TEST,t.STENCIL_TEST,t.COLOR_WRITEMASK,t.VIEWPORT,t.CURRENT_PROGRAM,t.ARRAY_BUFFER_BINDING];U(t,n,(function(t){t.disable(t.CULL_FACE),t.disable(t.DEPTH_TEST),t.disable(t.BLEND),t.disable(t.SCISSOR_TEST),t.disable(t.STENCIL_TEST),t.colorMask(!0,!0,!0,!0),t.viewport(0,0,t.drawingBufferWidth,t.drawingBufferHeight),e.renderNoState()}))},et.prototype.renderNoState=function(){var t=this.gl;t.useProgram(this.program),t.bindBuffer(t.ARRAY_BUFFER,this.vertexBuffer),t.enableVertexAttribArray(this.attribs.position),t.vertexAttribPointer(this.attribs.position,2,t.FLOAT,!1,8,0),t.uniform4f(this.uniforms.color,1,1,1,1),L(this.projMat,0,t.drawingBufferWidth,0,t.drawingBufferHeight,.1,1024),t.uniformMatrix4fv(this.uniforms.projectionMat,!1,this.projMat),t.drawArrays(t.TRIANGLE_STRIP,0,4),t.drawArrays(t.TRIANGLE_STRIP,this.gearOffset,this.gearVertexCount),t.drawArrays(t.TRIANGLE_STRIP,this.arrowOffset,this.arrowVertexCount)},nt.prototype.distortInverse=function(t){for(var e=0,n=1,i=t-this.distort(e);Math.abs(n-e)>1e-4;){var r=t-this.distort(n),o=n-r*((n-e)/(r-i));e=n,n=o,i=r}return n},nt.prototype.distort=function(t){for(var e=t*t,n=0,i=0;i<this.coefficients.length;i++)n=e*(n+this.coefficients[i]);return(n+1)*t};var it=Math.PI/180,rt=180/Math.PI,ot=function(t,e,n){this.x=t||0,this.y=e||0,this.z=n||0};ot.prototype={constructor:ot,set:function(t,e,n){return this.x=t,this.y=e,this.z=n,this},copy:function(t){return this.x=t.x,this.y=t.y,this.z=t.z,this},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)},normalize:function(){var t=this.length();if(0!==t){var e=1/t;this.multiplyScalar(e)}else this.x=0,this.y=0,this.z=0;return this},multiplyScalar:function(t){this.x*=t,this.y*=t,this.z*=t},applyQuaternion:function(t){var e=this.x,n=this.y,i=this.z,r=t.x,o=t.y,s=t.z,a=t.w,l=a*e+o*i-s*n,c=a*n+s*e-r*i,h=a*i+r*n-o*e,u=-r*e-o*n-s*i;return this.x=l*a+u*-r+c*-s-h*-o,this.y=c*a+u*-o+h*-r-l*-s,this.z=h*a+u*-s+l*-o-c*-r,this},dot:function(t){return this.x*t.x+this.y*t.y+this.z*t.z},crossVectors:function(t,e){var n=t.x,i=t.y,r=t.z,o=e.x,s=e.y,a=e.z;return this.x=i*a-r*s,this.y=r*o-n*a,this.z=n*s-i*o,this}};var st,at,lt,ct=function(t,e,n,i){this.x=t||0,this.y=e||0,this.z=n||0,this.w=void 0!==i?i:1};function ht(t){this.width=t.width||_(),this.height=t.height||w(),this.widthMeters=t.widthMeters,this.heightMeters=t.heightMeters,this.bevelMeters=t.bevelMeters}ct.prototype={constructor:ct,set:function(t,e,n,i){return this.x=t,this.y=e,this.z=n,this.w=i,this},copy:function(t){return this.x=t.x,this.y=t.y,this.z=t.z,this.w=t.w,this},setFromEulerXYZ:function(t,e,n){var i=Math.cos(t/2),r=Math.cos(e/2),o=Math.cos(n/2),s=Math.sin(t/2),a=Math.sin(e/2),l=Math.sin(n/2);return this.x=s*r*o+i*a*l,this.y=i*a*o-s*r*l,this.z=i*r*l+s*a*o,this.w=i*r*o-s*a*l,this},setFromEulerYXZ:function(t,e,n){var i=Math.cos(t/2),r=Math.cos(e/2),o=Math.cos(n/2),s=Math.sin(t/2),a=Math.sin(e/2),l=Math.sin(n/2);return this.x=s*r*o+i*a*l,this.y=i*a*o-s*r*l,this.z=i*r*l-s*a*o,this.w=i*r*o+s*a*l,this},setFromAxisAngle:function(t,e){var n=e/2,i=Math.sin(n);return this.x=t.x*i,this.y=t.y*i,this.z=t.z*i,this.w=Math.cos(n),this},multiply:function(t){return this.multiplyQuaternions(this,t)},multiplyQuaternions:function(t,e){var n=t.x,i=t.y,r=t.z,o=t.w,s=e.x,a=e.y,l=e.z,c=e.w;return this.x=n*c+o*s+i*l-r*a,this.y=i*c+o*a+r*s-n*l,this.z=r*c+o*l+n*a-i*s,this.w=o*c-n*s-i*a-r*l,this},inverse:function(){return this.x*=-1,this.y*=-1,this.z*=-1,this.normalize(),this},normalize:function(){var t=Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w);return 0===t?(this.x=0,this.y=0,this.z=0,this.w=1):(t=1/t,this.x=this.x*t,this.y=this.y*t,this.z=this.z*t,this.w=this.w*t),this},slerp:function(t,e){if(0===e)return this;if(1===e)return this.copy(t);var n=this.x,i=this.y,r=this.z,o=this.w,s=o*t.w+n*t.x+i*t.y+r*t.z;if(s<0?(this.w=-t.w,this.x=-t.x,this.y=-t.y,this.z=-t.z,s=-s):this.copy(t),s>=1)return this.w=o,this.x=n,this.y=i,this.z=r,this;var a=Math.acos(s),l=Math.sqrt(1-s*s);if(Math.abs(l)<.001)return this.w=.5*(o+this.w),this.x=.5*(n+this.x),this.y=.5*(i+this.y),this.z=.5*(r+this.z),this;var c=Math.sin((1-e)*a)/l,h=Math.sin(e*a)/l;return this.w=o*c+this.w*h,this.x=n*c+this.x*h,this.y=i*c+this.y*h,this.z=r*c+this.z*h,this},setFromUnitVectors:(lt=1e-6,function(t,e){return void 0===st&&(st=new ot),(at=t.dot(e)+1)<lt?(at=0,Math.abs(t.x)>Math.abs(t.z)?st.set(-t.y,t.x,0):st.set(0,-t.z,t.y)):st.crossVectors(t,e),this.x=st.x,this.y=st.y,this.z=st.z,this.w=at,this.normalize(),this})};var ut=new ht({widthMeters:.11,heightMeters:.062,bevelMeters:.004}),dt=new ht({widthMeters:.1038,heightMeters:.0584,bevelMeters:.004}),pt={CardboardV1:new mt({id:"CardboardV1",label:"Cardboard I/O 2014",fov:40,interLensDistance:.06,baselineLensDistance:.035,screenLensDistance:.042,distortionCoefficients:[.441,.156],inverseCoefficients:[-.4410035,.42756155,-.4804439,.5460139,-.58821183,.5733938,-.48303202,.33299083,-.17573841,.0651772,-.01488963,.001559834]}),CardboardV2:new mt({id:"CardboardV2",label:"Cardboard I/O 2015",fov:60,interLensDistance:.064,baselineLensDistance:.035,screenLensDistance:.039,distortionCoefficients:[.34,.55],inverseCoefficients:[-.33836704,-.18162185,.862655,-1.2462051,1.0560602,-.58208317,.21609078,-.05444823,.009177956,-.0009904169,6183535e-11,-16981803e-13]})};function ft(t,e){this.viewer=pt.CardboardV2,this.updateDeviceParams(t),this.distortion=new nt(this.viewer.distortionCoefficients);for(var n=0;n<e.length;n++){var i=e[n];pt[i.id]=new mt(i)}}function mt(t){this.id=t.id,this.label=t.label,this.fov=t.fov,this.interLensDistance=t.interLensDistance,this.baselineLensDistance=t.baselineLensDistance,this.screenLensDistance=t.screenLensDistance,this.distortionCoefficients=t.distortionCoefficients,this.inverseCoefficients=t.inverseCoefficients}ft.prototype.updateDeviceParams=function(t){this.device=this.determineDevice_(t)||this.device},ft.prototype.getDevice=function(){return this.device},ft.prototype.setViewer=function(t){this.viewer=t,this.distortion=new nt(this.viewer.distortionCoefficients)},ft.prototype.determineDevice_=function(t){if(!t)return u()?(console.warn("Using fallback iOS device measurements."),dt):(console.warn("Using fallback Android device measurements."),ut);var e=.0254,n=e/t.xdpi,i=e/t.ydpi;return new ht({widthMeters:n*_(),heightMeters:i*w(),bevelMeters:.001*t.bevelMm})},ft.prototype.getDistortedFieldOfViewLeftEye=function(){var t=this.viewer,e=this.device,n=this.distortion,i=t.screenLensDistance,r=(e.widthMeters-t.interLensDistance)/2,o=t.interLensDistance/2,s=t.baselineLensDistance-e.bevelMeters,a=e.heightMeters-s,l=rt*Math.atan(n.distort(r/i)),c=rt*Math.atan(n.distort(o/i)),h=rt*Math.atan(n.distort(s/i)),u=rt*Math.atan(n.distort(a/i));return{leftDegrees:Math.min(l,t.fov),rightDegrees:Math.min(c,t.fov),downDegrees:Math.min(h,t.fov),upDegrees:Math.min(u,t.fov)}},ft.prototype.getLeftEyeVisibleTanAngles=function(){var t=this.viewer,e=this.device,n=this.distortion,i=Math.tan(-it*t.fov),r=Math.tan(it*t.fov),o=Math.tan(it*t.fov),s=Math.tan(-it*t.fov),a=e.widthMeters/4,l=e.heightMeters/2,c=t.baselineLensDistance-e.bevelMeters-l,h=t.interLensDistance/2-a,u=-c,d=t.screenLensDistance,p=n.distort((h-a)/d),f=n.distort((u+l)/d),m=n.distort((h+a)/d),g=n.distort((u-l)/d),v=new Float32Array(4);return v[0]=Math.max(i,p),v[1]=Math.min(r,f),v[2]=Math.min(o,m),v[3]=Math.max(s,g),v},ft.prototype.getLeftEyeNoLensTanAngles=function(){var t=this.viewer,e=this.device,n=this.distortion,i=new Float32Array(4),r=n.distortInverse(Math.tan(-it*t.fov)),o=n.distortInverse(Math.tan(it*t.fov)),s=n.distortInverse(Math.tan(it*t.fov)),a=n.distortInverse(Math.tan(-it*t.fov)),l=e.widthMeters/4,c=e.heightMeters/2,h=t.baselineLensDistance-e.bevelMeters-c,u=t.interLensDistance/2-l,d=-h,p=t.screenLensDistance,f=(u-l)/p,m=(d+c)/p,g=(u+l)/p,v=(d-c)/p;return i[0]=Math.max(r,f),i[1]=Math.min(o,m),i[2]=Math.min(s,g),i[3]=Math.max(a,v),i},ft.prototype.getLeftEyeVisibleScreenRect=function(t){var e=this.viewer,n=this.device,i=e.screenLensDistance,r=(n.widthMeters-e.interLensDistance)/2,o=e.baselineLensDistance-n.bevelMeters,s=(t[0]*i+r)/n.widthMeters,a=(t[1]*i+o)/n.heightMeters,l=(t[2]*i+r)/n.widthMeters,c=(t[3]*i+o)/n.heightMeters;return{x:s,y:c,width:l-s,height:a-c}},ft.prototype.getFieldOfViewLeftEye=function(t){return t?this.getUndistortedFieldOfViewLeftEye():this.getDistortedFieldOfViewLeftEye()},ft.prototype.getFieldOfViewRightEye=function(t){var e=this.getFieldOfViewLeftEye(t);return{leftDegrees:e.rightDegrees,rightDegrees:e.leftDegrees,upDegrees:e.upDegrees,downDegrees:e.downDegrees}},ft.prototype.getUndistortedFieldOfViewLeftEye=function(){var t=this.getUndistortedParams_();return{leftDegrees:rt*Math.atan(t.outerDist),rightDegrees:rt*Math.atan(t.innerDist),downDegrees:rt*Math.atan(t.bottomDist),upDegrees:rt*Math.atan(t.topDist)}},ft.prototype.getUndistortedViewportLeftEye=function(){var t=this.getUndistortedParams_(),e=this.viewer,n=this.device,i=e.screenLensDistance,r=n.widthMeters/i,o=n.heightMeters/i,s=n.width/r,a=n.height/o,l=Math.round((t.eyePosX-t.outerDist)*s),c=Math.round((t.eyePosY-t.bottomDist)*a);return{x:l,y:c,width:Math.round((t.eyePosX+t.innerDist)*s)-l,height:Math.round((t.eyePosY+t.topDist)*a)-c}},ft.prototype.getUndistortedParams_=function(){var t=this.viewer,e=this.device,n=this.distortion,i=t.screenLensDistance,r=t.interLensDistance/2/i,o=e.widthMeters/i,s=e.heightMeters/i,a=o/2-r,l=(t.baselineLensDistance-e.bevelMeters)/i,c=t.fov,h=n.distortInverse(Math.tan(it*c)),u=Math.min(a,h),d=Math.min(r,h),p=Math.min(l,h);return{outerDist:u,innerDist:d,topDist:Math.min(s-l,h),bottomDist:p,eyePosX:a,eyePosY:l}},ft.Viewers=pt;var gt={format:1,last_updated:"2019-11-09T17:36:14Z",devices:[{type:"android",rules:[{mdmh:"asus/*/Nexus 7/*"},{ua:"Nexus 7"}],dpi:[320.8,323],bw:3,ac:500},{type:"android",rules:[{mdmh:"asus/*/ASUS_X00PD/*"},{ua:"ASUS_X00PD"}],dpi:245,bw:3,ac:500},{type:"android",rules:[{mdmh:"asus/*/ASUS_X008D/*"},{ua:"ASUS_X008D"}],dpi:282,bw:3,ac:500},{type:"android",rules:[{mdmh:"asus/*/ASUS_Z00AD/*"},{ua:"ASUS_Z00AD"}],dpi:[403,404.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Google/*/Pixel 2 XL/*"},{ua:"Pixel 2 XL"}],dpi:537.9,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Google/*/Pixel 3 XL/*"},{ua:"Pixel 3 XL"}],dpi:[558.5,553.8],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Google/*/Pixel XL/*"},{ua:"Pixel XL"}],dpi:[537.9,533],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Google/*/Pixel 3/*"},{ua:"Pixel 3"}],dpi:442.4,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Google/*/Pixel 2/*"},{ua:"Pixel 2"}],dpi:441,bw:3,ac:500},{type:"android",rules:[{mdmh:"Google/*/Pixel/*"},{ua:"Pixel"}],dpi:[432.6,436.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"HTC/*/HTC6435LVW/*"},{ua:"HTC6435LVW"}],dpi:[449.7,443.3],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"HTC/*/HTC One XL/*"},{ua:"HTC One XL"}],dpi:[315.3,314.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"htc/*/Nexus 9/*"},{ua:"Nexus 9"}],dpi:289,bw:3,ac:500},{type:"android",rules:[{mdmh:"HTC/*/HTC One M9/*"},{ua:"HTC One M9"}],dpi:[442.5,443.3],bw:3,ac:500},{type:"android",rules:[{mdmh:"HTC/*/HTC One_M8/*"},{ua:"HTC One_M8"}],dpi:[449.7,447.4],bw:3,ac:500},{type:"android",rules:[{mdmh:"HTC/*/HTC One/*"},{ua:"HTC One"}],dpi:472.8,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Huawei/*/Nexus 6P/*"},{ua:"Nexus 6P"}],dpi:[515.1,518],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Huawei/*/BLN-L24/*"},{ua:"HONORBLN-L24"}],dpi:480,bw:4,ac:500},{type:"android",rules:[{mdmh:"Huawei/*/BKL-L09/*"},{ua:"BKL-L09"}],dpi:403,bw:3.47,ac:500},{type:"android",rules:[{mdmh:"LENOVO/*/Lenovo PB2-690Y/*"},{ua:"Lenovo PB2-690Y"}],dpi:[457.2,454.713],bw:3,ac:500},{type:"android",rules:[{mdmh:"LGE/*/Nexus 5X/*"},{ua:"Nexus 5X"}],dpi:[422,419.9],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/LGMS345/*"},{ua:"LGMS345"}],dpi:[221.7,219.1],bw:3,ac:500},{type:"android",rules:[{mdmh:"LGE/*/LG-D800/*"},{ua:"LG-D800"}],dpi:[422,424.1],bw:3,ac:500},{type:"android",rules:[{mdmh:"LGE/*/LG-D850/*"},{ua:"LG-D850"}],dpi:[537.9,541.9],bw:3,ac:500},{type:"android",rules:[{mdmh:"LGE/*/VS985 4G/*"},{ua:"VS985 4G"}],dpi:[537.9,535.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/Nexus 5/*"},{ua:"Nexus 5 B"}],dpi:[442.4,444.8],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/Nexus 4/*"},{ua:"Nexus 4"}],dpi:[319.8,318.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/LG-P769/*"},{ua:"LG-P769"}],dpi:[240.6,247.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/LGMS323/*"},{ua:"LGMS323"}],dpi:[206.6,204.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/LGLS996/*"},{ua:"LGLS996"}],dpi:[403.4,401.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Micromax/*/4560MMX/*"},{ua:"4560MMX"}],dpi:[240,219.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Micromax/*/A250/*"},{ua:"Micromax A250"}],dpi:[480,446.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Micromax/*/Micromax AQ4501/*"},{ua:"Micromax AQ4501"}],dpi:240,bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/G5/*"},{ua:"Moto G (5) Plus"}],dpi:[403.4,403],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/DROID RAZR/*"},{ua:"DROID RAZR"}],dpi:[368.1,256.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT830C/*"},{ua:"XT830C"}],dpi:[254,255.9],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1021/*"},{ua:"XT1021"}],dpi:[254,256.7],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1023/*"},{ua:"XT1023"}],dpi:[254,256.7],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1028/*"},{ua:"XT1028"}],dpi:[326.6,327.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1034/*"},{ua:"XT1034"}],dpi:[326.6,328.4],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1053/*"},{ua:"XT1053"}],dpi:[315.3,316.1],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1562/*"},{ua:"XT1562"}],dpi:[403.4,402.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/Nexus 6/*"},{ua:"Nexus 6 B"}],dpi:[494.3,489.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1063/*"},{ua:"XT1063"}],dpi:[295,296.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1064/*"},{ua:"XT1064"}],dpi:[295,295.6],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1092/*"},{ua:"XT1092"}],dpi:[422,424.1],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1095/*"},{ua:"XT1095"}],dpi:[422,423.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/G4/*"},{ua:"Moto G (4)"}],dpi:401,bw:4,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/A0001/*"},{ua:"A0001"}],dpi:[403.4,401],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE E1001/*"},{ua:"ONE E1001"}],dpi:[442.4,441.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE E1003/*"},{ua:"ONE E1003"}],dpi:[442.4,441.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE E1005/*"},{ua:"ONE E1005"}],dpi:[442.4,441.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE A2001/*"},{ua:"ONE A2001"}],dpi:[391.9,405.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE A2003/*"},{ua:"ONE A2003"}],dpi:[391.9,405.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE A2005/*"},{ua:"ONE A2005"}],dpi:[391.9,405.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONEPLUS A3000/*"},{ua:"ONEPLUS A3000"}],dpi:401,bw:3,ac:500},{type:"android",rules:[{mdmh:"OnePlus/*/ONEPLUS A3003/*"},{ua:"ONEPLUS A3003"}],dpi:401,bw:3,ac:500},{type:"android",rules:[{mdmh:"OnePlus/*/ONEPLUS A3010/*"},{ua:"ONEPLUS A3010"}],dpi:401,bw:3,ac:500},{type:"android",rules:[{mdmh:"OnePlus/*/ONEPLUS A5000/*"},{ua:"ONEPLUS A5000 "}],dpi:[403.411,399.737],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE A5010/*"},{ua:"ONEPLUS A5010"}],dpi:[403,400],bw:2,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONEPLUS A6000/*"},{ua:"ONEPLUS A6000"}],dpi:401,bw:3,ac:500},{type:"android",rules:[{mdmh:"OnePlus/*/ONEPLUS A6003/*"},{ua:"ONEPLUS A6003"}],dpi:401,bw:3,ac:500},{type:"android",rules:[{mdmh:"OnePlus/*/ONEPLUS A6010/*"},{ua:"ONEPLUS A6010"}],dpi:401,bw:2,ac:500},{type:"android",rules:[{mdmh:"OnePlus/*/ONEPLUS A6013/*"},{ua:"ONEPLUS A6013"}],dpi:401,bw:2,ac:500},{type:"android",rules:[{mdmh:"OPPO/*/X909/*"},{ua:"X909"}],dpi:[442.4,444.1],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9082/*"},{ua:"GT-I9082"}],dpi:[184.7,185.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G360P/*"},{ua:"SM-G360P"}],dpi:[196.7,205.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/Nexus S/*"},{ua:"Nexus S"}],dpi:[234.5,229.8],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9300/*"},{ua:"GT-I9300"}],dpi:[304.8,303.9],bw:5,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-T230NU/*"},{ua:"SM-T230NU"}],dpi:216,bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SGH-T399/*"},{ua:"SGH-T399"}],dpi:[217.7,231.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SGH-M919/*"},{ua:"SGH-M919"}],dpi:[440.8,437.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N9005/*"},{ua:"SM-N9005"}],dpi:[386.4,387],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SAMSUNG-SM-N900A/*"},{ua:"SAMSUNG-SM-N900A"}],dpi:[386.4,387.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9500/*"},{ua:"GT-I9500"}],dpi:[442.5,443.3],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/GT-I9505/*"},{ua:"GT-I9505"}],dpi:439.4,bw:4,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G900F/*"},{ua:"SM-G900F"}],dpi:[415.6,431.6],bw:5,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G900M/*"},{ua:"SM-G900M"}],dpi:[415.6,431.6],bw:5,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G800F/*"},{ua:"SM-G800F"}],dpi:326.8,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G906S/*"},{ua:"SM-G906S"}],dpi:[562.7,572.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9300/*"},{ua:"GT-I9300"}],dpi:[306.7,304.8],bw:5,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-T535/*"},{ua:"SM-T535"}],dpi:[142.6,136.4],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-N920C/*"},{ua:"SM-N920C"}],dpi:[515.1,518.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N920P/*"},{ua:"SM-N920P"}],dpi:[386.3655,390.144],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N920W8/*"},{ua:"SM-N920W8"}],dpi:[515.1,518.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9300I/*"},{ua:"GT-I9300I"}],dpi:[304.8,305.8],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9195/*"},{ua:"GT-I9195"}],dpi:[249.4,256.7],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SPH-L520/*"},{ua:"SPH-L520"}],dpi:[249.4,255.9],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SAMSUNG-SGH-I717/*"},{ua:"SAMSUNG-SGH-I717"}],dpi:285.8,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SPH-D710/*"},{ua:"SPH-D710"}],dpi:[217.7,204.2],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-N7100/*"},{ua:"GT-N7100"}],dpi:265.1,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SCH-I605/*"},{ua:"SCH-I605"}],dpi:265.1,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/Galaxy Nexus/*"},{ua:"Galaxy Nexus"}],dpi:[315.3,314.2],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N910H/*"},{ua:"SM-N910H"}],dpi:[515.1,518],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N910C/*"},{ua:"SM-N910C"}],dpi:[515.2,520.2],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G130M/*"},{ua:"SM-G130M"}],dpi:[165.9,164.8],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G928I/*"},{ua:"SM-G928I"}],dpi:[515.1,518.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G920F/*"},{ua:"SM-G920F"}],dpi:580.6,bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G920P/*"},{ua:"SM-G920P"}],dpi:[522.5,577],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G925F/*"},{ua:"SM-G925F"}],dpi:580.6,bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G925V/*"},{ua:"SM-G925V"}],dpi:[522.5,576.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G930F/*"},{ua:"SM-G930F"}],dpi:576.6,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G935F/*"},{ua:"SM-G935F"}],dpi:533,bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G950F/*"},{ua:"SM-G950F"}],dpi:[562.707,565.293],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G955U/*"},{ua:"SM-G955U"}],dpi:[522.514,525.762],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G955F/*"},{ua:"SM-G955F"}],dpi:[522.514,525.762],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G960F/*"},{ua:"SM-G960F"}],dpi:[569.575,571.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G9600/*"},{ua:"SM-G9600"}],dpi:[569.575,571.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G960T/*"},{ua:"SM-G960T"}],dpi:[569.575,571.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G960N/*"},{ua:"SM-G960N"}],dpi:[569.575,571.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G960U/*"},{ua:"SM-G960U"}],dpi:[569.575,571.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G9608/*"},{ua:"SM-G9608"}],dpi:[569.575,571.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G960FD/*"},{ua:"SM-G960FD"}],dpi:[569.575,571.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G960W/*"},{ua:"SM-G960W"}],dpi:[569.575,571.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G965F/*"},{ua:"SM-G965F"}],dpi:529,bw:2,ac:1e3},{type:"android",rules:[{mdmh:"Sony/*/C6903/*"},{ua:"C6903"}],dpi:[442.5,443.3],bw:3,ac:500},{type:"android",rules:[{mdmh:"Sony/*/D6653/*"},{ua:"D6653"}],dpi:[428.6,427.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Sony/*/E6653/*"},{ua:"E6653"}],dpi:[428.6,425.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Sony/*/E6853/*"},{ua:"E6853"}],dpi:[403.4,401.9],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Sony/*/SGP321/*"},{ua:"SGP321"}],dpi:[224.7,224.1],bw:3,ac:500},{type:"android",rules:[{mdmh:"TCT/*/ALCATEL ONE TOUCH Fierce/*"},{ua:"ALCATEL ONE TOUCH Fierce"}],dpi:[240,247.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"THL/*/thl 5000/*"},{ua:"thl 5000"}],dpi:[480,443.3],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Fly/*/IQ4412/*"},{ua:"IQ4412"}],dpi:307.9,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"ZTE/*/ZTE Blade L2/*"},{ua:"ZTE Blade L2"}],dpi:240,bw:3,ac:500},{type:"android",rules:[{mdmh:"BENEVE/*/VR518/*"},{ua:"VR518"}],dpi:480,bw:3,ac:500},{type:"ios",rules:[{res:[640,960]}],dpi:[325.1,328.4],bw:4,ac:1e3},{type:"ios",rules:[{res:[640,1136]}],dpi:[317.1,320.2],bw:3,ac:1e3},{type:"ios",rules:[{res:[750,1334]}],dpi:326.4,bw:4,ac:1e3},{type:"ios",rules:[{res:[1242,2208]}],dpi:[453.6,458.4],bw:4,ac:1e3},{type:"ios",rules:[{res:[1125,2001]}],dpi:[410.9,415.4],bw:4,ac:1e3},{type:"ios",rules:[{res:[1125,2436]}],dpi:458,bw:4,ac:1e3},{type:"android",rules:[{mdmh:"Huawei/*/EML-L29/*"},{ua:"EML-L29"}],dpi:428,bw:3.45,ac:500},{type:"android",rules:[{mdmh:"Nokia/*/Nokia 7.1/*"},{ua:"Nokia 7.1"}],dpi:[432,431.9],bw:3,ac:500},{type:"ios",rules:[{res:[1242,2688]}],dpi:458,bw:4,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G570M/*"},{ua:"SM-G570M"}],dpi:320,bw:3.684,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G970F/*"},{ua:"SM-G970F"}],dpi:438,bw:2.281,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G973F/*"},{ua:"SM-G973F"}],dpi:550,bw:2.002,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G975F/*"},{ua:"SM-G975F"}],dpi:522,bw:2.054,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G977F/*"},{ua:"SM-G977F"}],dpi:505,bw:2.334,ac:500},{type:"ios",rules:[{res:[828,1792]}],dpi:326,bw:5,ac:500}]};function vt(t,e){if(this.dpdb=gt,this.recalculateDeviceParams_(),t){this.onDeviceParamsUpdated=e;var n=new XMLHttpRequest,i=this;n.open("GET",t,!0),n.addEventListener("load",(function(){i.loading=!1,n.status>=200&&n.status<=299?(i.dpdb=JSON.parse(n.response),i.recalculateDeviceParams_()):console.error("Error loading online DPDB!")})),n.send()}}function yt(t){this.xdpi=t.xdpi,this.ydpi=t.ydpi,this.bevelMm=t.bevelMm}function At(t,e){this.set(t,e)}function xt(t,e){this.kFilter=t,this.isDebug=e,this.currentAccelMeasurement=new At,this.currentGyroMeasurement=new At,this.previousGyroMeasurement=new At,u()?this.filterQ=new ct(-1,0,0,1):this.filterQ=new ct(1,0,0,1),this.previousFilterQ=new ct,this.previousFilterQ.copy(this.filterQ),this.accelQ=new ct,this.isOrientationInitialized=!1,this.estimatedGravity=new ot,this.measuredGravity=new ot,this.gyroIntegralQ=new ct}function _t(t,e){this.predictionTimeS=t,this.isDebug=e,this.previousQ=new ct,this.previousTimestampS=null,this.deltaQ=new ct,this.outQ=new ct}function wt(t,e,n,i){this.yawOnly=n,this.accelerometer=new ot,this.gyroscope=new ot,this.filter=new xt(t,i),this.posePredictor=new _t(e,i),this.isFirefoxAndroid=f(),this.isIOS=u();var r=m();this.isDeviceMotionInRadians=!this.isIOS&&r&&r<66,this.isWithoutDeviceMotion=v()||g(),this.filterToWorldQ=new ct,u()?this.filterToWorldQ.setFromAxisAngle(new ot(1,0,0),Math.PI/2):this.filterToWorldQ.setFromAxisAngle(new ot(1,0,0),-Math.PI/2),this.inverseWorldToScreenQ=new ct,this.worldToScreenQ=new ct,this.originalPoseAdjustQ=new ct,this.originalPoseAdjustQ.setFromAxisAngle(new ot(0,0,1),-window.orientation*Math.PI/180),this.setScreenTransform_(),A()&&this.filterToWorldQ.multiply(this.inverseWorldToScreenQ),this.resetQ=new ct,this.orientationOut_=new Float32Array(4),this.start()}vt.prototype.getDeviceParams=function(){return this.deviceParams},vt.prototype.recalculateDeviceParams_=function(){var t=this.calcDeviceParams_();t?(this.deviceParams=t,this.onDeviceParamsUpdated&&this.onDeviceParamsUpdated(this.deviceParams)):console.error("Failed to recalculate device parameters.")},vt.prototype.calcDeviceParams_=function(){var t=this.dpdb;if(!t)return console.error("DPDB not available."),null;if(1!=t.format)return console.error("DPDB has unexpected format version."),null;if(!t.devices||!t.devices.length)return console.error("DPDB does not have a devices section."),null;var e=navigator.userAgent||navigator.vendor||window.opera,n=_(),i=w();if(!t.devices)return console.error("DPDB has no devices section."),null;for(var r=0;r<t.devices.length;r++){var o=t.devices[r];if(o.rules)if("ios"==o.type||"android"==o.type){if(u()==("ios"==o.type)){for(var s=!1,a=0;a<o.rules.length;a++){var l=o.rules[a];if(this.ruleMatches_(l,e,n,i)){s=!0;break}}if(s)return new yt({xdpi:o.dpi[0]||o.dpi,ydpi:o.dpi[1]||o.dpi,bevelMm:o.bw})}}else console.warn("Device["+r+"] has invalid type.");else console.warn("Device["+r+"] has no rules section.")}return console.warn("No DPDB device match."),null},vt.prototype.ruleMatches_=function(t,e,n,i){if(!t.ua&&!t.res)return!1;if(t.ua&&"SM"===t.ua.substring(0,2)&&(t.ua=t.ua.substring(0,7)),t.ua&&e.indexOf(t.ua)<0)return!1;if(t.res){if(!t.res[0]||!t.res[1])return!1;var r=t.res[0],o=t.res[1];if(Math.min(n,i)!=Math.min(r,o)||Math.max(n,i)!=Math.max(r,o))return!1}return!0},At.prototype.set=function(t,e){this.sample=t,this.timestampS=e},At.prototype.copy=function(t){this.set(t.sample,t.timestampS)},xt.prototype.addAccelMeasurement=function(t,e){this.currentAccelMeasurement.set(t,e)},xt.prototype.addGyroMeasurement=function(t,e){this.currentGyroMeasurement.set(t,e);var n=e-this.previousGyroMeasurement.timestampS;x(n)&&this.run_(),this.previousGyroMeasurement.copy(this.currentGyroMeasurement)},xt.prototype.run_=function(){if(!this.isOrientationInitialized)return this.accelQ=this.accelToQuaternion_(this.currentAccelMeasurement.sample),this.previousFilterQ.copy(this.accelQ),void(this.isOrientationInitialized=!0);var t=this.currentGyroMeasurement.timestampS-this.previousGyroMeasurement.timestampS,e=this.gyroToQuaternionDelta_(this.currentGyroMeasurement.sample,t);this.gyroIntegralQ.multiply(e),this.filterQ.copy(this.previousFilterQ),this.filterQ.multiply(e);var n=new ct;n.copy(this.filterQ),n.inverse(),this.estimatedGravity.set(0,0,-1),this.estimatedGravity.applyQuaternion(n),this.estimatedGravity.normalize(),this.measuredGravity.copy(this.currentAccelMeasurement.sample),this.measuredGravity.normalize();var i=new ct;i.setFromUnitVectors(this.estimatedGravity,this.measuredGravity),i.inverse(),this.isDebug&&console.log("Delta: %d deg, G_est: (%s, %s, %s), G_meas: (%s, %s, %s)",rt*O(i),this.estimatedGravity.x.toFixed(1),this.estimatedGravity.y.toFixed(1),this.estimatedGravity.z.toFixed(1),this.measuredGravity.x.toFixed(1),this.measuredGravity.y.toFixed(1),this.measuredGravity.z.toFixed(1));var r=new ct;r.copy(this.filterQ),r.multiply(i),this.filterQ.slerp(r,1-this.kFilter),this.previousFilterQ.copy(this.filterQ)},xt.prototype.getOrientation=function(){return this.filterQ},xt.prototype.accelToQuaternion_=function(t){var e=new ot;e.copy(t),e.normalize();var n=new ct;return n.setFromUnitVectors(new ot(0,0,-1),e),n.inverse(),n},xt.prototype.gyroToQuaternionDelta_=function(t,e){var n=new ct,i=new ot;return i.copy(t),i.normalize(),n.setFromAxisAngle(i,t.length()*e),n},_t.prototype.getPrediction=function(t,e,n){if(!this.previousTimestampS)return this.previousQ.copy(t),this.previousTimestampS=n,t;var i=new ot;i.copy(e),i.normalize();var r=e.length();if(r<20*it)return this.isDebug&&console.log("Moving slowly, at %s deg/s: no prediction",(rt*r).toFixed(1)),this.outQ.copy(t),this.previousQ.copy(t),this.outQ;var o=r*this.predictionTimeS;return this.deltaQ.setFromAxisAngle(i,o),this.outQ.copy(this.previousQ),this.outQ.multiply(this.deltaQ),this.previousQ.copy(t),this.previousTimestampS=n,this.outQ},wt.prototype.getPosition=function(){return null},wt.prototype.getOrientation=function(){var t=void 0;if(this.isWithoutDeviceMotion&&this._deviceOrientationQ)return this.deviceOrientationFixQ=this.deviceOrientationFixQ||(n=(new ct).setFromAxisAngle(new ot(0,0,-1),0),i=new ct,-90===window.orientation?i.setFromAxisAngle(new ot(0,1,0),Math.PI/-2):i.setFromAxisAngle(new ot(0,1,0),Math.PI/2),n.multiply(i)),this.deviceOrientationFilterToWorldQ=this.deviceOrientationFilterToWorldQ||((e=new ct).setFromAxisAngle(new ot(1,0,0),-Math.PI/2),e),t=this._deviceOrientationQ,(r=new ct).copy(t),r.multiply(this.deviceOrientationFilterToWorldQ),r.multiply(this.resetQ),r.multiply(this.worldToScreenQ),r.multiplyQuaternions(this.deviceOrientationFixQ,r),this.yawOnly&&(r.x=0,r.z=0,r.normalize()),this.orientationOut_[0]=r.x,this.orientationOut_[1]=r.y,this.orientationOut_[2]=r.z,this.orientationOut_[3]=r.w,this.orientationOut_;var e,n,i,r,o=this.filter.getOrientation();return t=this.posePredictor.getPrediction(o,this.gyroscope,this.previousTimestampS),(r=new ct).copy(this.filterToWorldQ),r.multiply(this.resetQ),r.multiply(t),r.multiply(this.worldToScreenQ),this.yawOnly&&(r.x=0,r.z=0,r.normalize()),this.orientationOut_[0]=r.x,this.orientationOut_[1]=r.y,this.orientationOut_[2]=r.z,this.orientationOut_[3]=r.w,this.orientationOut_},wt.prototype.resetPose=function(){this.resetQ.copy(this.filter.getOrientation()),this.resetQ.x=0,this.resetQ.y=0,this.resetQ.z*=-1,this.resetQ.normalize(),A()&&this.resetQ.multiply(this.inverseWorldToScreenQ),this.resetQ.multiply(this.originalPoseAdjustQ)},wt.prototype.onDeviceOrientation_=function(t){this._deviceOrientationQ=this._deviceOrientationQ||new ct;var e=t.alpha,n=t.beta,i=t.gamma;e=(e||0)*Math.PI/180,n=(n||0)*Math.PI/180,i=(i||0)*Math.PI/180,this._deviceOrientationQ.setFromEulerYXZ(n,e,-i)},wt.prototype.onDeviceMotion_=function(t){this.updateDeviceMotion_(t)},wt.prototype.updateDeviceMotion_=function(t){var e=t.accelerationIncludingGravity,n=t.rotationRate,i=t.timeStamp/1e3,r=i-this.previousTimestampS;return r<0?(B("fusion-pose-sensor:invalid:non-monotonic","Invalid timestamps detected: non-monotonic timestamp from devicemotion"),void(this.previousTimestampS=i)):r<=a||r>l?(B("fusion-pose-sensor:invalid:outside-threshold","Invalid timestamps detected: Timestamp from devicemotion outside expected range."),void(this.previousTimestampS=i)):(this.accelerometer.set(-e.x,-e.y,-e.z),n&&(y()?this.gyroscope.set(-n.beta,n.alpha,n.gamma):this.gyroscope.set(n.alpha,n.beta,n.gamma),this.isDeviceMotionInRadians||this.gyroscope.multiplyScalar(Math.PI/180),this.filter.addGyroMeasurement(this.gyroscope,i)),this.filter.addAccelMeasurement(this.accelerometer,i),void(this.previousTimestampS=i))},wt.prototype.onOrientationChange_=function(t){this.setScreenTransform_()},wt.prototype.onMessage_=function(t){var e=t.data;e&&e.type&&"devicemotion"===e.type.toLowerCase()&&this.updateDeviceMotion_(e.deviceMotionEvent)},wt.prototype.setScreenTransform_=function(){switch(this.worldToScreenQ.set(0,0,0,1),window.orientation){case 0:break;case 90:this.worldToScreenQ.setFromAxisAngle(new ot(0,0,1),-Math.PI/2);break;case-90:this.worldToScreenQ.setFromAxisAngle(new ot(0,0,1),Math.PI/2)}this.inverseWorldToScreenQ.copy(this.worldToScreenQ),this.inverseWorldToScreenQ.inverse()},wt.prototype.start=function(){this.onDeviceMotionCallback_=this.onDeviceMotion_.bind(this),this.onOrientationChangeCallback_=this.onOrientationChange_.bind(this),this.onMessageCallback_=this.onMessage_.bind(this),this.onDeviceOrientationCallback_=this.onDeviceOrientation_.bind(this),u()&&I()&&window.addEventListener("message",this.onMessageCallback_),window.addEventListener("orientationchange",this.onOrientationChangeCallback_),this.isWithoutDeviceMotion?window.addEventListener("deviceorientation",this.onDeviceOrientationCallback_):window.addEventListener("devicemotion",this.onDeviceMotionCallback_)},wt.prototype.stop=function(){window.removeEventListener("devicemotion",this.onDeviceMotionCallback_),window.removeEventListener("deviceorientation",this.onDeviceOrientationCallback_),window.removeEventListener("orientationchange",this.onOrientationChangeCallback_),window.removeEventListener("message",this.onMessageCallback_)};var bt=60,Mt=new ot(1,0,0),Et=new ot(0,0,1),St=new ct;St.setFromAxisAngle(Mt,-Math.PI/2),St.multiply((new ct).setFromAxisAngle(Et,Math.PI/2));var Tt=function(){function t(e){i(this,t),this.config=e,this.sensor=null,this.fusionSensor=null,this._out=new Float32Array(4),this.api=null,this.errors=[],this._sensorQ=new ct,this._outQ=new ct,this._onSensorRead=this._onSensorRead.bind(this),this._onSensorError=this._onSensorError.bind(this),this.init()}return r(t,[{key:"init",value:function(){var t=null;try{(t=new RelativeOrientationSensor({frequency:bt,referenceFrame:"screen"})).addEventListener("error",this._onSensorError)}catch(t){this.errors.push(t),"SecurityError"===t.name?(console.error("Cannot construct sensors due to the Feature Policy"),console.warn('Attempting to fall back using "devicemotion"; however this will fail in the future without correct permissions.'),this.useDeviceMotion()):"ReferenceError"===t.name?this.useDeviceMotion():console.error(t)}t&&(this.api="sensor",this.sensor=t,this.sensor.addEventListener("reading",this._onSensorRead),this.sensor.start())}},{key:"useDeviceMotion",value:function(){this.api="devicemotion",this.fusionSensor=new wt(this.config.K_FILTER,this.config.PREDICTION_TIME_S,this.config.YAW_ONLY,this.config.DEBUG),this.sensor&&(this.sensor.removeEventListener("reading",this._onSensorRead),this.sensor.removeEventListener("error",this._onSensorError),this.sensor=null)}},{key:"getOrientation",value:function(){if(this.fusionSensor)return this.fusionSensor.getOrientation();if(!this.sensor||!this.sensor.quaternion)return this._out[0]=this._out[1]=this._out[2]=0,this._out[3]=1,this._out;var t=this.sensor.quaternion;this._sensorQ.set(t[0],t[1],t[2],t[3]);var e=this._outQ;return e.copy(St),e.multiply(this._sensorQ),this.config.YAW_ONLY&&(e.x=e.z=0,e.normalize()),this._out[0]=e.x,this._out[1]=e.y,this._out[2]=e.z,this._out[3]=e.w,this._out}},{key:"_onSensorError",value:function(t){this.errors.push(t.error),"NotAllowedError"===t.error.name?console.error("Permission to access sensor was denied"):"NotReadableError"===t.error.name?console.error("Sensor could not be read"):console.error(t.error),this.useDeviceMotion()}},{key:"_onSensorRead",value:function(){}}]),t}(),Lt="<svg width='198' height='240' viewBox='0 0 198 240' xmlns='http://www.w3.org/2000/svg'><g fill='none' fill-rule='evenodd'><path d='M149.625 109.527l6.737 3.891v.886c0 .177.013.36.038.549.01.081.02.162.027.242.14 1.415.974 2.998 2.105 3.999l5.72 5.062.081-.09s4.382-2.53 5.235-3.024l25.97 14.993v54.001c0 .771-.386 1.217-.948 1.217-.233 0-.495-.076-.772-.236l-23.967-13.838-.014.024-27.322 15.775-.85-1.323c-4.731-1.529-9.748-2.74-14.951-3.61a.27.27 0 0 0-.007.024l-5.067 16.961-7.891 4.556-.037-.063v27.59c0 .772-.386 1.217-.948 1.217-.232 0-.495-.076-.772-.236l-42.473-24.522c-.95-.549-1.72-1.877-1.72-2.967v-1.035l-.021.047a5.111 5.111 0 0 0-1.816-.399 5.682 5.682 0 0 0-.546.001 13.724 13.724 0 0 1-1.918-.041c-1.655-.153-3.2-.6-4.404-1.296l-46.576-26.89.005.012-10.278-18.75c-1.001-1.827-.241-4.216 1.698-5.336l56.011-32.345a4.194 4.194 0 0 1 2.099-.572c1.326 0 2.572.659 3.227 1.853l.005-.003.227.413-.006.004a9.63 9.63 0 0 0 1.477 2.018l.277.27c1.914 1.85 4.468 2.801 7.113 2.801 1.949 0 3.948-.517 5.775-1.572.013 0 7.319-4.219 7.319-4.219a4.194 4.194 0 0 1 2.099-.572c1.326 0 2.572.658 3.226 1.853l3.25 5.928.022-.018 6.785 3.917-.105-.182 46.881-26.965m0-1.635c-.282 0-.563.073-.815.218l-46.169 26.556-5.41-3.124-3.005-5.481c-.913-1.667-2.699-2.702-4.66-2.703-1.011 0-2.02.274-2.917.792a3825 3825 0 0 1-7.275 4.195l-.044.024a9.937 9.937 0 0 1-4.957 1.353c-2.292 0-4.414-.832-5.976-2.342l-.252-.245a7.992 7.992 0 0 1-1.139-1.534 1.379 1.379 0 0 0-.06-.122l-.227-.414a1.718 1.718 0 0 0-.095-.154c-.938-1.574-2.673-2.545-4.571-2.545-1.011 0-2.02.274-2.917.792L3.125 155.502c-2.699 1.559-3.738 4.94-2.314 7.538l10.278 18.75c.177.323.448.563.761.704l46.426 26.804c1.403.81 3.157 1.332 5.072 1.508a15.661 15.661 0 0 0 2.146.046 4.766 4.766 0 0 1 .396 0c.096.004.19.011.283.022.109 1.593 1.159 3.323 2.529 4.114l42.472 24.522c.524.302 1.058.455 1.59.455 1.497 0 2.583-1.2 2.583-2.852v-26.562l7.111-4.105a1.64 1.64 0 0 0 .749-.948l4.658-15.593c4.414.797 8.692 1.848 12.742 3.128l.533.829a1.634 1.634 0 0 0 2.193.531l26.532-15.317L193 192.433c.523.302 1.058.455 1.59.455 1.497 0 2.583-1.199 2.583-2.852v-54.001c0-.584-.312-1.124-.818-1.416l-25.97-14.993a1.633 1.633 0 0 0-1.636.001c-.606.351-2.993 1.73-4.325 2.498l-4.809-4.255c-.819-.725-1.461-1.933-1.561-2.936a7.776 7.776 0 0 0-.033-.294 2.487 2.487 0 0 1-.023-.336v-.886c0-.584-.312-1.123-.817-1.416l-6.739-3.891a1.633 1.633 0 0 0-.817-.219' fill='#455A64'/><path d='M96.027 132.636l46.576 26.891c1.204.695 1.979 1.587 2.242 2.541l-.01.007-81.374 46.982h-.001c-1.654-.152-3.199-.6-4.403-1.295l-46.576-26.891 83.546-48.235' fill='#FAFAFA'/><path d='M63.461 209.174c-.008 0-.015 0-.022-.002-1.693-.156-3.228-.609-4.441-1.309l-46.576-26.89a.118.118 0 0 1 0-.203l83.546-48.235a.117.117 0 0 1 .117 0l46.576 26.891c1.227.708 2.021 1.612 2.296 2.611a.116.116 0 0 1-.042.124l-.021.016-81.375 46.981a.11.11 0 0 1-.058.016zm-50.747-28.303l46.401 26.79c1.178.68 2.671 1.121 4.32 1.276l81.272-46.922c-.279-.907-1.025-1.73-2.163-2.387l-46.517-26.857-83.313 48.1z' fill='#607D8B'/><path d='M148.327 165.471a5.85 5.85 0 0 1-.546.001c-1.894-.083-3.302-1.038-3.145-2.132a2.693 2.693 0 0 0-.072-1.105l-81.103 46.822c.628.058 1.272.073 1.918.042.182-.009.364-.009.546-.001 1.894.083 3.302 1.038 3.145 2.132l79.257-45.759' fill='#FFF'/><path d='M69.07 211.347a.118.118 0 0 1-.115-.134c.045-.317-.057-.637-.297-.925-.505-.61-1.555-1.022-2.738-1.074a5.966 5.966 0 0 0-.535.001 14.03 14.03 0 0 1-1.935-.041.117.117 0 0 1-.103-.092.116.116 0 0 1 .055-.126l81.104-46.822a.117.117 0 0 1 .171.07c.104.381.129.768.074 1.153-.045.316.057.637.296.925.506.61 1.555 1.021 2.739 1.073.178.008.357.008.535-.001a.117.117 0 0 1 .064.218l-79.256 45.759a.114.114 0 0 1-.059.016zm-3.405-2.372c.089 0 .177.002.265.006 1.266.056 2.353.488 2.908 1.158.227.274.35.575.36.882l78.685-45.429c-.036 0-.072-.001-.107-.003-1.267-.056-2.354-.489-2.909-1.158-.282-.34-.402-.724-.347-1.107a2.604 2.604 0 0 0-.032-.91L63.846 208.97a13.91 13.91 0 0 0 1.528.012c.097-.005.194-.007.291-.007z' fill='#607D8B'/><path d='M2.208 162.134c-1.001-1.827-.241-4.217 1.698-5.337l56.011-32.344c1.939-1.12 4.324-.546 5.326 1.281l.232.41a9.344 9.344 0 0 0 1.47 2.021l.278.27c3.325 3.214 8.583 3.716 12.888 1.23l7.319-4.22c1.94-1.119 4.324-.546 5.325 1.282l3.25 5.928-83.519 48.229-10.278-18.75z' fill='#FAFAFA'/><path d='M12.486 181.001a.112.112 0 0 1-.031-.005.114.114 0 0 1-.071-.056L2.106 162.19c-1.031-1.88-.249-4.345 1.742-5.494l56.01-32.344a4.328 4.328 0 0 1 2.158-.588c1.415 0 2.65.702 3.311 1.882.01.008.018.017.024.028l.227.414a.122.122 0 0 1 .013.038 9.508 9.508 0 0 0 1.439 1.959l.275.266c1.846 1.786 4.344 2.769 7.031 2.769 1.977 0 3.954-.538 5.717-1.557a.148.148 0 0 1 .035-.013l7.284-4.206a4.321 4.321 0 0 1 2.157-.588c1.427 0 2.672.716 3.329 1.914l3.249 5.929a.116.116 0 0 1-.044.157l-83.518 48.229a.116.116 0 0 1-.059.016zm49.53-57.004c-.704 0-1.41.193-2.041.557l-56.01 32.345c-1.882 1.086-2.624 3.409-1.655 5.179l10.221 18.645 83.317-48.112-3.195-5.829c-.615-1.122-1.783-1.792-3.124-1.792a4.08 4.08 0 0 0-2.04.557l-7.317 4.225a.148.148 0 0 1-.035.013 11.7 11.7 0 0 1-5.801 1.569c-2.748 0-5.303-1.007-7.194-2.835l-.278-.27a9.716 9.716 0 0 1-1.497-2.046.096.096 0 0 1-.013-.037l-.191-.347a.11.11 0 0 1-.023-.029c-.615-1.123-1.783-1.793-3.124-1.793z' fill='#607D8B'/><path d='M42.434 155.808c-2.51-.001-4.697-1.258-5.852-3.365-1.811-3.304-.438-7.634 3.059-9.654l12.291-7.098a7.599 7.599 0 0 1 3.789-1.033c2.51 0 4.697 1.258 5.852 3.365 1.811 3.304.439 7.634-3.059 9.654l-12.291 7.098a7.606 7.606 0 0 1-3.789 1.033zm13.287-20.683a7.128 7.128 0 0 0-3.555.971l-12.291 7.098c-3.279 1.893-4.573 5.942-2.883 9.024 1.071 1.955 3.106 3.122 5.442 3.122a7.13 7.13 0 0 0 3.556-.97l12.291-7.098c3.279-1.893 4.572-5.942 2.883-9.024-1.072-1.955-3.106-3.123-5.443-3.123z' fill='#607D8B'/><path d='M149.588 109.407l6.737 3.89v.887c0 .176.013.36.037.549.011.081.02.161.028.242.14 1.415.973 2.998 2.105 3.999l7.396 6.545c.177.156.358.295.541.415 1.579 1.04 2.95.466 3.062-1.282.049-.784.057-1.595.023-2.429l-.003-.16v-1.151l25.987 15.003v54c0 1.09-.77 1.53-1.72.982l-42.473-24.523c-.95-.548-1.72-1.877-1.72-2.966v-34.033' fill='#FAFAFA'/><path d='M194.553 191.25c-.257 0-.54-.085-.831-.253l-42.472-24.521c-.981-.567-1.779-1.943-1.779-3.068v-34.033h.234v34.033c0 1.051.745 2.336 1.661 2.866l42.473 24.521c.424.245.816.288 1.103.122.285-.164.442-.52.442-1.002v-53.933l-25.753-14.868.003 1.106c.034.832.026 1.654-.024 2.439-.054.844-.396 1.464-.963 1.746-.619.309-1.45.173-2.28-.373a5.023 5.023 0 0 1-.553-.426l-7.397-6.544c-1.158-1.026-1.999-2.625-2.143-4.076a9.624 9.624 0 0 0-.027-.238 4.241 4.241 0 0 1-.038-.564v-.82l-6.68-3.856.117-.202 6.738 3.89.058.034v.954c0 .171.012.351.036.533.011.083.021.165.029.246.138 1.395.948 2.935 2.065 3.923l7.397 6.545c.173.153.35.289.527.406.758.499 1.504.63 2.047.359.49-.243.786-.795.834-1.551.05-.778.057-1.591.024-2.417l-.004-.163v-1.355l.175.1 25.987 15.004.059.033v54.068c0 .569-.198.996-.559 1.204a1.002 1.002 0 0 1-.506.131' fill='#607D8B'/><path d='M145.685 163.161l24.115 13.922-25.978 14.998-1.462-.307c-6.534-2.17-13.628-3.728-21.019-4.616-4.365-.524-8.663 1.096-9.598 3.62a2.746 2.746 0 0 0-.011 1.928c1.538 4.267 4.236 8.363 7.995 12.135l.532.845-25.977 14.997-24.115-13.922 75.518-43.6' fill='#FFF'/><path d='M94.282 220.818l-.059-.033-24.29-14.024.175-.101 75.577-43.634.058.033 24.29 14.024-26.191 15.122-.045-.01-1.461-.307c-6.549-2.174-13.613-3.725-21.009-4.614a13.744 13.744 0 0 0-1.638-.097c-3.758 0-7.054 1.531-7.837 3.642a2.62 2.62 0 0 0-.01 1.848c1.535 4.258 4.216 8.326 7.968 12.091l.016.021.526.835.006.01.064.102-.105.061-25.977 14.998-.058.033zm-23.881-14.057l23.881 13.788 24.802-14.32c.546-.315.846-.489 1.017-.575l-.466-.74c-3.771-3.787-6.467-7.881-8.013-12.168a2.851 2.851 0 0 1 .011-2.008c.815-2.199 4.203-3.795 8.056-3.795.557 0 1.117.033 1.666.099 7.412.891 14.491 2.445 21.041 4.621.836.175 1.215.254 1.39.304l25.78-14.884-23.881-13.788-75.284 43.466z' fill='#607D8B'/><path d='M167.23 125.979v50.871l-27.321 15.773-6.461-14.167c-.91-1.996-3.428-1.738-5.624.574a10.238 10.238 0 0 0-2.33 4.018l-6.46 21.628-27.322 15.774v-50.871l75.518-43.6' fill='#FFF'/><path d='M91.712 220.567a.127.127 0 0 1-.059-.016.118.118 0 0 1-.058-.101v-50.871c0-.042.023-.08.058-.101l75.519-43.6a.117.117 0 0 1 .175.101v50.871c0 .041-.023.08-.059.1l-27.321 15.775a.118.118 0 0 1-.094.01.12.12 0 0 1-.071-.063l-6.46-14.168c-.375-.822-1.062-1.275-1.934-1.275-1.089 0-2.364.686-3.5 1.881a10.206 10.206 0 0 0-2.302 3.972l-6.46 21.627a.118.118 0 0 1-.054.068L91.77 220.551a.12.12 0 0 1-.058.016zm.117-50.92v50.601l27.106-15.65 6.447-21.583a10.286 10.286 0 0 1 2.357-4.065c1.18-1.242 2.517-1.954 3.669-1.954.969 0 1.731.501 2.146 1.411l6.407 14.051 27.152-15.676v-50.601l-75.284 43.466z' fill='#607D8B'/><path d='M168.543 126.213v50.87l-27.322 15.774-6.46-14.168c-.91-1.995-3.428-1.738-5.624.574a10.248 10.248 0 0 0-2.33 4.019l-6.461 21.627-27.321 15.774v-50.87l75.518-43.6' fill='#FFF'/><path d='M93.025 220.8a.123.123 0 0 1-.059-.015.12.12 0 0 1-.058-.101v-50.871c0-.042.023-.08.058-.101l75.518-43.6a.112.112 0 0 1 .117 0c.036.02.059.059.059.1v50.871a.116.116 0 0 1-.059.101l-27.321 15.774a.111.111 0 0 1-.094.01.115.115 0 0 1-.071-.062l-6.46-14.168c-.375-.823-1.062-1.275-1.935-1.275-1.088 0-2.363.685-3.499 1.881a10.19 10.19 0 0 0-2.302 3.971l-6.461 21.628a.108.108 0 0 1-.053.067l-27.322 15.775a.12.12 0 0 1-.058.015zm.117-50.919v50.6l27.106-15.649 6.447-21.584a10.293 10.293 0 0 1 2.357-4.065c1.179-1.241 2.516-1.954 3.668-1.954.969 0 1.732.502 2.147 1.412l6.407 14.051 27.152-15.676v-50.601l-75.284 43.466z' fill='#607D8B'/><path d='M169.8 177.083l-27.322 15.774-6.46-14.168c-.91-1.995-3.428-1.738-5.625.574a10.246 10.246 0 0 0-2.329 4.019l-6.461 21.627-27.321 15.774v-50.87l75.518-43.6v50.87z' fill='#FAFAFA'/><path d='M94.282 220.917a.234.234 0 0 1-.234-.233v-50.871c0-.083.045-.161.117-.202l75.518-43.601a.234.234 0 1 1 .35.202v50.871a.233.233 0 0 1-.116.202l-27.322 15.775a.232.232 0 0 1-.329-.106l-6.461-14.168c-.36-.789-.992-1.206-1.828-1.206-1.056 0-2.301.672-3.415 1.844a10.099 10.099 0 0 0-2.275 3.924l-6.46 21.628a.235.235 0 0 1-.107.136l-27.322 15.774a.23.23 0 0 1-.116.031zm.233-50.969v50.331l26.891-15.525 6.434-21.539a10.41 10.41 0 0 1 2.384-4.112c1.201-1.265 2.569-1.991 3.753-1.991 1.018 0 1.818.526 2.253 1.48l6.354 13.934 26.982-15.578v-50.331l-75.051 43.331z' fill='#607D8B'/><path d='M109.894 199.943c-1.774 0-3.241-.725-4.244-2.12a.224.224 0 0 1 .023-.294.233.233 0 0 1 .301-.023c.78.547 1.705.827 2.75.827 1.323 0 2.754-.439 4.256-1.306 5.311-3.067 9.631-10.518 9.631-16.611 0-1.927-.442-3.56-1.278-4.724a.232.232 0 0 1 .323-.327c1.671 1.172 2.591 3.381 2.591 6.219 0 6.242-4.426 13.863-9.865 17.003-1.574.908-3.084 1.356-4.488 1.356zm-2.969-1.542c.813.651 1.82.877 2.968.877h.001c1.321 0 2.753-.327 4.254-1.194 5.311-3.067 9.632-10.463 9.632-16.556 0-1.979-.463-3.599-1.326-4.761.411 1.035.625 2.275.625 3.635 0 6.243-4.426 13.883-9.865 17.023-1.574.909-3.084 1.317-4.49 1.317-.641 0-1.243-.149-1.799-.341z' fill='#607D8B'/><path d='M113.097 197.23c5.384-3.108 9.748-10.636 9.748-16.814 0-2.051-.483-3.692-1.323-4.86-1.784-1.252-4.374-1.194-7.257.47-5.384 3.108-9.748 10.636-9.748 16.814 0 2.051.483 3.692 1.323 4.86 1.784 1.252 4.374 1.194 7.257-.47' fill='#FAFAFA'/><path d='M108.724 198.614c-1.142 0-2.158-.213-3.019-.817-.021-.014-.04.014-.055-.007-.894-1.244-1.367-2.948-1.367-4.973 0-6.242 4.426-13.864 9.865-17.005 1.574-.908 3.084-1.363 4.49-1.363 1.142 0 2.158.309 3.018.913a.23.23 0 0 1 .056.056c.894 1.244 1.367 2.972 1.367 4.997 0 6.243-4.426 13.783-9.865 16.923-1.574.909-3.084 1.276-4.49 1.276zm-2.718-1.109c.774.532 1.688.776 2.718.776 1.323 0 2.754-.413 4.256-1.28 5.311-3.066 9.631-10.505 9.631-16.598 0-1.909-.434-3.523-1.255-4.685-.774-.533-1.688-.799-2.718-.799-1.323 0-2.755.441-4.256 1.308-5.311 3.066-9.631 10.506-9.631 16.599 0 1.909.434 3.517 1.255 4.679z' fill='#607D8B'/><path d='M149.318 114.262l-9.984 8.878 15.893 11.031 5.589-6.112-11.498-13.797' fill='#FAFAFA'/><path d='M169.676 120.84l-9.748 5.627c-3.642 2.103-9.528 2.113-13.147.024-3.62-2.089-3.601-5.488.041-7.591l9.495-5.608-6.729-3.885-81.836 47.071 45.923 26.514 3.081-1.779c.631-.365.869-.898.618-1.39-2.357-4.632-2.593-9.546-.683-14.262 5.638-13.92 24.509-24.815 48.618-28.07 8.169-1.103 16.68-.967 24.704.394.852.145 1.776.008 2.407-.357l3.081-1.778-25.825-14.91' fill='#FAFAFA'/><path d='M113.675 183.459a.47.47 0 0 1-.233-.062l-45.924-26.515a.468.468 0 0 1 .001-.809l81.836-47.071a.467.467 0 0 1 .466 0l6.729 3.885a.467.467 0 0 1-.467.809l-6.496-3.75-80.9 46.533 44.988 25.973 2.848-1.644c.192-.111.62-.409.435-.773-2.416-4.748-2.658-9.814-.7-14.65 2.806-6.927 8.885-13.242 17.582-18.263 8.657-4.998 19.518-8.489 31.407-10.094 8.198-1.107 16.79-.97 24.844.397.739.125 1.561.007 2.095-.301l2.381-1.374-25.125-14.506a.467.467 0 0 1 .467-.809l25.825 14.91a.467.467 0 0 1 0 .809l-3.081 1.779c-.721.417-1.763.575-2.718.413-7.963-1.351-16.457-1.486-24.563-.392-11.77 1.589-22.512 5.039-31.065 9.977-8.514 4.916-14.456 11.073-17.183 17.805-1.854 4.578-1.623 9.376.666 13.875.37.725.055 1.513-.8 2.006l-3.081 1.78a.476.476 0 0 1-.234.062' fill='#455A64'/><path d='M153.316 128.279c-2.413 0-4.821-.528-6.652-1.586-1.818-1.049-2.82-2.461-2.82-3.975 0-1.527 1.016-2.955 2.861-4.02l9.493-5.607a.233.233 0 1 1 .238.402l-9.496 5.609c-1.696.979-2.628 2.263-2.628 3.616 0 1.34.918 2.608 2.585 3.571 3.549 2.049 9.343 2.038 12.914-.024l9.748-5.628a.234.234 0 0 1 .234.405l-9.748 5.628c-1.858 1.072-4.296 1.609-6.729 1.609' fill='#607D8B'/><path d='M113.675 182.992l-45.913-26.508M113.675 183.342a.346.346 0 0 1-.175-.047l-45.913-26.508a.35.35 0 1 1 .35-.607l45.913 26.508a.35.35 0 0 1-.175.654' fill='#455A64'/><path d='M67.762 156.484v54.001c0 1.09.77 2.418 1.72 2.967l42.473 24.521c.95.549 1.72.11 1.72-.98v-54.001' fill='#FAFAFA'/><path d='M112.727 238.561c-.297 0-.62-.095-.947-.285l-42.473-24.521c-1.063-.613-1.895-2.05-1.895-3.27v-54.001a.35.35 0 1 1 .701 0v54.001c0 .96.707 2.18 1.544 2.663l42.473 24.522c.344.198.661.243.87.122.206-.119.325-.411.325-.799v-54.001a.35.35 0 1 1 .7 0v54.001c0 .655-.239 1.154-.675 1.406a1.235 1.235 0 0 1-.623.162' fill='#455A64'/><path d='M112.86 147.512h-.001c-2.318 0-4.499-.522-6.142-1.471-1.705-.984-2.643-2.315-2.643-3.749 0-1.445.952-2.791 2.68-3.788l12.041-6.953c1.668-.962 3.874-1.493 6.212-1.493 2.318 0 4.499.523 6.143 1.472 1.704.984 2.643 2.315 2.643 3.748 0 1.446-.952 2.791-2.68 3.789l-12.042 6.952c-1.668.963-3.874 1.493-6.211 1.493zm12.147-16.753c-2.217 0-4.298.497-5.861 1.399l-12.042 6.952c-1.502.868-2.33 1.998-2.33 3.182 0 1.173.815 2.289 2.293 3.142 1.538.889 3.596 1.378 5.792 1.378h.001c2.216 0 4.298-.497 5.861-1.399l12.041-6.953c1.502-.867 2.33-1.997 2.33-3.182 0-1.172-.814-2.288-2.292-3.142-1.539-.888-3.596-1.377-5.793-1.377z' fill='#607D8B'/><path d='M165.63 123.219l-5.734 3.311c-3.167 1.828-8.286 1.837-11.433.02-3.147-1.817-3.131-4.772.036-6.601l5.734-3.31 11.397 6.58' fill='#FAFAFA'/><path d='M154.233 117.448l9.995 5.771-4.682 2.704c-1.434.827-3.352 1.283-5.399 1.283-2.029 0-3.923-.449-5.333-1.263-1.29-.744-2-1.694-2-2.674 0-.991.723-1.955 2.036-2.713l5.383-3.108m0-.809l-5.734 3.31c-3.167 1.829-3.183 4.784-.036 6.601 1.568.905 3.623 1.357 5.684 1.357 2.077 0 4.159-.46 5.749-1.377l5.734-3.311-11.397-6.58M145.445 179.667c-1.773 0-3.241-.85-4.243-2.245-.067-.092-.057-.275.023-.356.08-.081.207-.12.3-.055.781.548 1.706.812 2.751.811 1.322 0 2.754-.446 4.256-1.313 5.31-3.066 9.631-10.522 9.631-16.615 0-1.927-.442-3.562-1.279-4.726a.235.235 0 0 1 .024-.301.232.232 0 0 1 .3-.027c1.67 1.172 2.59 3.38 2.59 6.219 0 6.242-4.425 13.987-9.865 17.127-1.573.908-3.083 1.481-4.488 1.481zM142.476 178c.814.651 1.82 1.002 2.969 1.002 1.322 0 2.753-.452 4.255-1.32 5.31-3.065 9.631-10.523 9.631-16.617 0-1.98-.463-3.63-1.325-4.793.411 1.035.624 2.26.624 3.62 0 6.242-4.425 13.875-9.865 17.015-1.573.909-3.084 1.376-4.489 1.376a5.49 5.49 0 0 1-1.8-.283z' fill='#607D8B'/><path d='M148.648 176.704c5.384-3.108 9.748-10.636 9.748-16.813 0-2.052-.483-3.693-1.322-4.861-1.785-1.252-4.375-1.194-7.258.471-5.383 3.108-9.748 10.636-9.748 16.813 0 2.051.484 3.692 1.323 4.86 1.785 1.253 4.374 1.195 7.257-.47' fill='#FAFAFA'/><path d='M144.276 178.276c-1.143 0-2.158-.307-3.019-.911a.217.217 0 0 1-.055-.054c-.895-1.244-1.367-2.972-1.367-4.997 0-6.241 4.425-13.875 9.865-17.016 1.573-.908 3.084-1.369 4.489-1.369 1.143 0 2.158.307 3.019.91a.24.24 0 0 1 .055.055c.894 1.244 1.367 2.971 1.367 4.997 0 6.241-4.425 13.875-9.865 17.016-1.573.908-3.084 1.369-4.489 1.369zm-2.718-1.172c.773.533 1.687.901 2.718.901 1.322 0 2.754-.538 4.256-1.405 5.31-3.066 9.631-10.567 9.631-16.661 0-1.908-.434-3.554-1.256-4.716-.774-.532-1.688-.814-2.718-.814-1.322 0-2.754.433-4.256 1.3-5.31 3.066-9.631 10.564-9.631 16.657 0 1.91.434 3.576 1.256 4.738z' fill='#607D8B'/><path d='M150.72 172.361l-.363-.295a24.105 24.105 0 0 0 2.148-3.128 24.05 24.05 0 0 0 1.977-4.375l.443.149a24.54 24.54 0 0 1-2.015 4.46 24.61 24.61 0 0 1-2.19 3.189M115.917 191.514l-.363-.294a24.174 24.174 0 0 0 2.148-3.128 24.038 24.038 0 0 0 1.976-4.375l.443.148a24.48 24.48 0 0 1-2.015 4.461 24.662 24.662 0 0 1-2.189 3.188M114 237.476V182.584 237.476' fill='#607D8B'/><g><path d='M81.822 37.474c.017-.135-.075-.28-.267-.392-.327-.188-.826-.21-1.109-.045l-6.012 3.471c-.131.076-.194.178-.191.285.002.132.002.461.002.578v.043l-.007.128-6.591 3.779c-.001 0-2.077 1.046-2.787 5.192 0 0-.912 6.961-.898 19.745.015 12.57.606 17.07 1.167 21.351.22 1.684 3.001 2.125 3.001 2.125.331.04.698-.027 1.08-.248l75.273-43.551c1.808-1.069 2.667-3.719 3.056-6.284 1.213-7.99 1.675-32.978-.275-39.878-.196-.693-.51-1.083-.868-1.282l-2.086-.79c-.727.028-1.416.467-1.534.535L82.032 37.072l-.21.402' fill='#FFF'/><path d='M144.311 1.701l2.085.79c.358.199.672.589.868 1.282 1.949 6.9 1.487 31.887.275 39.878-.39 2.565-1.249 5.215-3.056 6.284L69.21 93.486a1.78 1.78 0 0 1-.896.258l-.183-.011c0 .001-2.782-.44-3.003-2.124-.56-4.282-1.151-8.781-1.165-21.351-.015-12.784.897-19.745.897-19.745.71-4.146 2.787-5.192 2.787-5.192l6.591-3.779.007-.128v-.043c0-.117 0-.446-.002-.578-.003-.107.059-.21.191-.285l6.012-3.472a.98.98 0 0 1 .481-.11c.218 0 .449.053.627.156.193.112.285.258.268.392l.211-.402 60.744-34.836c.117-.068.806-.507 1.534-.535m0-.997l-.039.001c-.618.023-1.283.244-1.974.656l-.021.012-60.519 34.706a2.358 2.358 0 0 0-.831-.15c-.365 0-.704.084-.98.244l-6.012 3.471c-.442.255-.699.69-.689 1.166l.001.15-6.08 3.487c-.373.199-2.542 1.531-3.29 5.898l-.006.039c-.009.07-.92 7.173-.906 19.875.014 12.62.603 17.116 1.172 21.465l.002.015c.308 2.355 3.475 2.923 3.836 2.98l.034.004c.101.013.204.019.305.019a2.77 2.77 0 0 0 1.396-.392l75.273-43.552c1.811-1.071 2.999-3.423 3.542-6.997 1.186-7.814 1.734-33.096-.301-40.299-.253-.893-.704-1.527-1.343-1.882l-.132-.062-2.085-.789a.973.973 0 0 0-.353-.065' fill='#455A64'/><path d='M128.267 11.565l1.495.434-56.339 32.326' fill='#FFF'/><path d='M74.202 90.545a.5.5 0 0 1-.25-.931l18.437-10.645a.499.499 0 1 1 .499.864L74.451 90.478l-.249.067M75.764 42.654l-.108-.062.046-.171 5.135-2.964.17.045-.045.171-5.135 2.964-.063.017M70.52 90.375V46.421l.063-.036L137.84 7.554v43.954l-.062.036L70.52 90.375zm.25-43.811v43.38l66.821-38.579V7.985L70.77 46.564z' fill='#607D8B'/><path d='M86.986 83.182c-.23.149-.612.384-.849.523l-11.505 6.701c-.237.139-.206.252.068.252h.565c.275 0 .693-.113.93-.252L87.7 83.705c.237-.139.428-.253.425-.256a11.29 11.29 0 0 1-.006-.503c0-.274-.188-.377-.418-.227l-.715.463' fill='#607D8B'/><path d='M75.266 90.782H74.7c-.2 0-.316-.056-.346-.166-.03-.11.043-.217.215-.317l11.505-6.702c.236-.138.615-.371.844-.519l.715-.464a.488.488 0 0 1 .266-.089c.172 0 .345.13.345.421 0 .214.001.363.003.437l.006.004-.004.069c-.003.075-.003.075-.486.356l-11.505 6.702a2.282 2.282 0 0 1-.992.268zm-.6-.25l.034.001h.566c.252 0 .649-.108.866-.234l11.505-6.702c.168-.098.294-.173.361-.214-.004-.084-.004-.218-.004-.437l-.095-.171-.131.049-.714.463c-.232.15-.616.386-.854.525l-11.505 6.702-.029.018z' fill='#607D8B'/><path d='M75.266 89.871H74.7c-.2 0-.316-.056-.346-.166-.03-.11.043-.217.215-.317l11.505-6.702c.258-.151.694-.268.993-.268h.565c.2 0 .316.056.346.166.03.11-.043.217-.215.317l-11.505 6.702a2.282 2.282 0 0 1-.992.268zm-.6-.25l.034.001h.566c.252 0 .649-.107.866-.234l11.505-6.702.03-.018-.035-.001h-.565c-.252 0-.649.108-.867.234l-11.505 6.702-.029.018zM74.37 90.801v-1.247 1.247' fill='#607D8B'/><path d='M68.13 93.901c-.751-.093-1.314-.737-1.439-1.376-.831-4.238-1.151-8.782-1.165-21.352-.015-12.784.897-19.745.897-19.745.711-4.146 2.787-5.192 2.787-5.192l74.859-43.219c.223-.129 2.487-1.584 3.195.923 1.95 6.9 1.488 31.887.275 39.878-.389 2.565-1.248 5.215-3.056 6.283L69.21 93.653c-.382.221-.749.288-1.08.248 0 0-2.781-.441-3.001-2.125-.561-4.281-1.152-8.781-1.167-21.351-.014-12.784.898-19.745.898-19.745.71-4.146 2.787-5.191 2.787-5.191l6.598-3.81.871-.119 6.599-3.83.046-.461L68.13 93.901' fill='#FAFAFA'/><path d='M68.317 94.161l-.215-.013h-.001l-.244-.047c-.719-.156-2.772-.736-2.976-2.292-.568-4.34-1.154-8.813-1.168-21.384-.014-12.654.891-19.707.9-19.777.725-4.231 2.832-5.338 2.922-5.382l6.628-3.827.87-.119 6.446-3.742.034-.334a.248.248 0 0 1 .273-.223.248.248 0 0 1 .223.272l-.059.589-6.752 3.919-.87.118-6.556 3.785c-.031.016-1.99 1.068-2.666 5.018-.007.06-.908 7.086-.894 19.702.014 12.539.597 16.996 1.161 21.305.091.691.689 1.154 1.309 1.452a1.95 1.95 0 0 1-.236-.609c-.781-3.984-1.155-8.202-1.17-21.399-.014-12.653.891-19.707.9-19.777.725-4.231 2.832-5.337 2.922-5.382-.004.001 74.444-42.98 74.846-43.212l.028-.017c.904-.538 1.72-.688 2.36-.433.555.221.949.733 1.172 1.52 2.014 7.128 1.46 32.219.281 39.983-.507 3.341-1.575 5.515-3.175 6.462L69.335 93.869a2.023 2.023 0 0 1-1.018.292zm-.147-.507c.293.036.604-.037.915-.217l75.273-43.551c1.823-1.078 2.602-3.915 2.934-6.106 1.174-7.731 1.731-32.695-.268-39.772-.178-.631-.473-1.032-.876-1.192-.484-.193-1.166-.052-1.921.397l-.034.021-74.858 43.218c-.031.017-1.989 1.069-2.666 5.019-.007.059-.908 7.085-.894 19.702.015 13.155.386 17.351 1.161 21.303.09.461.476.983 1.037 1.139.114.025.185.037.196.039h.001z' fill='#455A64'/><path d='M69.317 68.982c.489-.281.885-.056.885.505 0 .56-.396 1.243-.885 1.525-.488.282-.884.057-.884-.504 0-.56.396-1.243.884-1.526' fill='#FFF'/><path d='M68.92 71.133c-.289 0-.487-.228-.487-.625 0-.56.396-1.243.884-1.526a.812.812 0 0 1 .397-.121c.289 0 .488.229.488.626 0 .56-.396 1.243-.885 1.525a.812.812 0 0 1-.397.121m.794-2.459a.976.976 0 0 0-.49.147c-.548.317-.978 1.058-.978 1.687 0 .486.271.812.674.812a.985.985 0 0 0 .491-.146c.548-.317.978-1.057.978-1.687 0-.486-.272-.813-.675-.813' fill='#8097A2'/><path d='M68.92 70.947c-.271 0-.299-.307-.299-.439 0-.491.361-1.116.79-1.363a.632.632 0 0 1 .303-.096c.272 0 .301.306.301.438 0 .491-.363 1.116-.791 1.364a.629.629 0 0 1-.304.096m.794-2.086a.812.812 0 0 0-.397.121c-.488.283-.884.966-.884 1.526 0 .397.198.625.487.625a.812.812 0 0 0 .397-.121c.489-.282.885-.965.885-1.525 0-.397-.199-.626-.488-.626' fill='#8097A2'/><path d='M69.444 85.35c.264-.152.477-.031.477.272 0 .303-.213.67-.477.822-.263.153-.477.031-.477-.271 0-.302.214-.671.477-.823' fill='#FFF'/><path d='M69.23 86.51c-.156 0-.263-.123-.263-.337 0-.302.214-.671.477-.823a.431.431 0 0 1 .214-.066c.156 0 .263.124.263.338 0 .303-.213.67-.477.822a.431.431 0 0 1-.214.066m.428-1.412c-.1 0-.203.029-.307.09-.32.185-.57.618-.57.985 0 .309.185.524.449.524a.63.63 0 0 0 .308-.09c.32-.185.57-.618.57-.985 0-.309-.185-.524-.45-.524' fill='#8097A2'/><path d='M69.23 86.322l-.076-.149c0-.235.179-.544.384-.661l.12-.041.076.151c0 .234-.179.542-.383.66l-.121.04m.428-1.038a.431.431 0 0 0-.214.066c-.263.152-.477.521-.477.823 0 .214.107.337.263.337a.431.431 0 0 0 .214-.066c.264-.152.477-.519.477-.822 0-.214-.107-.338-.263-.338' fill='#8097A2'/><path d='M139.278 7.769v43.667L72.208 90.16V46.493l67.07-38.724' fill='#455A64'/><path d='M72.083 90.375V46.421l.063-.036 67.257-38.831v43.954l-.062.036-67.258 38.831zm.25-43.811v43.38l66.821-38.579V7.985L72.333 46.564z' fill='#607D8B'/></g><path d='M125.737 88.647l-7.639 3.334V84l-11.459 4.713v8.269L99 100.315l13.369 3.646 13.368-15.314' fill='#455A64'/></g></svg>";function Rt(){this.loadIcon_();var t=document.createElement("div");(o=t.style).position="fixed",o.top=0,o.right=0,o.bottom=0,o.left=0,o.backgroundColor="gray",o.fontFamily="sans-serif",o.zIndex=1e6;var e=document.createElement("img");e.src=this.icon,(o=e.style).marginLeft="25%",o.marginTop="25%",o.width="50%",t.appendChild(e);var n=document.createElement("div");(o=n.style).textAlign="center",o.fontSize="16px",o.lineHeight="24px",o.margin="24px 25%",o.width="50%",n.innerHTML="Place your phone into your Cardboard viewer.",t.appendChild(n);var i=document.createElement("div");(o=i.style).backgroundColor="#CFD8DC",o.position="fixed",o.bottom=0,o.width="100%",o.height="48px",o.padding="14px 24px",o.boxSizing="border-box",o.color="#656A6B",t.appendChild(i);var r=document.createElement("div");r.style.float="left",r.innerHTML="No Cardboard viewer?";var o,s=document.createElement("a");s.href="https://www.google.com/get/cardboard/get-cardboard/",s.innerHTML="get one",s.target="_blank",(o=s.style).float="right",o.fontWeight=600,o.textTransform="uppercase",o.borderLeft="1px solid gray",o.paddingLeft="24px",o.textDecoration="none",o.color="#656A6B",i.appendChild(r),i.appendChild(s),this.overlay=t,this.text=n,this.hide()}Rt.prototype.show=function(t){t||this.overlay.parentElement?t&&(this.overlay.parentElement&&this.overlay.parentElement!=t&&this.overlay.parentElement.removeChild(this.overlay),t.appendChild(this.overlay)):document.body.appendChild(this.overlay),this.overlay.style.display="block";var e=this.overlay.querySelector("img").style;A()?(e.width="20%",e.marginLeft="40%",e.marginTop="3%"):(e.width="50%",e.marginLeft="25%",e.marginTop="25%")},Rt.prototype.hide=function(){this.overlay.style.display="none"},Rt.prototype.showTemporarily=function(t,e){this.show(e),this.timer=setTimeout(this.hide.bind(this),t)},Rt.prototype.disableShowTemporarily=function(){clearTimeout(this.timer)},Rt.prototype.update=function(){this.disableShowTemporarily(),!A()&&R()?this.show():this.hide()},Rt.prototype.loadIcon_=function(){this.icon=c("image/svg+xml",Lt)};var Ct="CardboardV1",Pt="WEBVR_CARDBOARD_VIEWER",Dt="webvr-polyfill-viewer-selector";function It(t){try{this.selectedKey=localStorage.getItem(Pt)}catch(t){console.error("Failed to load viewer profile: %s",t)}this.selectedKey||(this.selectedKey=t||Ct),this.dialog=this.createDialog_(ft.Viewers),this.root=null,this.onChangeCallbacks_=[]}function Nt(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function Ot(t,e){return t(e={exports:{}},e.exports),e.exports}It.prototype.show=function(t){this.root=t,t.appendChild(this.dialog),this.dialog.querySelector("#"+this.selectedKey).checked=!0,this.dialog.style.display="block"},It.prototype.hide=function(){this.root&&this.root.contains(this.dialog)&&this.root.removeChild(this.dialog),this.dialog.style.display="none"},It.prototype.getCurrentViewer=function(){return ft.Viewers[this.selectedKey]},It.prototype.getSelectedKey_=function(){var t=this.dialog.querySelector("input[name=field]:checked");return t?t.id:null},It.prototype.onChange=function(t){this.onChangeCallbacks_.push(t)},It.prototype.fireOnChange_=function(t){for(var e=0;e<this.onChangeCallbacks_.length;e++)this.onChangeCallbacks_[e](t)},It.prototype.onSave_=function(){if(this.selectedKey=this.getSelectedKey_(),this.selectedKey&&ft.Viewers[this.selectedKey]){this.fireOnChange_(ft.Viewers[this.selectedKey]);try{localStorage.setItem(Pt,this.selectedKey)}catch(t){console.error("Failed to save viewer profile: %s",t)}this.hide()}else console.error("ViewerSelector.onSave_: this should never happen!")},It.prototype.createDialog_=function(t){var e=document.createElement("div");e.classList.add(Dt),e.style.display="none";var n=document.createElement("div");(o=n.style).position="fixed",o.left=0,o.top=0,o.width="100%",o.height="100%",o.background="rgba(0, 0, 0, 0.3)",n.addEventListener("click",this.hide.bind(this));var i=280,r=document.createElement("div"),o=r.style;for(var s in o.boxSizing="border-box",o.position="fixed",o.top="24px",o.left="50%",o.marginLeft=-i/2+"px",o.width=i+"px",o.padding="24px",o.overflow="hidden",o.background="#fafafa",o.fontFamily="'Roboto', sans-serif",o.boxShadow="0px 5px 20px #666",r.appendChild(this.createH1_("Select your viewer")),t)r.appendChild(this.createChoice_(s,t[s].label));return r.appendChild(this.createButton_("Save",this.onSave_.bind(this))),e.appendChild(n),e.appendChild(r),e},It.prototype.createH1_=function(t){var e=document.createElement("h1"),n=e.style;return n.color="black",n.fontSize="20px",n.fontWeight="bold",n.marginTop=0,n.marginBottom="24px",e.innerHTML=t,e},It.prototype.createChoice_=function(t,e){var n=document.createElement("div");n.style.marginTop="8px",n.style.color="black";var i=document.createElement("input");i.style.fontSize="30px",i.setAttribute("id",t),i.setAttribute("type","radio"),i.setAttribute("value",t),i.setAttribute("name","field");var r=document.createElement("label");return r.style.marginLeft="4px",r.setAttribute("for",t),r.innerHTML=e,n.appendChild(i),n.appendChild(r),n},It.prototype.createButton_=function(t,e){var n=document.createElement("button");n.innerHTML=t;var i=n.style;return i.float="right",i.textTransform="uppercase",i.color="#1094f7",i.fontSize="14px",i.letterSpacing=0,i.border=0,i.background="none",i.marginTop="16px",n.addEventListener("click",e),n},"undefined"!=typeof window?window:void 0!==s||"undefined"!=typeof self&&self;var Bt=Ot((function(t,e){!function(e,n){t.exports=n()}(0,(function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){var i=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}();function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=n(1),s="undefined"!=typeof navigator&&parseFloat((""+(/CPU.*OS ([0-9_]{3,4})[0-9_]{0,1}|(CPU like).*AppleWebKit.*Mobile/i.exec(navigator.userAgent)||[0,""])[1]).replace("undefined","3_2").replace("_",".").replace("_",""))<10&&!window.MSStream,a=function(){function t(){r(this,t),s?this.noSleepTimer=null:(this.noSleepVideo=document.createElement("video"),this.noSleepVideo.setAttribute("playsinline",""),this.noSleepVideo.setAttribute("src",o),this.noSleepVideo.addEventListener("timeupdate",function(t){this.noSleepVideo.currentTime>.5&&(this.noSleepVideo.currentTime=Math.random())}.bind(this)))}return i(t,[{key:"enable",value:function(){s?(this.disable(),this.noSleepTimer=window.setInterval((function(){window.location.href="/",window.setTimeout(window.stop,0)}),15e3)):this.noSleepVideo.play()}},{key:"disable",value:function(){s?this.noSleepTimer&&(window.clearInterval(this.noSleepTimer),this.noSleepTimer=null):this.noSleepVideo.pause()}}]),t}();t.exports=a},function(t,e,n){t.exports="data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAACKBtZGF0AAAC8wYF///v3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0MiByMjQ3OSBkZDc5YTYxIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNCAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTEgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MToweDExMSBtZT1oZXggc3VibWU9MiBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0wIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MCA4eDhkY3Q9MCBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0wIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MzAwIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIwLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IHZidl9tYXhyYXRlPTIwMDAwIHZidl9idWZzaXplPTI1MDAwIGNyZl9tYXg9MC4wIG5hbF9ocmQ9bm9uZSBmaWxsZXI9MCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAOWWIhAA3//p+C7v8tDDSTjf97w55i3SbRPO4ZY+hkjD5hbkAkL3zpJ6h/LR1CAABzgB1kqqzUorlhQAAAAxBmiQYhn/+qZYADLgAAAAJQZ5CQhX/AAj5IQADQGgcIQADQGgcAAAACQGeYUQn/wALKCEAA0BoHAAAAAkBnmNEJ/8ACykhAANAaBwhAANAaBwAAAANQZpoNExDP/6plgAMuSEAA0BoHAAAAAtBnoZFESwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBnqVEJ/8ACykhAANAaBwAAAAJAZ6nRCf/AAsoIQADQGgcIQADQGgcAAAADUGarDRMQz/+qZYADLghAANAaBwAAAALQZ7KRRUsK/8ACPkhAANAaBwAAAAJAZ7pRCf/AAsoIQADQGgcIQADQGgcAAAACQGe60Qn/wALKCEAA0BoHAAAAA1BmvA0TEM//qmWAAy5IQADQGgcIQADQGgcAAAAC0GfDkUVLCv/AAj5IQADQGgcAAAACQGfLUQn/wALKSEAA0BoHCEAA0BoHAAAAAkBny9EJ/8ACyghAANAaBwAAAANQZs0NExDP/6plgAMuCEAA0BoHAAAAAtBn1JFFSwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBn3FEJ/8ACyghAANAaBwAAAAJAZ9zRCf/AAsoIQADQGgcIQADQGgcAAAADUGbeDRMQz/+qZYADLkhAANAaBwAAAALQZ+WRRUsK/8ACPghAANAaBwhAANAaBwAAAAJAZ+1RCf/AAspIQADQGgcAAAACQGft0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bm7w0TEM//qmWAAy4IQADQGgcAAAAC0Gf2kUVLCv/AAj5IQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHAAAAAkBn/tEJ/8ACykhAANAaBwAAAANQZvgNExDP/6plgAMuSEAA0BoHCEAA0BoHAAAAAtBnh5FFSwr/wAI+CEAA0BoHAAAAAkBnj1EJ/8ACyghAANAaBwhAANAaBwAAAAJAZ4/RCf/AAspIQADQGgcAAAADUGaJDRMQz/+qZYADLghAANAaBwAAAALQZ5CRRUsK/8ACPkhAANAaBwhAANAaBwAAAAJAZ5hRCf/AAsoIQADQGgcAAAACQGeY0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bmmg0TEM//qmWAAy5IQADQGgcAAAAC0GehkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGepUQn/wALKSEAA0BoHAAAAAkBnqdEJ/8ACyghAANAaBwAAAANQZqsNExDP/6plgAMuCEAA0BoHCEAA0BoHAAAAAtBnspFFSwr/wAI+SEAA0BoHAAAAAkBnulEJ/8ACyghAANAaBwhAANAaBwAAAAJAZ7rRCf/AAsoIQADQGgcAAAADUGa8DRMQz/+qZYADLkhAANAaBwhAANAaBwAAAALQZ8ORRUsK/8ACPkhAANAaBwAAAAJAZ8tRCf/AAspIQADQGgcIQADQGgcAAAACQGfL0Qn/wALKCEAA0BoHAAAAA1BmzQ0TEM//qmWAAy4IQADQGgcAAAAC0GfUkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGfcUQn/wALKCEAA0BoHAAAAAkBn3NEJ/8ACyghAANAaBwhAANAaBwAAAANQZt4NExC//6plgAMuSEAA0BoHAAAAAtBn5ZFFSwr/wAI+CEAA0BoHCEAA0BoHAAAAAkBn7VEJ/8ACykhAANAaBwAAAAJAZ+3RCf/AAspIQADQGgcAAAADUGbuzRMQn/+nhAAYsAhAANAaBwhAANAaBwAAAAJQZ/aQhP/AAspIQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHAAACiFtb292AAAAbG12aGQAAAAA1YCCX9WAgl8AAAPoAAAH/AABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAGGlvZHMAAAAAEICAgAcAT////v7/AAAF+XRyYWsAAABcdGtoZAAAAAPVgIJf1YCCXwAAAAEAAAAAAAAH0AAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAygAAAMoAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAB9AAABdwAAEAAAAABXFtZGlhAAAAIG1kaGQAAAAA1YCCX9WAgl8AAV+QAAK/IFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAUcbWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAE3HN0YmwAAACYc3RzZAAAAAAAAAABAAAAiGF2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAygDKAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAyYXZjQwFNQCj/4QAbZ01AKOyho3ySTUBAQFAAAAMAEAAr8gDxgxlgAQAEaO+G8gAAABhzdHRzAAAAAAAAAAEAAAA8AAALuAAAABRzdHNzAAAAAAAAAAEAAAABAAAB8GN0dHMAAAAAAAAAPAAAAAEAABdwAAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAAC7gAAAAAQAAF3AAAAABAAAAAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAEEc3RzegAAAAAAAAAAAAAAPAAAAzQAAAAQAAAADQAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAANAAAADQAAAQBzdGNvAAAAAAAAADwAAAAwAAADZAAAA3QAAAONAAADoAAAA7kAAAPQAAAD6wAAA/4AAAQXAAAELgAABEMAAARcAAAEbwAABIwAAAShAAAEugAABM0AAATkAAAE/wAABRIAAAUrAAAFQgAABV0AAAVwAAAFiQAABaAAAAW1AAAFzgAABeEAAAX+AAAGEwAABiwAAAY/AAAGVgAABnEAAAaEAAAGnQAABrQAAAbPAAAG4gAABvUAAAcSAAAHJwAAB0AAAAdTAAAHcAAAB4UAAAeeAAAHsQAAB8gAAAfjAAAH9gAACA8AAAgmAAAIQQAACFQAAAhnAAAIhAAACJcAAAMsdHJhawAAAFx0a2hkAAAAA9WAgl/VgIJfAAAAAgAAAAAAAAf8AAAAAAAAAAAAAAABAQAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAACsm1kaWEAAAAgbWRoZAAAAADVgIJf1YCCXwAArEQAAWAAVcQAAAAAACdoZGxyAAAAAAAAAABzb3VuAAAAAAAAAAAAAAAAU3RlcmVvAAAAAmNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAidzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAIABICAgBRAFQAAAAADDUAAAAAABYCAgAISEAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAABYAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAAUc3RzegAAAAAAAAAGAAAAWAAAAXBzdGNvAAAAAAAAAFgAAAOBAAADhwAAA5oAAAOtAAADswAAA8oAAAPfAAAD5QAAA/gAAAQLAAAEEQAABCgAAAQ9AAAEUAAABFYAAARpAAAEgAAABIYAAASbAAAErgAABLQAAATHAAAE3gAABPMAAAT5AAAFDAAABR8AAAUlAAAFPAAABVEAAAVXAAAFagAABX0AAAWDAAAFmgAABa8AAAXCAAAFyAAABdsAAAXyAAAF+AAABg0AAAYgAAAGJgAABjkAAAZQAAAGZQAABmsAAAZ+AAAGkQAABpcAAAauAAAGwwAABskAAAbcAAAG7wAABwYAAAcMAAAHIQAABzQAAAc6AAAHTQAAB2QAAAdqAAAHfwAAB5IAAAeYAAAHqwAAB8IAAAfXAAAH3QAAB/AAAAgDAAAICQAACCAAAAg1AAAIOwAACE4AAAhhAAAIeAAACH4AAAiRAAAIpAAACKoAAAiwAAAItgAACLwAAAjCAAAAFnVkdGEAAAAObmFtZVN0ZXJlbwAAAHB1ZHRhAAAAaG1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAAO2lsc3QAAAAzqXRvbwAAACtkYXRhAAAAAQAAAABIYW5kQnJha2UgMC4xMC4yIDIwMTUwNjExMDA="}])}))})),Ft=Nt(Bt),zt=1e3,Ut=[0,0,.5,1],Ht=[.5,0,.5,1],Gt=window.requestAnimationFrame,Vt=window.cancelAnimationFrame;function kt(){this.leftProjectionMatrix=new Float32Array(16),this.leftViewMatrix=new Float32Array(16),this.rightProjectionMatrix=new Float32Array(16),this.rightViewMatrix=new Float32Array(16),this.pose=null}function Wt(t){Object.defineProperties(this,{hasPosition:{writable:!1,enumerable:!0,value:t.hasPosition},hasExternalDisplay:{writable:!1,enumerable:!0,value:t.hasExternalDisplay},canPresent:{writable:!1,enumerable:!0,value:t.canPresent},maxLayers:{writable:!1,enumerable:!0,value:t.maxLayers},hasOrientation:{enumerable:!0,get:function(){return F("VRDisplayCapabilities.prototype.hasOrientation","VRDisplay.prototype.getFrameData"),t.hasOrientation}}})}function jt(t){var e=!("wakelock"in(t=t||{}))||t.wakelock;this.isPolyfilled=!0,this.displayId=zt++,this.displayName="",this.depthNear=.01,this.depthFar=1e4,this.isPresenting=!1,Object.defineProperty(this,"isConnected",{get:function(){return F("VRDisplay.prototype.isConnected","VRDisplayCapabilities.prototype.hasExternalDisplay"),!1}}),this.capabilities=new Wt({hasPosition:!1,hasOrientation:!1,hasExternalDisplay:!1,canPresent:!1,maxLayers:1}),this.stageParameters=null,this.waitingForPresent_=!1,this.layer_=null,this.originalParent_=null,this.fullscreenElement_=null,this.fullscreenWrapper_=null,this.fullscreenElementCachedStyle_=null,this.fullscreenEventTarget_=null,this.fullscreenChangeHandler_=null,this.fullscreenErrorHandler_=null,e&&R()&&(this.wakelock_=new Ft)}jt.prototype.getFrameData=function(t){return D(t,this._getPose(),this)},jt.prototype.getPose=function(){return F("VRDisplay.prototype.getPose","VRDisplay.prototype.getFrameData"),this._getPose()},jt.prototype.resetPose=function(){return F("VRDisplay.prototype.resetPose"),this._resetPose()},jt.prototype.getImmediatePose=function(){return F("VRDisplay.prototype.getImmediatePose","VRDisplay.prototype.getFrameData"),this._getPose()},jt.prototype.requestAnimationFrame=function(t){return Gt(t)},jt.prototype.cancelAnimationFrame=function(t){return Vt(t)},jt.prototype.wrapForFullscreen=function(t){if(u())return t;if(!this.fullscreenWrapper_){this.fullscreenWrapper_=document.createElement("div");var e=["height: "+Math.min(screen.height,screen.width)+"px !important","top: 0 !important","left: 0 !important","right: 0 !important","border: 0","margin: 0","padding: 0","z-index: 999999 !important","position: fixed"];this.fullscreenWrapper_.setAttribute("style",e.join("; ")+";"),this.fullscreenWrapper_.classList.add("webvr-polyfill-fullscreen-wrapper")}if(this.fullscreenElement_==t)return this.fullscreenWrapper_;if(this.fullscreenElement_&&(this.originalParent_?this.originalParent_.appendChild(this.fullscreenElement_):this.fullscreenElement_.parentElement.removeChild(this.fullscreenElement_)),this.fullscreenElement_=t,this.originalParent_=t.parentElement,this.originalParent_||document.body.appendChild(t),!this.fullscreenWrapper_.parentElement){var n=this.fullscreenElement_.parentElement;n.insertBefore(this.fullscreenWrapper_,this.fullscreenElement_),n.removeChild(this.fullscreenElement_)}this.fullscreenWrapper_.insertBefore(this.fullscreenElement_,this.fullscreenWrapper_.firstChild),this.fullscreenElementCachedStyle_=this.fullscreenElement_.getAttribute("style");var i=this;function r(){if(i.fullscreenElement_){var t=["position: absolute","top: 0","left: 0","width: "+Math.max(screen.width,screen.height)+"px","height: "+Math.min(screen.height,screen.width)+"px","border: 0","margin: 0","padding: 0"];i.fullscreenElement_.setAttribute("style",t.join("; ")+";")}}return r(),this.fullscreenWrapper_},jt.prototype.removeFullscreenWrapper=function(){if(this.fullscreenElement_){var t=this.fullscreenElement_;this.fullscreenElementCachedStyle_?t.setAttribute("style",this.fullscreenElementCachedStyle_):t.removeAttribute("style"),this.fullscreenElement_=null,this.fullscreenElementCachedStyle_=null;var e=this.fullscreenWrapper_.parentElement;return this.fullscreenWrapper_.removeChild(t),this.originalParent_===e?e.insertBefore(t,this.fullscreenWrapper_):this.originalParent_&&this.originalParent_.appendChild(t),e.removeChild(this.fullscreenWrapper_),t}},jt.prototype.requestPresent=function(t){var e=this.isPresenting,n=this;return t instanceof Array||(F("VRDisplay.prototype.requestPresent with non-array argument","an array of VRLayers as the first argument"),t=[t]),new Promise((function(i,r){if(n.capabilities.canPresent)if(0==t.length||t.length>n.capabilities.maxLayers)r(new Error("Invalid number of layers."));else{var o=t[0];if(o.source){var s=o.leftBounds||Ut,a=o.rightBounds||Ht;if(e){var l=n.layer_;l.source!==o.source&&(l.source=o.source);for(var c=0;c<4;c++)l.leftBounds[c]=s[c],l.rightBounds[c]=a[c];return n.wrapForFullscreen(n.layer_.source),n.updatePresent_(),void i()}if(n.layer_={predistorted:o.predistorted,source:o.source,leftBounds:s.slice(0),rightBounds:a.slice(0)},n.waitingForPresent_=!1,n.layer_&&n.layer_.source){var h=n.wrapForFullscreen(n.layer_.source),p=function(){var t=E();n.isPresenting=h===t,n.isPresenting?(screen.orientation&&screen.orientation.lock&&screen.orientation.lock("landscape-primary").catch((function(t){console.error("screen.orientation.lock() failed due to",t.message)})),n.waitingForPresent_=!1,n.beginPresent_(),i()):(screen.orientation&&screen.orientation.unlock&&screen.orientation.unlock(),n.removeFullscreenWrapper(),n.disableWakeLock(),n.endPresent_(),n.removeFullscreenListeners_()),n.fireVRDisplayPresentChange_()},f=function(){n.waitingForPresent_&&(n.removeFullscreenWrapper(),n.removeFullscreenListeners_(),n.disableWakeLock(),n.waitingForPresent_=!1,n.isPresenting=!1,r(new Error("Unable to present.")))};n.addFullscreenListeners_(h,p,f),b(h)?(n.enableWakeLock(),n.waitingForPresent_=!0):(u()||d())&&(n.enableWakeLock(),n.isPresenting=!0,n.beginPresent_(),n.fireVRDisplayPresentChange_(),i())}n.waitingForPresent_||u()||(M(),r(new Error("Unable to present.")))}else i()}else r(new Error("VRDisplay is not capable of presenting."))}))},jt.prototype.exitPresent=function(){var t=this.isPresenting,e=this;return this.isPresenting=!1,this.layer_=null,this.disableWakeLock(),new Promise((function(n,i){t?(!M()&&u()&&(e.endPresent_(),e.fireVRDisplayPresentChange_()),d()&&(e.removeFullscreenWrapper(),e.removeFullscreenListeners_(),e.endPresent_(),e.fireVRDisplayPresentChange_()),n()):i(new Error("Was not presenting to VRDisplay."))}))},jt.prototype.getLayers=function(){return this.layer_?[this.layer_]:[]},jt.prototype.fireVRDisplayPresentChange_=function(){var t=new CustomEvent("vrdisplaypresentchange",{detail:{display:this}});window.dispatchEvent(t)},jt.prototype.fireVRDisplayConnect_=function(){var t=new CustomEvent("vrdisplayconnect",{detail:{display:this}});window.dispatchEvent(t)},jt.prototype.addFullscreenListeners_=function(t,e,n){this.removeFullscreenListeners_(),this.fullscreenEventTarget_=t,this.fullscreenChangeHandler_=e,this.fullscreenErrorHandler_=n,e&&(document.fullscreenEnabled?t.addEventListener("fullscreenchange",e,!1):document.webkitFullscreenEnabled?t.addEventListener("webkitfullscreenchange",e,!1):document.mozFullScreenEnabled?document.addEventListener("mozfullscreenchange",e,!1):document.msFullscreenEnabled&&t.addEventListener("msfullscreenchange",e,!1)),n&&(document.fullscreenEnabled?t.addEventListener("fullscreenerror",n,!1):document.webkitFullscreenEnabled?t.addEventListener("webkitfullscreenerror",n,!1):document.mozFullScreenEnabled?document.addEventListener("mozfullscreenerror",n,!1):document.msFullscreenEnabled&&t.addEventListener("msfullscreenerror",n,!1))},jt.prototype.removeFullscreenListeners_=function(){if(this.fullscreenEventTarget_){var t=this.fullscreenEventTarget_;if(this.fullscreenChangeHandler_){var e=this.fullscreenChangeHandler_;t.removeEventListener("fullscreenchange",e,!1),t.removeEventListener("webkitfullscreenchange",e,!1),document.removeEventListener("mozfullscreenchange",e,!1),t.removeEventListener("msfullscreenchange",e,!1)}if(this.fullscreenErrorHandler_){var n=this.fullscreenErrorHandler_;t.removeEventListener("fullscreenerror",n,!1),t.removeEventListener("webkitfullscreenerror",n,!1),document.removeEventListener("mozfullscreenerror",n,!1),t.removeEventListener("msfullscreenerror",n,!1)}this.fullscreenEventTarget_=null,this.fullscreenChangeHandler_=null,this.fullscreenErrorHandler_=null}},jt.prototype.enableWakeLock=function(){this.wakelock_&&this.wakelock_.enable()},jt.prototype.disableWakeLock=function(){this.wakelock_&&this.wakelock_.disable()},jt.prototype.beginPresent_=function(){},jt.prototype.endPresent_=function(){},jt.prototype.submitFrame=function(t){},jt.prototype.getEyeParameters=function(t){return null};var Xt={ADDITIONAL_VIEWERS:[],DEFAULT_VIEWER:"",MOBILE_WAKE_LOCK:!0,DEBUG:!1,DPDB_URL:"https://dpdb.webvr.rocks/dpdb.json",K_FILTER:.98,PREDICTION_TIME_S:.04,CARDBOARD_UI_DISABLED:!1,ROTATE_INSTRUCTIONS_DISABLED:!1,YAW_ONLY:!1,BUFFER_SCALE:.5,DIRTY_SUBMIT_FRAME_BINDINGS:!1},qt={LEFT:"left",RIGHT:"right"};function Yt(t){var e=C({},Xt);t=C(e,t||{}),jt.call(this,{wakelock:t.MOBILE_WAKE_LOCK}),this.config=t,this.displayName="Cardboard VRDisplay",this.capabilities=new Wt({hasPosition:!1,hasOrientation:!0,hasExternalDisplay:!1,canPresent:!0,maxLayers:1}),this.stageParameters=null,this.bufferScale_=this.config.BUFFER_SCALE,this.poseSensor_=new Tt(this.config),this.distorter_=null,this.cardboardUI_=null,this.dpdb_=new vt(this.config.DPDB_URL,this.onDeviceParamsUpdated_.bind(this)),this.deviceInfo_=new ft(this.dpdb_.getDeviceParams(),t.ADDITIONAL_VIEWERS),this.viewerSelector_=new It(t.DEFAULT_VIEWER),this.viewerSelector_.onChange(this.onViewerChanged_.bind(this)),this.deviceInfo_.setViewer(this.viewerSelector_.getCurrentViewer()),this.config.ROTATE_INSTRUCTIONS_DISABLED||(this.rotateInstructions_=new Rt),u()&&window.addEventListener("resize",this.onResize_.bind(this))}return Yt.prototype=Object.create(jt.prototype),Yt.prototype._getPose=function(){return{position:null,orientation:this.poseSensor_.getOrientation(),linearVelocity:null,linearAcceleration:null,angularVelocity:null,angularAcceleration:null}},Yt.prototype._resetPose=function(){this.poseSensor_.resetPose&&this.poseSensor_.resetPose()},Yt.prototype._getFieldOfView=function(t){var e;if(t==qt.LEFT)e=this.deviceInfo_.getFieldOfViewLeftEye();else{if(t!=qt.RIGHT)return console.error("Invalid eye provided: %s",t),null;e=this.deviceInfo_.getFieldOfViewRightEye()}return e},Yt.prototype._getEyeOffset=function(t){var e;if(t==qt.LEFT)e=[.5*-this.deviceInfo_.viewer.interLensDistance,0,0];else{if(t!=qt.RIGHT)return console.error("Invalid eye provided: %s",t),null;e=[.5*this.deviceInfo_.viewer.interLensDistance,0,0]}return e},Yt.prototype.getEyeParameters=function(t){var e=this._getEyeOffset(t),n=this._getFieldOfView(t),i={offset:e,renderWidth:.5*this.deviceInfo_.device.width*this.bufferScale_,renderHeight:this.deviceInfo_.device.height*this.bufferScale_};return Object.defineProperty(i,"fieldOfView",{enumerable:!0,get:function(){return F("VRFieldOfView","VRFrameData's projection matrices"),n}}),i},Yt.prototype.onDeviceParamsUpdated_=function(t){this.config.DEBUG&&console.log("DPDB reported that device params were updated."),this.deviceInfo_.updateDeviceParams(t),this.distorter_&&this.distorter_.updateDeviceInfo(this.deviceInfo_)},Yt.prototype.updateBounds_=function(){this.layer_&&this.distorter_&&(this.layer_.leftBounds||this.layer_.rightBounds)&&this.distorter_.setTextureBounds(this.layer_.leftBounds,this.layer_.rightBounds)},Yt.prototype.beginPresent_=function(){var t=this.layer_.source.getContext("webgl");t||(t=this.layer_.source.getContext("experimental-webgl")),t||(t=this.layer_.source.getContext("webgl2")),t&&(this.layer_.predistorted?this.config.CARDBOARD_UI_DISABLED||(t.canvas.width=_()*this.bufferScale_,t.canvas.height=w()*this.bufferScale_,this.cardboardUI_=new et(t)):(this.config.CARDBOARD_UI_DISABLED||(this.cardboardUI_=new et(t)),this.distorter_=new V(t,this.cardboardUI_,this.config.BUFFER_SCALE,this.config.DIRTY_SUBMIT_FRAME_BINDINGS),this.distorter_.updateDeviceInfo(this.deviceInfo_)),this.cardboardUI_&&this.cardboardUI_.listen(function(t){this.viewerSelector_.show(this.layer_.source.parentElement),t.stopPropagation(),t.preventDefault()}.bind(this),function(t){this.exitPresent(),t.stopPropagation(),t.preventDefault()}.bind(this)),this.rotateInstructions_&&(A()&&R()?this.rotateInstructions_.showTemporarily(3e3,this.layer_.source.parentElement):this.rotateInstructions_.update()),this.orientationHandler=this.onOrientationChange_.bind(this),window.addEventListener("orientationchange",this.orientationHandler),this.vrdisplaypresentchangeHandler=this.updateBounds_.bind(this),window.addEventListener("vrdisplaypresentchange",this.vrdisplaypresentchangeHandler),this.fireVRDisplayDeviceParamsChange_())},Yt.prototype.endPresent_=function(){this.distorter_&&(this.distorter_.destroy(),this.distorter_=null),this.cardboardUI_&&(this.cardboardUI_.destroy(),this.cardboardUI_=null),this.rotateInstructions_&&this.rotateInstructions_.hide(),this.viewerSelector_.hide(),window.removeEventListener("orientationchange",this.orientationHandler),window.removeEventListener("vrdisplaypresentchange",this.vrdisplaypresentchangeHandler)},Yt.prototype.updatePresent_=function(){this.endPresent_(),this.beginPresent_()},Yt.prototype.submitFrame=function(t){if(this.distorter_)this.updateBounds_(),this.distorter_.submitFrame();else if(this.cardboardUI_&&this.layer_){var e=this.layer_.source.getContext("webgl");e||(e=this.layer_.source.getContext("experimental-webgl")),e||(e=this.layer_.source.getContext("webgl2"));var n=e.canvas;n.width==this.lastWidth&&n.height==this.lastHeight||this.cardboardUI_.onResize(),this.lastWidth=n.width,this.lastHeight=n.height,this.cardboardUI_.render()}},Yt.prototype.onOrientationChange_=function(t){this.viewerSelector_.hide(),this.rotateInstructions_&&this.rotateInstructions_.update(),this.onResize_()},Yt.prototype.onResize_=function(t){if(this.layer_){var e=this.layer_.source.getContext("webgl");e||(e=this.layer_.source.getContext("experimental-webgl")),e||(e=this.layer_.source.getContext("webgl2"));var n=["position: absolute","top: 0","left: 0","width: 100vw","height: 100vh","border: 0","margin: 0","padding: 0px","box-sizing: content-box"];e.canvas.setAttribute("style",n.join("; ")+";"),P(e.canvas)}},Yt.prototype.onViewerChanged_=function(t){this.deviceInfo_.setViewer(t),this.distorter_&&this.distorter_.updateDeviceInfo(this.deviceInfo_),this.fireVRDisplayDeviceParamsChange_()},Yt.prototype.fireVRDisplayDeviceParamsChange_=function(){var t=new CustomEvent("vrdisplaydeviceparamschange",{detail:{vrdisplay:this,deviceInfo:this.deviceInfo_}});window.dispatchEvent(t)},Yt.VRFrameData=kt,Yt.VRDisplay=jt,Yt}()}(l);var c=a(l.exports),h={ADDITIONAL_VIEWERS:[],DEFAULT_VIEWER:"",PROVIDE_MOBILE_VRDISPLAY:!0,MOBILE_WAKE_LOCK:!0,DEBUG:!1,DPDB_URL:"https://dpdb.webvr.rocks/dpdb.json",K_FILTER:.98,PREDICTION_TIME_S:.04,CARDBOARD_UI_DISABLED:!1,ROTATE_INSTRUCTIONS_DISABLED:!1,YAW_ONLY:!1,BUFFER_SCALE:.5,DIRTY_SUBMIT_FRAME_BINDINGS:!1};function u(t){this.config=o(o({},h),t),this.polyfillDisplays=[],this.enabled=!1,this.hasNative="getVRDisplays"in navigator,this.native={},this.native.getVRDisplays=navigator.getVRDisplays,this.native.VRFrameData=window.VRFrameData,this.native.VRDisplay=window.VRDisplay,(!this.hasNative||this.config.PROVIDE_MOBILE_VRDISPLAY&&i())&&(this.enable(),this.getVRDisplays().then((function(t){t&&t[0]&&t[0].fireVRDisplayConnect_&&t[0].fireVRDisplayConnect_()})))}function d(t,e,n,i,r,o,s){try{var a=t[o](s),l=a.value}catch(t){return void n(t)}a.done?e(l):Promise.resolve(l).then(i,r)}function p(){return p=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},p.apply(this,arguments)}u.prototype.getPolyfillDisplays=function(){if(this._polyfillDisplaysPopulated)return this.polyfillDisplays;if(i()){var t=new c({ADDITIONAL_VIEWERS:this.config.ADDITIONAL_VIEWERS,DEFAULT_VIEWER:this.config.DEFAULT_VIEWER,MOBILE_WAKE_LOCK:this.config.MOBILE_WAKE_LOCK,DEBUG:this.config.DEBUG,DPDB_URL:this.config.DPDB_URL,CARDBOARD_UI_DISABLED:this.config.CARDBOARD_UI_DISABLED,K_FILTER:this.config.K_FILTER,PREDICTION_TIME_S:this.config.PREDICTION_TIME_S,ROTATE_INSTRUCTIONS_DISABLED:this.config.ROTATE_INSTRUCTIONS_DISABLED,YAW_ONLY:this.config.YAW_ONLY,BUFFER_SCALE:this.config.BUFFER_SCALE,DIRTY_SUBMIT_FRAME_BINDINGS:this.config.DIRTY_SUBMIT_FRAME_BINDINGS});this.polyfillDisplays.push(t)}return this._polyfillDisplaysPopulated=!0,this.polyfillDisplays},u.prototype.enable=function(){if(this.enabled=!0,this.hasNative&&this.native.VRFrameData){var t=this.native.VRFrameData,e=new this.native.VRFrameData,n=this.native.VRDisplay.prototype.getFrameData;window.VRDisplay.prototype.getFrameData=function(i){i instanceof t?n.call(this,i):(n.call(this,e),i.pose=e.pose,r(e.leftProjectionMatrix,i.leftProjectionMatrix),r(e.rightProjectionMatrix,i.rightProjectionMatrix),r(e.leftViewMatrix,i.leftViewMatrix),r(e.rightViewMatrix,i.rightViewMatrix))}}navigator.getVRDisplays=this.getVRDisplays.bind(this),window.VRDisplay=c.VRDisplay,window.VRFrameData=c.VRFrameData},u.prototype.getVRDisplays=function(){return this.config,this.hasNative?this.native.getVRDisplays.call(navigator).then((t=>t.length>0?t:this.getPolyfillDisplays())):Promise.resolve(this.getPolyfillDisplays())},u.version="0.10.12",u.VRFrameData=c.VRFrameData,u.VRDisplay=c.VRDisplay;const f=0,m=1,g=2,v=100,y=1e3,A=1001,x=1002,_=1003,w=1006,b=1008,M=1009,E=1012,S=1014,T=1015,L=1016,R=1020,C=1022,P=1023,D=1026,I=1027,N=2300,O=2301,B=2302,F=2400,z=2401,U=2402,H=2500,G=3e3,V=7680,k=35044,W=35048,j="300 es";function X(){}p(X.prototype,{addEventListener:function(t,e){void 0===this._listeners&&(this._listeners={});const n=this._listeners;void 0===n[t]&&(n[t]=[]),-1===n[t].indexOf(e)&&n[t].push(e)},hasEventListener:function(t,e){if(void 0===this._listeners)return!1;const n=this._listeners;return void 0!==n[t]&&-1!==n[t].indexOf(e)},removeEventListener:function(t,e){if(void 0===this._listeners)return;const n=this._listeners[t];if(void 0!==n){const t=n.indexOf(e);-1!==t&&n.splice(t,1)}},dispatchEvent:function(t){if(void 0===this._listeners)return;const e=this._listeners[t.type];if(void 0!==e){t.target=this;const n=e.slice(0);for(let e=0,i=n.length;e<i;e++)n[e].call(this,t)}}});const q=[];for(let t=0;t<256;t++)q[t]=(t<16?"0":"")+t.toString(16);let Y=1234567;const Q={DEG2RAD:Math.PI/180,RAD2DEG:180/Math.PI,generateUUID:function(){const t=4294967295*Math.random()|0,e=4294967295*Math.random()|0,n=4294967295*Math.random()|0,i=4294967295*Math.random()|0;return(q[255&t]+q[t>>8&255]+q[t>>16&255]+q[t>>24&255]+"-"+q[255&e]+q[e>>8&255]+"-"+q[e>>16&15|64]+q[e>>24&255]+"-"+q[63&n|128]+q[n>>8&255]+"-"+q[n>>16&255]+q[n>>24&255]+q[255&i]+q[i>>8&255]+q[i>>16&255]+q[i>>24&255]).toUpperCase()},clamp:function(t,e,n){return Math.max(e,Math.min(n,t))},euclideanModulo:function(t,e){return(t%e+e)%e},mapLinear:function(t,e,n,i,r){return i+(t-e)*(r-i)/(n-e)},lerp:function(t,e,n){return(1-n)*t+n*e},damp:function(t,e,n,i){return Q.lerp(t,e,1-Math.exp(-n*i))},pingpong:function(t,e=1){return e-Math.abs(Q.euclideanModulo(t,2*e)-e)},smoothstep:function(t,e,n){return t<=e?0:t>=n?1:(t=(t-e)/(n-e))*t*(3-2*t)},smootherstep:function(t,e,n){return t<=e?0:t>=n?1:(t=(t-e)/(n-e))*t*t*(t*(6*t-15)+10)},randInt:function(t,e){return t+Math.floor(Math.random()*(e-t+1))},randFloat:function(t,e){return t+Math.random()*(e-t)},randFloatSpread:function(t){return t*(.5-Math.random())},seededRandom:function(t){return void 0!==t&&(Y=t%2147483647),Y=16807*Y%2147483647,(Y-1)/2147483646},degToRad:function(t){return t*Q.DEG2RAD},radToDeg:function(t){return t*Q.RAD2DEG},isPowerOfTwo:function(t){return 0==(t&t-1)&&0!==t},ceilPowerOfTwo:function(t){return Math.pow(2,Math.ceil(Math.log(t)/Math.LN2))},floorPowerOfTwo:function(t){return Math.pow(2,Math.floor(Math.log(t)/Math.LN2))},setQuaternionFromProperEuler:function(t,e,n,i,r){const o=Math.cos,s=Math.sin,a=o(n/2),l=s(n/2),c=o((e+i)/2),h=s((e+i)/2),u=o((e-i)/2),d=s((e-i)/2),p=o((i-e)/2),f=s((i-e)/2);switch(r){case"XYX":t.set(a*h,l*u,l*d,a*c);break;case"YZY":t.set(l*d,a*h,l*u,a*c);break;case"ZXZ":t.set(l*u,l*d,a*h,a*c);break;case"XZX":t.set(a*h,l*f,l*p,a*c);break;case"YXY":t.set(l*p,a*h,l*f,a*c);break;case"ZYZ":t.set(l*f,l*p,a*h,a*c);break;default:console.warn("THREE.MathUtils: .setQuaternionFromProperEuler() encountered an unknown order: "+r)}}};class Z{constructor(t=0,e=0){Object.defineProperty(this,"isVector2",{value:!0}),this.x=t,this.y=e}get width(){return this.x}set width(t){this.x=t}get height(){return this.y}set height(t){this.y=t}set(t,e){return this.x=t,this.y=e,this}setScalar(t){return this.x=t,this.y=t,this}setX(t){return this.x=t,this}setY(t){return this.y=t,this}setComponent(t,e){switch(t){case 0:this.x=e;break;case 1:this.y=e;break;default:throw new Error("index is out of range: "+t)}return this}getComponent(t){switch(t){case 0:return this.x;case 1:return this.y;default:throw new Error("index is out of range: "+t)}}clone(){return new this.constructor(this.x,this.y)}copy(t){return this.x=t.x,this.y=t.y,this}add(t,e){return void 0!==e?(console.warn("THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(t,e)):(this.x+=t.x,this.y+=t.y,this)}addScalar(t){return this.x+=t,this.y+=t,this}addVectors(t,e){return this.x=t.x+e.x,this.y=t.y+e.y,this}addScaledVector(t,e){return this.x+=t.x*e,this.y+=t.y*e,this}sub(t,e){return void 0!==e?(console.warn("THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(t,e)):(this.x-=t.x,this.y-=t.y,this)}subScalar(t){return this.x-=t,this.y-=t,this}subVectors(t,e){return this.x=t.x-e.x,this.y=t.y-e.y,this}multiply(t){return this.x*=t.x,this.y*=t.y,this}multiplyScalar(t){return this.x*=t,this.y*=t,this}divide(t){return this.x/=t.x,this.y/=t.y,this}divideScalar(t){return this.multiplyScalar(1/t)}applyMatrix3(t){const e=this.x,n=this.y,i=t.elements;return this.x=i[0]*e+i[3]*n+i[6],this.y=i[1]*e+i[4]*n+i[7],this}min(t){return this.x=Math.min(this.x,t.x),this.y=Math.min(this.y,t.y),this}max(t){return this.x=Math.max(this.x,t.x),this.y=Math.max(this.y,t.y),this}clamp(t,e){return this.x=Math.max(t.x,Math.min(e.x,this.x)),this.y=Math.max(t.y,Math.min(e.y,this.y)),this}clampScalar(t,e){return this.x=Math.max(t,Math.min(e,this.x)),this.y=Math.max(t,Math.min(e,this.y)),this}clampLength(t,e){const n=this.length();return this.divideScalar(n||1).multiplyScalar(Math.max(t,Math.min(e,n)))}floor(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this}ceil(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this}round(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this}roundToZero(){return this.x=this.x<0?Math.ceil(this.x):Math.floor(this.x),this.y=this.y<0?Math.ceil(this.y):Math.floor(this.y),this}negate(){return this.x=-this.x,this.y=-this.y,this}dot(t){return this.x*t.x+this.y*t.y}cross(t){return this.x*t.y-this.y*t.x}lengthSq(){return this.x*this.x+this.y*this.y}length(){return Math.sqrt(this.x*this.x+this.y*this.y)}manhattanLength(){return Math.abs(this.x)+Math.abs(this.y)}normalize(){return this.divideScalar(this.length()||1)}angle(){return Math.atan2(-this.y,-this.x)+Math.PI}distanceTo(t){return Math.sqrt(this.distanceToSquared(t))}distanceToSquared(t){const e=this.x-t.x,n=this.y-t.y;return e*e+n*n}manhattanDistanceTo(t){return Math.abs(this.x-t.x)+Math.abs(this.y-t.y)}setLength(t){return this.normalize().multiplyScalar(t)}lerp(t,e){return this.x+=(t.x-this.x)*e,this.y+=(t.y-this.y)*e,this}lerpVectors(t,e,n){return this.x=t.x+(e.x-t.x)*n,this.y=t.y+(e.y-t.y)*n,this}equals(t){return t.x===this.x&&t.y===this.y}fromArray(t,e=0){return this.x=t[e],this.y=t[e+1],this}toArray(t=[],e=0){return t[e]=this.x,t[e+1]=this.y,t}fromBufferAttribute(t,e,n){return void 0!==n&&console.warn("THREE.Vector2: offset has been removed from .fromBufferAttribute()."),this.x=t.getX(e),this.y=t.getY(e),this}rotateAround(t,e){const n=Math.cos(e),i=Math.sin(e),r=this.x-t.x,o=this.y-t.y;return this.x=r*n-o*i+t.x,this.y=r*i+o*n+t.y,this}random(){return this.x=Math.random(),this.y=Math.random(),this}}class J{constructor(){Object.defineProperty(this,"isMatrix3",{value:!0}),this.elements=[1,0,0,0,1,0,0,0,1],arguments.length>0&&console.error("THREE.Matrix3: the constructor no longer reads arguments. use .set() instead.")}set(t,e,n,i,r,o,s,a,l){const c=this.elements;return c[0]=t,c[1]=i,c[2]=s,c[3]=e,c[4]=r,c[5]=a,c[6]=n,c[7]=o,c[8]=l,this}identity(){return this.set(1,0,0,0,1,0,0,0,1),this}clone(){return(new this.constructor).fromArray(this.elements)}copy(t){const e=this.elements,n=t.elements;return e[0]=n[0],e[1]=n[1],e[2]=n[2],e[3]=n[3],e[4]=n[4],e[5]=n[5],e[6]=n[6],e[7]=n[7],e[8]=n[8],this}extractBasis(t,e,n){return t.setFromMatrix3Column(this,0),e.setFromMatrix3Column(this,1),n.setFromMatrix3Column(this,2),this}setFromMatrix4(t){const e=t.elements;return this.set(e[0],e[4],e[8],e[1],e[5],e[9],e[2],e[6],e[10]),this}multiply(t){return this.multiplyMatrices(this,t)}premultiply(t){return this.multiplyMatrices(t,this)}multiplyMatrices(t,e){const n=t.elements,i=e.elements,r=this.elements,o=n[0],s=n[3],a=n[6],l=n[1],c=n[4],h=n[7],u=n[2],d=n[5],p=n[8],f=i[0],m=i[3],g=i[6],v=i[1],y=i[4],A=i[7],x=i[2],_=i[5],w=i[8];return r[0]=o*f+s*v+a*x,r[3]=o*m+s*y+a*_,r[6]=o*g+s*A+a*w,r[1]=l*f+c*v+h*x,r[4]=l*m+c*y+h*_,r[7]=l*g+c*A+h*w,r[2]=u*f+d*v+p*x,r[5]=u*m+d*y+p*_,r[8]=u*g+d*A+p*w,this}multiplyScalar(t){const e=this.elements;return e[0]*=t,e[3]*=t,e[6]*=t,e[1]*=t,e[4]*=t,e[7]*=t,e[2]*=t,e[5]*=t,e[8]*=t,this}determinant(){const t=this.elements,e=t[0],n=t[1],i=t[2],r=t[3],o=t[4],s=t[5],a=t[6],l=t[7],c=t[8];return e*o*c-e*s*l-n*r*c+n*s*a+i*r*l-i*o*a}invert(){const t=this.elements,e=t[0],n=t[1],i=t[2],r=t[3],o=t[4],s=t[5],a=t[6],l=t[7],c=t[8],h=c*o-s*l,u=s*a-c*r,d=l*r-o*a,p=e*h+n*u+i*d;if(0===p)return this.set(0,0,0,0,0,0,0,0,0);const f=1/p;return t[0]=h*f,t[1]=(i*l-c*n)*f,t[2]=(s*n-i*o)*f,t[3]=u*f,t[4]=(c*e-i*a)*f,t[5]=(i*r-s*e)*f,t[6]=d*f,t[7]=(n*a-l*e)*f,t[8]=(o*e-n*r)*f,this}transpose(){let t;const e=this.elements;return t=e[1],e[1]=e[3],e[3]=t,t=e[2],e[2]=e[6],e[6]=t,t=e[5],e[5]=e[7],e[7]=t,this}getNormalMatrix(t){return this.setFromMatrix4(t).copy(this).invert().transpose()}transposeIntoArray(t){const e=this.elements;return t[0]=e[0],t[1]=e[3],t[2]=e[6],t[3]=e[1],t[4]=e[4],t[5]=e[7],t[6]=e[2],t[7]=e[5],t[8]=e[8],this}setUvTransform(t,e,n,i,r,o,s){const a=Math.cos(r),l=Math.sin(r);return this.set(n*a,n*l,-n*(a*o+l*s)+o+t,-i*l,i*a,-i*(-l*o+a*s)+s+e,0,0,1),this}scale(t,e){const n=this.elements;return n[0]*=t,n[3]*=t,n[6]*=t,n[1]*=e,n[4]*=e,n[7]*=e,this}rotate(t){const e=Math.cos(t),n=Math.sin(t),i=this.elements,r=i[0],o=i[3],s=i[6],a=i[1],l=i[4],c=i[7];return i[0]=e*r+n*a,i[3]=e*o+n*l,i[6]=e*s+n*c,i[1]=-n*r+e*a,i[4]=-n*o+e*l,i[7]=-n*s+e*c,this}translate(t,e){const n=this.elements;return n[0]+=t*n[2],n[3]+=t*n[5],n[6]+=t*n[8],n[1]+=e*n[2],n[4]+=e*n[5],n[7]+=e*n[8],this}equals(t){const e=this.elements,n=t.elements;for(let t=0;t<9;t++)if(e[t]!==n[t])return!1;return!0}fromArray(t,e=0){for(let n=0;n<9;n++)this.elements[n]=t[n+e];return this}toArray(t=[],e=0){const n=this.elements;return t[e]=n[0],t[e+1]=n[1],t[e+2]=n[2],t[e+3]=n[3],t[e+4]=n[4],t[e+5]=n[5],t[e+6]=n[6],t[e+7]=n[7],t[e+8]=n[8],t}}let K;const $={getDataURL:function(t){if(/^data:/i.test(t.src))return t.src;if("undefined"==typeof HTMLCanvasElement)return t.src;let e;if(t instanceof HTMLCanvasElement)e=t;else{void 0===K&&(K=document.createElementNS("http://www.w3.org/1999/xhtml","canvas")),K.width=t.width,K.height=t.height;const n=K.getContext("2d");t instanceof ImageData?n.putImageData(t,0,0):n.drawImage(t,0,0,t.width,t.height),e=K}return e.width>2048||e.height>2048?e.toDataURL("image/jpeg",.6):e.toDataURL("image/png")}};let tt=0;function et(t=et.DEFAULT_IMAGE,e=et.DEFAULT_MAPPING,n=1001,i=1001,r=1006,o=1008,s=1023,a=1009,l=1,c=3e3){Object.defineProperty(this,"id",{value:tt++}),this.uuid=Q.generateUUID(),this.name="",this.image=t,this.mipmaps=[],this.mapping=e,this.wrapS=n,this.wrapT=i,this.magFilter=r,this.minFilter=o,this.anisotropy=l,this.format=s,this.internalFormat=null,this.type=a,this.offset=new Z(0,0),this.repeat=new Z(1,1),this.center=new Z(0,0),this.rotation=0,this.matrixAutoUpdate=!0,this.matrix=new J,this.generateMipmaps=!0,this.premultiplyAlpha=!1,this.flipY=!0,this.unpackAlignment=4,this.encoding=c,this.version=0,this.onUpdate=null}function nt(t){return"undefined"!=typeof HTMLImageElement&&t instanceof HTMLImageElement||"undefined"!=typeof HTMLCanvasElement&&t instanceof HTMLCanvasElement||"undefined"!=typeof ImageBitmap&&t instanceof ImageBitmap?$.getDataURL(t):t.data?{data:Array.prototype.slice.call(t.data),width:t.width,height:t.height,type:t.data.constructor.name}:(console.warn("THREE.Texture: Unable to serialize Texture."),{})}et.DEFAULT_IMAGE=void 0,et.DEFAULT_MAPPING=300,et.prototype=p(Object.create(X.prototype),{constructor:et,isTexture:!0,updateMatrix:function(){this.matrix.setUvTransform(this.offset.x,this.offset.y,this.repeat.x,this.repeat.y,this.rotation,this.center.x,this.center.y)},clone:function(){return(new this.constructor).copy(this)},copy:function(t){return this.name=t.name,this.image=t.image,this.mipmaps=t.mipmaps.slice(0),this.mapping=t.mapping,this.wrapS=t.wrapS,this.wrapT=t.wrapT,this.magFilter=t.magFilter,this.minFilter=t.minFilter,this.anisotropy=t.anisotropy,this.format=t.format,this.internalFormat=t.internalFormat,this.type=t.type,this.offset.copy(t.offset),this.repeat.copy(t.repeat),this.center.copy(t.center),this.rotation=t.rotation,this.matrixAutoUpdate=t.matrixAutoUpdate,this.matrix.copy(t.matrix),this.generateMipmaps=t.generateMipmaps,this.premultiplyAlpha=t.premultiplyAlpha,this.flipY=t.flipY,this.unpackAlignment=t.unpackAlignment,this.encoding=t.encoding,this},toJSON:function(t){const e=void 0===t||"string"==typeof t;if(!e&&void 0!==t.textures[this.uuid])return t.textures[this.uuid];const n={metadata:{version:4.5,type:"Texture",generator:"Texture.toJSON"},uuid:this.uuid,name:this.name,mapping:this.mapping,repeat:[this.repeat.x,this.repeat.y],offset:[this.offset.x,this.offset.y],center:[this.center.x,this.center.y],rotation:this.rotation,wrap:[this.wrapS,this.wrapT],format:this.format,type:this.type,encoding:this.encoding,minFilter:this.minFilter,magFilter:this.magFilter,anisotropy:this.anisotropy,flipY:this.flipY,premultiplyAlpha:this.premultiplyAlpha,unpackAlignment:this.unpackAlignment};if(void 0!==this.image){const i=this.image;if(void 0===i.uuid&&(i.uuid=Q.generateUUID()),!e&&void 0===t.images[i.uuid]){let e;if(Array.isArray(i)){e=[];for(let t=0,n=i.length;t<n;t++)i[t].isDataTexture?e.push(nt(i[t].image)):e.push(nt(i[t]))}else e=nt(i);t.images[i.uuid]={uuid:i.uuid,url:e}}n.image=i.uuid}return e||(t.textures[this.uuid]=n),n},dispose:function(){this.dispatchEvent({type:"dispose"})},transformUv:function(t){if(300!==this.mapping)return t;if(t.applyMatrix3(this.matrix),t.x<0||t.x>1)switch(this.wrapS){case y:t.x=t.x-Math.floor(t.x);break;case A:t.x=t.x<0?0:1;break;case x:1===Math.abs(Math.floor(t.x)%2)?t.x=Math.ceil(t.x)-t.x:t.x=t.x-Math.floor(t.x)}if(t.y<0||t.y>1)switch(this.wrapT){case y:t.y=t.y-Math.floor(t.y);break;case A:t.y=t.y<0?0:1;break;case x:1===Math.abs(Math.floor(t.y)%2)?t.y=Math.ceil(t.y)-t.y:t.y=t.y-Math.floor(t.y)}return this.flipY&&(t.y=1-t.y),t}}),Object.defineProperty(et.prototype,"needsUpdate",{set:function(t){!0===t&&this.version++}});class it{constructor(t=0,e=0,n=0,i=1){Object.defineProperty(this,"isVector4",{value:!0}),this.x=t,this.y=e,this.z=n,this.w=i}get width(){return this.z}set width(t){this.z=t}get height(){return this.w}set height(t){this.w=t}set(t,e,n,i){return this.x=t,this.y=e,this.z=n,this.w=i,this}setScalar(t){return this.x=t,this.y=t,this.z=t,this.w=t,this}setX(t){return this.x=t,this}setY(t){return this.y=t,this}setZ(t){return this.z=t,this}setW(t){return this.w=t,this}setComponent(t,e){switch(t){case 0:this.x=e;break;case 1:this.y=e;break;case 2:this.z=e;break;case 3:this.w=e;break;default:throw new Error("index is out of range: "+t)}return this}getComponent(t){switch(t){case 0:return this.x;case 1:return this.y;case 2:return this.z;case 3:return this.w;default:throw new Error("index is out of range: "+t)}}clone(){return new this.constructor(this.x,this.y,this.z,this.w)}copy(t){return this.x=t.x,this.y=t.y,this.z=t.z,this.w=void 0!==t.w?t.w:1,this}add(t,e){return void 0!==e?(console.warn("THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(t,e)):(this.x+=t.x,this.y+=t.y,this.z+=t.z,this.w+=t.w,this)}addScalar(t){return this.x+=t,this.y+=t,this.z+=t,this.w+=t,this}addVectors(t,e){return this.x=t.x+e.x,this.y=t.y+e.y,this.z=t.z+e.z,this.w=t.w+e.w,this}addScaledVector(t,e){return this.x+=t.x*e,this.y+=t.y*e,this.z+=t.z*e,this.w+=t.w*e,this}sub(t,e){return void 0!==e?(console.warn("THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(t,e)):(this.x-=t.x,this.y-=t.y,this.z-=t.z,this.w-=t.w,this)}subScalar(t){return this.x-=t,this.y-=t,this.z-=t,this.w-=t,this}subVectors(t,e){return this.x=t.x-e.x,this.y=t.y-e.y,this.z=t.z-e.z,this.w=t.w-e.w,this}multiply(t){return this.x*=t.x,this.y*=t.y,this.z*=t.z,this.w*=t.w,this}multiplyScalar(t){return this.x*=t,this.y*=t,this.z*=t,this.w*=t,this}applyMatrix4(t){const e=this.x,n=this.y,i=this.z,r=this.w,o=t.elements;return this.x=o[0]*e+o[4]*n+o[8]*i+o[12]*r,this.y=o[1]*e+o[5]*n+o[9]*i+o[13]*r,this.z=o[2]*e+o[6]*n+o[10]*i+o[14]*r,this.w=o[3]*e+o[7]*n+o[11]*i+o[15]*r,this}divideScalar(t){return this.multiplyScalar(1/t)}setAxisAngleFromQuaternion(t){this.w=2*Math.acos(t.w);const e=Math.sqrt(1-t.w*t.w);return e<1e-4?(this.x=1,this.y=0,this.z=0):(this.x=t.x/e,this.y=t.y/e,this.z=t.z/e),this}setAxisAngleFromRotationMatrix(t){let e,n,i,r;const o=.01,s=.1,a=t.elements,l=a[0],c=a[4],h=a[8],u=a[1],d=a[5],p=a[9],f=a[2],m=a[6],g=a[10];if(Math.abs(c-u)<o&&Math.abs(h-f)<o&&Math.abs(p-m)<o){if(Math.abs(c+u)<s&&Math.abs(h+f)<s&&Math.abs(p+m)<s&&Math.abs(l+d+g-3)<s)return this.set(1,0,0,0),this;e=Math.PI;const t=(l+1)/2,a=(d+1)/2,v=(g+1)/2,y=(c+u)/4,A=(h+f)/4,x=(p+m)/4;return t>a&&t>v?t<o?(n=0,i=.707106781,r=.707106781):(n=Math.sqrt(t),i=y/n,r=A/n):a>v?a<o?(n=.707106781,i=0,r=.707106781):(i=Math.sqrt(a),n=y/i,r=x/i):v<o?(n=.707106781,i=.707106781,r=0):(r=Math.sqrt(v),n=A/r,i=x/r),this.set(n,i,r,e),this}let v=Math.sqrt((m-p)*(m-p)+(h-f)*(h-f)+(u-c)*(u-c));return Math.abs(v)<.001&&(v=1),this.x=(m-p)/v,this.y=(h-f)/v,this.z=(u-c)/v,this.w=Math.acos((l+d+g-1)/2),this}min(t){return this.x=Math.min(this.x,t.x),this.y=Math.min(this.y,t.y),this.z=Math.min(this.z,t.z),this.w=Math.min(this.w,t.w),this}max(t){return this.x=Math.max(this.x,t.x),this.y=Math.max(this.y,t.y),this.z=Math.max(this.z,t.z),this.w=Math.max(this.w,t.w),this}clamp(t,e){return this.x=Math.max(t.x,Math.min(e.x,this.x)),this.y=Math.max(t.y,Math.min(e.y,this.y)),this.z=Math.max(t.z,Math.min(e.z,this.z)),this.w=Math.max(t.w,Math.min(e.w,this.w)),this}clampScalar(t,e){return this.x=Math.max(t,Math.min(e,this.x)),this.y=Math.max(t,Math.min(e,this.y)),this.z=Math.max(t,Math.min(e,this.z)),this.w=Math.max(t,Math.min(e,this.w)),this}clampLength(t,e){const n=this.length();return this.divideScalar(n||1).multiplyScalar(Math.max(t,Math.min(e,n)))}floor(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this.z=Math.floor(this.z),this.w=Math.floor(this.w),this}ceil(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this.z=Math.ceil(this.z),this.w=Math.ceil(this.w),this}round(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this.z=Math.round(this.z),this.w=Math.round(this.w),this}roundToZero(){return this.x=this.x<0?Math.ceil(this.x):Math.floor(this.x),this.y=this.y<0?Math.ceil(this.y):Math.floor(this.y),this.z=this.z<0?Math.ceil(this.z):Math.floor(this.z),this.w=this.w<0?Math.ceil(this.w):Math.floor(this.w),this}negate(){return this.x=-this.x,this.y=-this.y,this.z=-this.z,this.w=-this.w,this}dot(t){return this.x*t.x+this.y*t.y+this.z*t.z+this.w*t.w}lengthSq(){return this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w}length(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w)}manhattanLength(){return Math.abs(this.x)+Math.abs(this.y)+Math.abs(this.z)+Math.abs(this.w)}normalize(){return this.divideScalar(this.length()||1)}setLength(t){return this.normalize().multiplyScalar(t)}lerp(t,e){return this.x+=(t.x-this.x)*e,this.y+=(t.y-this.y)*e,this.z+=(t.z-this.z)*e,this.w+=(t.w-this.w)*e,this}lerpVectors(t,e,n){return this.x=t.x+(e.x-t.x)*n,this.y=t.y+(e.y-t.y)*n,this.z=t.z+(e.z-t.z)*n,this.w=t.w+(e.w-t.w)*n,this}equals(t){return t.x===this.x&&t.y===this.y&&t.z===this.z&&t.w===this.w}fromArray(t,e=0){return this.x=t[e],this.y=t[e+1],this.z=t[e+2],this.w=t[e+3],this}toArray(t=[],e=0){return t[e]=this.x,t[e+1]=this.y,t[e+2]=this.z,t[e+3]=this.w,t}fromBufferAttribute(t,e,n){return void 0!==n&&console.warn("THREE.Vector4: offset has been removed from .fromBufferAttribute()."),this.x=t.getX(e),this.y=t.getY(e),this.z=t.getZ(e),this.w=t.getW(e),this}random(){return this.x=Math.random(),this.y=Math.random(),this.z=Math.random(),this.w=Math.random(),this}}class rt extends X{constructor(t,e,n){super(),Object.defineProperty(this,"isWebGLRenderTarget",{value:!0}),this.width=t,this.height=e,this.scissor=new it(0,0,t,e),this.scissorTest=!1,this.viewport=new it(0,0,t,e),n=n||{},this.texture=new et(void 0,n.mapping,n.wrapS,n.wrapT,n.magFilter,n.minFilter,n.format,n.type,n.anisotropy,n.encoding),this.texture.image={},this.texture.image.width=t,this.texture.image.height=e,this.texture.generateMipmaps=void 0!==n.generateMipmaps&&n.generateMipmaps,this.texture.minFilter=void 0!==n.minFilter?n.minFilter:w,this.depthBuffer=void 0===n.depthBuffer||n.depthBuffer,this.stencilBuffer=void 0!==n.stencilBuffer&&n.stencilBuffer,this.depthTexture=void 0!==n.depthTexture?n.depthTexture:null}setSize(t,e){this.width===t&&this.height===e||(this.width=t,this.height=e,this.texture.image.width=t,this.texture.image.height=e,this.dispose()),this.viewport.set(0,0,t,e),this.scissor.set(0,0,t,e)}clone(){return(new this.constructor).copy(this)}copy(t){return this.width=t.width,this.height=t.height,this.viewport.copy(t.viewport),this.texture=t.texture.clone(),this.depthBuffer=t.depthBuffer,this.stencilBuffer=t.stencilBuffer,this.depthTexture=t.depthTexture,this}dispose(){this.dispatchEvent({type:"dispose"})}}class ot{constructor(t=0,e=0,n=0,i=1){Object.defineProperty(this,"isQuaternion",{value:!0}),this._x=t,this._y=e,this._z=n,this._w=i}static slerp(t,e,n,i){return n.copy(t).slerp(e,i)}static slerpFlat(t,e,n,i,r,o,s){let a=n[i+0],l=n[i+1],c=n[i+2],h=n[i+3];const u=r[o+0],d=r[o+1],p=r[o+2],f=r[o+3];if(h!==f||a!==u||l!==d||c!==p){let t=1-s;const e=a*u+l*d+c*p+h*f,n=e>=0?1:-1,i=1-e*e;if(i>Number.EPSILON){const r=Math.sqrt(i),o=Math.atan2(r,e*n);t=Math.sin(t*o)/r,s=Math.sin(s*o)/r}const r=s*n;if(a=a*t+u*r,l=l*t+d*r,c=c*t+p*r,h=h*t+f*r,t===1-s){const t=1/Math.sqrt(a*a+l*l+c*c+h*h);a*=t,l*=t,c*=t,h*=t}}t[e]=a,t[e+1]=l,t[e+2]=c,t[e+3]=h}static multiplyQuaternionsFlat(t,e,n,i,r,o){const s=n[i],a=n[i+1],l=n[i+2],c=n[i+3],h=r[o],u=r[o+1],d=r[o+2],p=r[o+3];return t[e]=s*p+c*h+a*d-l*u,t[e+1]=a*p+c*u+l*h-s*d,t[e+2]=l*p+c*d+s*u-a*h,t[e+3]=c*p-s*h-a*u-l*d,t}get x(){return this._x}set x(t){this._x=t,this._onChangeCallback()}get y(){return this._y}set y(t){this._y=t,this._onChangeCallback()}get z(){return this._z}set z(t){this._z=t,this._onChangeCallback()}get w(){return this._w}set w(t){this._w=t,this._onChangeCallback()}set(t,e,n,i){return this._x=t,this._y=e,this._z=n,this._w=i,this._onChangeCallback(),this}clone(){return new this.constructor(this._x,this._y,this._z,this._w)}copy(t){return this._x=t.x,this._y=t.y,this._z=t.z,this._w=t.w,this._onChangeCallback(),this}setFromEuler(t,e){if(!t||!t.isEuler)throw new Error("THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.");const n=t._x,i=t._y,r=t._z,o=t._order,s=Math.cos,a=Math.sin,l=s(n/2),c=s(i/2),h=s(r/2),u=a(n/2),d=a(i/2),p=a(r/2);switch(o){case"XYZ":this._x=u*c*h+l*d*p,this._y=l*d*h-u*c*p,this._z=l*c*p+u*d*h,this._w=l*c*h-u*d*p;break;case"YXZ":this._x=u*c*h+l*d*p,this._y=l*d*h-u*c*p,this._z=l*c*p-u*d*h,this._w=l*c*h+u*d*p;break;case"ZXY":this._x=u*c*h-l*d*p,this._y=l*d*h+u*c*p,this._z=l*c*p+u*d*h,this._w=l*c*h-u*d*p;break;case"ZYX":this._x=u*c*h-l*d*p,this._y=l*d*h+u*c*p,this._z=l*c*p-u*d*h,this._w=l*c*h+u*d*p;break;case"YZX":this._x=u*c*h+l*d*p,this._y=l*d*h+u*c*p,this._z=l*c*p-u*d*h,this._w=l*c*h-u*d*p;break;case"XZY":this._x=u*c*h-l*d*p,this._y=l*d*h-u*c*p,this._z=l*c*p+u*d*h,this._w=l*c*h+u*d*p;break;default:console.warn("THREE.Quaternion: .setFromEuler() encountered an unknown order: "+o)}return!1!==e&&this._onChangeCallback(),this}setFromAxisAngle(t,e){const n=e/2,i=Math.sin(n);return this._x=t.x*i,this._y=t.y*i,this._z=t.z*i,this._w=Math.cos(n),this._onChangeCallback(),this}setFromRotationMatrix(t){const e=t.elements,n=e[0],i=e[4],r=e[8],o=e[1],s=e[5],a=e[9],l=e[2],c=e[6],h=e[10],u=n+s+h;if(u>0){const t=.5/Math.sqrt(u+1);this._w=.25/t,this._x=(c-a)*t,this._y=(r-l)*t,this._z=(o-i)*t}else if(n>s&&n>h){const t=2*Math.sqrt(1+n-s-h);this._w=(c-a)/t,this._x=.25*t,this._y=(i+o)/t,this._z=(r+l)/t}else if(s>h){const t=2*Math.sqrt(1+s-n-h);this._w=(r-l)/t,this._x=(i+o)/t,this._y=.25*t,this._z=(a+c)/t}else{const t=2*Math.sqrt(1+h-n-s);this._w=(o-i)/t,this._x=(r+l)/t,this._y=(a+c)/t,this._z=.25*t}return this._onChangeCallback(),this}setFromUnitVectors(t,e){let n=t.dot(e)+1;return n<1e-6?(n=0,Math.abs(t.x)>Math.abs(t.z)?(this._x=-t.y,this._y=t.x,this._z=0,this._w=n):(this._x=0,this._y=-t.z,this._z=t.y,this._w=n)):(this._x=t.y*e.z-t.z*e.y,this._y=t.z*e.x-t.x*e.z,this._z=t.x*e.y-t.y*e.x,this._w=n),this.normalize()}angleTo(t){return 2*Math.acos(Math.abs(Q.clamp(this.dot(t),-1,1)))}rotateTowards(t,e){const n=this.angleTo(t);if(0===n)return this;const i=Math.min(1,e/n);return this.slerp(t,i),this}identity(){return this.set(0,0,0,1)}invert(){return this.conjugate()}conjugate(){return this._x*=-1,this._y*=-1,this._z*=-1,this._onChangeCallback(),this}dot(t){return this._x*t._x+this._y*t._y+this._z*t._z+this._w*t._w}lengthSq(){return this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w}length(){return Math.sqrt(this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w)}normalize(){let t=this.length();return 0===t?(this._x=0,this._y=0,this._z=0,this._w=1):(t=1/t,this._x=this._x*t,this._y=this._y*t,this._z=this._z*t,this._w=this._w*t),this._onChangeCallback(),this}multiply(t,e){return void 0!==e?(console.warn("THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead."),this.multiplyQuaternions(t,e)):this.multiplyQuaternions(this,t)}premultiply(t){return this.multiplyQuaternions(t,this)}multiplyQuaternions(t,e){const n=t._x,i=t._y,r=t._z,o=t._w,s=e._x,a=e._y,l=e._z,c=e._w;return this._x=n*c+o*s+i*l-r*a,this._y=i*c+o*a+r*s-n*l,this._z=r*c+o*l+n*a-i*s,this._w=o*c-n*s-i*a-r*l,this._onChangeCallback(),this}slerp(t,e){if(0===e)return this;if(1===e)return this.copy(t);const n=this._x,i=this._y,r=this._z,o=this._w;let s=o*t._w+n*t._x+i*t._y+r*t._z;if(s<0?(this._w=-t._w,this._x=-t._x,this._y=-t._y,this._z=-t._z,s=-s):this.copy(t),s>=1)return this._w=o,this._x=n,this._y=i,this._z=r,this;const a=1-s*s;if(a<=Number.EPSILON){const t=1-e;return this._w=t*o+e*this._w,this._x=t*n+e*this._x,this._y=t*i+e*this._y,this._z=t*r+e*this._z,this.normalize(),this._onChangeCallback(),this}const l=Math.sqrt(a),c=Math.atan2(l,s),h=Math.sin((1-e)*c)/l,u=Math.sin(e*c)/l;return this._w=o*h+this._w*u,this._x=n*h+this._x*u,this._y=i*h+this._y*u,this._z=r*h+this._z*u,this._onChangeCallback(),this}equals(t){return t._x===this._x&&t._y===this._y&&t._z===this._z&&t._w===this._w}fromArray(t,e=0){return this._x=t[e],this._y=t[e+1],this._z=t[e+2],this._w=t[e+3],this._onChangeCallback(),this}toArray(t=[],e=0){return t[e]=this._x,t[e+1]=this._y,t[e+2]=this._z,t[e+3]=this._w,t}fromBufferAttribute(t,e){return this._x=t.getX(e),this._y=t.getY(e),this._z=t.getZ(e),this._w=t.getW(e),this}_onChange(t){return this._onChangeCallback=t,this}_onChangeCallback(){}}class st{constructor(t=0,e=0,n=0){Object.defineProperty(this,"isVector3",{value:!0}),this.x=t,this.y=e,this.z=n}set(t,e,n){return void 0===n&&(n=this.z),this.x=t,this.y=e,this.z=n,this}setScalar(t){return this.x=t,this.y=t,this.z=t,this}setX(t){return this.x=t,this}setY(t){return this.y=t,this}setZ(t){return this.z=t,this}setComponent(t,e){switch(t){case 0:this.x=e;break;case 1:this.y=e;break;case 2:this.z=e;break;default:throw new Error("index is out of range: "+t)}return this}getComponent(t){switch(t){case 0:return this.x;case 1:return this.y;case 2:return this.z;default:throw new Error("index is out of range: "+t)}}clone(){return new this.constructor(this.x,this.y,this.z)}copy(t){return this.x=t.x,this.y=t.y,this.z=t.z,this}add(t,e){return void 0!==e?(console.warn("THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(t,e)):(this.x+=t.x,this.y+=t.y,this.z+=t.z,this)}addScalar(t){return this.x+=t,this.y+=t,this.z+=t,this}addVectors(t,e){return this.x=t.x+e.x,this.y=t.y+e.y,this.z=t.z+e.z,this}addScaledVector(t,e){return this.x+=t.x*e,this.y+=t.y*e,this.z+=t.z*e,this}sub(t,e){return void 0!==e?(console.warn("THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(t,e)):(this.x-=t.x,this.y-=t.y,this.z-=t.z,this)}subScalar(t){return this.x-=t,this.y-=t,this.z-=t,this}subVectors(t,e){return this.x=t.x-e.x,this.y=t.y-e.y,this.z=t.z-e.z,this}multiply(t,e){return void 0!==e?(console.warn("THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead."),this.multiplyVectors(t,e)):(this.x*=t.x,this.y*=t.y,this.z*=t.z,this)}multiplyScalar(t){return this.x*=t,this.y*=t,this.z*=t,this}multiplyVectors(t,e){return this.x=t.x*e.x,this.y=t.y*e.y,this.z=t.z*e.z,this}applyEuler(t){return t&&t.isEuler||console.error("THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order."),this.applyQuaternion(lt.setFromEuler(t))}applyAxisAngle(t,e){return this.applyQuaternion(lt.setFromAxisAngle(t,e))}applyMatrix3(t){const e=this.x,n=this.y,i=this.z,r=t.elements;return this.x=r[0]*e+r[3]*n+r[6]*i,this.y=r[1]*e+r[4]*n+r[7]*i,this.z=r[2]*e+r[5]*n+r[8]*i,this}applyNormalMatrix(t){return this.applyMatrix3(t).normalize()}applyMatrix4(t){const e=this.x,n=this.y,i=this.z,r=t.elements,o=1/(r[3]*e+r[7]*n+r[11]*i+r[15]);return this.x=(r[0]*e+r[4]*n+r[8]*i+r[12])*o,this.y=(r[1]*e+r[5]*n+r[9]*i+r[13])*o,this.z=(r[2]*e+r[6]*n+r[10]*i+r[14])*o,this}applyQuaternion(t){const e=this.x,n=this.y,i=this.z,r=t.x,o=t.y,s=t.z,a=t.w,l=a*e+o*i-s*n,c=a*n+s*e-r*i,h=a*i+r*n-o*e,u=-r*e-o*n-s*i;return this.x=l*a+u*-r+c*-s-h*-o,this.y=c*a+u*-o+h*-r-l*-s,this.z=h*a+u*-s+l*-o-c*-r,this}project(t){return this.applyMatrix4(t.matrixWorldInverse).applyMatrix4(t.projectionMatrix)}unproject(t){return this.applyMatrix4(t.projectionMatrixInverse).applyMatrix4(t.matrixWorld)}transformDirection(t){const e=this.x,n=this.y,i=this.z,r=t.elements;return this.x=r[0]*e+r[4]*n+r[8]*i,this.y=r[1]*e+r[5]*n+r[9]*i,this.z=r[2]*e+r[6]*n+r[10]*i,this.normalize()}divide(t){return this.x/=t.x,this.y/=t.y,this.z/=t.z,this}divideScalar(t){return this.multiplyScalar(1/t)}min(t){return this.x=Math.min(this.x,t.x),this.y=Math.min(this.y,t.y),this.z=Math.min(this.z,t.z),this}max(t){return this.x=Math.max(this.x,t.x),this.y=Math.max(this.y,t.y),this.z=Math.max(this.z,t.z),this}clamp(t,e){return this.x=Math.max(t.x,Math.min(e.x,this.x)),this.y=Math.max(t.y,Math.min(e.y,this.y)),this.z=Math.max(t.z,Math.min(e.z,this.z)),this}clampScalar(t,e){return this.x=Math.max(t,Math.min(e,this.x)),this.y=Math.max(t,Math.min(e,this.y)),this.z=Math.max(t,Math.min(e,this.z)),this}clampLength(t,e){const n=this.length();return this.divideScalar(n||1).multiplyScalar(Math.max(t,Math.min(e,n)))}floor(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this.z=Math.floor(this.z),this}ceil(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this.z=Math.ceil(this.z),this}round(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this.z=Math.round(this.z),this}roundToZero(){return this.x=this.x<0?Math.ceil(this.x):Math.floor(this.x),this.y=this.y<0?Math.ceil(this.y):Math.floor(this.y),this.z=this.z<0?Math.ceil(this.z):Math.floor(this.z),this}negate(){return this.x=-this.x,this.y=-this.y,this.z=-this.z,this}dot(t){return this.x*t.x+this.y*t.y+this.z*t.z}lengthSq(){return this.x*this.x+this.y*this.y+this.z*this.z}length(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)}manhattanLength(){return Math.abs(this.x)+Math.abs(this.y)+Math.abs(this.z)}normalize(){return this.divideScalar(this.length()||1)}setLength(t){return this.normalize().multiplyScalar(t)}lerp(t,e){return this.x+=(t.x-this.x)*e,this.y+=(t.y-this.y)*e,this.z+=(t.z-this.z)*e,this}lerpVectors(t,e,n){return this.x=t.x+(e.x-t.x)*n,this.y=t.y+(e.y-t.y)*n,this.z=t.z+(e.z-t.z)*n,this}cross(t,e){return void 0!==e?(console.warn("THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead."),this.crossVectors(t,e)):this.crossVectors(this,t)}crossVectors(t,e){const n=t.x,i=t.y,r=t.z,o=e.x,s=e.y,a=e.z;return this.x=i*a-r*s,this.y=r*o-n*a,this.z=n*s-i*o,this}projectOnVector(t){const e=t.lengthSq();if(0===e)return this.set(0,0,0);const n=t.dot(this)/e;return this.copy(t).multiplyScalar(n)}projectOnPlane(t){return at.copy(this).projectOnVector(t),this.sub(at)}reflect(t){return this.sub(at.copy(t).multiplyScalar(2*this.dot(t)))}angleTo(t){const e=Math.sqrt(this.lengthSq()*t.lengthSq());if(0===e)return Math.PI/2;const n=this.dot(t)/e;return Math.acos(Q.clamp(n,-1,1))}distanceTo(t){return Math.sqrt(this.distanceToSquared(t))}distanceToSquared(t){const e=this.x-t.x,n=this.y-t.y,i=this.z-t.z;return e*e+n*n+i*i}manhattanDistanceTo(t){return Math.abs(this.x-t.x)+Math.abs(this.y-t.y)+Math.abs(this.z-t.z)}setFromSpherical(t){return this.setFromSphericalCoords(t.radius,t.phi,t.theta)}setFromSphericalCoords(t,e,n){const i=Math.sin(e)*t;return this.x=i*Math.sin(n),this.y=Math.cos(e)*t,this.z=i*Math.cos(n),this}setFromCylindrical(t){return this.setFromCylindricalCoords(t.radius,t.theta,t.y)}setFromCylindricalCoords(t,e,n){return this.x=t*Math.sin(e),this.y=n,this.z=t*Math.cos(e),this}setFromMatrixPosition(t){const e=t.elements;return this.x=e[12],this.y=e[13],this.z=e[14],this}setFromMatrixScale(t){const e=this.setFromMatrixColumn(t,0).length(),n=this.setFromMatrixColumn(t,1).length(),i=this.setFromMatrixColumn(t,2).length();return this.x=e,this.y=n,this.z=i,this}setFromMatrixColumn(t,e){return this.fromArray(t.elements,4*e)}setFromMatrix3Column(t,e){return this.fromArray(t.elements,3*e)}equals(t){return t.x===this.x&&t.y===this.y&&t.z===this.z}fromArray(t,e=0){return this.x=t[e],this.y=t[e+1],this.z=t[e+2],this}toArray(t=[],e=0){return t[e]=this.x,t[e+1]=this.y,t[e+2]=this.z,t}fromBufferAttribute(t,e,n){return void 0!==n&&console.warn("THREE.Vector3: offset has been removed from .fromBufferAttribute()."),this.x=t.getX(e),this.y=t.getY(e),this.z=t.getZ(e),this}random(){return this.x=Math.random(),this.y=Math.random(),this.z=Math.random(),this}}const at=new st,lt=new ot;class ct{constructor(t,e){Object.defineProperty(this,"isBox3",{value:!0}),this.min=void 0!==t?t:new st(1/0,1/0,1/0),this.max=void 0!==e?e:new st(-1/0,-1/0,-1/0)}set(t,e){return this.min.copy(t),this.max.copy(e),this}setFromArray(t){let e=1/0,n=1/0,i=1/0,r=-1/0,o=-1/0,s=-1/0;for(let a=0,l=t.length;a<l;a+=3){const l=t[a],c=t[a+1],h=t[a+2];l<e&&(e=l),c<n&&(n=c),h<i&&(i=h),l>r&&(r=l),c>o&&(o=c),h>s&&(s=h)}return this.min.set(e,n,i),this.max.set(r,o,s),this}setFromBufferAttribute(t){let e=1/0,n=1/0,i=1/0,r=-1/0,o=-1/0,s=-1/0;for(let a=0,l=t.count;a<l;a++){const l=t.getX(a),c=t.getY(a),h=t.getZ(a);l<e&&(e=l),c<n&&(n=c),h<i&&(i=h),l>r&&(r=l),c>o&&(o=c),h>s&&(s=h)}return this.min.set(e,n,i),this.max.set(r,o,s),this}setFromPoints(t){this.makeEmpty();for(let e=0,n=t.length;e<n;e++)this.expandByPoint(t[e]);return this}setFromCenterAndSize(t,e){const n=dt.copy(e).multiplyScalar(.5);return this.min.copy(t).sub(n),this.max.copy(t).add(n),this}setFromObject(t){return this.makeEmpty(),this.expandByObject(t)}clone(){return(new this.constructor).copy(this)}copy(t){return this.min.copy(t.min),this.max.copy(t.max),this}makeEmpty(){return this.min.x=this.min.y=this.min.z=1/0,this.max.x=this.max.y=this.max.z=-1/0,this}isEmpty(){return this.max.x<this.min.x||this.max.y<this.min.y||this.max.z<this.min.z}getCenter(t){return void 0===t&&(console.warn("THREE.Box3: .getCenter() target is now required"),t=new st),this.isEmpty()?t.set(0,0,0):t.addVectors(this.min,this.max).multiplyScalar(.5)}getSize(t){return void 0===t&&(console.warn("THREE.Box3: .getSize() target is now required"),t=new st),this.isEmpty()?t.set(0,0,0):t.subVectors(this.max,this.min)}expandByPoint(t){return this.min.min(t),this.max.max(t),this}expandByVector(t){return this.min.sub(t),this.max.add(t),this}expandByScalar(t){return this.min.addScalar(-t),this.max.addScalar(t),this}expandByObject(t){t.updateWorldMatrix(!1,!1);const e=t.geometry;void 0!==e&&(null===e.boundingBox&&e.computeBoundingBox(),pt.copy(e.boundingBox),pt.applyMatrix4(t.matrixWorld),this.union(pt));const n=t.children;for(let t=0,e=n.length;t<e;t++)this.expandByObject(n[t]);return this}containsPoint(t){return!(t.x<this.min.x||t.x>this.max.x||t.y<this.min.y||t.y>this.max.y||t.z<this.min.z||t.z>this.max.z)}containsBox(t){return this.min.x<=t.min.x&&t.max.x<=this.max.x&&this.min.y<=t.min.y&&t.max.y<=this.max.y&&this.min.z<=t.min.z&&t.max.z<=this.max.z}getParameter(t,e){return void 0===e&&(console.warn("THREE.Box3: .getParameter() target is now required"),e=new st),e.set((t.x-this.min.x)/(this.max.x-this.min.x),(t.y-this.min.y)/(this.max.y-this.min.y),(t.z-this.min.z)/(this.max.z-this.min.z))}intersectsBox(t){return!(t.max.x<this.min.x||t.min.x>this.max.x||t.max.y<this.min.y||t.min.y>this.max.y||t.max.z<this.min.z||t.min.z>this.max.z)}intersectsSphere(t){return this.clampPoint(t.center,dt),dt.distanceToSquared(t.center)<=t.radius*t.radius}intersectsPlane(t){let e,n;return t.normal.x>0?(e=t.normal.x*this.min.x,n=t.normal.x*this.max.x):(e=t.normal.x*this.max.x,n=t.normal.x*this.min.x),t.normal.y>0?(e+=t.normal.y*this.min.y,n+=t.normal.y*this.max.y):(e+=t.normal.y*this.max.y,n+=t.normal.y*this.min.y),t.normal.z>0?(e+=t.normal.z*this.min.z,n+=t.normal.z*this.max.z):(e+=t.normal.z*this.max.z,n+=t.normal.z*this.min.z),e<=-t.constant&&n>=-t.constant}intersectsTriangle(t){if(this.isEmpty())return!1;this.getCenter(xt),_t.subVectors(this.max,xt),ft.subVectors(t.a,xt),mt.subVectors(t.b,xt),gt.subVectors(t.c,xt),vt.subVectors(mt,ft),yt.subVectors(gt,mt),At.subVectors(ft,gt);let e=[0,-vt.z,vt.y,0,-yt.z,yt.y,0,-At.z,At.y,vt.z,0,-vt.x,yt.z,0,-yt.x,At.z,0,-At.x,-vt.y,vt.x,0,-yt.y,yt.x,0,-At.y,At.x,0];return!!ht(e,ft,mt,gt,_t)&&(e=[1,0,0,0,1,0,0,0,1],!!ht(e,ft,mt,gt,_t)&&(wt.crossVectors(vt,yt),e=[wt.x,wt.y,wt.z],ht(e,ft,mt,gt,_t)))}clampPoint(t,e){return void 0===e&&(console.warn("THREE.Box3: .clampPoint() target is now required"),e=new st),e.copy(t).clamp(this.min,this.max)}distanceToPoint(t){return dt.copy(t).clamp(this.min,this.max).sub(t).length()}getBoundingSphere(t){return void 0===t&&console.error("THREE.Box3: .getBoundingSphere() target is now required"),this.getCenter(t.center),t.radius=.5*this.getSize(dt).length(),t}intersect(t){return this.min.max(t.min),this.max.min(t.max),this.isEmpty()&&this.makeEmpty(),this}union(t){return this.min.min(t.min),this.max.max(t.max),this}applyMatrix4(t){return this.isEmpty()||(ut[0].set(this.min.x,this.min.y,this.min.z).applyMatrix4(t),ut[1].set(this.min.x,this.min.y,this.max.z).applyMatrix4(t),ut[2].set(this.min.x,this.max.y,this.min.z).applyMatrix4(t),ut[3].set(this.min.x,this.max.y,this.max.z).applyMatrix4(t),ut[4].set(this.max.x,this.min.y,this.min.z).applyMatrix4(t),ut[5].set(this.max.x,this.min.y,this.max.z).applyMatrix4(t),ut[6].set(this.max.x,this.max.y,this.min.z).applyMatrix4(t),ut[7].set(this.max.x,this.max.y,this.max.z).applyMatrix4(t),this.setFromPoints(ut)),this}translate(t){return this.min.add(t),this.max.add(t),this}equals(t){return t.min.equals(this.min)&&t.max.equals(this.max)}}function ht(t,e,n,i,r){for(let o=0,s=t.length-3;o<=s;o+=3){bt.fromArray(t,o);const s=r.x*Math.abs(bt.x)+r.y*Math.abs(bt.y)+r.z*Math.abs(bt.z),a=e.dot(bt),l=n.dot(bt),c=i.dot(bt);if(Math.max(-Math.max(a,l,c),Math.min(a,l,c))>s)return!1}return!0}const ut=[new st,new st,new st,new st,new st,new st,new st,new st],dt=new st,pt=new ct,ft=new st,mt=new st,gt=new st,vt=new st,yt=new st,At=new st,xt=new st,_t=new st,wt=new st,bt=new st,Mt=new ct;class Et{constructor(t,e){this.center=void 0!==t?t:new st,this.radius=void 0!==e?e:-1}set(t,e){return this.center.copy(t),this.radius=e,this}setFromPoints(t,e){const n=this.center;void 0!==e?n.copy(e):Mt.setFromPoints(t).getCenter(n);let i=0;for(let e=0,r=t.length;e<r;e++)i=Math.max(i,n.distanceToSquared(t[e]));return this.radius=Math.sqrt(i),this}clone(){return(new this.constructor).copy(this)}copy(t){return this.center.copy(t.center),this.radius=t.radius,this}isEmpty(){return this.radius<0}makeEmpty(){return this.center.set(0,0,0),this.radius=-1,this}containsPoint(t){return t.distanceToSquared(this.center)<=this.radius*this.radius}distanceToPoint(t){return t.distanceTo(this.center)-this.radius}intersectsSphere(t){const e=this.radius+t.radius;return t.center.distanceToSquared(this.center)<=e*e}intersectsBox(t){return t.intersectsSphere(this)}intersectsPlane(t){return Math.abs(t.distanceToPoint(this.center))<=this.radius}clampPoint(t,e){const n=this.center.distanceToSquared(t);return void 0===e&&(console.warn("THREE.Sphere: .clampPoint() target is now required"),e=new st),e.copy(t),n>this.radius*this.radius&&(e.sub(this.center).normalize(),e.multiplyScalar(this.radius).add(this.center)),e}getBoundingBox(t){return void 0===t&&(console.warn("THREE.Sphere: .getBoundingBox() target is now required"),t=new ct),this.isEmpty()?(t.makeEmpty(),t):(t.set(this.center,this.center),t.expandByScalar(this.radius),t)}applyMatrix4(t){return this.center.applyMatrix4(t),this.radius=this.radius*t.getMaxScaleOnAxis(),this}translate(t){return this.center.add(t),this}equals(t){return t.center.equals(this.center)&&t.radius===this.radius}}const St=new st,Tt=new st,Lt=new st,Rt=new st,Ct=new st,Pt=new st,Dt=new st;class It{constructor(t,e){this.origin=void 0!==t?t:new st,this.direction=void 0!==e?e:new st(0,0,-1)}set(t,e){return this.origin.copy(t),this.direction.copy(e),this}clone(){return(new this.constructor).copy(this)}copy(t){return this.origin.copy(t.origin),this.direction.copy(t.direction),this}at(t,e){return void 0===e&&(console.warn("THREE.Ray: .at() target is now required"),e=new st),e.copy(this.direction).multiplyScalar(t).add(this.origin)}lookAt(t){return this.direction.copy(t).sub(this.origin).normalize(),this}recast(t){return this.origin.copy(this.at(t,St)),this}closestPointToPoint(t,e){void 0===e&&(console.warn("THREE.Ray: .closestPointToPoint() target is now required"),e=new st),e.subVectors(t,this.origin);const n=e.dot(this.direction);return n<0?e.copy(this.origin):e.copy(this.direction).multiplyScalar(n).add(this.origin)}distanceToPoint(t){return Math.sqrt(this.distanceSqToPoint(t))}distanceSqToPoint(t){const e=St.subVectors(t,this.origin).dot(this.direction);return e<0?this.origin.distanceToSquared(t):(St.copy(this.direction).multiplyScalar(e).add(this.origin),St.distanceToSquared(t))}distanceSqToSegment(t,e,n,i){Tt.copy(t).add(e).multiplyScalar(.5),Lt.copy(e).sub(t).normalize(),Rt.copy(this.origin).sub(Tt);const r=.5*t.distanceTo(e),o=-this.direction.dot(Lt),s=Rt.dot(this.direction),a=-Rt.dot(Lt),l=Rt.lengthSq(),c=Math.abs(1-o*o);let h,u,d,p;if(c>0)if(h=o*a-s,u=o*s-a,p=r*c,h>=0)if(u>=-p)if(u<=p){const t=1/c;h*=t,u*=t,d=h*(h+o*u+2*s)+u*(o*h+u+2*a)+l}else u=r,h=Math.max(0,-(o*u+s)),d=-h*h+u*(u+2*a)+l;else u=-r,h=Math.max(0,-(o*u+s)),d=-h*h+u*(u+2*a)+l;else u<=-p?(h=Math.max(0,-(-o*r+s)),u=h>0?-r:Math.min(Math.max(-r,-a),r),d=-h*h+u*(u+2*a)+l):u<=p?(h=0,u=Math.min(Math.max(-r,-a),r),d=u*(u+2*a)+l):(h=Math.max(0,-(o*r+s)),u=h>0?r:Math.min(Math.max(-r,-a),r),d=-h*h+u*(u+2*a)+l);else u=o>0?-r:r,h=Math.max(0,-(o*u+s)),d=-h*h+u*(u+2*a)+l;return n&&n.copy(this.direction).multiplyScalar(h).add(this.origin),i&&i.copy(Lt).multiplyScalar(u).add(Tt),d}intersectSphere(t,e){St.subVectors(t.center,this.origin);const n=St.dot(this.direction),i=St.dot(St)-n*n,r=t.radius*t.radius;if(i>r)return null;const o=Math.sqrt(r-i),s=n-o,a=n+o;return s<0&&a<0?null:s<0?this.at(a,e):this.at(s,e)}intersectsSphere(t){return this.distanceSqToPoint(t.center)<=t.radius*t.radius}distanceToPlane(t){const e=t.normal.dot(this.direction);if(0===e)return 0===t.distanceToPoint(this.origin)?0:null;const n=-(this.origin.dot(t.normal)+t.constant)/e;return n>=0?n:null}intersectPlane(t,e){const n=this.distanceToPlane(t);return null===n?null:this.at(n,e)}intersectsPlane(t){const e=t.distanceToPoint(this.origin);if(0===e)return!0;return t.normal.dot(this.direction)*e<0}intersectBox(t,e){let n,i,r,o,s,a;const l=1/this.direction.x,c=1/this.direction.y,h=1/this.direction.z,u=this.origin;return l>=0?(n=(t.min.x-u.x)*l,i=(t.max.x-u.x)*l):(n=(t.max.x-u.x)*l,i=(t.min.x-u.x)*l),c>=0?(r=(t.min.y-u.y)*c,o=(t.max.y-u.y)*c):(r=(t.max.y-u.y)*c,o=(t.min.y-u.y)*c),n>o||r>i?null:((r>n||n!=n)&&(n=r),(o<i||i!=i)&&(i=o),h>=0?(s=(t.min.z-u.z)*h,a=(t.max.z-u.z)*h):(s=(t.max.z-u.z)*h,a=(t.min.z-u.z)*h),n>a||s>i?null:((s>n||n!=n)&&(n=s),(a<i||i!=i)&&(i=a),i<0?null:this.at(n>=0?n:i,e)))}intersectsBox(t){return null!==this.intersectBox(t,St)}intersectTriangle(t,e,n,i,r){Ct.subVectors(e,t),Pt.subVectors(n,t),Dt.crossVectors(Ct,Pt);let o,s=this.direction.dot(Dt);if(s>0){if(i)return null;o=1}else{if(!(s<0))return null;o=-1,s=-s}Rt.subVectors(this.origin,t);const a=o*this.direction.dot(Pt.crossVectors(Rt,Pt));if(a<0)return null;const l=o*this.direction.dot(Ct.cross(Rt));if(l<0)return null;if(a+l>s)return null;const c=-o*Rt.dot(Dt);return c<0?null:this.at(c/s,r)}applyMatrix4(t){return this.origin.applyMatrix4(t),this.direction.transformDirection(t),this}equals(t){return t.origin.equals(this.origin)&&t.direction.equals(this.direction)}}class Nt{constructor(){Object.defineProperty(this,"isMatrix4",{value:!0}),this.elements=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],arguments.length>0&&console.error("THREE.Matrix4: the constructor no longer reads arguments. use .set() instead.")}set(t,e,n,i,r,o,s,a,l,c,h,u,d,p,f,m){const g=this.elements;return g[0]=t,g[4]=e,g[8]=n,g[12]=i,g[1]=r,g[5]=o,g[9]=s,g[13]=a,g[2]=l,g[6]=c,g[10]=h,g[14]=u,g[3]=d,g[7]=p,g[11]=f,g[15]=m,this}identity(){return this.set(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1),this}clone(){return(new Nt).fromArray(this.elements)}copy(t){const e=this.elements,n=t.elements;return e[0]=n[0],e[1]=n[1],e[2]=n[2],e[3]=n[3],e[4]=n[4],e[5]=n[5],e[6]=n[6],e[7]=n[7],e[8]=n[8],e[9]=n[9],e[10]=n[10],e[11]=n[11],e[12]=n[12],e[13]=n[13],e[14]=n[14],e[15]=n[15],this}copyPosition(t){const e=this.elements,n=t.elements;return e[12]=n[12],e[13]=n[13],e[14]=n[14],this}setFromMatrix3(t){const e=t.elements;return this.set(e[0],e[3],e[6],0,e[1],e[4],e[7],0,e[2],e[5],e[8],0,0,0,0,1),this}extractBasis(t,e,n){return t.setFromMatrixColumn(this,0),e.setFromMatrixColumn(this,1),n.setFromMatrixColumn(this,2),this}makeBasis(t,e,n){return this.set(t.x,e.x,n.x,0,t.y,e.y,n.y,0,t.z,e.z,n.z,0,0,0,0,1),this}extractRotation(t){const e=this.elements,n=t.elements,i=1/Ot.setFromMatrixColumn(t,0).length(),r=1/Ot.setFromMatrixColumn(t,1).length(),o=1/Ot.setFromMatrixColumn(t,2).length();return e[0]=n[0]*i,e[1]=n[1]*i,e[2]=n[2]*i,e[3]=0,e[4]=n[4]*r,e[5]=n[5]*r,e[6]=n[6]*r,e[7]=0,e[8]=n[8]*o,e[9]=n[9]*o,e[10]=n[10]*o,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,this}makeRotationFromEuler(t){t&&t.isEuler||console.error("THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order.");const e=this.elements,n=t.x,i=t.y,r=t.z,o=Math.cos(n),s=Math.sin(n),a=Math.cos(i),l=Math.sin(i),c=Math.cos(r),h=Math.sin(r);if("XYZ"===t.order){const t=o*c,n=o*h,i=s*c,r=s*h;e[0]=a*c,e[4]=-a*h,e[8]=l,e[1]=n+i*l,e[5]=t-r*l,e[9]=-s*a,e[2]=r-t*l,e[6]=i+n*l,e[10]=o*a}else if("YXZ"===t.order){const t=a*c,n=a*h,i=l*c,r=l*h;e[0]=t+r*s,e[4]=i*s-n,e[8]=o*l,e[1]=o*h,e[5]=o*c,e[9]=-s,e[2]=n*s-i,e[6]=r+t*s,e[10]=o*a}else if("ZXY"===t.order){const t=a*c,n=a*h,i=l*c,r=l*h;e[0]=t-r*s,e[4]=-o*h,e[8]=i+n*s,e[1]=n+i*s,e[5]=o*c,e[9]=r-t*s,e[2]=-o*l,e[6]=s,e[10]=o*a}else if("ZYX"===t.order){const t=o*c,n=o*h,i=s*c,r=s*h;e[0]=a*c,e[4]=i*l-n,e[8]=t*l+r,e[1]=a*h,e[5]=r*l+t,e[9]=n*l-i,e[2]=-l,e[6]=s*a,e[10]=o*a}else if("YZX"===t.order){const t=o*a,n=o*l,i=s*a,r=s*l;e[0]=a*c,e[4]=r-t*h,e[8]=i*h+n,e[1]=h,e[5]=o*c,e[9]=-s*c,e[2]=-l*c,e[6]=n*h+i,e[10]=t-r*h}else if("XZY"===t.order){const t=o*a,n=o*l,i=s*a,r=s*l;e[0]=a*c,e[4]=-h,e[8]=l*c,e[1]=t*h+r,e[5]=o*c,e[9]=n*h-i,e[2]=i*h-n,e[6]=s*c,e[10]=r*h+t}return e[3]=0,e[7]=0,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,this}makeRotationFromQuaternion(t){return this.compose(Ft,t,zt)}lookAt(t,e,n){const i=this.elements;return Gt.subVectors(t,e),0===Gt.lengthSq()&&(Gt.z=1),Gt.normalize(),Ut.crossVectors(n,Gt),0===Ut.lengthSq()&&(1===Math.abs(n.z)?Gt.x+=1e-4:Gt.z+=1e-4,Gt.normalize(),Ut.crossVectors(n,Gt)),Ut.normalize(),Ht.crossVectors(Gt,Ut),i[0]=Ut.x,i[4]=Ht.x,i[8]=Gt.x,i[1]=Ut.y,i[5]=Ht.y,i[9]=Gt.y,i[2]=Ut.z,i[6]=Ht.z,i[10]=Gt.z,this}multiply(t,e){return void 0!==e?(console.warn("THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead."),this.multiplyMatrices(t,e)):this.multiplyMatrices(this,t)}premultiply(t){return this.multiplyMatrices(t,this)}multiplyMatrices(t,e){const n=t.elements,i=e.elements,r=this.elements,o=n[0],s=n[4],a=n[8],l=n[12],c=n[1],h=n[5],u=n[9],d=n[13],p=n[2],f=n[6],m=n[10],g=n[14],v=n[3],y=n[7],A=n[11],x=n[15],_=i[0],w=i[4],b=i[8],M=i[12],E=i[1],S=i[5],T=i[9],L=i[13],R=i[2],C=i[6],P=i[10],D=i[14],I=i[3],N=i[7],O=i[11],B=i[15];return r[0]=o*_+s*E+a*R+l*I,r[4]=o*w+s*S+a*C+l*N,r[8]=o*b+s*T+a*P+l*O,r[12]=o*M+s*L+a*D+l*B,r[1]=c*_+h*E+u*R+d*I,r[5]=c*w+h*S+u*C+d*N,r[9]=c*b+h*T+u*P+d*O,r[13]=c*M+h*L+u*D+d*B,r[2]=p*_+f*E+m*R+g*I,r[6]=p*w+f*S+m*C+g*N,r[10]=p*b+f*T+m*P+g*O,r[14]=p*M+f*L+m*D+g*B,r[3]=v*_+y*E+A*R+x*I,r[7]=v*w+y*S+A*C+x*N,r[11]=v*b+y*T+A*P+x*O,r[15]=v*M+y*L+A*D+x*B,this}multiplyScalar(t){const e=this.elements;return e[0]*=t,e[4]*=t,e[8]*=t,e[12]*=t,e[1]*=t,e[5]*=t,e[9]*=t,e[13]*=t,e[2]*=t,e[6]*=t,e[10]*=t,e[14]*=t,e[3]*=t,e[7]*=t,e[11]*=t,e[15]*=t,this}determinant(){const t=this.elements,e=t[0],n=t[4],i=t[8],r=t[12],o=t[1],s=t[5],a=t[9],l=t[13],c=t[2],h=t[6],u=t[10],d=t[14];return t[3]*(+r*a*h-i*l*h-r*s*u+n*l*u+i*s*d-n*a*d)+t[7]*(+e*a*d-e*l*u+r*o*u-i*o*d+i*l*c-r*a*c)+t[11]*(+e*l*h-e*s*d-r*o*h+n*o*d+r*s*c-n*l*c)+t[15]*(-i*s*c-e*a*h+e*s*u+i*o*h-n*o*u+n*a*c)}transpose(){const t=this.elements;let e;return e=t[1],t[1]=t[4],t[4]=e,e=t[2],t[2]=t[8],t[8]=e,e=t[6],t[6]=t[9],t[9]=e,e=t[3],t[3]=t[12],t[12]=e,e=t[7],t[7]=t[13],t[13]=e,e=t[11],t[11]=t[14],t[14]=e,this}setPosition(t,e,n){const i=this.elements;return t.isVector3?(i[12]=t.x,i[13]=t.y,i[14]=t.z):(i[12]=t,i[13]=e,i[14]=n),this}invert(){const t=this.elements,e=t[0],n=t[1],i=t[2],r=t[3],o=t[4],s=t[5],a=t[6],l=t[7],c=t[8],h=t[9],u=t[10],d=t[11],p=t[12],f=t[13],m=t[14],g=t[15],v=h*m*l-f*u*l+f*a*d-s*m*d-h*a*g+s*u*g,y=p*u*l-c*m*l-p*a*d+o*m*d+c*a*g-o*u*g,A=c*f*l-p*h*l+p*s*d-o*f*d-c*s*g+o*h*g,x=p*h*a-c*f*a-p*s*u+o*f*u+c*s*m-o*h*m,_=e*v+n*y+i*A+r*x;if(0===_)return this.set(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);const w=1/_;return t[0]=v*w,t[1]=(f*u*r-h*m*r-f*i*d+n*m*d+h*i*g-n*u*g)*w,t[2]=(s*m*r-f*a*r+f*i*l-n*m*l-s*i*g+n*a*g)*w,t[3]=(h*a*r-s*u*r-h*i*l+n*u*l+s*i*d-n*a*d)*w,t[4]=y*w,t[5]=(c*m*r-p*u*r+p*i*d-e*m*d-c*i*g+e*u*g)*w,t[6]=(p*a*r-o*m*r-p*i*l+e*m*l+o*i*g-e*a*g)*w,t[7]=(o*u*r-c*a*r+c*i*l-e*u*l-o*i*d+e*a*d)*w,t[8]=A*w,t[9]=(p*h*r-c*f*r-p*n*d+e*f*d+c*n*g-e*h*g)*w,t[10]=(o*f*r-p*s*r+p*n*l-e*f*l-o*n*g+e*s*g)*w,t[11]=(c*s*r-o*h*r-c*n*l+e*h*l+o*n*d-e*s*d)*w,t[12]=x*w,t[13]=(c*f*i-p*h*i+p*n*u-e*f*u-c*n*m+e*h*m)*w,t[14]=(p*s*i-o*f*i-p*n*a+e*f*a+o*n*m-e*s*m)*w,t[15]=(o*h*i-c*s*i+c*n*a-e*h*a-o*n*u+e*s*u)*w,this}scale(t){const e=this.elements,n=t.x,i=t.y,r=t.z;return e[0]*=n,e[4]*=i,e[8]*=r,e[1]*=n,e[5]*=i,e[9]*=r,e[2]*=n,e[6]*=i,e[10]*=r,e[3]*=n,e[7]*=i,e[11]*=r,this}getMaxScaleOnAxis(){const t=this.elements,e=t[0]*t[0]+t[1]*t[1]+t[2]*t[2],n=t[4]*t[4]+t[5]*t[5]+t[6]*t[6],i=t[8]*t[8]+t[9]*t[9]+t[10]*t[10];return Math.sqrt(Math.max(e,n,i))}makeTranslation(t,e,n){return this.set(1,0,0,t,0,1,0,e,0,0,1,n,0,0,0,1),this}makeRotationX(t){const e=Math.cos(t),n=Math.sin(t);return this.set(1,0,0,0,0,e,-n,0,0,n,e,0,0,0,0,1),this}makeRotationY(t){const e=Math.cos(t),n=Math.sin(t);return this.set(e,0,n,0,0,1,0,0,-n,0,e,0,0,0,0,1),this}makeRotationZ(t){const e=Math.cos(t),n=Math.sin(t);return this.set(e,-n,0,0,n,e,0,0,0,0,1,0,0,0,0,1),this}makeRotationAxis(t,e){const n=Math.cos(e),i=Math.sin(e),r=1-n,o=t.x,s=t.y,a=t.z,l=r*o,c=r*s;return this.set(l*o+n,l*s-i*a,l*a+i*s,0,l*s+i*a,c*s+n,c*a-i*o,0,l*a-i*s,c*a+i*o,r*a*a+n,0,0,0,0,1),this}makeScale(t,e,n){return this.set(t,0,0,0,0,e,0,0,0,0,n,0,0,0,0,1),this}makeShear(t,e,n){return this.set(1,e,n,0,t,1,n,0,t,e,1,0,0,0,0,1),this}compose(t,e,n){const i=this.elements,r=e._x,o=e._y,s=e._z,a=e._w,l=r+r,c=o+o,h=s+s,u=r*l,d=r*c,p=r*h,f=o*c,m=o*h,g=s*h,v=a*l,y=a*c,A=a*h,x=n.x,_=n.y,w=n.z;return i[0]=(1-(f+g))*x,i[1]=(d+A)*x,i[2]=(p-y)*x,i[3]=0,i[4]=(d-A)*_,i[5]=(1-(u+g))*_,i[6]=(m+v)*_,i[7]=0,i[8]=(p+y)*w,i[9]=(m-v)*w,i[10]=(1-(u+f))*w,i[11]=0,i[12]=t.x,i[13]=t.y,i[14]=t.z,i[15]=1,this}decompose(t,e,n){const i=this.elements;let r=Ot.set(i[0],i[1],i[2]).length();const o=Ot.set(i[4],i[5],i[6]).length(),s=Ot.set(i[8],i[9],i[10]).length();this.determinant()<0&&(r=-r),t.x=i[12],t.y=i[13],t.z=i[14],Bt.copy(this);const a=1/r,l=1/o,c=1/s;return Bt.elements[0]*=a,Bt.elements[1]*=a,Bt.elements[2]*=a,Bt.elements[4]*=l,Bt.elements[5]*=l,Bt.elements[6]*=l,Bt.elements[8]*=c,Bt.elements[9]*=c,Bt.elements[10]*=c,e.setFromRotationMatrix(Bt),n.x=r,n.y=o,n.z=s,this}makePerspective(t,e,n,i,r,o){void 0===o&&console.warn("THREE.Matrix4: .makePerspective() has been redefined and has a new signature. Please check the docs.");const s=this.elements,a=2*r/(e-t),l=2*r/(n-i),c=(e+t)/(e-t),h=(n+i)/(n-i),u=-(o+r)/(o-r),d=-2*o*r/(o-r);return s[0]=a,s[4]=0,s[8]=c,s[12]=0,s[1]=0,s[5]=l,s[9]=h,s[13]=0,s[2]=0,s[6]=0,s[10]=u,s[14]=d,s[3]=0,s[7]=0,s[11]=-1,s[15]=0,this}makeOrthographic(t,e,n,i,r,o){const s=this.elements,a=1/(e-t),l=1/(n-i),c=1/(o-r),h=(e+t)*a,u=(n+i)*l,d=(o+r)*c;return s[0]=2*a,s[4]=0,s[8]=0,s[12]=-h,s[1]=0,s[5]=2*l,s[9]=0,s[13]=-u,s[2]=0,s[6]=0,s[10]=-2*c,s[14]=-d,s[3]=0,s[7]=0,s[11]=0,s[15]=1,this}equals(t){const e=this.elements,n=t.elements;for(let t=0;t<16;t++)if(e[t]!==n[t])return!1;return!0}fromArray(t,e=0){for(let n=0;n<16;n++)this.elements[n]=t[n+e];return this}toArray(t=[],e=0){const n=this.elements;return t[e]=n[0],t[e+1]=n[1],t[e+2]=n[2],t[e+3]=n[3],t[e+4]=n[4],t[e+5]=n[5],t[e+6]=n[6],t[e+7]=n[7],t[e+8]=n[8],t[e+9]=n[9],t[e+10]=n[10],t[e+11]=n[11],t[e+12]=n[12],t[e+13]=n[13],t[e+14]=n[14],t[e+15]=n[15],t}}const Ot=new st,Bt=new Nt,Ft=new st(0,0,0),zt=new st(1,1,1),Ut=new st,Ht=new st,Gt=new st;class Vt{constructor(t=0,e=0,n=0,i=Vt.DefaultOrder){Object.defineProperty(this,"isEuler",{value:!0}),this._x=t,this._y=e,this._z=n,this._order=i}get x(){return this._x}set x(t){this._x=t,this._onChangeCallback()}get y(){return this._y}set y(t){this._y=t,this._onChangeCallback()}get z(){return this._z}set z(t){this._z=t,this._onChangeCallback()}get order(){return this._order}set order(t){this._order=t,this._onChangeCallback()}set(t,e,n,i){return this._x=t,this._y=e,this._z=n,this._order=i||this._order,this._onChangeCallback(),this}clone(){return new this.constructor(this._x,this._y,this._z,this._order)}copy(t){return this._x=t._x,this._y=t._y,this._z=t._z,this._order=t._order,this._onChangeCallback(),this}setFromRotationMatrix(t,e,n){const i=Q.clamp,r=t.elements,o=r[0],s=r[4],a=r[8],l=r[1],c=r[5],h=r[9],u=r[2],d=r[6],p=r[10];switch(e=e||this._order){case"XYZ":this._y=Math.asin(i(a,-1,1)),Math.abs(a)<.9999999?(this._x=Math.atan2(-h,p),this._z=Math.atan2(-s,o)):(this._x=Math.atan2(d,c),this._z=0);break;case"YXZ":this._x=Math.asin(-i(h,-1,1)),Math.abs(h)<.9999999?(this._y=Math.atan2(a,p),this._z=Math.atan2(l,c)):(this._y=Math.atan2(-u,o),this._z=0);break;case"ZXY":this._x=Math.asin(i(d,-1,1)),Math.abs(d)<.9999999?(this._y=Math.atan2(-u,p),this._z=Math.atan2(-s,c)):(this._y=0,this._z=Math.atan2(l,o));break;case"ZYX":this._y=Math.asin(-i(u,-1,1)),Math.abs(u)<.9999999?(this._x=Math.atan2(d,p),this._z=Math.atan2(l,o)):(this._x=0,this._z=Math.atan2(-s,c));break;case"YZX":this._z=Math.asin(i(l,-1,1)),Math.abs(l)<.9999999?(this._x=Math.atan2(-h,c),this._y=Math.atan2(-u,o)):(this._x=0,this._y=Math.atan2(a,p));break;case"XZY":this._z=Math.asin(-i(s,-1,1)),Math.abs(s)<.9999999?(this._x=Math.atan2(d,c),this._y=Math.atan2(a,o)):(this._x=Math.atan2(-h,p),this._y=0);break;default:console.warn("THREE.Euler: .setFromRotationMatrix() encountered an unknown order: "+e)}return this._order=e,!1!==n&&this._onChangeCallback(),this}setFromQuaternion(t,e,n){return kt.makeRotationFromQuaternion(t),this.setFromRotationMatrix(kt,e,n)}setFromVector3(t,e){return this.set(t.x,t.y,t.z,e||this._order)}reorder(t){return Wt.setFromEuler(this),this.setFromQuaternion(Wt,t)}equals(t){return t._x===this._x&&t._y===this._y&&t._z===this._z&&t._order===this._order}fromArray(t){return this._x=t[0],this._y=t[1],this._z=t[2],void 0!==t[3]&&(this._order=t[3]),this._onChangeCallback(),this}toArray(t=[],e=0){return t[e]=this._x,t[e+1]=this._y,t[e+2]=this._z,t[e+3]=this._order,t}toVector3(t){return t?t.set(this._x,this._y,this._z):new st(this._x,this._y,this._z)}_onChange(t){return this._onChangeCallback=t,this}_onChangeCallback(){}}Vt.DefaultOrder="XYZ",Vt.RotationOrders=["XYZ","YZX","ZXY","XZY","YXZ","ZYX"];const kt=new Nt,Wt=new ot;class jt{constructor(){this.mask=1}set(t){this.mask=1<<t|0}enable(t){this.mask|=1<<t|0}enableAll(){this.mask=-1}toggle(t){this.mask^=1<<t|0}disable(t){this.mask&=~(1<<t|0)}disableAll(){this.mask=0}test(t){return 0!=(this.mask&t.mask)}}let Xt=0;const qt=new st,Yt=new ot,Qt=new Nt,Zt=new st,Jt=new st,Kt=new st,$t=new ot,te=new st(1,0,0),ee=new st(0,1,0),ne=new st(0,0,1),ie={type:"added"},re={type:"removed"};function oe(){Object.defineProperty(this,"id",{value:Xt++}),this.uuid=Q.generateUUID(),this.name="",this.type="Object3D",this.parent=null,this.children=[],this.up=oe.DefaultUp.clone();const t=new st,e=new Vt,n=new ot,i=new st(1,1,1);e._onChange((function(){n.setFromEuler(e,!1)})),n._onChange((function(){e.setFromQuaternion(n,void 0,!1)})),Object.defineProperties(this,{position:{configurable:!0,enumerable:!0,value:t},rotation:{configurable:!0,enumerable:!0,value:e},quaternion:{configurable:!0,enumerable:!0,value:n},scale:{configurable:!0,enumerable:!0,value:i},modelViewMatrix:{value:new Nt},normalMatrix:{value:new J}}),this.matrix=new Nt,this.matrixWorld=new Nt,this.matrixAutoUpdate=oe.DefaultMatrixAutoUpdate,this.matrixWorldNeedsUpdate=!1,this.layers=new jt,this.visible=!0,this.castShadow=!1,this.receiveShadow=!1,this.frustumCulled=!0,this.renderOrder=0,this.animations=[],this.userData={}}oe.DefaultUp=new st(0,1,0),oe.DefaultMatrixAutoUpdate=!0,oe.prototype=p(Object.create(X.prototype),{constructor:oe,isObject3D:!0,onBeforeRender:function(){},onAfterRender:function(){},applyMatrix4:function(t){this.matrixAutoUpdate&&this.updateMatrix(),this.matrix.premultiply(t),this.matrix.decompose(this.position,this.quaternion,this.scale)},applyQuaternion:function(t){return this.quaternion.premultiply(t),this},setRotationFromAxisAngle:function(t,e){this.quaternion.setFromAxisAngle(t,e)},setRotationFromEuler:function(t){this.quaternion.setFromEuler(t,!0)},setRotationFromMatrix:function(t){this.quaternion.setFromRotationMatrix(t)},setRotationFromQuaternion:function(t){this.quaternion.copy(t)},rotateOnAxis:function(t,e){return Yt.setFromAxisAngle(t,e),this.quaternion.multiply(Yt),this},rotateOnWorldAxis:function(t,e){return Yt.setFromAxisAngle(t,e),this.quaternion.premultiply(Yt),this},rotateX:function(t){return this.rotateOnAxis(te,t)},rotateY:function(t){return this.rotateOnAxis(ee,t)},rotateZ:function(t){return this.rotateOnAxis(ne,t)},translateOnAxis:function(t,e){return qt.copy(t).applyQuaternion(this.quaternion),this.position.add(qt.multiplyScalar(e)),this},translateX:function(t){return this.translateOnAxis(te,t)},translateY:function(t){return this.translateOnAxis(ee,t)},translateZ:function(t){return this.translateOnAxis(ne,t)},localToWorld:function(t){return t.applyMatrix4(this.matrixWorld)},worldToLocal:function(t){return t.applyMatrix4(Qt.copy(this.matrixWorld).invert())},lookAt:function(t,e,n){t.isVector3?Zt.copy(t):Zt.set(t,e,n);const i=this.parent;this.updateWorldMatrix(!0,!1),Jt.setFromMatrixPosition(this.matrixWorld),this.isCamera||this.isLight?Qt.lookAt(Jt,Zt,this.up):Qt.lookAt(Zt,Jt,this.up),this.quaternion.setFromRotationMatrix(Qt),i&&(Qt.extractRotation(i.matrixWorld),Yt.setFromRotationMatrix(Qt),this.quaternion.premultiply(Yt.invert()))},add:function(t){if(arguments.length>1){for(let t=0;t<arguments.length;t++)this.add(arguments[t]);return this}return t===this?(console.error("THREE.Object3D.add: object can't be added as a child of itself.",t),this):(t&&t.isObject3D?(null!==t.parent&&t.parent.remove(t),t.parent=this,this.children.push(t),t.dispatchEvent(ie)):console.error("THREE.Object3D.add: object not an instance of THREE.Object3D.",t),this)},remove:function(t){if(arguments.length>1){for(let t=0;t<arguments.length;t++)this.remove(arguments[t]);return this}const e=this.children.indexOf(t);return-1!==e&&(t.parent=null,this.children.splice(e,1),t.dispatchEvent(re)),this},clear:function(){for(let t=0;t<this.children.length;t++){const e=this.children[t];e.parent=null,e.dispatchEvent(re)}return this.children.length=0,this},attach:function(t){return this.updateWorldMatrix(!0,!1),Qt.copy(this.matrixWorld).invert(),null!==t.parent&&(t.parent.updateWorldMatrix(!0,!1),Qt.multiply(t.parent.matrixWorld)),t.applyMatrix4(Qt),t.updateWorldMatrix(!1,!1),this.add(t),this},getObjectById:function(t){return this.getObjectByProperty("id",t)},getObjectByName:function(t){return this.getObjectByProperty("name",t)},getObjectByProperty:function(t,e){if(this[t]===e)return this;for(let n=0,i=this.children.length;n<i;n++){const i=this.children[n].getObjectByProperty(t,e);if(void 0!==i)return i}},getWorldPosition:function(t){return void 0===t&&(console.warn("THREE.Object3D: .getWorldPosition() target is now required"),t=new st),this.updateWorldMatrix(!0,!1),t.setFromMatrixPosition(this.matrixWorld)},getWorldQuaternion:function(t){return void 0===t&&(console.warn("THREE.Object3D: .getWorldQuaternion() target is now required"),t=new ot),this.updateWorldMatrix(!0,!1),this.matrixWorld.decompose(Jt,t,Kt),t},getWorldScale:function(t){return void 0===t&&(console.warn("THREE.Object3D: .getWorldScale() target is now required"),t=new st),this.updateWorldMatrix(!0,!1),this.matrixWorld.decompose(Jt,$t,t),t},getWorldDirection:function(t){void 0===t&&(console.warn("THREE.Object3D: .getWorldDirection() target is now required"),t=new st),this.updateWorldMatrix(!0,!1);const e=this.matrixWorld.elements;return t.set(e[8],e[9],e[10]).normalize()},raycast:function(){},traverse:function(t){t(this);const e=this.children;for(let n=0,i=e.length;n<i;n++)e[n].traverse(t)},traverseVisible:function(t){if(!1===this.visible)return;t(this);const e=this.children;for(let n=0,i=e.length;n<i;n++)e[n].traverseVisible(t)},traverseAncestors:function(t){const e=this.parent;null!==e&&(t(e),e.traverseAncestors(t))},updateMatrix:function(){this.matrix.compose(this.position,this.quaternion,this.scale),this.matrixWorldNeedsUpdate=!0},updateMatrixWorld:function(t){this.matrixAutoUpdate&&this.updateMatrix(),(this.matrixWorldNeedsUpdate||t)&&(null===this.parent?this.matrixWorld.copy(this.matrix):this.matrixWorld.multiplyMatrices(this.parent.matrixWorld,this.matrix),this.matrixWorldNeedsUpdate=!1,t=!0);const e=this.children;for(let n=0,i=e.length;n<i;n++)e[n].updateMatrixWorld(t)},updateWorldMatrix:function(t,e){const n=this.parent;if(!0===t&&null!==n&&n.updateWorldMatrix(!0,!1),this.matrixAutoUpdate&&this.updateMatrix(),null===this.parent?this.matrixWorld.copy(this.matrix):this.matrixWorld.multiplyMatrices(this.parent.matrixWorld,this.matrix),!0===e){const t=this.children;for(let e=0,n=t.length;e<n;e++)t[e].updateWorldMatrix(!1,!0)}},toJSON:function(t){const e=void 0===t||"string"==typeof t,n={};e&&(t={geometries:{},materials:{},textures:{},images:{},shapes:{},skeletons:{},animations:{}},n.metadata={version:4.5,type:"Object",generator:"Object3D.toJSON"});const i={};function r(e,n){return void 0===e[n.uuid]&&(e[n.uuid]=n.toJSON(t)),n.uuid}if(i.uuid=this.uuid,i.type=this.type,""!==this.name&&(i.name=this.name),!0===this.castShadow&&(i.castShadow=!0),!0===this.receiveShadow&&(i.receiveShadow=!0),!1===this.visible&&(i.visible=!1),!1===this.frustumCulled&&(i.frustumCulled=!1),0!==this.renderOrder&&(i.renderOrder=this.renderOrder),"{}"!==JSON.stringify(this.userData)&&(i.userData=this.userData),i.layers=this.layers.mask,i.matrix=this.matrix.toArray(),!1===this.matrixAutoUpdate&&(i.matrixAutoUpdate=!1),this.isInstancedMesh&&(i.type="InstancedMesh",i.count=this.count,i.instanceMatrix=this.instanceMatrix.toJSON()),this.isMesh||this.isLine||this.isPoints){i.geometry=r(t.geometries,this.geometry);const e=this.geometry.parameters;if(void 0!==e&&void 0!==e.shapes){const n=e.shapes;if(Array.isArray(n))for(let e=0,i=n.length;e<i;e++){const i=n[e];r(t.shapes,i)}else r(t.shapes,n)}}if(this.isSkinnedMesh&&(i.bindMode=this.bindMode,i.bindMatrix=this.bindMatrix.toArray(),void 0!==this.skeleton&&(r(t.skeletons,this.skeleton),i.skeleton=this.skeleton.uuid)),void 0!==this.material)if(Array.isArray(this.material)){const e=[];for(let n=0,i=this.material.length;n<i;n++)e.push(r(t.materials,this.material[n]));i.material=e}else i.material=r(t.materials,this.material);if(this.children.length>0){i.children=[];for(let e=0;e<this.children.length;e++)i.children.push(this.children[e].toJSON(t).object)}if(this.animations.length>0){i.animations=[];for(let e=0;e<this.animations.length;e++){const n=this.animations[e];i.animations.push(r(t.animations,n))}}if(e){const e=o(t.geometries),i=o(t.materials),r=o(t.textures),s=o(t.images),a=o(t.shapes),l=o(t.skeletons),c=o(t.animations);e.length>0&&(n.geometries=e),i.length>0&&(n.materials=i),r.length>0&&(n.textures=r),s.length>0&&(n.images=s),a.length>0&&(n.shapes=a),l.length>0&&(n.skeletons=l),c.length>0&&(n.animations=c)}return n.object=i,n;function o(t){const e=[];for(const n in t){const i=t[n];delete i.metadata,e.push(i)}return e}},clone:function(t){return(new this.constructor).copy(this,t)},copy:function(t,e=!0){if(this.name=t.name,this.up.copy(t.up),this.position.copy(t.position),this.rotation.order=t.rotation.order,this.quaternion.copy(t.quaternion),this.scale.copy(t.scale),this.matrix.copy(t.matrix),this.matrixWorld.copy(t.matrixWorld),this.matrixAutoUpdate=t.matrixAutoUpdate,this.matrixWorldNeedsUpdate=t.matrixWorldNeedsUpdate,this.layers.mask=t.layers.mask,this.visible=t.visible,this.castShadow=t.castShadow,this.receiveShadow=t.receiveShadow,this.frustumCulled=t.frustumCulled,this.renderOrder=t.renderOrder,this.userData=JSON.parse(JSON.stringify(t.userData)),!0===e)for(let e=0;e<t.children.length;e++){const n=t.children[e];this.add(n.clone())}return this}});const se=new st,ae=new st,le=new J;class ce{constructor(t,e){Object.defineProperty(this,"isPlane",{value:!0}),this.normal=void 0!==t?t:new st(1,0,0),this.constant=void 0!==e?e:0}set(t,e){return this.normal.copy(t),this.constant=e,this}setComponents(t,e,n,i){return this.normal.set(t,e,n),this.constant=i,this}setFromNormalAndCoplanarPoint(t,e){return this.normal.copy(t),this.constant=-e.dot(this.normal),this}setFromCoplanarPoints(t,e,n){const i=se.subVectors(n,e).cross(ae.subVectors(t,e)).normalize();return this.setFromNormalAndCoplanarPoint(i,t),this}clone(){return(new this.constructor).copy(this)}copy(t){return this.normal.copy(t.normal),this.constant=t.constant,this}normalize(){const t=1/this.normal.length();return this.normal.multiplyScalar(t),this.constant*=t,this}negate(){return this.constant*=-1,this.normal.negate(),this}distanceToPoint(t){return this.normal.dot(t)+this.constant}distanceToSphere(t){return this.distanceToPoint(t.center)-t.radius}projectPoint(t,e){return void 0===e&&(console.warn("THREE.Plane: .projectPoint() target is now required"),e=new st),e.copy(this.normal).multiplyScalar(-this.distanceToPoint(t)).add(t)}intersectLine(t,e){void 0===e&&(console.warn("THREE.Plane: .intersectLine() target is now required"),e=new st);const n=t.delta(se),i=this.normal.dot(n);if(0===i)return 0===this.distanceToPoint(t.start)?e.copy(t.start):void 0;const r=-(t.start.dot(this.normal)+this.constant)/i;return r<0||r>1?void 0:e.copy(n).multiplyScalar(r).add(t.start)}intersectsLine(t){const e=this.distanceToPoint(t.start),n=this.distanceToPoint(t.end);return e<0&&n>0||n<0&&e>0}intersectsBox(t){return t.intersectsPlane(this)}intersectsSphere(t){return t.intersectsPlane(this)}coplanarPoint(t){return void 0===t&&(console.warn("THREE.Plane: .coplanarPoint() target is now required"),t=new st),t.copy(this.normal).multiplyScalar(-this.constant)}applyMatrix4(t,e){const n=e||le.getNormalMatrix(t),i=this.coplanarPoint(se).applyMatrix4(t),r=this.normal.applyMatrix3(n).normalize();return this.constant=-i.dot(r),this}translate(t){return this.constant-=t.dot(this.normal),this}equals(t){return t.normal.equals(this.normal)&&t.constant===this.constant}}const he=new st,ue=new st,de=new st,pe=new st,fe=new st,me=new st,ge=new st,ve=new st,ye=new st,Ae=new st;class xe{constructor(t,e,n){this.a=void 0!==t?t:new st,this.b=void 0!==e?e:new st,this.c=void 0!==n?n:new st}static getNormal(t,e,n,i){void 0===i&&(console.warn("THREE.Triangle: .getNormal() target is now required"),i=new st),i.subVectors(n,e),he.subVectors(t,e),i.cross(he);const r=i.lengthSq();return r>0?i.multiplyScalar(1/Math.sqrt(r)):i.set(0,0,0)}static getBarycoord(t,e,n,i,r){he.subVectors(i,e),ue.subVectors(n,e),de.subVectors(t,e);const o=he.dot(he),s=he.dot(ue),a=he.dot(de),l=ue.dot(ue),c=ue.dot(de),h=o*l-s*s;if(void 0===r&&(console.warn("THREE.Triangle: .getBarycoord() target is now required"),r=new st),0===h)return r.set(-2,-1,-1);const u=1/h,d=(l*a-s*c)*u,p=(o*c-s*a)*u;return r.set(1-d-p,p,d)}static containsPoint(t,e,n,i){return this.getBarycoord(t,e,n,i,pe),pe.x>=0&&pe.y>=0&&pe.x+pe.y<=1}static getUV(t,e,n,i,r,o,s,a){return this.getBarycoord(t,e,n,i,pe),a.set(0,0),a.addScaledVector(r,pe.x),a.addScaledVector(o,pe.y),a.addScaledVector(s,pe.z),a}static isFrontFacing(t,e,n,i){return he.subVectors(n,e),ue.subVectors(t,e),he.cross(ue).dot(i)<0}set(t,e,n){return this.a.copy(t),this.b.copy(e),this.c.copy(n),this}setFromPointsAndIndices(t,e,n,i){return this.a.copy(t[e]),this.b.copy(t[n]),this.c.copy(t[i]),this}clone(){return(new this.constructor).copy(this)}copy(t){return this.a.copy(t.a),this.b.copy(t.b),this.c.copy(t.c),this}getArea(){return he.subVectors(this.c,this.b),ue.subVectors(this.a,this.b),.5*he.cross(ue).length()}getMidpoint(t){return void 0===t&&(console.warn("THREE.Triangle: .getMidpoint() target is now required"),t=new st),t.addVectors(this.a,this.b).add(this.c).multiplyScalar(1/3)}getNormal(t){return xe.getNormal(this.a,this.b,this.c,t)}getPlane(t){return void 0===t&&(console.warn("THREE.Triangle: .getPlane() target is now required"),t=new ce),t.setFromCoplanarPoints(this.a,this.b,this.c)}getBarycoord(t,e){return xe.getBarycoord(t,this.a,this.b,this.c,e)}getUV(t,e,n,i,r){return xe.getUV(t,this.a,this.b,this.c,e,n,i,r)}containsPoint(t){return xe.containsPoint(t,this.a,this.b,this.c)}isFrontFacing(t){return xe.isFrontFacing(this.a,this.b,this.c,t)}intersectsBox(t){return t.intersectsTriangle(this)}closestPointToPoint(t,e){void 0===e&&(console.warn("THREE.Triangle: .closestPointToPoint() target is now required"),e=new st);const n=this.a,i=this.b,r=this.c;let o,s;fe.subVectors(i,n),me.subVectors(r,n),ve.subVectors(t,n);const a=fe.dot(ve),l=me.dot(ve);if(a<=0&&l<=0)return e.copy(n);ye.subVectors(t,i);const c=fe.dot(ye),h=me.dot(ye);if(c>=0&&h<=c)return e.copy(i);const u=a*h-c*l;if(u<=0&&a>=0&&c<=0)return o=a/(a-c),e.copy(n).addScaledVector(fe,o);Ae.subVectors(t,r);const d=fe.dot(Ae),p=me.dot(Ae);if(p>=0&&d<=p)return e.copy(r);const f=d*l-a*p;if(f<=0&&l>=0&&p<=0)return s=l/(l-p),e.copy(n).addScaledVector(me,s);const m=c*p-d*h;if(m<=0&&h-c>=0&&d-p>=0)return ge.subVectors(r,i),s=(h-c)/(h-c+(d-p)),e.copy(i).addScaledVector(ge,s);const g=1/(m+f+u);return o=f*g,s=u*g,e.copy(n).addScaledVector(fe,o).addScaledVector(me,s)}equals(t){return t.a.equals(this.a)&&t.b.equals(this.b)&&t.c.equals(this.c)}}const _e={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074},we={h:0,s:0,l:0},be={h:0,s:0,l:0};function Me(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+6*(e-t)*(2/3-n):t}function Ee(t){return t<.04045?.0773993808*t:Math.pow(.9478672986*t+.0521327014,2.4)}function Se(t){return t<.0031308?12.92*t:1.055*Math.pow(t,.41666)-.055}class Te{constructor(t,e,n){return Object.defineProperty(this,"isColor",{value:!0}),void 0===e&&void 0===n?this.set(t):this.setRGB(t,e,n)}set(t){return t&&t.isColor?this.copy(t):"number"==typeof t?this.setHex(t):"string"==typeof t&&this.setStyle(t),this}setScalar(t){return this.r=t,this.g=t,this.b=t,this}setHex(t){return t=Math.floor(t),this.r=(t>>16&255)/255,this.g=(t>>8&255)/255,this.b=(255&t)/255,this}setRGB(t,e,n){return this.r=t,this.g=e,this.b=n,this}setHSL(t,e,n){if(t=Q.euclideanModulo(t,1),e=Q.clamp(e,0,1),n=Q.clamp(n,0,1),0===e)this.r=this.g=this.b=n;else{const i=n<=.5?n*(1+e):n+e-n*e,r=2*n-i;this.r=Me(r,i,t+1/3),this.g=Me(r,i,t),this.b=Me(r,i,t-1/3)}return this}setStyle(t){function e(e){void 0!==e&&parseFloat(e)<1&&console.warn("THREE.Color: Alpha component of "+t+" will be ignored.")}let n;if(n=/^((?:rgb|hsl)a?)\(([^\)]*)\)/.exec(t)){let t;const i=n[1],r=n[2];switch(i){case"rgb":case"rgba":if(t=/^\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(r))return this.r=Math.min(255,parseInt(t[1],10))/255,this.g=Math.min(255,parseInt(t[2],10))/255,this.b=Math.min(255,parseInt(t[3],10))/255,e(t[4]),this;if(t=/^\s*(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(r))return this.r=Math.min(100,parseInt(t[1],10))/100,this.g=Math.min(100,parseInt(t[2],10))/100,this.b=Math.min(100,parseInt(t[3],10))/100,e(t[4]),this;break;case"hsl":case"hsla":if(t=/^\s*(\d*\.?\d+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(r)){const n=parseFloat(t[1])/360,i=parseInt(t[2],10)/100,r=parseInt(t[3],10)/100;return e(t[4]),this.setHSL(n,i,r)}}}else if(n=/^\#([A-Fa-f\d]+)$/.exec(t)){const t=n[1],e=t.length;if(3===e)return this.r=parseInt(t.charAt(0)+t.charAt(0),16)/255,this.g=parseInt(t.charAt(1)+t.charAt(1),16)/255,this.b=parseInt(t.charAt(2)+t.charAt(2),16)/255,this;if(6===e)return this.r=parseInt(t.charAt(0)+t.charAt(1),16)/255,this.g=parseInt(t.charAt(2)+t.charAt(3),16)/255,this.b=parseInt(t.charAt(4)+t.charAt(5),16)/255,this}return t&&t.length>0?this.setColorName(t):this}setColorName(t){const e=_e[t];return void 0!==e?this.setHex(e):console.warn("THREE.Color: Unknown color "+t),this}clone(){return new this.constructor(this.r,this.g,this.b)}copy(t){return this.r=t.r,this.g=t.g,this.b=t.b,this}copyGammaToLinear(t,e=2){return this.r=Math.pow(t.r,e),this.g=Math.pow(t.g,e),this.b=Math.pow(t.b,e),this}copyLinearToGamma(t,e=2){const n=e>0?1/e:1;return this.r=Math.pow(t.r,n),this.g=Math.pow(t.g,n),this.b=Math.pow(t.b,n),this}convertGammaToLinear(t){return this.copyGammaToLinear(this,t),this}convertLinearToGamma(t){return this.copyLinearToGamma(this,t),this}copySRGBToLinear(t){return this.r=Ee(t.r),this.g=Ee(t.g),this.b=Ee(t.b),this}copyLinearToSRGB(t){return this.r=Se(t.r),this.g=Se(t.g),this.b=Se(t.b),this}convertSRGBToLinear(){return this.copySRGBToLinear(this),this}convertLinearToSRGB(){return this.copyLinearToSRGB(this),this}getHex(){return 255*this.r<<16^255*this.g<<8^255*this.b<<0}getHexString(){return("000000"+this.getHex().toString(16)).slice(-6)}getHSL(t){void 0===t&&(console.warn("THREE.Color: .getHSL() target is now required"),t={h:0,s:0,l:0});const e=this.r,n=this.g,i=this.b,r=Math.max(e,n,i),o=Math.min(e,n,i);let s,a;const l=(o+r)/2;if(o===r)s=0,a=0;else{const t=r-o;switch(a=l<=.5?t/(r+o):t/(2-r-o),r){case e:s=(n-i)/t+(n<i?6:0);break;case n:s=(i-e)/t+2;break;case i:s=(e-n)/t+4}s/=6}return t.h=s,t.s=a,t.l=l,t}getStyle(){return"rgb("+(255*this.r|0)+","+(255*this.g|0)+","+(255*this.b|0)+")"}offsetHSL(t,e,n){return this.getHSL(we),we.h+=t,we.s+=e,we.l+=n,this.setHSL(we.h,we.s,we.l),this}add(t){return this.r+=t.r,this.g+=t.g,this.b+=t.b,this}addColors(t,e){return this.r=t.r+e.r,this.g=t.g+e.g,this.b=t.b+e.b,this}addScalar(t){return this.r+=t,this.g+=t,this.b+=t,this}sub(t){return this.r=Math.max(0,this.r-t.r),this.g=Math.max(0,this.g-t.g),this.b=Math.max(0,this.b-t.b),this}multiply(t){return this.r*=t.r,this.g*=t.g,this.b*=t.b,this}multiplyScalar(t){return this.r*=t,this.g*=t,this.b*=t,this}lerp(t,e){return this.r+=(t.r-this.r)*e,this.g+=(t.g-this.g)*e,this.b+=(t.b-this.b)*e,this}lerpColors(t,e,n){return this.r=t.r+(e.r-t.r)*n,this.g=t.g+(e.g-t.g)*n,this.b=t.b+(e.b-t.b)*n,this}lerpHSL(t,e){this.getHSL(we),t.getHSL(be);const n=Q.lerp(we.h,be.h,e),i=Q.lerp(we.s,be.s,e),r=Q.lerp(we.l,be.l,e);return this.setHSL(n,i,r),this}equals(t){return t.r===this.r&&t.g===this.g&&t.b===this.b}fromArray(t,e=0){return this.r=t[e],this.g=t[e+1],this.b=t[e+2],this}toArray(t=[],e=0){return t[e]=this.r,t[e+1]=this.g,t[e+2]=this.b,t}fromBufferAttribute(t,e){return this.r=t.getX(e),this.g=t.getY(e),this.b=t.getZ(e),!0===t.normalized&&(this.r/=255,this.g/=255,this.b/=255),this}toJSON(){return this.getHex()}}Te.NAMES=_e,Te.prototype.r=1,Te.prototype.g=1,Te.prototype.b=1;class Le{constructor(t,e,n,i,r,o=0){this.a=t,this.b=e,this.c=n,this.normal=i&&i.isVector3?i:new st,this.vertexNormals=Array.isArray(i)?i:[],this.color=r&&r.isColor?r:new Te,this.vertexColors=Array.isArray(r)?r:[],this.materialIndex=o}clone(){return(new this.constructor).copy(this)}copy(t){this.a=t.a,this.b=t.b,this.c=t.c,this.normal.copy(t.normal),this.color.copy(t.color),this.materialIndex=t.materialIndex;for(let e=0,n=t.vertexNormals.length;e<n;e++)this.vertexNormals[e]=t.vertexNormals[e].clone();for(let e=0,n=t.vertexColors.length;e<n;e++)this.vertexColors[e]=t.vertexColors[e].clone();return this}}let Re=0;function Ce(){Object.defineProperty(this,"id",{value:Re++}),this.uuid=Q.generateUUID(),this.name="",this.type="Material",this.fog=!0,this.blending=1,this.side=0,this.flatShading=!1,this.vertexColors=!1,this.opacity=1,this.transparent=!1,this.blendSrc=204,this.blendDst=205,this.blendEquation=v,this.blendSrcAlpha=null,this.blendDstAlpha=null,this.blendEquationAlpha=null,this.depthFunc=3,this.depthTest=!0,this.depthWrite=!0,this.stencilWriteMask=255,this.stencilFunc=519,this.stencilRef=0,this.stencilFuncMask=255,this.stencilFail=V,this.stencilZFail=V,this.stencilZPass=V,this.stencilWrite=!1,this.clippingPlanes=null,this.clipIntersection=!1,this.clipShadows=!1,this.shadowSide=null,this.colorWrite=!0,this.precision=null,this.polygonOffset=!1,this.polygonOffsetFactor=0,this.polygonOffsetUnits=0,this.dithering=!1,this.alphaTest=0,this.premultipliedAlpha=!1,this.visible=!0,this.toneMapped=!0,this.userData={},this.version=0}function Pe(t){Ce.call(this),this.type="MeshBasicMaterial",this.color=new Te(16777215),this.map=null,this.lightMap=null,this.lightMapIntensity=1,this.aoMap=null,this.aoMapIntensity=1,this.specularMap=null,this.alphaMap=null,this.envMap=null,this.combine=0,this.reflectivity=1,this.refractionRatio=.98,this.wireframe=!1,this.wireframeLinewidth=1,this.wireframeLinecap="round",this.wireframeLinejoin="round",this.skinning=!1,this.morphTargets=!1,this.setValues(t)}Ce.prototype=p(Object.create(X.prototype),{constructor:Ce,isMaterial:!0,onBeforeCompile:function(){},customProgramCacheKey:function(){return this.onBeforeCompile.toString()},setValues:function(t){if(void 0!==t)for(const e in t){const n=t[e];if(void 0===n){console.warn("THREE.Material: '"+e+"' parameter is undefined.");continue}if("shading"===e){console.warn("THREE."+this.type+": .shading has been removed. Use the boolean .flatShading instead."),this.flatShading=1===n;continue}const i=this[e];void 0!==i?i&&i.isColor?i.set(n):i&&i.isVector3&&n&&n.isVector3?i.copy(n):this[e]=n:console.warn("THREE."+this.type+": '"+e+"' is not a property of this material.")}},toJSON:function(t){const e=void 0===t||"string"==typeof t;e&&(t={textures:{},images:{}});const n={metadata:{version:4.5,type:"Material",generator:"Material.toJSON"}};function i(t){const e=[];for(const n in t){const i=t[n];delete i.metadata,e.push(i)}return e}if(n.uuid=this.uuid,n.type=this.type,""!==this.name&&(n.name=this.name),this.color&&this.color.isColor&&(n.color=this.color.getHex()),void 0!==this.roughness&&(n.roughness=this.roughness),void 0!==this.metalness&&(n.metalness=this.metalness),this.sheen&&this.sheen.isColor&&(n.sheen=this.sheen.getHex()),this.emissive&&this.emissive.isColor&&(n.emissive=this.emissive.getHex()),this.emissiveIntensity&&1!==this.emissiveIntensity&&(n.emissiveIntensity=this.emissiveIntensity),this.specular&&this.specular.isColor&&(n.specular=this.specular.getHex()),void 0!==this.shininess&&(n.shininess=this.shininess),void 0!==this.clearcoat&&(n.clearcoat=this.clearcoat),void 0!==this.clearcoatRoughness&&(n.clearcoatRoughness=this.clearcoatRoughness),this.clearcoatMap&&this.clearcoatMap.isTexture&&(n.clearcoatMap=this.clearcoatMap.toJSON(t).uuid),this.clearcoatRoughnessMap&&this.clearcoatRoughnessMap.isTexture&&(n.clearcoatRoughnessMap=this.clearcoatRoughnessMap.toJSON(t).uuid),this.clearcoatNormalMap&&this.clearcoatNormalMap.isTexture&&(n.clearcoatNormalMap=this.clearcoatNormalMap.toJSON(t).uuid,n.clearcoatNormalScale=this.clearcoatNormalScale.toArray()),this.map&&this.map.isTexture&&(n.map=this.map.toJSON(t).uuid),this.matcap&&this.matcap.isTexture&&(n.matcap=this.matcap.toJSON(t).uuid),this.alphaMap&&this.alphaMap.isTexture&&(n.alphaMap=this.alphaMap.toJSON(t).uuid),this.lightMap&&this.lightMap.isTexture&&(n.lightMap=this.lightMap.toJSON(t).uuid),this.aoMap&&this.aoMap.isTexture&&(n.aoMap=this.aoMap.toJSON(t).uuid,n.aoMapIntensity=this.aoMapIntensity),this.bumpMap&&this.bumpMap.isTexture&&(n.bumpMap=this.bumpMap.toJSON(t).uuid,n.bumpScale=this.bumpScale),this.normalMap&&this.normalMap.isTexture&&(n.normalMap=this.normalMap.toJSON(t).uuid,n.normalMapType=this.normalMapType,n.normalScale=this.normalScale.toArray()),this.displacementMap&&this.displacementMap.isTexture&&(n.displacementMap=this.displacementMap.toJSON(t).uuid,n.displacementScale=this.displacementScale,n.displacementBias=this.displacementBias),this.roughnessMap&&this.roughnessMap.isTexture&&(n.roughnessMap=this.roughnessMap.toJSON(t).uuid),this.metalnessMap&&this.metalnessMap.isTexture&&(n.metalnessMap=this.metalnessMap.toJSON(t).uuid),this.emissiveMap&&this.emissiveMap.isTexture&&(n.emissiveMap=this.emissiveMap.toJSON(t).uuid),this.specularMap&&this.specularMap.isTexture&&(n.specularMap=this.specularMap.toJSON(t).uuid),this.envMap&&this.envMap.isTexture&&(n.envMap=this.envMap.toJSON(t).uuid,n.reflectivity=this.reflectivity,n.refractionRatio=this.refractionRatio,void 0!==this.combine&&(n.combine=this.combine),void 0!==this.envMapIntensity&&(n.envMapIntensity=this.envMapIntensity)),this.gradientMap&&this.gradientMap.isTexture&&(n.gradientMap=this.gradientMap.toJSON(t).uuid),void 0!==this.size&&(n.size=this.size),void 0!==this.sizeAttenuation&&(n.sizeAttenuation=this.sizeAttenuation),1!==this.blending&&(n.blending=this.blending),!0===this.flatShading&&(n.flatShading=this.flatShading),0!==this.side&&(n.side=this.side),this.vertexColors&&(n.vertexColors=!0),this.opacity<1&&(n.opacity=this.opacity),!0===this.transparent&&(n.transparent=this.transparent),n.depthFunc=this.depthFunc,n.depthTest=this.depthTest,n.depthWrite=this.depthWrite,n.stencilWrite=this.stencilWrite,n.stencilWriteMask=this.stencilWriteMask,n.stencilFunc=this.stencilFunc,n.stencilRef=this.stencilRef,n.stencilFuncMask=this.stencilFuncMask,n.stencilFail=this.stencilFail,n.stencilZFail=this.stencilZFail,n.stencilZPass=this.stencilZPass,this.rotation&&0!==this.rotation&&(n.rotation=this.rotation),!0===this.polygonOffset&&(n.polygonOffset=!0),0!==this.polygonOffsetFactor&&(n.polygonOffsetFactor=this.polygonOffsetFactor),0!==this.polygonOffsetUnits&&(n.polygonOffsetUnits=this.polygonOffsetUnits),this.linewidth&&1!==this.linewidth&&(n.linewidth=this.linewidth),void 0!==this.dashSize&&(n.dashSize=this.dashSize),void 0!==this.gapSize&&(n.gapSize=this.gapSize),void 0!==this.scale&&(n.scale=this.scale),!0===this.dithering&&(n.dithering=!0),this.alphaTest>0&&(n.alphaTest=this.alphaTest),!0===this.premultipliedAlpha&&(n.premultipliedAlpha=this.premultipliedAlpha),!0===this.wireframe&&(n.wireframe=this.wireframe),this.wireframeLinewidth>1&&(n.wireframeLinewidth=this.wireframeLinewidth),"round"!==this.wireframeLinecap&&(n.wireframeLinecap=this.wireframeLinecap),"round"!==this.wireframeLinejoin&&(n.wireframeLinejoin=this.wireframeLinejoin),!0===this.morphTargets&&(n.morphTargets=!0),!0===this.morphNormals&&(n.morphNormals=!0),!0===this.skinning&&(n.skinning=!0),!1===this.visible&&(n.visible=!1),!1===this.toneMapped&&(n.toneMapped=!1),"{}"!==JSON.stringify(this.userData)&&(n.userData=this.userData),e){const e=i(t.textures),r=i(t.images);e.length>0&&(n.textures=e),r.length>0&&(n.images=r)}return n},clone:function(){return(new this.constructor).copy(this)},copy:function(t){this.name=t.name,this.fog=t.fog,this.blending=t.blending,this.side=t.side,this.flatShading=t.flatShading,this.vertexColors=t.vertexColors,this.opacity=t.opacity,this.transparent=t.transparent,this.blendSrc=t.blendSrc,this.blendDst=t.blendDst,this.blendEquation=t.blendEquation,this.blendSrcAlpha=t.blendSrcAlpha,this.blendDstAlpha=t.blendDstAlpha,this.blendEquationAlpha=t.blendEquationAlpha,this.depthFunc=t.depthFunc,this.depthTest=t.depthTest,this.depthWrite=t.depthWrite,this.stencilWriteMask=t.stencilWriteMask,this.stencilFunc=t.stencilFunc,this.stencilRef=t.stencilRef,this.stencilFuncMask=t.stencilFuncMask,this.stencilFail=t.stencilFail,this.stencilZFail=t.stencilZFail,this.stencilZPass=t.stencilZPass,this.stencilWrite=t.stencilWrite;const e=t.clippingPlanes;let n=null;if(null!==e){const t=e.length;n=new Array(t);for(let i=0;i!==t;++i)n[i]=e[i].clone()}return this.clippingPlanes=n,this.clipIntersection=t.clipIntersection,this.clipShadows=t.clipShadows,this.shadowSide=t.shadowSide,this.colorWrite=t.colorWrite,this.precision=t.precision,this.polygonOffset=t.polygonOffset,this.polygonOffsetFactor=t.polygonOffsetFactor,this.polygonOffsetUnits=t.polygonOffsetUnits,this.dithering=t.dithering,this.alphaTest=t.alphaTest,this.premultipliedAlpha=t.premultipliedAlpha,this.visible=t.visible,this.toneMapped=t.toneMapped,this.userData=JSON.parse(JSON.stringify(t.userData)),this},dispose:function(){this.dispatchEvent({type:"dispose"})}}),Object.defineProperty(Ce.prototype,"needsUpdate",{set:function(t){!0===t&&this.version++}}),Pe.prototype=Object.create(Ce.prototype),Pe.prototype.constructor=Pe,Pe.prototype.isMeshBasicMaterial=!0,Pe.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.color.copy(t.color),this.map=t.map,this.lightMap=t.lightMap,this.lightMapIntensity=t.lightMapIntensity,this.aoMap=t.aoMap,this.aoMapIntensity=t.aoMapIntensity,this.specularMap=t.specularMap,this.alphaMap=t.alphaMap,this.envMap=t.envMap,this.combine=t.combine,this.reflectivity=t.reflectivity,this.refractionRatio=t.refractionRatio,this.wireframe=t.wireframe,this.wireframeLinewidth=t.wireframeLinewidth,this.wireframeLinecap=t.wireframeLinecap,this.wireframeLinejoin=t.wireframeLinejoin,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this};const De=new st,Ie=new Z;function Ne(t,e,n){if(Array.isArray(t))throw new TypeError("THREE.BufferAttribute: array should be a Typed Array.");this.name="",this.array=t,this.itemSize=e,this.count=void 0!==t?t.length/e:0,this.normalized=!0===n,this.usage=k,this.updateRange={offset:0,count:-1},this.version=0}function Oe(t,e,n){Ne.call(this,new Int8Array(t),e,n)}function Be(t,e,n){Ne.call(this,new Uint8Array(t),e,n)}function Fe(t,e,n){Ne.call(this,new Uint8ClampedArray(t),e,n)}function ze(t,e,n){Ne.call(this,new Int16Array(t),e,n)}function Ue(t,e,n){Ne.call(this,new Uint16Array(t),e,n)}function He(t,e,n){Ne.call(this,new Int32Array(t),e,n)}function Ge(t,e,n){Ne.call(this,new Uint32Array(t),e,n)}function Ve(t,e,n){Ne.call(this,new Uint16Array(t),e,n)}function ke(t,e,n){Ne.call(this,new Float32Array(t),e,n)}function We(t,e,n){Ne.call(this,new Float64Array(t),e,n)}function je(t){if(0===t.length)return-1/0;let e=t[0];for(let n=1,i=t.length;n<i;++n)t[n]>e&&(e=t[n]);return e}Object.defineProperty(Ne.prototype,"needsUpdate",{set:function(t){!0===t&&this.version++}}),p(Ne.prototype,{isBufferAttribute:!0,onUploadCallback:function(){},setUsage:function(t){return this.usage=t,this},copy:function(t){return this.name=t.name,this.array=new t.array.constructor(t.array),this.itemSize=t.itemSize,this.count=t.count,this.normalized=t.normalized,this.usage=t.usage,this},copyAt:function(t,e,n){t*=this.itemSize,n*=e.itemSize;for(let i=0,r=this.itemSize;i<r;i++)this.array[t+i]=e.array[n+i];return this},copyArray:function(t){return this.array.set(t),this},copyColorsArray:function(t){const e=this.array;let n=0;for(let i=0,r=t.length;i<r;i++){let r=t[i];void 0===r&&(console.warn("THREE.BufferAttribute.copyColorsArray(): color is undefined",i),r=new Te),e[n++]=r.r,e[n++]=r.g,e[n++]=r.b}return this},copyVector2sArray:function(t){const e=this.array;let n=0;for(let i=0,r=t.length;i<r;i++){let r=t[i];void 0===r&&(console.warn("THREE.BufferAttribute.copyVector2sArray(): vector is undefined",i),r=new Z),e[n++]=r.x,e[n++]=r.y}return this},copyVector3sArray:function(t){const e=this.array;let n=0;for(let i=0,r=t.length;i<r;i++){let r=t[i];void 0===r&&(console.warn("THREE.BufferAttribute.copyVector3sArray(): vector is undefined",i),r=new st),e[n++]=r.x,e[n++]=r.y,e[n++]=r.z}return this},copyVector4sArray:function(t){const e=this.array;let n=0;for(let i=0,r=t.length;i<r;i++){let r=t[i];void 0===r&&(console.warn("THREE.BufferAttribute.copyVector4sArray(): vector is undefined",i),r=new it),e[n++]=r.x,e[n++]=r.y,e[n++]=r.z,e[n++]=r.w}return this},applyMatrix3:function(t){if(2===this.itemSize)for(let e=0,n=this.count;e<n;e++)Ie.fromBufferAttribute(this,e),Ie.applyMatrix3(t),this.setXY(e,Ie.x,Ie.y);else if(3===this.itemSize)for(let e=0,n=this.count;e<n;e++)De.fromBufferAttribute(this,e),De.applyMatrix3(t),this.setXYZ(e,De.x,De.y,De.z);return this},applyMatrix4:function(t){for(let e=0,n=this.count;e<n;e++)De.x=this.getX(e),De.y=this.getY(e),De.z=this.getZ(e),De.applyMatrix4(t),this.setXYZ(e,De.x,De.y,De.z);return this},applyNormalMatrix:function(t){for(let e=0,n=this.count;e<n;e++)De.x=this.getX(e),De.y=this.getY(e),De.z=this.getZ(e),De.applyNormalMatrix(t),this.setXYZ(e,De.x,De.y,De.z);return this},transformDirection:function(t){for(let e=0,n=this.count;e<n;e++)De.x=this.getX(e),De.y=this.getY(e),De.z=this.getZ(e),De.transformDirection(t),this.setXYZ(e,De.x,De.y,De.z);return this},set:function(t,e=0){return this.array.set(t,e),this},getX:function(t){return this.array[t*this.itemSize]},setX:function(t,e){return this.array[t*this.itemSize]=e,this},getY:function(t){return this.array[t*this.itemSize+1]},setY:function(t,e){return this.array[t*this.itemSize+1]=e,this},getZ:function(t){return this.array[t*this.itemSize+2]},setZ:function(t,e){return this.array[t*this.itemSize+2]=e,this},getW:function(t){return this.array[t*this.itemSize+3]},setW:function(t,e){return this.array[t*this.itemSize+3]=e,this},setXY:function(t,e,n){return t*=this.itemSize,this.array[t+0]=e,this.array[t+1]=n,this},setXYZ:function(t,e,n,i){return t*=this.itemSize,this.array[t+0]=e,this.array[t+1]=n,this.array[t+2]=i,this},setXYZW:function(t,e,n,i,r){return t*=this.itemSize,this.array[t+0]=e,this.array[t+1]=n,this.array[t+2]=i,this.array[t+3]=r,this},onUpload:function(t){return this.onUploadCallback=t,this},clone:function(){return new this.constructor(this.array,this.itemSize).copy(this)},toJSON:function(){return{itemSize:this.itemSize,type:this.array.constructor.name,array:Array.prototype.slice.call(this.array),normalized:this.normalized}}}),Oe.prototype=Object.create(Ne.prototype),Oe.prototype.constructor=Oe,Be.prototype=Object.create(Ne.prototype),Be.prototype.constructor=Be,Fe.prototype=Object.create(Ne.prototype),Fe.prototype.constructor=Fe,ze.prototype=Object.create(Ne.prototype),ze.prototype.constructor=ze,Ue.prototype=Object.create(Ne.prototype),Ue.prototype.constructor=Ue,He.prototype=Object.create(Ne.prototype),He.prototype.constructor=He,Ge.prototype=Object.create(Ne.prototype),Ge.prototype.constructor=Ge,Ve.prototype=Object.create(Ne.prototype),Ve.prototype.constructor=Ve,Ve.prototype.isFloat16BufferAttribute=!0,ke.prototype=Object.create(Ne.prototype),ke.prototype.constructor=ke,We.prototype=Object.create(Ne.prototype),We.prototype.constructor=We;const Xe={Int8Array:Int8Array,Uint8Array:Uint8Array,Uint8ClampedArray:"undefined"!=typeof Uint8ClampedArray?Uint8ClampedArray:Uint8Array,Int16Array:Int16Array,Uint16Array:Uint16Array,Int32Array:Int32Array,Uint32Array:Uint32Array,Float32Array:Float32Array,Float64Array:Float64Array};function qe(t,e){return new Xe[t](e)}let Ye=0;const Qe=new Nt,Ze=new oe,Je=new st,Ke=new ct,$e=new ct,tn=new st;function en(){Object.defineProperty(this,"id",{value:Ye++}),this.uuid=Q.generateUUID(),this.name="",this.type="BufferGeometry",this.index=null,this.attributes={},this.morphAttributes={},this.morphTargetsRelative=!1,this.groups=[],this.boundingBox=null,this.boundingSphere=null,this.drawRange={start:0,count:1/0},this.userData={}}en.prototype=p(Object.create(X.prototype),{constructor:en,isBufferGeometry:!0,getIndex:function(){return this.index},setIndex:function(t){return Array.isArray(t)?this.index=new(je(t)>65535?Ge:Ue)(t,1):this.index=t,this},getAttribute:function(t){return this.attributes[t]},setAttribute:function(t,e){return this.attributes[t]=e,this},deleteAttribute:function(t){return delete this.attributes[t],this},hasAttribute:function(t){return void 0!==this.attributes[t]},addGroup:function(t,e,n=0){this.groups.push({start:t,count:e,materialIndex:n})},clearGroups:function(){this.groups=[]},setDrawRange:function(t,e){this.drawRange.start=t,this.drawRange.count=e},applyMatrix4:function(t){const e=this.attributes.position;void 0!==e&&(e.applyMatrix4(t),e.needsUpdate=!0);const n=this.attributes.normal;if(void 0!==n){const e=(new J).getNormalMatrix(t);n.applyNormalMatrix(e),n.needsUpdate=!0}const i=this.attributes.tangent;return void 0!==i&&(i.transformDirection(t),i.needsUpdate=!0),null!==this.boundingBox&&this.computeBoundingBox(),null!==this.boundingSphere&&this.computeBoundingSphere(),this},rotateX:function(t){return Qe.makeRotationX(t),this.applyMatrix4(Qe),this},rotateY:function(t){return Qe.makeRotationY(t),this.applyMatrix4(Qe),this},rotateZ:function(t){return Qe.makeRotationZ(t),this.applyMatrix4(Qe),this},translate:function(t,e,n){return Qe.makeTranslation(t,e,n),this.applyMatrix4(Qe),this},scale:function(t,e,n){return Qe.makeScale(t,e,n),this.applyMatrix4(Qe),this},lookAt:function(t){return Ze.lookAt(t),Ze.updateMatrix(),this.applyMatrix4(Ze.matrix),this},center:function(){return this.computeBoundingBox(),this.boundingBox.getCenter(Je).negate(),this.translate(Je.x,Je.y,Je.z),this},setFromPoints:function(t){const e=[];for(let n=0,i=t.length;n<i;n++){const i=t[n];e.push(i.x,i.y,i.z||0)}return this.setAttribute("position",new ke(e,3)),this},computeBoundingBox:function(){null===this.boundingBox&&(this.boundingBox=new ct);const t=this.attributes.position,e=this.morphAttributes.position;if(t&&t.isGLBufferAttribute)return console.error('THREE.BufferGeometry.computeBoundingBox(): GLBufferAttribute requires a manual bounding box. Alternatively set "mesh.frustumCulled" to "false".',this),void this.boundingBox.set(new st(-1/0,-1/0,-1/0),new st(1/0,1/0,1/0));if(void 0!==t){if(this.boundingBox.setFromBufferAttribute(t),e)for(let t=0,n=e.length;t<n;t++){const n=e[t];Ke.setFromBufferAttribute(n),this.morphTargetsRelative?(tn.addVectors(this.boundingBox.min,Ke.min),this.boundingBox.expandByPoint(tn),tn.addVectors(this.boundingBox.max,Ke.max),this.boundingBox.expandByPoint(tn)):(this.boundingBox.expandByPoint(Ke.min),this.boundingBox.expandByPoint(Ke.max))}}else this.boundingBox.makeEmpty();(isNaN(this.boundingBox.min.x)||isNaN(this.boundingBox.min.y)||isNaN(this.boundingBox.min.z))&&console.error('THREE.BufferGeometry.computeBoundingBox(): Computed min/max have NaN values. The "position" attribute is likely to have NaN values.',this)},computeBoundingSphere:function(){null===this.boundingSphere&&(this.boundingSphere=new Et);const t=this.attributes.position,e=this.morphAttributes.position;if(t&&t.isGLBufferAttribute)return console.error('THREE.BufferGeometry.computeBoundingSphere(): GLBufferAttribute requires a manual bounding sphere. Alternatively set "mesh.frustumCulled" to "false".',this),void this.boundingSphere.set(new st,1/0);if(t){const n=this.boundingSphere.center;if(Ke.setFromBufferAttribute(t),e)for(let t=0,n=e.length;t<n;t++){const n=e[t];$e.setFromBufferAttribute(n),this.morphTargetsRelative?(tn.addVectors(Ke.min,$e.min),Ke.expandByPoint(tn),tn.addVectors(Ke.max,$e.max),Ke.expandByPoint(tn)):(Ke.expandByPoint($e.min),Ke.expandByPoint($e.max))}Ke.getCenter(n);let i=0;for(let e=0,r=t.count;e<r;e++)tn.fromBufferAttribute(t,e),i=Math.max(i,n.distanceToSquared(tn));if(e)for(let r=0,o=e.length;r<o;r++){const o=e[r],s=this.morphTargetsRelative;for(let e=0,r=o.count;e<r;e++)tn.fromBufferAttribute(o,e),s&&(Je.fromBufferAttribute(t,e),tn.add(Je)),i=Math.max(i,n.distanceToSquared(tn))}this.boundingSphere.radius=Math.sqrt(i),isNaN(this.boundingSphere.radius)&&console.error('THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.',this)}},computeFaceNormals:function(){},computeTangents:function(){const t=this.index,e=this.attributes;if(null===t||void 0===e.position||void 0===e.normal||void 0===e.uv)return void console.error("THREE.BufferGeometry: .computeTangents() failed. Missing required attributes (index, position, normal or uv)");const n=t.array,i=e.position.array,r=e.normal.array,o=e.uv.array,s=i.length/3;void 0===e.tangent&&this.setAttribute("tangent",new Ne(new Float32Array(4*s),4));const a=e.tangent.array,l=[],c=[];for(let t=0;t<s;t++)l[t]=new st,c[t]=new st;const h=new st,u=new st,d=new st,p=new Z,f=new Z,m=new Z,g=new st,v=new st;function y(t,e,n){h.fromArray(i,3*t),u.fromArray(i,3*e),d.fromArray(i,3*n),p.fromArray(o,2*t),f.fromArray(o,2*e),m.fromArray(o,2*n),u.sub(h),d.sub(h),f.sub(p),m.sub(p);const r=1/(f.x*m.y-m.x*f.y);isFinite(r)&&(g.copy(u).multiplyScalar(m.y).addScaledVector(d,-f.y).multiplyScalar(r),v.copy(d).multiplyScalar(f.x).addScaledVector(u,-m.x).multiplyScalar(r),l[t].add(g),l[e].add(g),l[n].add(g),c[t].add(v),c[e].add(v),c[n].add(v))}let A=this.groups;0===A.length&&(A=[{start:0,count:n.length}]);for(let t=0,e=A.length;t<e;++t){const e=A[t],i=e.start;for(let t=i,r=i+e.count;t<r;t+=3)y(n[t+0],n[t+1],n[t+2])}const x=new st,_=new st,w=new st,b=new st;function M(t){w.fromArray(r,3*t),b.copy(w);const e=l[t];x.copy(e),x.sub(w.multiplyScalar(w.dot(e))).normalize(),_.crossVectors(b,e);const n=_.dot(c[t])<0?-1:1;a[4*t]=x.x,a[4*t+1]=x.y,a[4*t+2]=x.z,a[4*t+3]=n}for(let t=0,e=A.length;t<e;++t){const e=A[t],i=e.start;for(let t=i,r=i+e.count;t<r;t+=3)M(n[t+0]),M(n[t+1]),M(n[t+2])}},computeVertexNormals:function(){const t=this.index,e=this.getAttribute("position");if(void 0!==e){let n=this.getAttribute("normal");if(void 0===n)n=new Ne(new Float32Array(3*e.count),3),this.setAttribute("normal",n);else for(let t=0,e=n.count;t<e;t++)n.setXYZ(t,0,0,0);const i=new st,r=new st,o=new st,s=new st,a=new st,l=new st,c=new st,h=new st;if(t)for(let u=0,d=t.count;u<d;u+=3){const d=t.getX(u+0),p=t.getX(u+1),f=t.getX(u+2);i.fromBufferAttribute(e,d),r.fromBufferAttribute(e,p),o.fromBufferAttribute(e,f),c.subVectors(o,r),h.subVectors(i,r),c.cross(h),s.fromBufferAttribute(n,d),a.fromBufferAttribute(n,p),l.fromBufferAttribute(n,f),s.add(c),a.add(c),l.add(c),n.setXYZ(d,s.x,s.y,s.z),n.setXYZ(p,a.x,a.y,a.z),n.setXYZ(f,l.x,l.y,l.z)}else for(let t=0,s=e.count;t<s;t+=3)i.fromBufferAttribute(e,t+0),r.fromBufferAttribute(e,t+1),o.fromBufferAttribute(e,t+2),c.subVectors(o,r),h.subVectors(i,r),c.cross(h),n.setXYZ(t+0,c.x,c.y,c.z),n.setXYZ(t+1,c.x,c.y,c.z),n.setXYZ(t+2,c.x,c.y,c.z);this.normalizeNormals(),n.needsUpdate=!0}},merge:function(t,e){if(!t||!t.isBufferGeometry)return void console.error("THREE.BufferGeometry.merge(): geometry not an instance of THREE.BufferGeometry.",t);void 0===e&&(e=0,console.warn("THREE.BufferGeometry.merge(): Overwriting original geometry, starting at offset=0. Use BufferGeometryUtils.mergeBufferGeometries() for lossless merge."));const n=this.attributes;for(const i in n){if(void 0===t.attributes[i])continue;const r=n[i].array,o=t.attributes[i],s=o.array,a=o.itemSize*e,l=Math.min(s.length,r.length-a);for(let t=0,e=a;t<l;t++,e++)r[e]=s[t]}return this},normalizeNormals:function(){const t=this.attributes.normal;for(let e=0,n=t.count;e<n;e++)tn.fromBufferAttribute(t,e),tn.normalize(),t.setXYZ(e,tn.x,tn.y,tn.z)},toNonIndexed:function(){function t(t,e){const n=t.array,i=t.itemSize,r=t.normalized,o=new n.constructor(e.length*i);let s=0,a=0;for(let t=0,r=e.length;t<r;t++){s=e[t]*i;for(let t=0;t<i;t++)o[a++]=n[s++]}return new Ne(o,i,r)}if(null===this.index)return console.warn("THREE.BufferGeometry.toNonIndexed(): BufferGeometry is already non-indexed."),this;const e=new en,n=this.index.array,i=this.attributes;for(const r in i){const o=t(i[r],n);e.setAttribute(r,o)}const r=this.morphAttributes;for(const i in r){const o=[],s=r[i];for(let e=0,i=s.length;e<i;e++){const i=t(s[e],n);o.push(i)}e.morphAttributes[i]=o}e.morphTargetsRelative=this.morphTargetsRelative;const o=this.groups;for(let t=0,n=o.length;t<n;t++){const n=o[t];e.addGroup(n.start,n.count,n.materialIndex)}return e},toJSON:function(){const t={metadata:{version:4.5,type:"BufferGeometry",generator:"BufferGeometry.toJSON"}};if(t.uuid=this.uuid,t.type=this.type,""!==this.name&&(t.name=this.name),Object.keys(this.userData).length>0&&(t.userData=this.userData),void 0!==this.parameters){const e=this.parameters;for(const n in e)void 0!==e[n]&&(t[n]=e[n]);return t}t.data={attributes:{}};const e=this.index;null!==e&&(t.data.index={type:e.array.constructor.name,array:Array.prototype.slice.call(e.array)});const n=this.attributes;for(const e in n){const i=n[e],r=i.toJSON(t.data);""!==i.name&&(r.name=i.name),t.data.attributes[e]=r}const i={};let r=!1;for(const e in this.morphAttributes){const n=this.morphAttributes[e],o=[];for(let e=0,i=n.length;e<i;e++){const i=n[e],r=i.toJSON(t.data);""!==i.name&&(r.name=i.name),o.push(r)}o.length>0&&(i[e]=o,r=!0)}r&&(t.data.morphAttributes=i,t.data.morphTargetsRelative=this.morphTargetsRelative);const o=this.groups;o.length>0&&(t.data.groups=JSON.parse(JSON.stringify(o)));const s=this.boundingSphere;return null!==s&&(t.data.boundingSphere={center:s.center.toArray(),radius:s.radius}),t},clone:function(){return(new en).copy(this)},copy:function(t){this.index=null,this.attributes={},this.morphAttributes={},this.groups=[],this.boundingBox=null,this.boundingSphere=null;const e={};this.name=t.name;const n=t.index;null!==n&&this.setIndex(n.clone(e));const i=t.attributes;for(const t in i){const n=i[t];this.setAttribute(t,n.clone(e))}const r=t.morphAttributes;for(const t in r){const n=[],i=r[t];for(let t=0,r=i.length;t<r;t++)n.push(i[t].clone(e));this.morphAttributes[t]=n}this.morphTargetsRelative=t.morphTargetsRelative;const o=t.groups;for(let t=0,e=o.length;t<e;t++){const e=o[t];this.addGroup(e.start,e.count,e.materialIndex)}const s=t.boundingBox;null!==s&&(this.boundingBox=s.clone());const a=t.boundingSphere;return null!==a&&(this.boundingSphere=a.clone()),this.drawRange.start=t.drawRange.start,this.drawRange.count=t.drawRange.count,this.userData=t.userData,this},dispose:function(){this.dispatchEvent({type:"dispose"})}});const nn=new Nt,rn=new It,on=new Et,sn=new st,an=new st,ln=new st,cn=new st,hn=new st,un=new st,dn=new st,pn=new st,fn=new st,mn=new Z,gn=new Z,vn=new Z,yn=new st,An=new st;function xn(t=new en,e=new Pe){oe.call(this),this.type="Mesh",this.geometry=t,this.material=e,this.updateMorphTargets()}function _n(t,e,n,i,r,o,s,a,l,c,h,u){sn.fromBufferAttribute(r,c),an.fromBufferAttribute(r,h),ln.fromBufferAttribute(r,u);const d=t.morphTargetInfluences;if(e.morphTargets&&o&&d){dn.set(0,0,0),pn.set(0,0,0),fn.set(0,0,0);for(let t=0,e=o.length;t<e;t++){const e=d[t],n=o[t];0!==e&&(cn.fromBufferAttribute(n,c),hn.fromBufferAttribute(n,h),un.fromBufferAttribute(n,u),s?(dn.addScaledVector(cn,e),pn.addScaledVector(hn,e),fn.addScaledVector(un,e)):(dn.addScaledVector(cn.sub(sn),e),pn.addScaledVector(hn.sub(an),e),fn.addScaledVector(un.sub(ln),e)))}sn.add(dn),an.add(pn),ln.add(fn)}t.isSkinnedMesh&&(t.boneTransform(c,sn),t.boneTransform(h,an),t.boneTransform(u,ln));const p=function(t,e,n,i,r,o,s,a){let l;if(l=1===e.side?i.intersectTriangle(s,o,r,!0,a):i.intersectTriangle(r,o,s,2!==e.side,a),null===l)return null;An.copy(a),An.applyMatrix4(t.matrixWorld);const c=n.ray.origin.distanceTo(An);return c<n.near||c>n.far?null:{distance:c,point:An.clone(),object:t}}(t,e,n,i,sn,an,ln,yn);if(p){a&&(mn.fromBufferAttribute(a,c),gn.fromBufferAttribute(a,h),vn.fromBufferAttribute(a,u),p.uv=xe.getUV(yn,sn,an,ln,mn,gn,vn,new Z)),l&&(mn.fromBufferAttribute(l,c),gn.fromBufferAttribute(l,h),vn.fromBufferAttribute(l,u),p.uv2=xe.getUV(yn,sn,an,ln,mn,gn,vn,new Z));const t=new Le(c,h,u);xe.getNormal(sn,an,ln,t.normal),p.face=t}return p}xn.prototype=p(Object.create(oe.prototype),{constructor:xn,isMesh:!0,copy:function(t){return oe.prototype.copy.call(this,t),void 0!==t.morphTargetInfluences&&(this.morphTargetInfluences=t.morphTargetInfluences.slice()),void 0!==t.morphTargetDictionary&&(this.morphTargetDictionary=p({},t.morphTargetDictionary)),this.material=t.material,this.geometry=t.geometry,this},updateMorphTargets:function(){const t=this.geometry;if(t.isBufferGeometry){const e=t.morphAttributes,n=Object.keys(e);if(n.length>0){const t=e[n[0]];if(void 0!==t){this.morphTargetInfluences=[],this.morphTargetDictionary={};for(let e=0,n=t.length;e<n;e++){const n=t[e].name||String(e);this.morphTargetInfluences.push(0),this.morphTargetDictionary[n]=e}}}}else{const e=t.morphTargets;void 0!==e&&e.length>0&&console.error("THREE.Mesh.updateMorphTargets() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.")}},raycast:function(t,e){const n=this.geometry,i=this.material,r=this.matrixWorld;if(void 0===i)return;if(null===n.boundingSphere&&n.computeBoundingSphere(),on.copy(n.boundingSphere),on.applyMatrix4(r),!1===t.ray.intersectsSphere(on))return;if(nn.copy(r).invert(),rn.copy(t.ray).applyMatrix4(nn),null!==n.boundingBox&&!1===rn.intersectsBox(n.boundingBox))return;let o;if(n.isBufferGeometry){const r=n.index,s=n.attributes.position,a=n.morphAttributes.position,l=n.morphTargetsRelative,c=n.attributes.uv,h=n.attributes.uv2,u=n.groups,d=n.drawRange;if(null!==r)if(Array.isArray(i))for(let n=0,p=u.length;n<p;n++){const p=u[n],f=i[p.materialIndex];for(let n=Math.max(p.start,d.start),i=Math.min(p.start+p.count,d.start+d.count);n<i;n+=3){const i=r.getX(n),u=r.getX(n+1),d=r.getX(n+2);o=_n(this,f,t,rn,s,a,l,c,h,i,u,d),o&&(o.faceIndex=Math.floor(n/3),o.face.materialIndex=p.materialIndex,e.push(o))}}else{for(let n=Math.max(0,d.start),u=Math.min(r.count,d.start+d.count);n<u;n+=3){const u=r.getX(n),d=r.getX(n+1),p=r.getX(n+2);o=_n(this,i,t,rn,s,a,l,c,h,u,d,p),o&&(o.faceIndex=Math.floor(n/3),e.push(o))}}else if(void 0!==s)if(Array.isArray(i))for(let n=0,r=u.length;n<r;n++){const r=u[n],p=i[r.materialIndex];for(let n=Math.max(r.start,d.start),i=Math.min(r.start+r.count,d.start+d.count);n<i;n+=3){o=_n(this,p,t,rn,s,a,l,c,h,n,n+1,n+2),o&&(o.faceIndex=Math.floor(n/3),o.face.materialIndex=r.materialIndex,e.push(o))}}else{for(let n=Math.max(0,d.start),r=Math.min(s.count,d.start+d.count);n<r;n+=3){o=_n(this,i,t,rn,s,a,l,c,h,n,n+1,n+2),o&&(o.faceIndex=Math.floor(n/3),e.push(o))}}}else n.isGeometry&&console.error("THREE.Mesh.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.")}});class wn extends en{constructor(t=1,e=1,n=1,i=1,r=1,o=1){super(),this.type="BoxGeometry",this.parameters={width:t,height:e,depth:n,widthSegments:i,heightSegments:r,depthSegments:o};const s=this;i=Math.floor(i),r=Math.floor(r),o=Math.floor(o);const a=[],l=[],c=[],h=[];let u=0,d=0;function p(t,e,n,i,r,o,p,f,m,g,v){const y=o/m,A=p/g,x=o/2,_=p/2,w=f/2,b=m+1,M=g+1;let E=0,S=0;const T=new st;for(let o=0;o<M;o++){const s=o*A-_;for(let a=0;a<b;a++){const u=a*y-x;T[t]=u*i,T[e]=s*r,T[n]=w,l.push(T.x,T.y,T.z),T[t]=0,T[e]=0,T[n]=f>0?1:-1,c.push(T.x,T.y,T.z),h.push(a/m),h.push(1-o/g),E+=1}}for(let t=0;t<g;t++)for(let e=0;e<m;e++){const n=u+e+b*t,i=u+e+b*(t+1),r=u+(e+1)+b*(t+1),o=u+(e+1)+b*t;a.push(n,i,o),a.push(i,r,o),S+=6}s.addGroup(d,S,v),d+=S,u+=E}p("z","y","x",-1,-1,n,e,t,o,r,0),p("z","y","x",1,-1,n,e,-t,o,r,1),p("x","z","y",1,1,t,n,e,i,o,2),p("x","z","y",1,-1,t,n,-e,i,o,3),p("x","y","z",1,-1,t,e,n,i,r,4),p("x","y","z",-1,-1,t,e,-n,i,r,5),this.setIndex(a),this.setAttribute("position",new ke(l,3)),this.setAttribute("normal",new ke(c,3)),this.setAttribute("uv",new ke(h,2))}}function bn(t){const e={};for(const n in t){e[n]={};for(const i in t[n]){const r=t[n][i];r&&(r.isColor||r.isMatrix3||r.isMatrix4||r.isVector2||r.isVector3||r.isVector4||r.isTexture)?e[n][i]=r.clone():Array.isArray(r)?e[n][i]=r.slice():e[n][i]=r}}return e}function Mn(t){const e={};for(let n=0;n<t.length;n++){const i=bn(t[n]);for(const t in i)e[t]=i[t]}return e}const En={clone:bn,merge:Mn};function Sn(t){Ce.call(this),this.type="ShaderMaterial",this.defines={},this.uniforms={},this.vertexShader="void main() {\n\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n}",this.fragmentShader="void main() {\n\tgl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );\n}",this.linewidth=1,this.wireframe=!1,this.wireframeLinewidth=1,this.fog=!1,this.lights=!1,this.clipping=!1,this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.extensions={derivatives:!1,fragDepth:!1,drawBuffers:!1,shaderTextureLOD:!1},this.defaultAttributeValues={color:[1,1,1],uv:[0,0],uv2:[0,0]},this.index0AttributeName=void 0,this.uniformsNeedUpdate=!1,this.glslVersion=null,void 0!==t&&(void 0!==t.attributes&&console.error("THREE.ShaderMaterial: attributes should now be defined in THREE.BufferGeometry instead."),this.setValues(t))}function Tn(){oe.call(this),this.type="Camera",this.matrixWorldInverse=new Nt,this.projectionMatrix=new Nt,this.projectionMatrixInverse=new Nt}function Ln(t=50,e=1,n=.1,i=2e3){Tn.call(this),this.type="PerspectiveCamera",this.fov=t,this.zoom=1,this.near=n,this.far=i,this.focus=10,this.aspect=e,this.view=null,this.filmGauge=35,this.filmOffset=0,this.updateProjectionMatrix()}Sn.prototype=Object.create(Ce.prototype),Sn.prototype.constructor=Sn,Sn.prototype.isShaderMaterial=!0,Sn.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.fragmentShader=t.fragmentShader,this.vertexShader=t.vertexShader,this.uniforms=bn(t.uniforms),this.defines=p({},t.defines),this.wireframe=t.wireframe,this.wireframeLinewidth=t.wireframeLinewidth,this.lights=t.lights,this.clipping=t.clipping,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this.morphNormals=t.morphNormals,this.extensions=p({},t.extensions),this.glslVersion=t.glslVersion,this},Sn.prototype.toJSON=function(t){const e=Ce.prototype.toJSON.call(this,t);e.glslVersion=this.glslVersion,e.uniforms={};for(const n in this.uniforms){const i=this.uniforms[n].value;i&&i.isTexture?e.uniforms[n]={type:"t",value:i.toJSON(t).uuid}:i&&i.isColor?e.uniforms[n]={type:"c",value:i.getHex()}:i&&i.isVector2?e.uniforms[n]={type:"v2",value:i.toArray()}:i&&i.isVector3?e.uniforms[n]={type:"v3",value:i.toArray()}:i&&i.isVector4?e.uniforms[n]={type:"v4",value:i.toArray()}:i&&i.isMatrix3?e.uniforms[n]={type:"m3",value:i.toArray()}:i&&i.isMatrix4?e.uniforms[n]={type:"m4",value:i.toArray()}:e.uniforms[n]={value:i}}Object.keys(this.defines).length>0&&(e.defines=this.defines),e.vertexShader=this.vertexShader,e.fragmentShader=this.fragmentShader;const n={};for(const t in this.extensions)!0===this.extensions[t]&&(n[t]=!0);return Object.keys(n).length>0&&(e.extensions=n),e},Tn.prototype=p(Object.create(oe.prototype),{constructor:Tn,isCamera:!0,copy:function(t,e){return oe.prototype.copy.call(this,t,e),this.matrixWorldInverse.copy(t.matrixWorldInverse),this.projectionMatrix.copy(t.projectionMatrix),this.projectionMatrixInverse.copy(t.projectionMatrixInverse),this},getWorldDirection:function(t){void 0===t&&(console.warn("THREE.Camera: .getWorldDirection() target is now required"),t=new st),this.updateWorldMatrix(!0,!1);const e=this.matrixWorld.elements;return t.set(-e[8],-e[9],-e[10]).normalize()},updateMatrixWorld:function(t){oe.prototype.updateMatrixWorld.call(this,t),this.matrixWorldInverse.copy(this.matrixWorld).invert()},updateWorldMatrix:function(t,e){oe.prototype.updateWorldMatrix.call(this,t,e),this.matrixWorldInverse.copy(this.matrixWorld).invert()},clone:function(){return(new this.constructor).copy(this)}}),Ln.prototype=p(Object.create(Tn.prototype),{constructor:Ln,isPerspectiveCamera:!0,copy:function(t,e){return Tn.prototype.copy.call(this,t,e),this.fov=t.fov,this.zoom=t.zoom,this.near=t.near,this.far=t.far,this.focus=t.focus,this.aspect=t.aspect,this.view=null===t.view?null:p({},t.view),this.filmGauge=t.filmGauge,this.filmOffset=t.filmOffset,this},setFocalLength:function(t){const e=.5*this.getFilmHeight()/t;this.fov=2*Q.RAD2DEG*Math.atan(e),this.updateProjectionMatrix()},getFocalLength:function(){const t=Math.tan(.5*Q.DEG2RAD*this.fov);return.5*this.getFilmHeight()/t},getEffectiveFOV:function(){return 2*Q.RAD2DEG*Math.atan(Math.tan(.5*Q.DEG2RAD*this.fov)/this.zoom)},getFilmWidth:function(){return this.filmGauge*Math.min(this.aspect,1)},getFilmHeight:function(){return this.filmGauge/Math.max(this.aspect,1)},setViewOffset:function(t,e,n,i,r,o){this.aspect=t/e,null===this.view&&(this.view={enabled:!0,fullWidth:1,fullHeight:1,offsetX:0,offsetY:0,width:1,height:1}),this.view.enabled=!0,this.view.fullWidth=t,this.view.fullHeight=e,this.view.offsetX=n,this.view.offsetY=i,this.view.width=r,this.view.height=o,this.updateProjectionMatrix()},clearViewOffset:function(){null!==this.view&&(this.view.enabled=!1),this.updateProjectionMatrix()},updateProjectionMatrix:function(){const t=this.near;let e=t*Math.tan(.5*Q.DEG2RAD*this.fov)/this.zoom,n=2*e,i=this.aspect*n,r=-.5*i;const o=this.view;if(null!==this.view&&this.view.enabled){const t=o.fullWidth,s=o.fullHeight;r+=o.offsetX*i/t,e-=o.offsetY*n/s,i*=o.width/t,n*=o.height/s}const s=this.filmOffset;0!==s&&(r+=t*s/this.getFilmWidth()),this.projectionMatrix.makePerspective(r,r+i,e,e-n,t,this.far),this.projectionMatrixInverse.copy(this.projectionMatrix).invert()},toJSON:function(t){const e=oe.prototype.toJSON.call(this,t);return e.object.fov=this.fov,e.object.zoom=this.zoom,e.object.near=this.near,e.object.far=this.far,e.object.focus=this.focus,e.object.aspect=this.aspect,null!==this.view&&(e.object.view=p({},this.view)),e.object.filmGauge=this.filmGauge,e.object.filmOffset=this.filmOffset,e}});const Rn=90;function Cn(t,e,n){if(oe.call(this),this.type="CubeCamera",!0!==n.isWebGLCubeRenderTarget)return void console.error("THREE.CubeCamera: The constructor now expects an instance of WebGLCubeRenderTarget as third parameter.");this.renderTarget=n;const i=new Ln(Rn,1,t,e);i.layers=this.layers,i.up.set(0,-1,0),i.lookAt(new st(1,0,0)),this.add(i);const r=new Ln(Rn,1,t,e);r.layers=this.layers,r.up.set(0,-1,0),r.lookAt(new st(-1,0,0)),this.add(r);const o=new Ln(Rn,1,t,e);o.layers=this.layers,o.up.set(0,0,1),o.lookAt(new st(0,1,0)),this.add(o);const s=new Ln(Rn,1,t,e);s.layers=this.layers,s.up.set(0,0,-1),s.lookAt(new st(0,-1,0)),this.add(s);const a=new Ln(Rn,1,t,e);a.layers=this.layers,a.up.set(0,-1,0),a.lookAt(new st(0,0,1)),this.add(a);const l=new Ln(Rn,1,t,e);l.layers=this.layers,l.up.set(0,-1,0),l.lookAt(new st(0,0,-1)),this.add(l),this.update=function(t,e){null===this.parent&&this.updateMatrixWorld();const c=t.xr.enabled,h=t.getRenderTarget();t.xr.enabled=!1;const u=n.texture.generateMipmaps;n.texture.generateMipmaps=!1,t.setRenderTarget(n,0),t.render(e,i),t.setRenderTarget(n,1),t.render(e,r),t.setRenderTarget(n,2),t.render(e,o),t.setRenderTarget(n,3),t.render(e,s),t.setRenderTarget(n,4),t.render(e,a),n.texture.generateMipmaps=u,t.setRenderTarget(n,5),t.render(e,l),t.setRenderTarget(h),t.xr.enabled=c}}function Pn(t,e,n,i,r,o,s,a,l,c){t=void 0!==t?t:[],e=void 0!==e?e:301,s=void 0!==s?s:C,et.call(this,t,e,n,i,r,o,s,a,l,c),this.flipY=!1,this._needsFlipEnvMap=!0}Cn.prototype=Object.create(oe.prototype),Cn.prototype.constructor=Cn,Pn.prototype=Object.create(et.prototype),Pn.prototype.constructor=Pn,Pn.prototype.isCubeTexture=!0,Object.defineProperty(Pn.prototype,"images",{get:function(){return this.image},set:function(t){this.image=t}});class Dn extends rt{constructor(t,e,n){Number.isInteger(e)&&(console.warn("THREE.WebGLCubeRenderTarget: constructor signature is now WebGLCubeRenderTarget( size, options )"),e=n),super(t,t,e),Object.defineProperty(this,"isWebGLCubeRenderTarget",{value:!0}),e=e||{},this.texture=new Pn(void 0,e.mapping,e.wrapS,e.wrapT,e.magFilter,e.minFilter,e.format,e.type,e.anisotropy,e.encoding),this.texture._needsFlipEnvMap=!1}fromEquirectangularTexture(t,e){this.texture.type=e.type,this.texture.format=P,this.texture.encoding=e.encoding,this.texture.generateMipmaps=e.generateMipmaps,this.texture.minFilter=e.minFilter,this.texture.magFilter=e.magFilter;const n={uniforms:{tEquirect:{value:null}},vertexShader:"\n\n\t\t\t\tvarying vec3 vWorldDirection;\n\n\t\t\t\tvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\n\t\t\t\t\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n\n\t\t\t\t}\n\n\t\t\t\tvoid main() {\n\n\t\t\t\t\tvWorldDirection = transformDirection( position, modelMatrix );\n\n\t\t\t\t\t#include <begin_vertex>\n\t\t\t\t\t#include <project_vertex>\n\n\t\t\t\t}\n\t\t\t",fragmentShader:"\n\n\t\t\t\tuniform sampler2D tEquirect;\n\n\t\t\t\tvarying vec3 vWorldDirection;\n\n\t\t\t\t#include <common>\n\n\t\t\t\tvoid main() {\n\n\t\t\t\t\tvec3 direction = normalize( vWorldDirection );\n\n\t\t\t\t\tvec2 sampleUV = equirectUv( direction );\n\n\t\t\t\t\tgl_FragColor = texture2D( tEquirect, sampleUV );\n\n\t\t\t\t}\n\t\t\t"},i=new wn(5,5,5),r=new Sn({name:"CubemapFromEquirect",uniforms:bn(n.uniforms),vertexShader:n.vertexShader,fragmentShader:n.fragmentShader,side:1,blending:0});r.uniforms.tEquirect.value=e;const o=new xn(i,r),s=e.minFilter;e.minFilter===b&&(e.minFilter=w);return new Cn(1,10,this).update(t,o),e.minFilter=s,o.geometry.dispose(),o.material.dispose(),this}clear(t,e,n,i){const r=t.getRenderTarget();for(let r=0;r<6;r++)t.setRenderTarget(this,r),t.clear(e,n,i);t.setRenderTarget(r)}}function In(t,e,n,i,r,o,s,a,l,c,h,u){et.call(this,null,o,s,a,l,c,i,r,h,u),this.image={data:t||null,width:e||1,height:n||1},this.magFilter=void 0!==l?l:_,this.minFilter=void 0!==c?c:_,this.generateMipmaps=!1,this.flipY=!1,this.unpackAlignment=1,this.needsUpdate=!0}In.prototype=Object.create(et.prototype),In.prototype.constructor=In,In.prototype.isDataTexture=!0;const Nn=new Et,On=new st;class Bn{constructor(t,e,n,i,r,o){this.planes=[void 0!==t?t:new ce,void 0!==e?e:new ce,void 0!==n?n:new ce,void 0!==i?i:new ce,void 0!==r?r:new ce,void 0!==o?o:new ce]}set(t,e,n,i,r,o){const s=this.planes;return s[0].copy(t),s[1].copy(e),s[2].copy(n),s[3].copy(i),s[4].copy(r),s[5].copy(o),this}clone(){return(new this.constructor).copy(this)}copy(t){const e=this.planes;for(let n=0;n<6;n++)e[n].copy(t.planes[n]);return this}setFromProjectionMatrix(t){const e=this.planes,n=t.elements,i=n[0],r=n[1],o=n[2],s=n[3],a=n[4],l=n[5],c=n[6],h=n[7],u=n[8],d=n[9],p=n[10],f=n[11],m=n[12],g=n[13],v=n[14],y=n[15];return e[0].setComponents(s-i,h-a,f-u,y-m).normalize(),e[1].setComponents(s+i,h+a,f+u,y+m).normalize(),e[2].setComponents(s+r,h+l,f+d,y+g).normalize(),e[3].setComponents(s-r,h-l,f-d,y-g).normalize(),e[4].setComponents(s-o,h-c,f-p,y-v).normalize(),e[5].setComponents(s+o,h+c,f+p,y+v).normalize(),this}intersectsObject(t){const e=t.geometry;return null===e.boundingSphere&&e.computeBoundingSphere(),Nn.copy(e.boundingSphere).applyMatrix4(t.matrixWorld),this.intersectsSphere(Nn)}intersectsSprite(t){return Nn.center.set(0,0,0),Nn.radius=.7071067811865476,Nn.applyMatrix4(t.matrixWorld),this.intersectsSphere(Nn)}intersectsSphere(t){const e=this.planes,n=t.center,i=-t.radius;for(let t=0;t<6;t++){if(e[t].distanceToPoint(n)<i)return!1}return!0}intersectsBox(t){const e=this.planes;for(let n=0;n<6;n++){const i=e[n];if(On.x=i.normal.x>0?t.max.x:t.min.x,On.y=i.normal.y>0?t.max.y:t.min.y,On.z=i.normal.z>0?t.max.z:t.min.z,i.distanceToPoint(On)<0)return!1}return!0}containsPoint(t){const e=this.planes;for(let n=0;n<6;n++)if(e[n].distanceToPoint(t)<0)return!1;return!0}}function Fn(){let t=null,e=!1,n=null,i=null;function r(e,o){n(e,o),i=t.requestAnimationFrame(r)}return{start:function(){!0!==e&&null!==n&&(i=t.requestAnimationFrame(r),e=!0)},stop:function(){t.cancelAnimationFrame(i),e=!1},setAnimationLoop:function(t){n=t},setContext:function(e){t=e}}}function zn(t,e){const n=e.isWebGL2,i=new WeakMap;return{get:function(t){return t.isInterleavedBufferAttribute&&(t=t.data),i.get(t)},remove:function(e){e.isInterleavedBufferAttribute&&(e=e.data);const n=i.get(e);n&&(t.deleteBuffer(n.buffer),i.delete(e))},update:function(e,r){if(e.isGLBufferAttribute){const t=i.get(e);return void((!t||t.version<e.version)&&i.set(e,{buffer:e.buffer,type:e.type,bytesPerElement:e.elementSize,version:e.version}))}e.isInterleavedBufferAttribute&&(e=e.data);const o=i.get(e);void 0===o?i.set(e,function(e,i){const r=e.array,o=e.usage,s=t.createBuffer();t.bindBuffer(i,s),t.bufferData(i,r,o),e.onUploadCallback();let a=5126;return r instanceof Float32Array?a=5126:r instanceof Float64Array?console.warn("THREE.WebGLAttributes: Unsupported data buffer format: Float64Array."):r instanceof Uint16Array?e.isFloat16BufferAttribute?n?a=5131:console.warn("THREE.WebGLAttributes: Usage of Float16BufferAttribute requires WebGL2."):a=5123:r instanceof Int16Array?a=5122:r instanceof Uint32Array?a=5125:r instanceof Int32Array?a=5124:r instanceof Int8Array?a=5120:r instanceof Uint8Array&&(a=5121),{buffer:s,type:a,bytesPerElement:r.BYTES_PER_ELEMENT,version:e.version}}(e,r)):o.version<e.version&&(!function(e,i,r){const o=i.array,s=i.updateRange;t.bindBuffer(r,e),-1===s.count?t.bufferSubData(r,0,o):(n?t.bufferSubData(r,s.offset*o.BYTES_PER_ELEMENT,o,s.offset,s.count):t.bufferSubData(r,s.offset*o.BYTES_PER_ELEMENT,o.subarray(s.offset,s.offset+s.count)),s.count=-1)}(o.buffer,e,r),o.version=e.version)}}}class Un extends en{constructor(t=1,e=1,n=1,i=1){super(),this.type="PlaneGeometry",this.parameters={width:t,height:e,widthSegments:n,heightSegments:i};const r=t/2,o=e/2,s=Math.floor(n),a=Math.floor(i),l=s+1,c=a+1,h=t/s,u=e/a,d=[],p=[],f=[],m=[];for(let t=0;t<c;t++){const e=t*u-o;for(let n=0;n<l;n++){const i=n*h-r;p.push(i,-e,0),f.push(0,0,1),m.push(n/s),m.push(1-t/a)}}for(let t=0;t<a;t++)for(let e=0;e<s;e++){const n=e+l*t,i=e+l*(t+1),r=e+1+l*(t+1),o=e+1+l*t;d.push(n,i,o),d.push(i,r,o)}this.setIndex(d),this.setAttribute("position",new ke(p,3)),this.setAttribute("normal",new ke(f,3)),this.setAttribute("uv",new ke(m,2))}}const Hn={alphamap_fragment:"#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\n#endif",alphamap_pars_fragment:"#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif",alphatest_fragment:"#ifdef ALPHATEST\n\tif ( diffuseColor.a < ALPHATEST ) discard;\n#endif",aomap_fragment:"#ifdef USE_AOMAP\n\tfloat ambientOcclusion = ( texture2D( aoMap, vUv2 ).r - 1.0 ) * aoMapIntensity + 1.0;\n\treflectedLight.indirectDiffuse *= ambientOcclusion;\n\t#if defined( USE_ENVMAP ) && defined( STANDARD )\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.specularRoughness );\n\t#endif\n#endif",aomap_pars_fragment:"#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif",begin_vertex:"vec3 transformed = vec3( position );",beginnormal_vertex:"vec3 objectNormal = vec3( normal );\n#ifdef USE_TANGENT\n\tvec3 objectTangent = vec3( tangent.xyz );\n#endif",bsdfs:"vec2 integrateSpecularBRDF( const in float dotNV, const in float roughness ) {\n\tconst vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n\tconst vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n\tvec4 r = roughness * c0 + c1;\n\tfloat a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n\treturn vec2( -1.04, 1.04 ) * a004 + r.zw;\n}\nfloat punctualLightIntensityToIrradianceFactor( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\tif( cutoffDistance > 0.0 ) {\n\t\tdistanceFalloff *= pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t}\n\treturn distanceFalloff;\n#else\n\tif( cutoffDistance > 0.0 && decayExponent > 0.0 ) {\n\t\treturn pow( saturate( -lightDistance / cutoffDistance + 1.0 ), decayExponent );\n\t}\n\treturn 1.0;\n#endif\n}\nvec3 BRDF_Diffuse_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 specularColor, const in float dotLH ) {\n\tfloat fresnel = exp2( ( -5.55473 * dotLH - 6.98316 ) * dotLH );\n\treturn ( 1.0 - specularColor ) * fresnel + specularColor;\n}\nvec3 F_Schlick_RoughnessDependent( const in vec3 F0, const in float dotNV, const in float roughness ) {\n\tfloat fresnel = exp2( ( -5.55473 * dotNV - 6.98316 ) * dotNV );\n\tvec3 Fr = max( vec3( 1.0 - roughness ), F0 ) - F0;\n\treturn Fr * fresnel + F0;\n}\nfloat G_GGX_Smith( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gl = dotNL + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\tfloat gv = dotNV + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\treturn 1.0 / ( gl * gv );\n}\nfloat G_GGX_SmithCorrelated( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\treturn 0.5 / max( gv + gl, EPSILON );\n}\nfloat D_GGX( const in float alpha, const in float dotNH ) {\n\tfloat a2 = pow2( alpha );\n\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0;\n\treturn RECIPROCAL_PI * a2 / pow2( denom );\n}\nvec3 BRDF_Specular_GGX( const in IncidentLight incidentLight, const in vec3 viewDir, const in vec3 normal, const in vec3 specularColor, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + viewDir );\n\tfloat dotNL = saturate( dot( normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\tfloat D = D_GGX( alpha, dotNH );\n\treturn F * ( G * D );\n}\nvec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {\n\tconst float LUT_SIZE = 64.0;\n\tconst float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;\n\tconst float LUT_BIAS = 0.5 / LUT_SIZE;\n\tfloat dotNV = saturate( dot( N, V ) );\n\tvec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );\n\tuv = uv * LUT_SCALE + LUT_BIAS;\n\treturn uv;\n}\nfloat LTC_ClippedSphereFormFactor( const in vec3 f ) {\n\tfloat l = length( f );\n\treturn max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );\n}\nvec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {\n\tfloat x = dot( v1, v2 );\n\tfloat y = abs( x );\n\tfloat a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;\n\tfloat b = 3.4175940 + ( 4.1616724 + y ) * y;\n\tfloat v = a / b;\n\tfloat theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;\n\treturn cross( v1, v2 ) * theta_sintheta;\n}\nvec3 LTC_Evaluate( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in vec3 rectCoords[ 4 ] ) {\n\tvec3 v1 = rectCoords[ 1 ] - rectCoords[ 0 ];\n\tvec3 v2 = rectCoords[ 3 ] - rectCoords[ 0 ];\n\tvec3 lightNormal = cross( v1, v2 );\n\tif( dot( lightNormal, P - rectCoords[ 0 ] ) < 0.0 ) return vec3( 0.0 );\n\tvec3 T1, T2;\n\tT1 = normalize( V - N * dot( V, N ) );\n\tT2 = - cross( N, T1 );\n\tmat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );\n\tvec3 coords[ 4 ];\n\tcoords[ 0 ] = mat * ( rectCoords[ 0 ] - P );\n\tcoords[ 1 ] = mat * ( rectCoords[ 1 ] - P );\n\tcoords[ 2 ] = mat * ( rectCoords[ 2 ] - P );\n\tcoords[ 3 ] = mat * ( rectCoords[ 3 ] - P );\n\tcoords[ 0 ] = normalize( coords[ 0 ] );\n\tcoords[ 1 ] = normalize( coords[ 1 ] );\n\tcoords[ 2 ] = normalize( coords[ 2 ] );\n\tcoords[ 3 ] = normalize( coords[ 3 ] );\n\tvec3 vectorFormFactor = vec3( 0.0 );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );\n\tfloat result = LTC_ClippedSphereFormFactor( vectorFormFactor );\n\treturn vec3( result );\n}\nvec3 BRDF_Specular_GGX_Environment( const in vec3 viewDir, const in vec3 normal, const in vec3 specularColor, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tvec2 brdf = integrateSpecularBRDF( dotNV, roughness );\n\treturn specularColor * brdf.x + brdf.y;\n}\nvoid BRDF_Specular_Multiscattering_Environment( const in GeometricContext geometry, const in vec3 specularColor, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\tvec3 F = F_Schlick_RoughnessDependent( specularColor, dotNV, roughness );\n\tvec2 brdf = integrateSpecularBRDF( dotNV, roughness );\n\tvec3 FssEss = F * brdf.x + brdf.y;\n\tfloat Ess = brdf.x + brdf.y;\n\tfloat Ems = 1.0 - Ess;\n\tvec3 Favg = specularColor + ( 1.0 - specularColor ) * 0.047619;\tvec3 Fms = FssEss * Favg / ( 1.0 - Ems * Favg );\n\tsingleScatter += FssEss;\n\tmultiScatter += Fms * Ems;\n}\nfloat G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_Specular_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n}\nfloat GGXRoughnessToBlinnExponent( const in float ggxRoughness ) {\n\treturn ( 2.0 / pow2( ggxRoughness + 0.0001 ) - 2.0 );\n}\nfloat BlinnExponentToGGXRoughness( const in float blinnExponent ) {\n\treturn sqrt( 2.0 / ( blinnExponent + 2.0 ) );\n}\n#if defined( USE_SHEEN )\nfloat D_Charlie(float roughness, float NoH) {\n\tfloat invAlpha = 1.0 / roughness;\n\tfloat cos2h = NoH * NoH;\n\tfloat sin2h = max(1.0 - cos2h, 0.0078125);\treturn (2.0 + invAlpha) * pow(sin2h, invAlpha * 0.5) / (2.0 * PI);\n}\nfloat V_Neubelt(float NoV, float NoL) {\n\treturn saturate(1.0 / (4.0 * (NoL + NoV - NoL * NoV)));\n}\nvec3 BRDF_Specular_Sheen( const in float roughness, const in vec3 L, const in GeometricContext geometry, vec3 specularColor ) {\n\tvec3 N = geometry.normal;\n\tvec3 V = geometry.viewDir;\n\tvec3 H = normalize( V + L );\n\tfloat dotNH = saturate( dot( N, H ) );\n\treturn specularColor * D_Charlie( roughness, dotNH ) * V_Neubelt( dot(N, V), dot(N, L) );\n}\n#endif",bumpmap_pars_fragment:"#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vUv );\n\t\tvec2 dSTdy = dFdy( vUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy ) {\n\t\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\n\t\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 );\n\t\tfDet *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif",clipping_planes_fragment:"#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vClipPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#pragma unroll_loop_end\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop_start\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vClipPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\t#pragma unroll_loop_end\n\t\tif ( clipped ) discard;\n\t#endif\n#endif",clipping_planes_pars_fragment:"#if NUM_CLIPPING_PLANES > 0\n\tvarying vec3 vClipPosition;\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif",clipping_planes_pars_vertex:"#if NUM_CLIPPING_PLANES > 0\n\tvarying vec3 vClipPosition;\n#endif",clipping_planes_vertex:"#if NUM_CLIPPING_PLANES > 0\n\tvClipPosition = - mvPosition.xyz;\n#endif",color_fragment:"#ifdef USE_COLOR\n\tdiffuseColor.rgb *= vColor;\n#endif",color_pars_fragment:"#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif",color_pars_vertex:"#if defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvarying vec3 vColor;\n#endif",color_vertex:"#if defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvColor = vec3( 1.0 );\n#endif\n#ifdef USE_COLOR\n\tvColor.xyz *= color.xyz;\n#endif\n#ifdef USE_INSTANCING_COLOR\n\tvColor.xyz *= instanceColor.xyz;\n#endif",common:"#define PI 3.141592653589793\n#define PI2 6.283185307179586\n#define PI_HALF 1.5707963267948966\n#define RECIPROCAL_PI 0.3183098861837907\n#define RECIPROCAL_PI2 0.15915494309189535\n#define EPSILON 1e-6\n#ifndef saturate\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\n#define whiteComplement(a) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract(sin(sn) * c);\n}\n#ifdef HIGH_PRECISION\n\tfloat precisionSafeLength( vec3 v ) { return length( v ); }\n#else\n\tfloat max3( vec3 v ) { return max( max( v.x, v.y ), v.z ); }\n\tfloat precisionSafeLength( vec3 v ) {\n\t\tfloat maxComponent = max3( abs( v ) );\n\t\treturn length( v / maxComponent ) * maxComponent;\n\t}\n#endif\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n#ifdef CLEARCOAT\n\tvec3 clearcoatNormal;\n#endif\n};\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nvec3 projectOnPlane(in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\tfloat distance = dot( planeNormal, point - pointOnPlane );\n\treturn - distance * planeNormal + point;\n}\nfloat sideOfPlane( in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn sign( dot( point - pointOnPlane, planeNormal ) );\n}\nvec3 linePlaneIntersect( in vec3 pointOnLine, in vec3 lineDirection, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn lineDirection * ( dot( planeNormal, pointOnPlane - pointOnLine ) / dot( planeNormal, lineDirection ) ) + pointOnLine;\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.rgb );\n}\nbool isPerspectiveMatrix( mat4 m ) {\n\treturn m[ 2 ][ 3 ] == - 1.0;\n}\nvec2 equirectUv( in vec3 dir ) {\n\tfloat u = atan( dir.z, dir.x ) * RECIPROCAL_PI2 + 0.5;\n\tfloat v = asin( clamp( dir.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\treturn vec2( u, v );\n}",cube_uv_reflection_fragment:"#ifdef ENVMAP_TYPE_CUBE_UV\n\t#define cubeUV_maxMipLevel 8.0\n\t#define cubeUV_minMipLevel 4.0\n\t#define cubeUV_maxTileSize 256.0\n\t#define cubeUV_minTileSize 16.0\n\tfloat getFace( vec3 direction ) {\n\t\tvec3 absDirection = abs( direction );\n\t\tfloat face = - 1.0;\n\t\tif ( absDirection.x > absDirection.z ) {\n\t\t\tif ( absDirection.x > absDirection.y )\n\t\t\t\tface = direction.x > 0.0 ? 0.0 : 3.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t} else {\n\t\t\tif ( absDirection.z > absDirection.y )\n\t\t\t\tface = direction.z > 0.0 ? 2.0 : 5.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t}\n\t\treturn face;\n\t}\n\tvec2 getUV( vec3 direction, float face ) {\n\t\tvec2 uv;\n\t\tif ( face == 0.0 ) {\n\t\t\tuv = vec2( direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 1.0 ) {\n\t\t\tuv = vec2( - direction.x, - direction.z ) / abs( direction.y );\n\t\t} else if ( face == 2.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.y ) / abs( direction.z );\n\t\t} else if ( face == 3.0 ) {\n\t\t\tuv = vec2( - direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 4.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.z ) / abs( direction.y );\n\t\t} else {\n\t\t\tuv = vec2( direction.x, direction.y ) / abs( direction.z );\n\t\t}\n\t\treturn 0.5 * ( uv + 1.0 );\n\t}\n\tvec3 bilinearCubeUV( sampler2D envMap, vec3 direction, float mipInt ) {\n\t\tfloat face = getFace( direction );\n\t\tfloat filterInt = max( cubeUV_minMipLevel - mipInt, 0.0 );\n\t\tmipInt = max( mipInt, cubeUV_minMipLevel );\n\t\tfloat faceSize = exp2( mipInt );\n\t\tfloat texelSize = 1.0 / ( 3.0 * cubeUV_maxTileSize );\n\t\tvec2 uv = getUV( direction, face ) * ( faceSize - 1.0 );\n\t\tvec2 f = fract( uv );\n\t\tuv += 0.5 - f;\n\t\tif ( face > 2.0 ) {\n\t\t\tuv.y += faceSize;\n\t\t\tface -= 3.0;\n\t\t}\n\t\tuv.x += face * faceSize;\n\t\tif ( mipInt < cubeUV_maxMipLevel ) {\n\t\t\tuv.y += 2.0 * cubeUV_maxTileSize;\n\t\t}\n\t\tuv.y += filterInt * 2.0 * cubeUV_minTileSize;\n\t\tuv.x += 3.0 * max( 0.0, cubeUV_maxTileSize - 2.0 * faceSize );\n\t\tuv *= texelSize;\n\t\tvec3 tl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x += texelSize;\n\t\tvec3 tr = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.y += texelSize;\n\t\tvec3 br = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x -= texelSize;\n\t\tvec3 bl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tvec3 tm = mix( tl, tr, f.x );\n\t\tvec3 bm = mix( bl, br, f.x );\n\t\treturn mix( tm, bm, f.y );\n\t}\n\t#define r0 1.0\n\t#define v0 0.339\n\t#define m0 - 2.0\n\t#define r1 0.8\n\t#define v1 0.276\n\t#define m1 - 1.0\n\t#define r4 0.4\n\t#define v4 0.046\n\t#define m4 2.0\n\t#define r5 0.305\n\t#define v5 0.016\n\t#define m5 3.0\n\t#define r6 0.21\n\t#define v6 0.0038\n\t#define m6 4.0\n\tfloat roughnessToMip( float roughness ) {\n\t\tfloat mip = 0.0;\n\t\tif ( roughness >= r1 ) {\n\t\t\tmip = ( r0 - roughness ) * ( m1 - m0 ) / ( r0 - r1 ) + m0;\n\t\t} else if ( roughness >= r4 ) {\n\t\t\tmip = ( r1 - roughness ) * ( m4 - m1 ) / ( r1 - r4 ) + m1;\n\t\t} else if ( roughness >= r5 ) {\n\t\t\tmip = ( r4 - roughness ) * ( m5 - m4 ) / ( r4 - r5 ) + m4;\n\t\t} else if ( roughness >= r6 ) {\n\t\t\tmip = ( r5 - roughness ) * ( m6 - m5 ) / ( r5 - r6 ) + m5;\n\t\t} else {\n\t\t\tmip = - 2.0 * log2( 1.16 * roughness );\t\t}\n\t\treturn mip;\n\t}\n\tvec4 textureCubeUV( sampler2D envMap, vec3 sampleDir, float roughness ) {\n\t\tfloat mip = clamp( roughnessToMip( roughness ), m0, cubeUV_maxMipLevel );\n\t\tfloat mipF = fract( mip );\n\t\tfloat mipInt = floor( mip );\n\t\tvec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );\n\t\tif ( mipF == 0.0 ) {\n\t\t\treturn vec4( color0, 1.0 );\n\t\t} else {\n\t\t\tvec3 color1 = bilinearCubeUV( envMap, sampleDir, mipInt + 1.0 );\n\t\t\treturn vec4( mix( color0, color1, mipF ), 1.0 );\n\t\t}\n\t}\n#endif",defaultnormal_vertex:"vec3 transformedNormal = objectNormal;\n#ifdef USE_INSTANCING\n\tmat3 m = mat3( instanceMatrix );\n\ttransformedNormal /= vec3( dot( m[ 0 ], m[ 0 ] ), dot( m[ 1 ], m[ 1 ] ), dot( m[ 2 ], m[ 2 ] ) );\n\ttransformedNormal = m * transformedNormal;\n#endif\ntransformedNormal = normalMatrix * transformedNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n#ifdef USE_TANGENT\n\tvec3 transformedTangent = ( modelViewMatrix * vec4( objectTangent, 0.0 ) ).xyz;\n\t#ifdef FLIP_SIDED\n\t\ttransformedTangent = - transformedTangent;\n\t#endif\n#endif",displacementmap_pars_vertex:"#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif",displacementmap_vertex:"#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, vUv ).x * displacementScale + displacementBias );\n#endif",emissivemap_fragment:"#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif",emissivemap_pars_fragment:"#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif",encodings_fragment:"gl_FragColor = linearToOutputTexel( gl_FragColor );",encodings_pars_fragment:"\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( gammaFactor ) ), value.a );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( 1.0 / gammaFactor ) ), value.a );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.a );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.a );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * value.a * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = clamp( floor( D ) / 255.0, 0.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = cLogLuvM * value.rgb;\n\tXp_Y_XYZp = max( Xp_Y_XYZp, vec3( 1e-6, 1e-6, 1e-6 ) );\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract( Le );\n\tvResult.z = ( Le - ( floor( vResult.w * 255.0 ) ) / 255.0 ) / 255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2( ( Le - 127.0 ) / 2.0 );\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = cLogLuvInverseM * Xp_Y_XYZp.rgb;\n\treturn vec4( max( vRGB, 0.0 ), 1.0 );\n}",envmap_fragment:"#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvec3 cameraToFrag;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToFrag = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToFrag = normalize( vWorldPosition - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToFrag, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToFrag, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\tvec4 envColor = textureCubeUV( envMap, reflectVec, 0.0 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\t#ifndef ENVMAP_TYPE_CUBE_UV\n\t\tenvColor = envMapTexelToLinear( envColor );\n\t#endif\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif",envmap_common_pars_fragment:"#ifdef USE_ENVMAP\n\tuniform float envMapIntensity;\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\t\n#endif",envmap_pars_fragment:"#ifdef USE_ENVMAP\n\tuniform float reflectivity;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\t#define ENV_WORLDPOS\n\t#endif\n\t#ifdef ENV_WORLDPOS\n\t\tvarying vec3 vWorldPosition;\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif",envmap_pars_vertex:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) ||defined( PHONG )\n\t\t#define ENV_WORLDPOS\n\t#endif\n\t#ifdef ENV_WORLDPOS\n\t\t\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif",envmap_physical_pars_fragment:"#if defined( USE_ENVMAP )\n\t#ifdef ENVMAP_MODE_REFRACTION\n\t\tuniform float refractionRatio;\n\t#endif\n\tvec3 getLightProbeIndirectIrradiance( const in GeometricContext geometry, const in int maxMIPLevel ) {\n\t\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, worldNormal, 1.0 );\n\t\t#else\n\t\t\tvec4 envMapColor = vec4( 0.0 );\n\t\t#endif\n\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t}\n\tfloat getSpecularMIPLevel( const in float roughness, const in int maxMIPLevel ) {\n\t\tfloat maxMIPLevelScalar = float( maxMIPLevel );\n\t\tfloat sigma = PI * roughness * roughness / ( 1.0 + roughness );\n\t\tfloat desiredMIPLevel = maxMIPLevelScalar + log2( sigma );\n\t\treturn clamp( desiredMIPLevel, 0.0, maxMIPLevelScalar );\n\t}\n\tvec3 getLightProbeIndirectRadiance( const in vec3 viewDir, const in vec3 normal, const in float roughness, const in int maxMIPLevel ) {\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( -viewDir, normal );\n\t\t\treflectVec = normalize( mix( reflectVec, normal, roughness * roughness) );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( -viewDir, normal, refractionRatio );\n\t\t#endif\n\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\tfloat specularMIPLevel = getSpecularMIPLevel( roughness, maxMIPLevel );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, reflectVec, roughness );\n\t\t#endif\n\t\treturn envMapColor.rgb * envMapIntensity;\n\t}\n#endif",envmap_vertex:"#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToVertex = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToVertex = normalize( worldPosition.xyz - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvReflect = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#endif\n#endif",fog_vertex:"#ifdef USE_FOG\n\tfogDepth = - mvPosition.z;\n#endif",fog_pars_vertex:"#ifdef USE_FOG\n\tvarying float fogDepth;\n#endif",fog_fragment:"#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = 1.0 - exp( - fogDensity * fogDensity * fogDepth * fogDepth );\n\t#else\n\t\tfloat fogFactor = smoothstep( fogNear, fogFar, fogDepth );\n\t#endif\n\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n#endif",fog_pars_fragment:"#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float fogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif",gradientmap_pars_fragment:"#ifdef USE_GRADIENTMAP\n\tuniform sampler2D gradientMap;\n#endif\nvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\tfloat dotNL = dot( normal, lightDirection );\n\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t#ifdef USE_GRADIENTMAP\n\t\treturn texture2D( gradientMap, coord ).rgb;\n\t#else\n\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t#endif\n}",lightmap_fragment:"#ifdef USE_LIGHTMAP\n\tvec4 lightMapTexel= texture2D( lightMap, vUv2 );\n\treflectedLight.indirectDiffuse += PI * lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n#endif",lightmap_pars_fragment:"#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif",lights_lambert_vertex:"vec3 diffuse = vec3( 1.0 );\nGeometricContext geometry;\ngeometry.position = mvPosition.xyz;\ngeometry.normal = normalize( transformedNormal );\ngeometry.viewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\nvIndirectFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n\tvIndirectBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\nvIndirectFront += getAmbientLightIrradiance( ambientLightColor );\nvIndirectFront += getLightProbeIrradiance( lightProbe, geometry );\n#ifdef DOUBLE_SIDED\n\tvIndirectBack += getAmbientLightIrradiance( ambientLightColor );\n\tvIndirectBack += getLightProbeIrradiance( lightProbe, backGeometry );\n#endif\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tgetPointDirectLightIrradiance( pointLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tgetSpotDirectLightIrradiance( spotLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tgetDirectionalDirectLightIrradiance( directionalLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvIndirectFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvIndirectBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif",lights_pars_begin:"uniform bool receiveShadow;\nuniform vec3 ambientLightColor;\nuniform vec3 lightProbe[ 9 ];\nvec3 shGetIrradianceAt( in vec3 normal, in vec3 shCoefficients[ 9 ] ) {\n\tfloat x = normal.x, y = normal.y, z = normal.z;\n\tvec3 result = shCoefficients[ 0 ] * 0.886227;\n\tresult += shCoefficients[ 1 ] * 2.0 * 0.511664 * y;\n\tresult += shCoefficients[ 2 ] * 2.0 * 0.511664 * z;\n\tresult += shCoefficients[ 3 ] * 2.0 * 0.511664 * x;\n\tresult += shCoefficients[ 4 ] * 2.0 * 0.429043 * x * y;\n\tresult += shCoefficients[ 5 ] * 2.0 * 0.429043 * y * z;\n\tresult += shCoefficients[ 6 ] * ( 0.743125 * z * z - 0.247708 );\n\tresult += shCoefficients[ 7 ] * 2.0 * 0.429043 * x * z;\n\tresult += shCoefficients[ 8 ] * 0.429043 * ( x * x - y * y );\n\treturn result;\n}\nvec3 getLightProbeIrradiance( const in vec3 lightProbe[ 9 ], const in GeometricContext geometry ) {\n\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\tvec3 irradiance = shGetIrradianceAt( worldNormal, lightProbe );\n\treturn irradiance;\n}\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treturn irradiance;\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalDirectLightIrradiance( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tdirectLight.color = directionalLight.color;\n\t\tdirectLight.direction = directionalLight.direction;\n\t\tdirectLight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointDirectLightIrradiance( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tdirectLight.color = pointLight.color;\n\t\tdirectLight.color *= punctualLightIntensityToIrradianceFactor( lightDistance, pointLight.distance, pointLight.decay );\n\t\tdirectLight.visible = ( directLight.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotDirectLightIrradiance( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tfloat angleCos = dot( directLight.direction, spotLight.direction );\n\t\tif ( angleCos > spotLight.coneCos ) {\n\t\t\tfloat spotEffect = smoothstep( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\t\tdirectLight.color = spotLight.color;\n\t\t\tdirectLight.color *= spotEffect * punctualLightIntensityToIrradianceFactor( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tdirectLight.visible = true;\n\t\t} else {\n\t\t\tdirectLight.color = vec3( 0.0 );\n\t\t\tdirectLight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\n\t\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tirradiance *= PI;\n\t\t#endif\n\t\treturn irradiance;\n\t}\n#endif",lights_toon_fragment:"ToonMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;",lights_toon_pars_fragment:"varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct ToonMaterial {\n\tvec3 diffuseColor;\n};\nvoid RE_Direct_Toon( const in IncidentLight directLight, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Toon( const in vec3 irradiance, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_Toon\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Toon\n#define Material_LightProbeLOD( material )\t(0)",lights_phong_fragment:"BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;",lights_phong_pars_fragment:"varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct BlinnPhongMaterial {\n\tvec3 diffuseColor;\n\tvec3 specularColor;\n\tfloat specularShininess;\n\tfloat specularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_Specular_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)",lights_physical_fragment:"PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nvec3 dxy = max( abs( dFdx( geometryNormal ) ), abs( dFdy( geometryNormal ) ) );\nfloat geometryRoughness = max( max( dxy.x, dxy.y ), dxy.z );\nmaterial.specularRoughness = max( roughnessFactor, 0.0525 );material.specularRoughness += geometryRoughness;\nmaterial.specularRoughness = min( material.specularRoughness, 1.0 );\n#ifdef REFLECTIVITY\n\tmaterial.specularColor = mix( vec3( MAXIMUM_SPECULAR_COEFFICIENT * pow2( reflectivity ) ), diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( DEFAULT_SPECULAR_COEFFICIENT ), diffuseColor.rgb, metalnessFactor );\n#endif\n#ifdef CLEARCOAT\n\tmaterial.clearcoat = clearcoat;\n\tmaterial.clearcoatRoughness = clearcoatRoughness;\n\t#ifdef USE_CLEARCOATMAP\n\t\tmaterial.clearcoat *= texture2D( clearcoatMap, vUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vUv ).y;\n\t#endif\n\tmaterial.clearcoat = saturate( material.clearcoat );\tmaterial.clearcoatRoughness = max( material.clearcoatRoughness, 0.0525 );\n\tmaterial.clearcoatRoughness += geometryRoughness;\n\tmaterial.clearcoatRoughness = min( material.clearcoatRoughness, 1.0 );\n#endif\n#ifdef USE_SHEEN\n\tmaterial.sheenColor = sheen;\n#endif",lights_physical_pars_fragment:"struct PhysicalMaterial {\n\tvec3 diffuseColor;\n\tfloat specularRoughness;\n\tvec3 specularColor;\n#ifdef CLEARCOAT\n\tfloat clearcoat;\n\tfloat clearcoatRoughness;\n#endif\n#ifdef USE_SHEEN\n\tvec3 sheenColor;\n#endif\n};\n#define MAXIMUM_SPECULAR_COEFFICIENT 0.16\n#define DEFAULT_SPECULAR_COEFFICIENT 0.04\nfloat clearcoatDHRApprox( const in float roughness, const in float dotNL ) {\n\treturn DEFAULT_SPECULAR_COEFFICIENT + ( 1.0 - DEFAULT_SPECULAR_COEFFICIENT ) * ( pow( 1.0 - dotNL, 5.0 ) * pow( 1.0 - roughness, 2.0 ) );\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\n\t\tvec3 lightPos = rectAreaLight.position;\n\t\tvec3 halfWidth = rectAreaLight.halfWidth;\n\t\tvec3 halfHeight = rectAreaLight.halfHeight;\n\t\tvec3 lightColor = rectAreaLight.color;\n\t\tfloat roughness = material.specularRoughness;\n\t\tvec3 rectCoords[ 4 ];\n\t\trectCoords[ 0 ] = lightPos + halfWidth - halfHeight;\t\trectCoords[ 1 ] = lightPos - halfWidth - halfHeight;\n\t\trectCoords[ 2 ] = lightPos - halfWidth + halfHeight;\n\t\trectCoords[ 3 ] = lightPos + halfWidth + halfHeight;\n\t\tvec2 uv = LTC_Uv( normal, viewDir, roughness );\n\t\tvec4 t1 = texture2D( ltc_1, uv );\n\t\tvec4 t2 = texture2D( ltc_2, uv );\n\t\tmat3 mInv = mat3(\n\t\t\tvec3( t1.x, 0, t1.y ),\n\t\t\tvec3(    0, 1,    0 ),\n\t\t\tvec3( t1.z, 0, t1.w )\n\t\t);\n\t\tvec3 fresnel = ( material.specularColor * t2.x + ( vec3( 1.0 ) - material.specularColor ) * t2.y );\n\t\treflectedLight.directSpecular += lightColor * fresnel * LTC_Evaluate( normal, viewDir, position, mInv, rectCoords );\n\t\treflectedLight.directDiffuse += lightColor * material.diffuseColor * LTC_Evaluate( normal, viewDir, position, mat3( 1.0 ), rectCoords );\n\t}\n#endif\nvoid RE_Direct_Physical( const in IncidentLight directLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\t#ifdef CLEARCOAT\n\t\tfloat ccDotNL = saturate( dot( geometry.clearcoatNormal, directLight.direction ) );\n\t\tvec3 ccIrradiance = ccDotNL * directLight.color;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tccIrradiance *= PI;\n\t\t#endif\n\t\tfloat clearcoatDHR = material.clearcoat * clearcoatDHRApprox( material.clearcoatRoughness, ccDotNL );\n\t\treflectedLight.directSpecular += ccIrradiance * material.clearcoat * BRDF_Specular_GGX( directLight, geometry.viewDir, geometry.clearcoatNormal, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearcoatRoughness );\n\t#else\n\t\tfloat clearcoatDHR = 0.0;\n\t#endif\n\t#ifdef USE_SHEEN\n\t\treflectedLight.directSpecular += ( 1.0 - clearcoatDHR ) * irradiance * BRDF_Specular_Sheen(\n\t\t\tmaterial.specularRoughness,\n\t\t\tdirectLight.direction,\n\t\t\tgeometry,\n\t\t\tmaterial.sheenColor\n\t\t);\n\t#else\n\t\treflectedLight.directSpecular += ( 1.0 - clearcoatDHR ) * irradiance * BRDF_Specular_GGX( directLight, geometry.viewDir, geometry.normal, material.specularColor, material.specularRoughness);\n\t#endif\n\treflectedLight.directDiffuse += ( 1.0 - clearcoatDHR ) * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 irradiance, const in vec3 clearcoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\n\t#ifdef CLEARCOAT\n\t\tfloat ccDotNV = saturate( dot( geometry.clearcoatNormal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular += clearcoatRadiance * material.clearcoat * BRDF_Specular_GGX_Environment( geometry.viewDir, geometry.clearcoatNormal, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearcoatRoughness );\n\t\tfloat ccDotNL = ccDotNV;\n\t\tfloat clearcoatDHR = material.clearcoat * clearcoatDHRApprox( material.clearcoatRoughness, ccDotNL );\n\t#else\n\t\tfloat clearcoatDHR = 0.0;\n\t#endif\n\tfloat clearcoatInv = 1.0 - clearcoatDHR;\n\tvec3 singleScattering = vec3( 0.0 );\n\tvec3 multiScattering = vec3( 0.0 );\n\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\n\tBRDF_Specular_Multiscattering_Environment( geometry, material.specularColor, material.specularRoughness, singleScattering, multiScattering );\n\tvec3 diffuse = material.diffuseColor * ( 1.0 - ( singleScattering + multiScattering ) );\n\treflectedLight.indirectSpecular += clearcoatInv * radiance * singleScattering;\n\treflectedLight.indirectSpecular += multiScattering * cosineWeightedIrradiance;\n\treflectedLight.indirectDiffuse += diffuse * cosineWeightedIrradiance;\n}\n#define RE_Direct\t\t\t\tRE_Direct_Physical\n#define RE_Direct_RectArea\t\tRE_Direct_RectArea_Physical\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Physical\n#define RE_IndirectSpecular\t\tRE_IndirectSpecular_Physical\nfloat computeSpecularOcclusion( const in float dotNV, const in float ambientOcclusion, const in float roughness ) {\n\treturn saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\n}",lights_fragment_begin:"\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( vViewPosition );\n#ifdef CLEARCOAT\n\tgeometry.clearcoatNormal = clearcoatNormal;\n#endif\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_POINT_LIGHT_SHADOWS > 0\n\tPointLightShadow pointLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointDirectLightIrradiance( pointLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_POINT_LIGHT_SHADOWS )\n\t\tpointLightShadow = pointLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getPointShadow( pointShadowMap[ i ], pointLightShadow.shadowMapSize, pointLightShadow.shadowBias, pointLightShadow.shadowRadius, vPointShadowCoord[ i ], pointLightShadow.shadowCameraNear, pointLightShadow.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_SPOT_LIGHT_SHADOWS > 0\n\tSpotLightShadow spotLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotDirectLightIrradiance( spotLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_SPOT_LIGHT_SHADOWS )\n\t\tspotLightShadow = spotLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getShadow( spotShadowMap[ i ], spotLightShadow.shadowMapSize, spotLightShadow.shadowBias, spotLightShadow.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_DIR_LIGHT_SHADOWS > 0\n\tDirectionalLightShadow directionalLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalDirectLightIrradiance( directionalLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_DIR_LIGHT_SHADOWS )\n\t\tdirectionalLightShadow = directionalLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getShadow( directionalShadowMap[ i ], directionalLightShadow.shadowMapSize, directionalLightShadow.shadowBias, directionalLightShadow.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 iblIrradiance = vec3( 0.0 );\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\tirradiance += getLightProbeIrradiance( lightProbe, geometry );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop_start\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t\t#pragma unroll_loop_end\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearcoatRadiance = vec3( 0.0 );\n#endif",lights_fragment_maps:"#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec4 lightMapTexel= texture2D( lightMap, vUv2 );\n\t\tvec3 lightMapIrradiance = lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tlightMapIrradiance *= PI;\n\t\t#endif\n\t\tirradiance += lightMapIrradiance;\n\t#endif\n\t#if defined( USE_ENVMAP ) && defined( STANDARD ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tiblIrradiance += getLightProbeIndirectIrradiance( geometry, maxMipLevel );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getLightProbeIndirectRadiance( geometry.viewDir, geometry.normal, material.specularRoughness, maxMipLevel );\n\t#ifdef CLEARCOAT\n\t\tclearcoatRadiance += getLightProbeIndirectRadiance( geometry.viewDir, geometry.clearcoatNormal, material.clearcoatRoughness, maxMipLevel );\n\t#endif\n#endif",lights_fragment_end:"#if defined( RE_IndirectDiffuse )\n\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\n#endif\n#if defined( RE_IndirectSpecular )\n\tRE_IndirectSpecular( radiance, iblIrradiance, clearcoatRadiance, geometry, material, reflectedLight );\n#endif",logdepthbuf_fragment:"#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = vIsPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif",logdepthbuf_pars_fragment:"#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tuniform float logDepthBufFC;\n\tvarying float vFragDepth;\n\tvarying float vIsPerspective;\n#endif",logdepthbuf_pars_vertex:"#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t\tvarying float vIsPerspective;\n\t#else\n\t\tuniform float logDepthBufFC;\n\t#endif\n#endif",logdepthbuf_vertex:"#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t\tvIsPerspective = float( isPerspectiveMatrix( projectionMatrix ) );\n\t#else\n\t\tif ( isPerspectiveMatrix( projectionMatrix ) ) {\n\t\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\t\tgl_Position.z *= gl_Position.w;\n\t\t}\n\t#endif\n#endif",map_fragment:"#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif",map_pars_fragment:"#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif",map_particle_fragment:"#if defined( USE_MAP ) || defined( USE_ALPHAMAP )\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n#endif\n#ifdef USE_MAP\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, uv ).g;\n#endif",map_particle_pars_fragment:"#if defined( USE_MAP ) || defined( USE_ALPHAMAP )\n\tuniform mat3 uvTransform;\n#endif\n#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif",metalnessmap_fragment:"float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif",metalnessmap_pars_fragment:"#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif",morphnormal_vertex:"#ifdef USE_MORPHNORMALS\n\tobjectNormal *= morphTargetBaseInfluence;\n\tobjectNormal += morphNormal0 * morphTargetInfluences[ 0 ];\n\tobjectNormal += morphNormal1 * morphTargetInfluences[ 1 ];\n\tobjectNormal += morphNormal2 * morphTargetInfluences[ 2 ];\n\tobjectNormal += morphNormal3 * morphTargetInfluences[ 3 ];\n#endif",morphtarget_pars_vertex:"#ifdef USE_MORPHTARGETS\n\tuniform float morphTargetBaseInfluence;\n\t#ifndef USE_MORPHNORMALS\n\t\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\t\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif",morphtarget_vertex:"#ifdef USE_MORPHTARGETS\n\ttransformed *= morphTargetBaseInfluence;\n\ttransformed += morphTarget0 * morphTargetInfluences[ 0 ];\n\ttransformed += morphTarget1 * morphTargetInfluences[ 1 ];\n\ttransformed += morphTarget2 * morphTargetInfluences[ 2 ];\n\ttransformed += morphTarget3 * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\t\ttransformed += morphTarget4 * morphTargetInfluences[ 4 ];\n\t\ttransformed += morphTarget5 * morphTargetInfluences[ 5 ];\n\t\ttransformed += morphTarget6 * morphTargetInfluences[ 6 ];\n\t\ttransformed += morphTarget7 * morphTargetInfluences[ 7 ];\n\t#endif\n#endif",normal_fragment_begin:"#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t#endif\n\t#ifdef USE_TANGENT\n\t\tvec3 tangent = normalize( vTangent );\n\t\tvec3 bitangent = normalize( vBitangent );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\ttangent = tangent * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\t\tbitangent = bitangent * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\t#endif\n\t\t#if defined( TANGENTSPACE_NORMALMAP ) || defined( USE_CLEARCOAT_NORMALMAP )\n\t\t\tmat3 vTBN = mat3( tangent, bitangent, normal );\n\t\t#endif\n\t#endif\n#endif\nvec3 geometryNormal = normal;",normal_fragment_maps:"#ifdef OBJECTSPACE_NORMALMAP\n\tnormal = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t#ifdef FLIP_SIDED\n\t\tnormal = - normal;\n\t#endif\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t#endif\n\tnormal = normalize( normalMatrix * normal );\n#elif defined( TANGENTSPACE_NORMALMAP )\n\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\tmapN.xy *= normalScale;\n\t#ifdef USE_TANGENT\n\t\tnormal = normalize( vTBN * mapN );\n\t#else\n\t\tnormal = perturbNormal2Arb( -vViewPosition, normal, mapN );\n\t#endif\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( -vViewPosition, normal, dHdxy_fwd() );\n#endif",normalmap_pars_fragment:"#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n#endif\n#ifdef OBJECTSPACE_NORMALMAP\n\tuniform mat3 normalMatrix;\n#endif\n#if ! defined ( USE_TANGENT ) && ( defined ( TANGENTSPACE_NORMALMAP ) || defined ( USE_CLEARCOAT_NORMALMAP ) )\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm, vec3 mapN ) {\n\t\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\n\t\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\n\t\tvec2 st0 = dFdx( vUv.st );\n\t\tvec2 st1 = dFdy( vUv.st );\n\t\tfloat scale = sign( st1.t * st0.s - st0.t * st1.s );\n\t\tvec3 S = normalize( ( q0 * st1.t - q1 * st0.t ) * scale );\n\t\tvec3 T = normalize( ( - q0 * st1.s + q1 * st0.s ) * scale );\n\t\tvec3 N = normalize( surf_norm );\n\t\tmat3 tsn = mat3( S, T, N );\n\t\tmapN.xy *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\treturn normalize( tsn * mapN );\n\t}\n#endif",clearcoat_normal_fragment_begin:"#ifdef CLEARCOAT\n\tvec3 clearcoatNormal = geometryNormal;\n#endif",clearcoat_normal_fragment_maps:"#ifdef USE_CLEARCOAT_NORMALMAP\n\tvec3 clearcoatMapN = texture2D( clearcoatNormalMap, vUv ).xyz * 2.0 - 1.0;\n\tclearcoatMapN.xy *= clearcoatNormalScale;\n\t#ifdef USE_TANGENT\n\t\tclearcoatNormal = normalize( vTBN * clearcoatMapN );\n\t#else\n\t\tclearcoatNormal = perturbNormal2Arb( - vViewPosition, clearcoatNormal, clearcoatMapN );\n\t#endif\n#endif",clearcoat_pars_fragment:"#ifdef USE_CLEARCOATMAP\n\tuniform sampler2D clearcoatMap;\n#endif\n#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\tuniform sampler2D clearcoatRoughnessMap;\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\tuniform sampler2D clearcoatNormalMap;\n\tuniform vec2 clearcoatNormalScale;\n#endif",packing:"vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nvec4 pack2HalfToRGBA( vec2 v ) {\n\tvec4 r = vec4( v.x, fract( v.x * 255.0 ), v.y, fract( v.y * 255.0 ));\n\treturn vec4( r.x - r.y / 255.0, r.y, r.z - r.w / 255.0, r.w);\n}\nvec2 unpackRGBATo2Half( vec4 v ) {\n\treturn vec2( v.x + ( v.y / 255.0 ), v.z + ( v.w / 255.0 ) );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn (( near + viewZ ) * far ) / (( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}",premultiplied_alpha_fragment:"#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif",project_vertex:"vec4 mvPosition = vec4( transformed, 1.0 );\n#ifdef USE_INSTANCING\n\tmvPosition = instanceMatrix * mvPosition;\n#endif\nmvPosition = modelViewMatrix * mvPosition;\ngl_Position = projectionMatrix * mvPosition;",dithering_fragment:"#ifdef DITHERING\n\tgl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif",dithering_pars_fragment:"#ifdef DITHERING\n\tvec3 dithering( vec3 color ) {\n\t\tfloat grid_position = rand( gl_FragCoord.xy );\n\t\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\n\t\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\n\t\treturn color + dither_shift_RGB;\n\t}\n#endif",roughnessmap_fragment:"float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif",roughnessmap_pars_fragment:"#ifdef USE_ROUGHNESSMAP\n\tuniform sampler2D roughnessMap;\n#endif",shadowmap_pars_fragment:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tstruct DirectionalLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform DirectionalLightShadow directionalLightShadows[ NUM_DIR_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tstruct SpotLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform SpotLightShadow spotLightShadows[ NUM_SPOT_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tstruct PointLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t\tfloat shadowCameraNear;\n\t\t\tfloat shadowCameraFar;\n\t\t};\n\t\tuniform PointLightShadow pointLightShadows[ NUM_POINT_LIGHT_SHADOWS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tvec2 texture2DDistribution( sampler2D shadow, vec2 uv ) {\n\t\treturn unpackRGBATo2Half( texture2D( shadow, uv ) );\n\t}\n\tfloat VSMShadow (sampler2D shadow, vec2 uv, float compare ){\n\t\tfloat occlusion = 1.0;\n\t\tvec2 distribution = texture2DDistribution( shadow, uv );\n\t\tfloat hard_shadow = step( compare , distribution.x );\n\t\tif (hard_shadow != 1.0 ) {\n\t\t\tfloat distance = compare - distribution.x ;\n\t\t\tfloat variance = max( 0.00000, distribution.y * distribution.y );\n\t\t\tfloat softness_probability = variance / (variance + distance * distance );\t\t\tsoftness_probability = clamp( ( softness_probability - 0.3 ) / ( 0.95 - 0.3 ), 0.0, 1.0 );\t\t\tocclusion = clamp( max( hard_shadow, softness_probability ), 0.0, 1.0 );\n\t\t}\n\t\treturn occlusion;\n\t}\n\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\n\t\tfloat shadow = 1.0;\n\t\tshadowCoord.xyz /= shadowCoord.w;\n\t\tshadowCoord.z += shadowBias;\n\t\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\n\t\tbool inFrustum = all( inFrustumVec );\n\t\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\n\t\tbool frustumTest = all( frustumTestVec );\n\t\tif ( frustumTest ) {\n\t\t#if defined( SHADOWMAP_TYPE_PCF )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tfloat dx2 = dx0 / 2.0;\n\t\t\tfloat dy2 = dy0 / 2.0;\n\t\t\tfloat dx3 = dx1 / 2.0;\n\t\t\tfloat dy3 = dy1 / 2.0;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 17.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx = texelSize.x;\n\t\t\tfloat dy = texelSize.y;\n\t\t\tvec2 uv = shadowCoord.xy;\n\t\t\tvec2 f = fract( uv * shadowMapSize + 0.5 );\n\t\t\tuv -= f * texelSize;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, uv, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + vec2( dx, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + vec2( 0.0, dy ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + texelSize, shadowCoord.z ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( -dx, 0.0 ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, 0.0 ), shadowCoord.z ),\n\t\t\t\t\t f.x ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( -dx, dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, dy ), shadowCoord.z ),\n\t\t\t\t\t f.x ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( 0.0, -dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 0.0, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t f.y ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( dx, -dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( dx, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t f.y ) +\n\t\t\t\tmix( mix( texture2DCompare( shadowMap, uv + vec2( -dx, -dy ), shadowCoord.z ), \n\t\t\t\t\t\t  texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, -dy ), shadowCoord.z ),\n\t\t\t\t\t\t  f.x ),\n\t\t\t\t\t mix( texture2DCompare( shadowMap, uv + vec2( -dx, 2.0 * dy ), shadowCoord.z ), \n\t\t\t\t\t\t  texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t\t  f.x ),\n\t\t\t\t\t f.y )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_VSM )\n\t\t\tshadow = VSMShadow( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#else\n\t\t\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#endif\n\t\t}\n\t\treturn shadow;\n\t}\n\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\n\t\tvec3 absV = abs( v );\n\t\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\n\t\tabsV *= scaleToCube;\n\t\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\n\t\tvec2 planar = v.xy;\n\t\tfloat almostATexel = 1.5 * texelSizeY;\n\t\tfloat almostOne = 1.0 - almostATexel;\n\t\tif ( absV.z >= almostOne ) {\n\t\t\tif ( v.z > 0.0 )\n\t\t\t\tplanar.x = 4.0 - v.x;\n\t\t} else if ( absV.x >= almostOne ) {\n\t\t\tfloat signX = sign( v.x );\n\t\t\tplanar.x = v.z * signX + 2.0 * signX;\n\t\t} else if ( absV.y >= almostOne ) {\n\t\t\tfloat signY = sign( v.y );\n\t\t\tplanar.x = v.x + 2.0 * signY + 2.0;\n\t\t\tplanar.y = v.z * signY - 2.0;\n\t\t}\n\t\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\n\t}\n\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\n\t\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\n\t\tvec3 lightToPosition = shadowCoord.xyz;\n\t\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\t\tdp += shadowBias;\n\t\tvec3 bd3D = normalize( lightToPosition );\n\t\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT ) || defined( SHADOWMAP_TYPE_VSM )\n\t\t\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\n\t\t\treturn (\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\n\t\t#endif\n\t}\n#endif",shadowmap_pars_vertex:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tstruct DirectionalLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform DirectionalLightShadow directionalLightShadows[ NUM_DIR_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tstruct SpotLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform SpotLightShadow spotLightShadows[ NUM_SPOT_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tstruct PointLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t\tfloat shadowCameraNear;\n\t\t\tfloat shadowCameraFar;\n\t\t};\n\t\tuniform PointLightShadow pointLightShadows[ NUM_POINT_LIGHT_SHADOWS ];\n\t#endif\n#endif",shadowmap_vertex:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0 || NUM_SPOT_LIGHT_SHADOWS > 0 || NUM_POINT_LIGHT_SHADOWS > 0\n\t\tvec3 shadowWorldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\tvec4 shadowWorldPosition;\n\t#endif\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * directionalLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * spotLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * pointLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n#endif",shadowmask_pars_fragment:"float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\tDirectionalLightShadow directionalLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHT_SHADOWS; i ++ ) {\n\t\tdirectionalLight = directionalLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\tSpotLightShadow spotLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHT_SHADOWS; i ++ ) {\n\t\tspotLight = spotLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\tPointLightShadow pointLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHT_SHADOWS; i ++ ) {\n\t\tpointLight = pointLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#endif\n\treturn shadow;\n}",skinbase_vertex:"#ifdef USE_SKINNING\n\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\n\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\n\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\n\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\n#endif",skinning_pars_vertex:"#ifdef USE_SKINNING\n\tuniform mat4 bindMatrix;\n\tuniform mat4 bindMatrixInverse;\n\t#ifdef BONE_TEXTURE\n\t\tuniform highp sampler2D boneTexture;\n\t\tuniform int boneTextureSize;\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tfloat j = i * 4.0;\n\t\t\tfloat x = mod( j, float( boneTextureSize ) );\n\t\t\tfloat y = floor( j / float( boneTextureSize ) );\n\t\t\tfloat dx = 1.0 / float( boneTextureSize );\n\t\t\tfloat dy = 1.0 / float( boneTextureSize );\n\t\t\ty = dy * ( y + 0.5 );\n\t\t\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\n\t\t\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\n\t\t\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\n\t\t\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\n\t\t\tmat4 bone = mat4( v1, v2, v3, v4 );\n\t\t\treturn bone;\n\t\t}\n\t#else\n\t\tuniform mat4 boneMatrices[ MAX_BONES ];\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tmat4 bone = boneMatrices[ int(i) ];\n\t\t\treturn bone;\n\t\t}\n\t#endif\n#endif",skinning_vertex:"#ifdef USE_SKINNING\n\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\n\tvec4 skinned = vec4( 0.0 );\n\tskinned += boneMatX * skinVertex * skinWeight.x;\n\tskinned += boneMatY * skinVertex * skinWeight.y;\n\tskinned += boneMatZ * skinVertex * skinWeight.z;\n\tskinned += boneMatW * skinVertex * skinWeight.w;\n\ttransformed = ( bindMatrixInverse * skinned ).xyz;\n#endif",skinnormal_vertex:"#ifdef USE_SKINNING\n\tmat4 skinMatrix = mat4( 0.0 );\n\tskinMatrix += skinWeight.x * boneMatX;\n\tskinMatrix += skinWeight.y * boneMatY;\n\tskinMatrix += skinWeight.z * boneMatZ;\n\tskinMatrix += skinWeight.w * boneMatW;\n\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\n\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\n\t#ifdef USE_TANGENT\n\t\tobjectTangent = vec4( skinMatrix * vec4( objectTangent, 0.0 ) ).xyz;\n\t#endif\n#endif",specularmap_fragment:"float specularStrength;\n#ifdef USE_SPECULARMAP\n\tvec4 texelSpecular = texture2D( specularMap, vUv );\n\tspecularStrength = texelSpecular.r;\n#else\n\tspecularStrength = 1.0;\n#endif",specularmap_pars_fragment:"#ifdef USE_SPECULARMAP\n\tuniform sampler2D specularMap;\n#endif",tonemapping_fragment:"#if defined( TONE_MAPPING )\n\tgl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif",tonemapping_pars_fragment:"#ifndef saturate\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn toneMappingExposure * color;\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\nvec3 RRTAndODTFit( vec3 v ) {\n\tvec3 a = v * ( v + 0.0245786 ) - 0.000090537;\n\tvec3 b = v * ( 0.983729 * v + 0.4329510 ) + 0.238081;\n\treturn a / b;\n}\nvec3 ACESFilmicToneMapping( vec3 color ) {\n\tconst mat3 ACESInputMat = mat3(\n\t\tvec3( 0.59719, 0.07600, 0.02840 ),\t\tvec3( 0.35458, 0.90834, 0.13383 ),\n\t\tvec3( 0.04823, 0.01566, 0.83777 )\n\t);\n\tconst mat3 ACESOutputMat = mat3(\n\t\tvec3(  1.60475, -0.10208, -0.00327 ),\t\tvec3( -0.53108,  1.10813, -0.07276 ),\n\t\tvec3( -0.07367, -0.00605,  1.07602 )\n\t);\n\tcolor *= toneMappingExposure / 0.6;\n\tcolor = ACESInputMat * color;\n\tcolor = RRTAndODTFit( color );\n\tcolor = ACESOutputMat * color;\n\treturn saturate( color );\n}\nvec3 CustomToneMapping( vec3 color ) { return color; }",transmissionmap_fragment:"#ifdef USE_TRANSMISSIONMAP\n\ttotalTransmission *= texture2D( transmissionMap, vUv ).r;\n#endif",transmissionmap_pars_fragment:"#ifdef USE_TRANSMISSIONMAP\n\tuniform sampler2D transmissionMap;\n#endif",uv_pars_fragment:"#if ( defined( USE_UV ) && ! defined( UVS_VERTEX_ONLY ) )\n\tvarying vec2 vUv;\n#endif",uv_pars_vertex:"#ifdef USE_UV\n\t#ifdef UVS_VERTEX_ONLY\n\t\tvec2 vUv;\n\t#else\n\t\tvarying vec2 vUv;\n\t#endif\n\tuniform mat3 uvTransform;\n#endif",uv_vertex:"#ifdef USE_UV\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n#endif",uv2_pars_fragment:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvarying vec2 vUv2;\n#endif",uv2_pars_vertex:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tattribute vec2 uv2;\n\tvarying vec2 vUv2;\n\tuniform mat3 uv2Transform;\n#endif",uv2_vertex:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = ( uv2Transform * vec3( uv2, 1 ) ).xy;\n#endif",worldpos_vertex:"#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n\tvec4 worldPosition = vec4( transformed, 1.0 );\n\t#ifdef USE_INSTANCING\n\t\tworldPosition = instanceMatrix * worldPosition;\n\t#endif\n\tworldPosition = modelMatrix * worldPosition;\n#endif",background_frag:"uniform sampler2D t2D;\nvarying vec2 vUv;\nvoid main() {\n\tvec4 texColor = texture2D( t2D, vUv );\n\tgl_FragColor = mapTexelToLinear( texColor );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}",background_vert:"varying vec2 vUv;\nuniform mat3 uvTransform;\nvoid main() {\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n\tgl_Position = vec4( position.xy, 1.0, 1.0 );\n}",cube_frag:"#include <envmap_common_pars_fragment>\nuniform float opacity;\nvarying vec3 vWorldDirection;\n#include <cube_uv_reflection_fragment>\nvoid main() {\n\tvec3 vReflect = vWorldDirection;\n\t#include <envmap_fragment>\n\tgl_FragColor = envColor;\n\tgl_FragColor.a *= opacity;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}",cube_vert:"varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\tgl_Position.z = gl_Position.w;\n}",depth_frag:"#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include <common>\n#include <packing>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <logdepthbuf_fragment>\n\tfloat fragCoordZ = 0.5 * vHighPrecisionZW[0] / vHighPrecisionZW[1] + 0.5;\n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - fragCoordZ ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( fragCoordZ );\n\t#endif\n}",depth_vert:"#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <uv_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvHighPrecisionZW = gl_Position.zw;\n}",distanceRGBA_frag:"#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include <common>\n#include <packing>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main () {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}",distanceRGBA_vert:"#define DISTANCE\nvarying vec3 vWorldPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <worldpos_vertex>\n\t#include <clipping_planes_vertex>\n\tvWorldPosition = worldPosition.xyz;\n}",equirect_frag:"uniform sampler2D tEquirect;\nvarying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvec3 direction = normalize( vWorldDirection );\n\tvec2 sampleUV = equirectUv( direction );\n\tvec4 texColor = texture2D( tEquirect, sampleUV );\n\tgl_FragColor = mapTexelToLinear( texColor );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}",equirect_vert:"varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n}",linedashed_frag:"uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include <common>\n#include <color_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\n\t\tdiscard;\n\t}\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <color_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n}",linedashed_vert:"uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include <common>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\tvLineDistance = scale * lineDistance;\n\t#include <color_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n}",meshbasic_frag:"uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <fog_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\n\t\tvec4 lightMapTexel= texture2D( lightMap, vUv2 );\n\t\treflectedLight.indirectDiffuse += lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include <aomap_fragment>\n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include <envmap_fragment>\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}",meshbasic_vert:"#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <envmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_ENVMAP\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <worldpos_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <envmap_vertex>\n\t#include <fog_vertex>\n}",meshlambert_frag:"uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\nvarying vec3 vIndirectFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n\tvarying vec3 vIndirectBack;\n#endif\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <fog_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <shadowmask_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\t#include <emissivemap_fragment>\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.indirectDiffuse += ( gl_FrontFacing ) ? vIndirectFront : vIndirectBack;\n\t#else\n\t\treflectedLight.indirectDiffuse += vIndirectFront;\n\t#endif\n\t#include <lightmap_fragment>\n\treflectedLight.indirectDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb );\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\n\t#else\n\t\treflectedLight.directDiffuse = vLightFront;\n\t#endif\n\treflectedLight.directDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb ) * getShadowMask();\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include <envmap_fragment>\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}",meshlambert_vert:"#define LAMBERT\nvarying vec3 vLightFront;\nvarying vec3 vIndirectFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n\tvarying vec3 vIndirectBack;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <envmap_pars_vertex>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <lights_lambert_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}",meshmatcap_frag:"#define MATCAP\nuniform vec3 diffuse;\nuniform float opacity;\nuniform sampler2D matcap;\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <fog_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\tvec3 viewDir = normalize( vViewPosition );\n\tvec3 x = normalize( vec3( viewDir.z, 0.0, - viewDir.x ) );\n\tvec3 y = cross( viewDir, x );\n\tvec2 uv = vec2( dot( x, normal ), dot( y, normal ) ) * 0.495 + 0.5;\n\t#ifdef USE_MATCAP\n\t\tvec4 matcapColor = texture2D( matcap, uv );\n\t\tmatcapColor = matcapTexelToLinear( matcapColor );\n\t#else\n\t\tvec4 matcapColor = vec4( 1.0 );\n\t#endif\n\tvec3 outgoingLight = diffuseColor.rgb * matcapColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}",meshmatcap_vert:"#define MATCAP\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <color_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#ifndef FLAT_SHADED\n\t\tvNormal = normalize( transformedNormal );\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n\tvViewPosition = - mvPosition.xyz;\n}",meshtoon_frag:"#define TOON\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <gradientmap_pars_fragment>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <lights_toon_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_toon_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}",meshtoon_vert:"#define TOON\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}",meshphong_frag:"#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <lights_phong_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_phong_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include <envmap_fragment>\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}",meshphong_vert:"#define PHONG\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <envmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}",meshphysical_frag:"#define STANDARD\n#ifdef PHYSICAL\n\t#define REFLECTIVITY\n\t#define CLEARCOAT\n\t#define TRANSMISSION\n#endif\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifdef TRANSMISSION\n\tuniform float transmission;\n#endif\n#ifdef REFLECTIVITY\n\tuniform float reflectivity;\n#endif\n#ifdef CLEARCOAT\n\tuniform float clearcoat;\n\tuniform float clearcoatRoughness;\n#endif\n#ifdef USE_SHEEN\n\tuniform vec3 sheen;\n#endif\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <transmissionmap_pars_fragment>\n#include <bsdfs>\n#include <cube_uv_reflection_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_physical_pars_fragment>\n#include <fog_pars_fragment>\n#include <lights_pars_begin>\n#include <lights_physical_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <clearcoat_pars_fragment>\n#include <roughnessmap_pars_fragment>\n#include <metalnessmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#ifdef TRANSMISSION\n\t\tfloat totalTransmission = transmission;\n\t#endif\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <roughnessmap_fragment>\n\t#include <metalnessmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <clearcoat_normal_fragment_begin>\n\t#include <clearcoat_normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <transmissionmap_fragment>\n\t#include <lights_physical_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#ifdef TRANSMISSION\n\t\tdiffuseColor.a *= mix( saturate( 1. - totalTransmission + linearToRelativeLuminance( reflectedLight.directSpecular + reflectedLight.indirectSpecular ) ), 1.0, metalness );\n\t#endif\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}",meshphysical_vert:"#define STANDARD\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n\t#ifdef USE_TANGENT\n\t\tvTangent = normalize( transformedTangent );\n\t\tvBitangent = normalize( cross( vNormal, vTangent ) * tangent.w );\n\t#endif\n#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}",normal_frag:"#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif\n#include <packing>\n#include <uv_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\t#include <logdepthbuf_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}",normal_vert:"#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n\t#ifdef USE_TANGENT\n\t\tvTangent = normalize( transformedTangent );\n\t\tvBitangent = normalize( cross( vNormal, vTangent ) * tangent.w );\n\t#endif\n#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}",points_frag:"uniform vec3 diffuse;\nuniform float opacity;\n#include <common>\n#include <color_pars_fragment>\n#include <map_particle_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_particle_fragment>\n\t#include <color_fragment>\n\t#include <alphatest_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n}",points_vert:"uniform float size;\nuniform float scale;\n#include <common>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <color_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <project_vertex>\n\tgl_PointSize = size;\n\t#ifdef USE_SIZEATTENUATION\n\t\tbool isPerspective = isPerspectiveMatrix( projectionMatrix );\n\t\tif ( isPerspective ) gl_PointSize *= ( scale / - mvPosition.z );\n\t#endif\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <fog_vertex>\n}",shadow_frag:"uniform vec3 color;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <shadowmap_pars_fragment>\n#include <shadowmask_pars_fragment>\nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n}",shadow_vert:"#include <common>\n#include <fog_pars_vertex>\n#include <shadowmap_pars_vertex>\nvoid main() {\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\t#include <worldpos_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}",sprite_frag:"uniform vec3 diffuse;\nuniform float opacity;\n#include <common>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n}",sprite_vert:"uniform float rotation;\nuniform vec2 center;\n#include <common>\n#include <uv_pars_vertex>\n#include <fog_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\tvec4 mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );\n\tvec2 scale;\n\tscale.x = length( vec3( modelMatrix[ 0 ].x, modelMatrix[ 0 ].y, modelMatrix[ 0 ].z ) );\n\tscale.y = length( vec3( modelMatrix[ 1 ].x, modelMatrix[ 1 ].y, modelMatrix[ 1 ].z ) );\n\t#ifndef USE_SIZEATTENUATION\n\t\tbool isPerspective = isPerspectiveMatrix( projectionMatrix );\n\t\tif ( isPerspective ) scale *= - mvPosition.z;\n\t#endif\n\tvec2 alignedPosition = ( position.xy - ( center - vec2( 0.5 ) ) ) * scale;\n\tvec2 rotatedPosition;\n\trotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;\n\trotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;\n\tmvPosition.xy += rotatedPosition;\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n}"},Gn={common:{diffuse:{value:new Te(15658734)},opacity:{value:1},map:{value:null},uvTransform:{value:new J},uv2Transform:{value:new J},alphaMap:{value:null}},specularmap:{specularMap:{value:null}},envmap:{envMap:{value:null},flipEnvMap:{value:-1},reflectivity:{value:1},refractionRatio:{value:.98},maxMipLevel:{value:0}},aomap:{aoMap:{value:null},aoMapIntensity:{value:1}},lightmap:{lightMap:{value:null},lightMapIntensity:{value:1}},emissivemap:{emissiveMap:{value:null}},bumpmap:{bumpMap:{value:null},bumpScale:{value:1}},normalmap:{normalMap:{value:null},normalScale:{value:new Z(1,1)}},displacementmap:{displacementMap:{value:null},displacementScale:{value:1},displacementBias:{value:0}},roughnessmap:{roughnessMap:{value:null}},metalnessmap:{metalnessMap:{value:null}},gradientmap:{gradientMap:{value:null}},fog:{fogDensity:{value:25e-5},fogNear:{value:1},fogFar:{value:2e3},fogColor:{value:new Te(16777215)}},lights:{ambientLightColor:{value:[]},lightProbe:{value:[]},directionalLights:{value:[],properties:{direction:{},color:{}}},directionalLightShadows:{value:[],properties:{shadowBias:{},shadowNormalBias:{},shadowRadius:{},shadowMapSize:{}}},directionalShadowMap:{value:[]},directionalShadowMatrix:{value:[]},spotLights:{value:[],properties:{color:{},position:{},direction:{},distance:{},coneCos:{},penumbraCos:{},decay:{}}},spotLightShadows:{value:[],properties:{shadowBias:{},shadowNormalBias:{},shadowRadius:{},shadowMapSize:{}}},spotShadowMap:{value:[]},spotShadowMatrix:{value:[]},pointLights:{value:[],properties:{color:{},position:{},decay:{},distance:{}}},pointLightShadows:{value:[],properties:{shadowBias:{},shadowNormalBias:{},shadowRadius:{},shadowMapSize:{},shadowCameraNear:{},shadowCameraFar:{}}},pointShadowMap:{value:[]},pointShadowMatrix:{value:[]},hemisphereLights:{value:[],properties:{direction:{},skyColor:{},groundColor:{}}},rectAreaLights:{value:[],properties:{color:{},position:{},width:{},height:{}}},ltc_1:{value:null},ltc_2:{value:null}},points:{diffuse:{value:new Te(15658734)},opacity:{value:1},size:{value:1},scale:{value:1},map:{value:null},alphaMap:{value:null},uvTransform:{value:new J}},sprite:{diffuse:{value:new Te(15658734)},opacity:{value:1},center:{value:new Z(.5,.5)},rotation:{value:0},map:{value:null},alphaMap:{value:null},uvTransform:{value:new J}}},Vn={basic:{uniforms:Mn([Gn.common,Gn.specularmap,Gn.envmap,Gn.aomap,Gn.lightmap,Gn.fog]),vertexShader:Hn.meshbasic_vert,fragmentShader:Hn.meshbasic_frag},lambert:{uniforms:Mn([Gn.common,Gn.specularmap,Gn.envmap,Gn.aomap,Gn.lightmap,Gn.emissivemap,Gn.fog,Gn.lights,{emissive:{value:new Te(0)}}]),vertexShader:Hn.meshlambert_vert,fragmentShader:Hn.meshlambert_frag},phong:{uniforms:Mn([Gn.common,Gn.specularmap,Gn.envmap,Gn.aomap,Gn.lightmap,Gn.emissivemap,Gn.bumpmap,Gn.normalmap,Gn.displacementmap,Gn.fog,Gn.lights,{emissive:{value:new Te(0)},specular:{value:new Te(1118481)},shininess:{value:30}}]),vertexShader:Hn.meshphong_vert,fragmentShader:Hn.meshphong_frag},standard:{uniforms:Mn([Gn.common,Gn.envmap,Gn.aomap,Gn.lightmap,Gn.emissivemap,Gn.bumpmap,Gn.normalmap,Gn.displacementmap,Gn.roughnessmap,Gn.metalnessmap,Gn.fog,Gn.lights,{emissive:{value:new Te(0)},roughness:{value:1},metalness:{value:0},envMapIntensity:{value:1}}]),vertexShader:Hn.meshphysical_vert,fragmentShader:Hn.meshphysical_frag},toon:{uniforms:Mn([Gn.common,Gn.aomap,Gn.lightmap,Gn.emissivemap,Gn.bumpmap,Gn.normalmap,Gn.displacementmap,Gn.gradientmap,Gn.fog,Gn.lights,{emissive:{value:new Te(0)}}]),vertexShader:Hn.meshtoon_vert,fragmentShader:Hn.meshtoon_frag},matcap:{uniforms:Mn([Gn.common,Gn.bumpmap,Gn.normalmap,Gn.displacementmap,Gn.fog,{matcap:{value:null}}]),vertexShader:Hn.meshmatcap_vert,fragmentShader:Hn.meshmatcap_frag},points:{uniforms:Mn([Gn.points,Gn.fog]),vertexShader:Hn.points_vert,fragmentShader:Hn.points_frag},dashed:{uniforms:Mn([Gn.common,Gn.fog,{scale:{value:1},dashSize:{value:1},totalSize:{value:2}}]),vertexShader:Hn.linedashed_vert,fragmentShader:Hn.linedashed_frag},depth:{uniforms:Mn([Gn.common,Gn.displacementmap]),vertexShader:Hn.depth_vert,fragmentShader:Hn.depth_frag},normal:{uniforms:Mn([Gn.common,Gn.bumpmap,Gn.normalmap,Gn.displacementmap,{opacity:{value:1}}]),vertexShader:Hn.normal_vert,fragmentShader:Hn.normal_frag},sprite:{uniforms:Mn([Gn.sprite,Gn.fog]),vertexShader:Hn.sprite_vert,fragmentShader:Hn.sprite_frag},background:{uniforms:{uvTransform:{value:new J},t2D:{value:null}},vertexShader:Hn.background_vert,fragmentShader:Hn.background_frag},cube:{uniforms:Mn([Gn.envmap,{opacity:{value:1}}]),vertexShader:Hn.cube_vert,fragmentShader:Hn.cube_frag},equirect:{uniforms:{tEquirect:{value:null}},vertexShader:Hn.equirect_vert,fragmentShader:Hn.equirect_frag},distanceRGBA:{uniforms:Mn([Gn.common,Gn.displacementmap,{referencePosition:{value:new st},nearDistance:{value:1},farDistance:{value:1e3}}]),vertexShader:Hn.distanceRGBA_vert,fragmentShader:Hn.distanceRGBA_frag},shadow:{uniforms:Mn([Gn.lights,Gn.fog,{color:{value:new Te(0)},opacity:{value:1}}]),vertexShader:Hn.shadow_vert,fragmentShader:Hn.shadow_frag}};function kn(t,e,n,i,r){const o=new Te(0);let s,a,l=0,c=null,h=0,u=null;function d(t,e){n.buffers.color.setClear(t.r,t.g,t.b,e,r)}return{getClearColor:function(){return o},setClearColor:function(t,e=1){o.set(t),l=e,d(o,l)},getClearAlpha:function(){return l},setClearAlpha:function(t){l=t,d(o,l)},render:function(n,r,p,f){let m=!0===r.isScene?r.background:null;m&&m.isTexture&&(m=e.get(m));const g=t.xr,v=g.getSession&&g.getSession();v&&"additive"===v.environmentBlendMode&&(m=null),null===m?d(o,l):m&&m.isColor&&(d(m,1),f=!0),(t.autoClear||f)&&t.clear(t.autoClearColor,t.autoClearDepth,t.autoClearStencil),m&&(m.isCubeTexture||m.isWebGLCubeRenderTarget||306===m.mapping)?(void 0===a&&(a=new xn(new wn(1,1,1),new Sn({name:"BackgroundCubeMaterial",uniforms:bn(Vn.cube.uniforms),vertexShader:Vn.cube.vertexShader,fragmentShader:Vn.cube.fragmentShader,side:1,depthTest:!1,depthWrite:!1,fog:!1})),a.geometry.deleteAttribute("normal"),a.geometry.deleteAttribute("uv"),a.onBeforeRender=function(t,e,n){this.matrixWorld.copyPosition(n.matrixWorld)},Object.defineProperty(a.material,"envMap",{get:function(){return this.uniforms.envMap.value}}),i.update(a)),m.isWebGLCubeRenderTarget&&(m=m.texture),a.material.uniforms.envMap.value=m,a.material.uniforms.flipEnvMap.value=m.isCubeTexture&&m._needsFlipEnvMap?-1:1,c===m&&h===m.version&&u===t.toneMapping||(a.material.needsUpdate=!0,c=m,h=m.version,u=t.toneMapping),n.unshift(a,a.geometry,a.material,0,0,null)):m&&m.isTexture&&(void 0===s&&(s=new xn(new Un(2,2),new Sn({name:"BackgroundMaterial",uniforms:bn(Vn.background.uniforms),vertexShader:Vn.background.vertexShader,fragmentShader:Vn.background.fragmentShader,side:0,depthTest:!1,depthWrite:!1,fog:!1})),s.geometry.deleteAttribute("normal"),Object.defineProperty(s.material,"map",{get:function(){return this.uniforms.t2D.value}}),i.update(s)),s.material.uniforms.t2D.value=m,!0===m.matrixAutoUpdate&&m.updateMatrix(),s.material.uniforms.uvTransform.value.copy(m.matrix),c===m&&h===m.version&&u===t.toneMapping||(s.material.needsUpdate=!0,c=m,h=m.version,u=t.toneMapping),n.unshift(s,s.geometry,s.material,0,0,null))}}}function Wn(t,e,n,i){const r=t.getParameter(34921),o=i.isWebGL2?null:e.get("OES_vertex_array_object"),s=i.isWebGL2||null!==o,a={},l=d(null);let c=l;function h(e){return i.isWebGL2?t.bindVertexArray(e):o.bindVertexArrayOES(e)}function u(e){return i.isWebGL2?t.deleteVertexArray(e):o.deleteVertexArrayOES(e)}function d(t){const e=[],n=[],i=[];for(let t=0;t<r;t++)e[t]=0,n[t]=0,i[t]=0;return{geometry:null,program:null,wireframe:!1,newAttributes:e,enabledAttributes:n,attributeDivisors:i,object:t,attributes:{},index:null}}function p(){const t=c.newAttributes;for(let e=0,n=t.length;e<n;e++)t[e]=0}function f(t){m(t,0)}function m(n,r){const o=c.newAttributes,s=c.enabledAttributes,a=c.attributeDivisors;if(o[n]=1,0===s[n]&&(t.enableVertexAttribArray(n),s[n]=1),a[n]!==r){(i.isWebGL2?t:e.get("ANGLE_instanced_arrays"))[i.isWebGL2?"vertexAttribDivisor":"vertexAttribDivisorANGLE"](n,r),a[n]=r}}function g(){const e=c.newAttributes,n=c.enabledAttributes;for(let i=0,r=n.length;i<r;i++)n[i]!==e[i]&&(t.disableVertexAttribArray(i),n[i]=0)}function v(e,n,r,o,s,a){!0!==i.isWebGL2||5124!==r&&5125!==r?t.vertexAttribPointer(e,n,r,o,s,a):t.vertexAttribIPointer(e,n,r,s,a)}function y(){A(),c!==l&&(c=l,h(c.object))}function A(){l.geometry=null,l.program=null,l.wireframe=!1}return{setup:function(r,l,u,y,A){let x=!1;if(s){const e=function(e,n,r){const s=!0===r.wireframe;let l=a[e.id];void 0===l&&(l={},a[e.id]=l);let c=l[n.id];void 0===c&&(c={},l[n.id]=c);let h=c[s];void 0===h&&(h=d(i.isWebGL2?t.createVertexArray():o.createVertexArrayOES()),c[s]=h);return h}(y,u,l);c!==e&&(c=e,h(c.object)),x=function(t,e){const n=c.attributes,i=t.attributes;let r=0;for(const t in i){const e=n[t],o=i[t];if(void 0===e)return!0;if(e.attribute!==o)return!0;if(e.data!==o.data)return!0;r++}return c.attributesNum!==r||c.index!==e}(y,A),x&&function(t,e){const n={},i=t.attributes;let r=0;for(const t in i){const e=i[t],o={};o.attribute=e,e.data&&(o.data=e.data),n[t]=o,r++}c.attributes=n,c.attributesNum=r,c.index=e}(y,A)}else{const t=!0===l.wireframe;c.geometry===y.id&&c.program===u.id&&c.wireframe===t||(c.geometry=y.id,c.program=u.id,c.wireframe=t,x=!0)}!0===r.isInstancedMesh&&(x=!0),null!==A&&n.update(A,34963),x&&(!function(r,o,s,a){if(!1===i.isWebGL2&&(r.isInstancedMesh||a.isInstancedBufferGeometry)&&null===e.get("ANGLE_instanced_arrays"))return;p();const l=a.attributes,c=s.getAttributes(),h=o.defaultAttributeValues;for(const e in c){const i=c[e];if(i>=0){const o=l[e];if(void 0!==o){const e=o.normalized,r=o.itemSize,s=n.get(o);if(void 0===s)continue;const l=s.buffer,c=s.type,h=s.bytesPerElement;if(o.isInterleavedBufferAttribute){const n=o.data,s=n.stride,u=o.offset;n&&n.isInstancedInterleavedBuffer?(m(i,n.meshPerAttribute),void 0===a._maxInstanceCount&&(a._maxInstanceCount=n.meshPerAttribute*n.count)):f(i),t.bindBuffer(34962,l),v(i,r,c,e,s*h,u*h)}else o.isInstancedBufferAttribute?(m(i,o.meshPerAttribute),void 0===a._maxInstanceCount&&(a._maxInstanceCount=o.meshPerAttribute*o.count)):f(i),t.bindBuffer(34962,l),v(i,r,c,e,0,0)}else if("instanceMatrix"===e){const e=n.get(r.instanceMatrix);if(void 0===e)continue;const o=e.buffer,s=e.type;m(i+0,1),m(i+1,1),m(i+2,1),m(i+3,1),t.bindBuffer(34962,o),t.vertexAttribPointer(i+0,4,s,!1,64,0),t.vertexAttribPointer(i+1,4,s,!1,64,16),t.vertexAttribPointer(i+2,4,s,!1,64,32),t.vertexAttribPointer(i+3,4,s,!1,64,48)}else if("instanceColor"===e){const e=n.get(r.instanceColor);if(void 0===e)continue;const o=e.buffer,s=e.type;m(i,1),t.bindBuffer(34962,o),t.vertexAttribPointer(i,3,s,!1,12,0)}else if(void 0!==h){const n=h[e];if(void 0!==n)switch(n.length){case 2:t.vertexAttrib2fv(i,n);break;case 3:t.vertexAttrib3fv(i,n);break;case 4:t.vertexAttrib4fv(i,n);break;default:t.vertexAttrib1fv(i,n)}}}}g()}(r,l,u,y),null!==A&&t.bindBuffer(34963,n.get(A).buffer))},reset:y,resetDefaultState:A,dispose:function(){y();for(const t in a){const e=a[t];for(const t in e){const n=e[t];for(const t in n)u(n[t].object),delete n[t];delete e[t]}delete a[t]}},releaseStatesOfGeometry:function(t){if(void 0===a[t.id])return;const e=a[t.id];for(const t in e){const n=e[t];for(const t in n)u(n[t].object),delete n[t];delete e[t]}delete a[t.id]},releaseStatesOfProgram:function(t){for(const e in a){const n=a[e];if(void 0===n[t.id])continue;const i=n[t.id];for(const t in i)u(i[t].object),delete i[t];delete n[t.id]}},initAttributes:p,enableAttribute:f,disableUnusedAttributes:g}}function jn(t,e,n,i){const r=i.isWebGL2;let o;this.setMode=function(t){o=t},this.render=function(e,i){t.drawArrays(o,e,i),n.update(i,o,1)},this.renderInstances=function(i,s,a){if(0===a)return;let l,c;if(r)l=t,c="drawArraysInstanced";else if(l=e.get("ANGLE_instanced_arrays"),c="drawArraysInstancedANGLE",null===l)return void console.error("THREE.WebGLBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.");l[c](o,i,s,a),n.update(s,o,a)}}function Xn(t,e,n){let i;function r(e){if("highp"===e){if(t.getShaderPrecisionFormat(35633,36338).precision>0&&t.getShaderPrecisionFormat(35632,36338).precision>0)return"highp";e="mediump"}return"mediump"===e&&t.getShaderPrecisionFormat(35633,36337).precision>0&&t.getShaderPrecisionFormat(35632,36337).precision>0?"mediump":"lowp"}const o="undefined"!=typeof WebGL2RenderingContext&&t instanceof WebGL2RenderingContext||"undefined"!=typeof WebGL2ComputeRenderingContext&&t instanceof WebGL2ComputeRenderingContext;let s=void 0!==n.precision?n.precision:"highp";const a=r(s);a!==s&&(console.warn("THREE.WebGLRenderer:",s,"not supported, using",a,"instead."),s=a);const l=!0===n.logarithmicDepthBuffer,c=t.getParameter(34930),h=t.getParameter(35660),u=t.getParameter(3379),d=t.getParameter(34076),p=t.getParameter(34921),f=t.getParameter(36347),m=t.getParameter(36348),g=t.getParameter(36349),v=h>0,y=o||!!e.get("OES_texture_float");return{isWebGL2:o,getMaxAnisotropy:function(){if(void 0!==i)return i;const n=e.get("EXT_texture_filter_anisotropic");return i=null!==n?t.getParameter(n.MAX_TEXTURE_MAX_ANISOTROPY_EXT):0,i},getMaxPrecision:r,precision:s,logarithmicDepthBuffer:l,maxTextures:c,maxVertexTextures:h,maxTextureSize:u,maxCubemapSize:d,maxAttributes:p,maxVertexUniforms:f,maxVaryings:m,maxFragmentUniforms:g,vertexTextures:v,floatFragmentTextures:y,floatVertexTextures:v&&y,maxSamples:o?t.getParameter(36183):0}}function qn(t){const e=this;let n=null,i=0,r=!1,o=!1;const s=new ce,a=new J,l={value:null,needsUpdate:!1};function c(){l.value!==n&&(l.value=n,l.needsUpdate=i>0),e.numPlanes=i,e.numIntersection=0}function h(t,n,i,r){const o=null!==t?t.length:0;let c=null;if(0!==o){if(c=l.value,!0!==r||null===c){const e=i+4*o,r=n.matrixWorldInverse;a.getNormalMatrix(r),(null===c||c.length<e)&&(c=new Float32Array(e));for(let e=0,n=i;e!==o;++e,n+=4)s.copy(t[e]).applyMatrix4(r,a),s.normal.toArray(c,n),c[n+3]=s.constant}l.value=c,l.needsUpdate=!0}return e.numPlanes=o,e.numIntersection=0,c}this.uniform=l,this.numPlanes=0,this.numIntersection=0,this.init=function(t,e,o){const s=0!==t.length||e||0!==i||r;return r=e,n=h(t,o,0),i=t.length,s},this.beginShadows=function(){o=!0,h(null)},this.endShadows=function(){o=!1,c()},this.setState=function(e,s,a){const u=e.clippingPlanes,d=e.clipIntersection,p=e.clipShadows,f=t.get(e);if(!r||null===u||0===u.length||o&&!p)o?h(null):c();else{const t=o?0:i,e=4*t;let r=f.clippingState||null;l.value=r,r=h(u,s,e,a);for(let t=0;t!==e;++t)r[t]=n[t];f.clippingState=r,this.numIntersection=d?this.numPlanes:0,this.numPlanes+=t}}}function Yn(t){let e=new WeakMap;function n(t,e){return 303===e?t.mapping=301:304===e&&(t.mapping=302),t}function i(t){const n=t.target;n.removeEventListener("dispose",i);const r=e.get(n);void 0!==r&&(e.delete(n),r.dispose())}return{get:function(r){if(r&&r.isTexture){const o=r.mapping;if(303===o||304===o){if(e.has(r)){return n(e.get(r).texture,r.mapping)}{const o=r.image;if(o&&o.height>0){const s=t.getRenderList(),a=t.getRenderTarget(),l=new Dn(o.height/2);return l.fromEquirectangularTexture(t,r),e.set(r,l),t.setRenderTarget(a),t.setRenderList(s),r.addEventListener("dispose",i),n(l.texture,r.mapping)}return null}}}return r},dispose:function(){e=new WeakMap}}}function Qn(t){const e={};function n(n){if(void 0!==e[n])return e[n];let i;switch(n){case"WEBGL_depth_texture":i=t.getExtension("WEBGL_depth_texture")||t.getExtension("MOZ_WEBGL_depth_texture")||t.getExtension("WEBKIT_WEBGL_depth_texture");break;case"EXT_texture_filter_anisotropic":i=t.getExtension("EXT_texture_filter_anisotropic")||t.getExtension("MOZ_EXT_texture_filter_anisotropic")||t.getExtension("WEBKIT_EXT_texture_filter_anisotropic");break;case"WEBGL_compressed_texture_s3tc":i=t.getExtension("WEBGL_compressed_texture_s3tc")||t.getExtension("MOZ_WEBGL_compressed_texture_s3tc")||t.getExtension("WEBKIT_WEBGL_compressed_texture_s3tc");break;case"WEBGL_compressed_texture_pvrtc":i=t.getExtension("WEBGL_compressed_texture_pvrtc")||t.getExtension("WEBKIT_WEBGL_compressed_texture_pvrtc");break;default:i=t.getExtension(n)}return e[n]=i,i}return{has:function(t){return null!==n(t)},init:function(t){t.isWebGL2?n("EXT_color_buffer_float"):(n("WEBGL_depth_texture"),n("OES_texture_float"),n("OES_texture_half_float"),n("OES_texture_half_float_linear"),n("OES_standard_derivatives"),n("OES_element_index_uint"),n("OES_vertex_array_object"),n("ANGLE_instanced_arrays")),n("OES_texture_float_linear"),n("EXT_color_buffer_half_float")},get:function(t){const e=n(t);return null===e&&console.warn("THREE.WebGLRenderer: "+t+" extension not supported."),e}}}function Zn(t,e,n,i){const r={},o=new WeakMap;function s(t){const a=t.target;null!==a.index&&e.remove(a.index);for(const t in a.attributes)e.remove(a.attributes[t]);a.removeEventListener("dispose",s),delete r[a.id];const l=o.get(a);l&&(e.remove(l),o.delete(a)),i.releaseStatesOfGeometry(a),!0===a.isInstancedBufferGeometry&&delete a._maxInstanceCount,n.memory.geometries--}function a(t){const n=[],i=t.index,r=t.attributes.position;let s=0;if(null!==i){const t=i.array;s=i.version;for(let e=0,i=t.length;e<i;e+=3){const i=t[e+0],r=t[e+1],o=t[e+2];n.push(i,r,r,o,o,i)}}else{const t=r.array;s=r.version;for(let e=0,i=t.length/3-1;e<i;e+=3){const t=e+0,i=e+1,r=e+2;n.push(t,i,i,r,r,t)}}const a=new(je(n)>65535?Ge:Ue)(n,1);a.version=s;const l=o.get(t);l&&e.remove(l),o.set(t,a)}return{get:function(t,e){return!0===r[e.id]||(e.addEventListener("dispose",s),r[e.id]=!0,n.memory.geometries++),e},update:function(t){const n=t.attributes;for(const t in n)e.update(n[t],34962);const i=t.morphAttributes;for(const t in i){const n=i[t];for(let t=0,i=n.length;t<i;t++)e.update(n[t],34962)}},getWireframeAttribute:function(t){const e=o.get(t);if(e){const n=t.index;null!==n&&e.version<n.version&&a(t)}else a(t);return o.get(t)}}}function Jn(t,e,n,i){const r=i.isWebGL2;let o,s,a;this.setMode=function(t){o=t},this.setIndex=function(t){s=t.type,a=t.bytesPerElement},this.render=function(e,i){t.drawElements(o,i,s,e*a),n.update(i,o,1)},this.renderInstances=function(i,l,c){if(0===c)return;let h,u;if(r)h=t,u="drawElementsInstanced";else if(h=e.get("ANGLE_instanced_arrays"),u="drawElementsInstancedANGLE",null===h)return void console.error("THREE.WebGLIndexedBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.");h[u](o,l,s,i*a,c),n.update(l,o,c)}}function Kn(t){const e={frame:0,calls:0,triangles:0,points:0,lines:0};return{memory:{geometries:0,textures:0},render:e,programs:null,autoReset:!0,reset:function(){e.frame++,e.calls=0,e.triangles=0,e.points=0,e.lines=0},update:function(t,n,i){switch(e.calls++,n){case 4:e.triangles+=i*(t/3);break;case 1:e.lines+=i*(t/2);break;case 3:e.lines+=i*(t-1);break;case 2:e.lines+=i*t;break;case 0:e.points+=i*t;break;default:console.error("THREE.WebGLInfo: Unknown draw mode:",n)}}}}function $n(t,e){return t[0]-e[0]}function ti(t,e){return Math.abs(e[1])-Math.abs(t[1])}function ei(t){const e={},n=new Float32Array(8),i=[];for(let t=0;t<8;t++)i[t]=[t,0];return{update:function(r,o,s,a){const l=r.morphTargetInfluences,c=void 0===l?0:l.length;let h=e[o.id];if(void 0===h){h=[];for(let t=0;t<c;t++)h[t]=[t,0];e[o.id]=h}for(let t=0;t<c;t++){const e=h[t];e[0]=t,e[1]=l[t]}h.sort(ti);for(let t=0;t<8;t++)t<c&&h[t][1]?(i[t][0]=h[t][0],i[t][1]=h[t][1]):(i[t][0]=Number.MAX_SAFE_INTEGER,i[t][1]=0);i.sort($n);const u=s.morphTargets&&o.morphAttributes.position,d=s.morphNormals&&o.morphAttributes.normal;let p=0;for(let t=0;t<8;t++){const e=i[t],r=e[0],s=e[1];r!==Number.MAX_SAFE_INTEGER&&s?(u&&o.getAttribute("morphTarget"+t)!==u[r]&&o.setAttribute("morphTarget"+t,u[r]),d&&o.getAttribute("morphNormal"+t)!==d[r]&&o.setAttribute("morphNormal"+t,d[r]),n[t]=s,p+=s):(u&&!0===o.hasAttribute("morphTarget"+t)&&o.deleteAttribute("morphTarget"+t),d&&!0===o.hasAttribute("morphNormal"+t)&&o.deleteAttribute("morphNormal"+t),n[t]=0)}const f=o.morphTargetsRelative?1:1-p;a.getUniforms().setValue(t,"morphTargetBaseInfluence",f),a.getUniforms().setValue(t,"morphTargetInfluences",n)}}}function ni(t,e,n,i){let r=new WeakMap;function o(t){const e=t.target;e.removeEventListener("dispose",o),n.remove(e.instanceMatrix),null!==e.instanceColor&&n.remove(e.instanceColor)}return{update:function(t){const s=i.render.frame,a=t.geometry,l=e.get(t,a);return r.get(l)!==s&&(e.update(l),r.set(l,s)),t.isInstancedMesh&&(!1===t.hasEventListener("dispose",o)&&t.addEventListener("dispose",o),n.update(t.instanceMatrix,34962),null!==t.instanceColor&&n.update(t.instanceColor,34962)),l},dispose:function(){r=new WeakMap}}}function ii(t=null,e=1,n=1,i=1){et.call(this,null),this.image={data:t,width:e,height:n,depth:i},this.magFilter=_,this.minFilter=_,this.wrapR=A,this.generateMipmaps=!1,this.flipY=!1,this.needsUpdate=!0}function ri(t=null,e=1,n=1,i=1){et.call(this,null),this.image={data:t,width:e,height:n,depth:i},this.magFilter=_,this.minFilter=_,this.wrapR=A,this.generateMipmaps=!1,this.flipY=!1,this.needsUpdate=!0}Vn.physical={uniforms:Mn([Vn.standard.uniforms,{clearcoat:{value:0},clearcoatMap:{value:null},clearcoatRoughness:{value:0},clearcoatRoughnessMap:{value:null},clearcoatNormalScale:{value:new Z(1,1)},clearcoatNormalMap:{value:null},sheen:{value:new Te(0)},transmission:{value:0},transmissionMap:{value:null}}]),vertexShader:Hn.meshphysical_vert,fragmentShader:Hn.meshphysical_frag},ii.prototype=Object.create(et.prototype),ii.prototype.constructor=ii,ii.prototype.isDataTexture2DArray=!0,ri.prototype=Object.create(et.prototype),ri.prototype.constructor=ri,ri.prototype.isDataTexture3D=!0;const oi=new et,si=new ii,ai=new ri,li=new Pn,ci=[],hi=[],ui=new Float32Array(16),di=new Float32Array(9),pi=new Float32Array(4);function fi(t,e,n){const i=t[0];if(i<=0||i>0)return t;const r=e*n;let o=ci[r];if(void 0===o&&(o=new Float32Array(r),ci[r]=o),0!==e){i.toArray(o,0);for(let i=1,r=0;i!==e;++i)r+=n,t[i].toArray(o,r)}return o}function mi(t,e){if(t.length!==e.length)return!1;for(let n=0,i=t.length;n<i;n++)if(t[n]!==e[n])return!1;return!0}function gi(t,e){for(let n=0,i=e.length;n<i;n++)t[n]=e[n]}function vi(t,e){let n=hi[e];void 0===n&&(n=new Int32Array(e),hi[e]=n);for(let i=0;i!==e;++i)n[i]=t.allocateTextureUnit();return n}function yi(t,e){const n=this.cache;n[0]!==e&&(t.uniform1f(this.addr,e),n[0]=e)}function Ai(t,e){const n=this.cache;if(void 0!==e.x)n[0]===e.x&&n[1]===e.y||(t.uniform2f(this.addr,e.x,e.y),n[0]=e.x,n[1]=e.y);else{if(mi(n,e))return;t.uniform2fv(this.addr,e),gi(n,e)}}function xi(t,e){const n=this.cache;if(void 0!==e.x)n[0]===e.x&&n[1]===e.y&&n[2]===e.z||(t.uniform3f(this.addr,e.x,e.y,e.z),n[0]=e.x,n[1]=e.y,n[2]=e.z);else if(void 0!==e.r)n[0]===e.r&&n[1]===e.g&&n[2]===e.b||(t.uniform3f(this.addr,e.r,e.g,e.b),n[0]=e.r,n[1]=e.g,n[2]=e.b);else{if(mi(n,e))return;t.uniform3fv(this.addr,e),gi(n,e)}}function _i(t,e){const n=this.cache;if(void 0!==e.x)n[0]===e.x&&n[1]===e.y&&n[2]===e.z&&n[3]===e.w||(t.uniform4f(this.addr,e.x,e.y,e.z,e.w),n[0]=e.x,n[1]=e.y,n[2]=e.z,n[3]=e.w);else{if(mi(n,e))return;t.uniform4fv(this.addr,e),gi(n,e)}}function wi(t,e){const n=this.cache,i=e.elements;if(void 0===i){if(mi(n,e))return;t.uniformMatrix2fv(this.addr,!1,e),gi(n,e)}else{if(mi(n,i))return;pi.set(i),t.uniformMatrix2fv(this.addr,!1,pi),gi(n,i)}}function bi(t,e){const n=this.cache,i=e.elements;if(void 0===i){if(mi(n,e))return;t.uniformMatrix3fv(this.addr,!1,e),gi(n,e)}else{if(mi(n,i))return;di.set(i),t.uniformMatrix3fv(this.addr,!1,di),gi(n,i)}}function Mi(t,e){const n=this.cache,i=e.elements;if(void 0===i){if(mi(n,e))return;t.uniformMatrix4fv(this.addr,!1,e),gi(n,e)}else{if(mi(n,i))return;ui.set(i),t.uniformMatrix4fv(this.addr,!1,ui),gi(n,i)}}function Ei(t,e,n){const i=this.cache,r=n.allocateTextureUnit();i[0]!==r&&(t.uniform1i(this.addr,r),i[0]=r),n.safeSetTexture2D(e||oi,r)}function Si(t,e,n){const i=this.cache,r=n.allocateTextureUnit();i[0]!==r&&(t.uniform1i(this.addr,r),i[0]=r),n.setTexture2DArray(e||si,r)}function Ti(t,e,n){const i=this.cache,r=n.allocateTextureUnit();i[0]!==r&&(t.uniform1i(this.addr,r),i[0]=r),n.setTexture3D(e||ai,r)}function Li(t,e,n){const i=this.cache,r=n.allocateTextureUnit();i[0]!==r&&(t.uniform1i(this.addr,r),i[0]=r),n.safeSetTextureCube(e||li,r)}function Ri(t,e){const n=this.cache;n[0]!==e&&(t.uniform1i(this.addr,e),n[0]=e)}function Ci(t,e){const n=this.cache;mi(n,e)||(t.uniform2iv(this.addr,e),gi(n,e))}function Pi(t,e){const n=this.cache;mi(n,e)||(t.uniform3iv(this.addr,e),gi(n,e))}function Di(t,e){const n=this.cache;mi(n,e)||(t.uniform4iv(this.addr,e),gi(n,e))}function Ii(t,e){const n=this.cache;n[0]!==e&&(t.uniform1ui(this.addr,e),n[0]=e)}function Ni(t,e){t.uniform1fv(this.addr,e)}function Oi(t,e){t.uniform1iv(this.addr,e)}function Bi(t,e){t.uniform2iv(this.addr,e)}function Fi(t,e){t.uniform3iv(this.addr,e)}function zi(t,e){t.uniform4iv(this.addr,e)}function Ui(t,e){const n=fi(e,this.size,2);t.uniform2fv(this.addr,n)}function Hi(t,e){const n=fi(e,this.size,3);t.uniform3fv(this.addr,n)}function Gi(t,e){const n=fi(e,this.size,4);t.uniform4fv(this.addr,n)}function Vi(t,e){const n=fi(e,this.size,4);t.uniformMatrix2fv(this.addr,!1,n)}function ki(t,e){const n=fi(e,this.size,9);t.uniformMatrix3fv(this.addr,!1,n)}function Wi(t,e){const n=fi(e,this.size,16);t.uniformMatrix4fv(this.addr,!1,n)}function ji(t,e,n){const i=e.length,r=vi(n,i);t.uniform1iv(this.addr,r);for(let t=0;t!==i;++t)n.safeSetTexture2D(e[t]||oi,r[t])}function Xi(t,e,n){const i=e.length,r=vi(n,i);t.uniform1iv(this.addr,r);for(let t=0;t!==i;++t)n.safeSetTextureCube(e[t]||li,r[t])}function qi(t,e,n){this.id=t,this.addr=n,this.cache=[],this.setValue=function(t){switch(t){case 5126:return yi;case 35664:return Ai;case 35665:return xi;case 35666:return _i;case 35674:return wi;case 35675:return bi;case 35676:return Mi;case 5124:case 35670:return Ri;case 35667:case 35671:return Ci;case 35668:case 35672:return Pi;case 35669:case 35673:return Di;case 5125:return Ii;case 35678:case 36198:case 36298:case 36306:case 35682:return Ei;case 35679:case 36299:case 36307:return Ti;case 35680:case 36300:case 36308:case 36293:return Li;case 36289:case 36303:case 36311:case 36292:return Si}}(e.type)}function Yi(t,e,n){this.id=t,this.addr=n,this.cache=[],this.size=e.size,this.setValue=function(t){switch(t){case 5126:return Ni;case 35664:return Ui;case 35665:return Hi;case 35666:return Gi;case 35674:return Vi;case 35675:return ki;case 35676:return Wi;case 5124:case 35670:return Oi;case 35667:case 35671:return Bi;case 35668:case 35672:return Fi;case 35669:case 35673:return zi;case 35678:case 36198:case 36298:case 36306:case 35682:return ji;case 35680:case 36300:case 36308:case 36293:return Xi}}(e.type)}function Qi(t){this.id=t,this.seq=[],this.map={}}Yi.prototype.updateCache=function(t){const e=this.cache;t instanceof Float32Array&&e.length!==t.length&&(this.cache=new Float32Array(t.length)),gi(e,t)},Qi.prototype.setValue=function(t,e,n){const i=this.seq;for(let r=0,o=i.length;r!==o;++r){const o=i[r];o.setValue(t,e[o.id],n)}};const Zi=/(\w+)(\])?(\[|\.)?/g;function Ji(t,e){t.seq.push(e),t.map[e.id]=e}function Ki(t,e,n){const i=t.name,r=i.length;for(Zi.lastIndex=0;;){const o=Zi.exec(i),s=Zi.lastIndex;let a=o[1];const l="]"===o[2],c=o[3];if(l&&(a|=0),void 0===c||"["===c&&s+2===r){Ji(n,void 0===c?new qi(a,t,e):new Yi(a,t,e));break}{let t=n.map[a];void 0===t&&(t=new Qi(a),Ji(n,t)),n=t}}}function $i(t,e){this.seq=[],this.map={};const n=t.getProgramParameter(e,35718);for(let i=0;i<n;++i){const n=t.getActiveUniform(e,i);Ki(n,t.getUniformLocation(e,n.name),this)}}function tr(t,e,n){const i=t.createShader(e);return t.shaderSource(i,n),t.compileShader(i),i}$i.prototype.setValue=function(t,e,n,i){const r=this.map[e];void 0!==r&&r.setValue(t,n,i)},$i.prototype.setOptional=function(t,e,n){const i=e[n];void 0!==i&&this.setValue(t,n,i)},$i.upload=function(t,e,n,i){for(let r=0,o=e.length;r!==o;++r){const o=e[r],s=n[o.id];!1!==s.needsUpdate&&o.setValue(t,s.value,i)}},$i.seqWithValue=function(t,e){const n=[];for(let i=0,r=t.length;i!==r;++i){const r=t[i];r.id in e&&n.push(r)}return n};let er=0;function nr(t){switch(t){case G:return["Linear","( value )"];case 3001:return["sRGB","( value )"];case 3002:return["RGBE","( value )"];case 3004:return["RGBM","( value, 7.0 )"];case 3005:return["RGBM","( value, 16.0 )"];case 3006:return["RGBD","( value, 256.0 )"];case 3007:return["Gamma","( value, float( GAMMA_FACTOR ) )"];case 3003:return["LogLuv","( value )"];default:return console.warn("THREE.WebGLProgram: Unsupported encoding:",t),["Linear","( value )"]}}function ir(t,e,n){const i=t.getShaderParameter(e,35713),r=t.getShaderInfoLog(e).trim();if(i&&""===r)return"";return"THREE.WebGLShader: gl.getShaderInfoLog() "+n+"\n"+r+function(t){const e=t.split("\n");for(let t=0;t<e.length;t++)e[t]=t+1+": "+e[t];return e.join("\n")}(t.getShaderSource(e))}function rr(t,e){const n=nr(e);return"vec4 "+t+"( vec4 value ) { return "+n[0]+"ToLinear"+n[1]+"; }"}function or(t,e){const n=nr(e);return"vec4 "+t+"( vec4 value ) { return LinearTo"+n[0]+n[1]+"; }"}function sr(t,e){let n;switch(e){case 1:n="Linear";break;case 2:n="Reinhard";break;case 3:n="OptimizedCineon";break;case 4:n="ACESFilmic";break;case 5:n="Custom";break;default:console.warn("THREE.WebGLProgram: Unsupported toneMapping:",e),n="Linear"}return"vec3 "+t+"( vec3 color ) { return "+n+"ToneMapping( color ); }"}function ar(t){return""!==t}function lr(t,e){return t.replace(/NUM_DIR_LIGHTS/g,e.numDirLights).replace(/NUM_SPOT_LIGHTS/g,e.numSpotLights).replace(/NUM_RECT_AREA_LIGHTS/g,e.numRectAreaLights).replace(/NUM_POINT_LIGHTS/g,e.numPointLights).replace(/NUM_HEMI_LIGHTS/g,e.numHemiLights).replace(/NUM_DIR_LIGHT_SHADOWS/g,e.numDirLightShadows).replace(/NUM_SPOT_LIGHT_SHADOWS/g,e.numSpotLightShadows).replace(/NUM_POINT_LIGHT_SHADOWS/g,e.numPointLightShadows)}function cr(t,e){return t.replace(/NUM_CLIPPING_PLANES/g,e.numClippingPlanes).replace(/UNION_CLIPPING_PLANES/g,e.numClippingPlanes-e.numClipIntersection)}const hr=/^[ \t]*#include +<([\w\d./]+)>/gm;function ur(t){return t.replace(hr,dr)}function dr(t,e){const n=Hn[e];if(void 0===n)throw new Error("Can not resolve #include <"+e+">");return ur(n)}const pr=/#pragma unroll_loop[\s]+?for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g,fr=/#pragma unroll_loop_start\s+for\s*\(\s*int\s+i\s*=\s*(\d+)\s*;\s*i\s*<\s*(\d+)\s*;\s*i\s*\+\+\s*\)\s*{([\s\S]+?)}\s+#pragma unroll_loop_end/g;function mr(t){return t.replace(fr,vr).replace(pr,gr)}function gr(t,e,n,i){return console.warn("WebGLProgram: #pragma unroll_loop shader syntax is deprecated. Please use #pragma unroll_loop_start syntax instead."),vr(t,e,n,i)}function vr(t,e,n,i){let r="";for(let t=parseInt(e);t<parseInt(n);t++)r+=i.replace(/\[\s*i\s*\]/g,"[ "+t+" ]").replace(/UNROLLED_LOOP_INDEX/g,t);return r}function yr(t){let e="precision "+t.precision+" float;\nprecision "+t.precision+" int;";return"highp"===t.precision?e+="\n#define HIGH_PRECISION":"mediump"===t.precision?e+="\n#define MEDIUM_PRECISION":"lowp"===t.precision&&(e+="\n#define LOW_PRECISION"),e}function Ar(t,e,n,i){const r=t.getContext(),o=n.defines;let s=n.vertexShader,a=n.fragmentShader;const l=function(t){let e="SHADOWMAP_TYPE_BASIC";return 1===t.shadowMapType?e="SHADOWMAP_TYPE_PCF":2===t.shadowMapType?e="SHADOWMAP_TYPE_PCF_SOFT":3===t.shadowMapType&&(e="SHADOWMAP_TYPE_VSM"),e}(n),c=function(t){let e="ENVMAP_TYPE_CUBE";if(t.envMap)switch(t.envMapMode){case 301:case 302:e="ENVMAP_TYPE_CUBE";break;case 306:case 307:e="ENVMAP_TYPE_CUBE_UV"}return e}(n),h=function(t){let e="ENVMAP_MODE_REFLECTION";if(t.envMap)switch(t.envMapMode){case 302:case 307:e="ENVMAP_MODE_REFRACTION"}return e}(n),u=function(t){let e="ENVMAP_BLENDING_NONE";if(t.envMap)switch(t.combine){case 0:e="ENVMAP_BLENDING_MULTIPLY";break;case 1:e="ENVMAP_BLENDING_MIX";break;case 2:e="ENVMAP_BLENDING_ADD"}return e}(n),d=t.gammaFactor>0?t.gammaFactor:1,p=n.isWebGL2?"":function(t){return[t.extensionDerivatives||t.envMapCubeUV||t.bumpMap||t.tangentSpaceNormalMap||t.clearcoatNormalMap||t.flatShading||"physical"===t.shaderID?"#extension GL_OES_standard_derivatives : enable":"",(t.extensionFragDepth||t.logarithmicDepthBuffer)&&t.rendererExtensionFragDepth?"#extension GL_EXT_frag_depth : enable":"",t.extensionDrawBuffers&&t.rendererExtensionDrawBuffers?"#extension GL_EXT_draw_buffers : require":"",(t.extensionShaderTextureLOD||t.envMap)&&t.rendererExtensionShaderTextureLod?"#extension GL_EXT_shader_texture_lod : enable":""].filter(ar).join("\n")}(n),f=function(t){const e=[];for(const n in t){const i=t[n];!1!==i&&e.push("#define "+n+" "+i)}return e.join("\n")}(o),m=r.createProgram();let g,v,y=n.glslVersion?"#version "+n.glslVersion+"\n":"";n.isRawShaderMaterial?(g=[f].filter(ar).join("\n"),g.length>0&&(g+="\n"),v=[p,f].filter(ar).join("\n"),v.length>0&&(v+="\n")):(g=[yr(n),"#define SHADER_NAME "+n.shaderName,f,n.instancing?"#define USE_INSTANCING":"",n.instancingColor?"#define USE_INSTANCING_COLOR":"",n.supportsVertexTextures?"#define VERTEX_TEXTURES":"","#define GAMMA_FACTOR "+d,"#define MAX_BONES "+n.maxBones,n.useFog&&n.fog?"#define USE_FOG":"",n.useFog&&n.fogExp2?"#define FOG_EXP2":"",n.map?"#define USE_MAP":"",n.envMap?"#define USE_ENVMAP":"",n.envMap?"#define "+h:"",n.lightMap?"#define USE_LIGHTMAP":"",n.aoMap?"#define USE_AOMAP":"",n.emissiveMap?"#define USE_EMISSIVEMAP":"",n.bumpMap?"#define USE_BUMPMAP":"",n.normalMap?"#define USE_NORMALMAP":"",n.normalMap&&n.objectSpaceNormalMap?"#define OBJECTSPACE_NORMALMAP":"",n.normalMap&&n.tangentSpaceNormalMap?"#define TANGENTSPACE_NORMALMAP":"",n.clearcoatMap?"#define USE_CLEARCOATMAP":"",n.clearcoatRoughnessMap?"#define USE_CLEARCOAT_ROUGHNESSMAP":"",n.clearcoatNormalMap?"#define USE_CLEARCOAT_NORMALMAP":"",n.displacementMap&&n.supportsVertexTextures?"#define USE_DISPLACEMENTMAP":"",n.specularMap?"#define USE_SPECULARMAP":"",n.roughnessMap?"#define USE_ROUGHNESSMAP":"",n.metalnessMap?"#define USE_METALNESSMAP":"",n.alphaMap?"#define USE_ALPHAMAP":"",n.transmissionMap?"#define USE_TRANSMISSIONMAP":"",n.vertexTangents?"#define USE_TANGENT":"",n.vertexColors?"#define USE_COLOR":"",n.vertexUvs?"#define USE_UV":"",n.uvsVertexOnly?"#define UVS_VERTEX_ONLY":"",n.flatShading?"#define FLAT_SHADED":"",n.skinning?"#define USE_SKINNING":"",n.useVertexTexture?"#define BONE_TEXTURE":"",n.morphTargets?"#define USE_MORPHTARGETS":"",n.morphNormals&&!1===n.flatShading?"#define USE_MORPHNORMALS":"",n.doubleSided?"#define DOUBLE_SIDED":"",n.flipSided?"#define FLIP_SIDED":"",n.shadowMapEnabled?"#define USE_SHADOWMAP":"",n.shadowMapEnabled?"#define "+l:"",n.sizeAttenuation?"#define USE_SIZEATTENUATION":"",n.logarithmicDepthBuffer?"#define USE_LOGDEPTHBUF":"",n.logarithmicDepthBuffer&&n.rendererExtensionFragDepth?"#define USE_LOGDEPTHBUF_EXT":"","uniform mat4 modelMatrix;","uniform mat4 modelViewMatrix;","uniform mat4 projectionMatrix;","uniform mat4 viewMatrix;","uniform mat3 normalMatrix;","uniform vec3 cameraPosition;","uniform bool isOrthographic;","#ifdef USE_INSTANCING","\tattribute mat4 instanceMatrix;","#endif","#ifdef USE_INSTANCING_COLOR","\tattribute vec3 instanceColor;","#endif","attribute vec3 position;","attribute vec3 normal;","attribute vec2 uv;","#ifdef USE_TANGENT","\tattribute vec4 tangent;","#endif","#ifdef USE_COLOR","\tattribute vec3 color;","#endif","#ifdef USE_MORPHTARGETS","\tattribute vec3 morphTarget0;","\tattribute vec3 morphTarget1;","\tattribute vec3 morphTarget2;","\tattribute vec3 morphTarget3;","\t#ifdef USE_MORPHNORMALS","\t\tattribute vec3 morphNormal0;","\t\tattribute vec3 morphNormal1;","\t\tattribute vec3 morphNormal2;","\t\tattribute vec3 morphNormal3;","\t#else","\t\tattribute vec3 morphTarget4;","\t\tattribute vec3 morphTarget5;","\t\tattribute vec3 morphTarget6;","\t\tattribute vec3 morphTarget7;","\t#endif","#endif","#ifdef USE_SKINNING","\tattribute vec4 skinIndex;","\tattribute vec4 skinWeight;","#endif","\n"].filter(ar).join("\n"),v=[p,yr(n),"#define SHADER_NAME "+n.shaderName,f,n.alphaTest?"#define ALPHATEST "+n.alphaTest+(n.alphaTest%1?"":".0"):"","#define GAMMA_FACTOR "+d,n.useFog&&n.fog?"#define USE_FOG":"",n.useFog&&n.fogExp2?"#define FOG_EXP2":"",n.map?"#define USE_MAP":"",n.matcap?"#define USE_MATCAP":"",n.envMap?"#define USE_ENVMAP":"",n.envMap?"#define "+c:"",n.envMap?"#define "+h:"",n.envMap?"#define "+u:"",n.lightMap?"#define USE_LIGHTMAP":"",n.aoMap?"#define USE_AOMAP":"",n.emissiveMap?"#define USE_EMISSIVEMAP":"",n.bumpMap?"#define USE_BUMPMAP":"",n.normalMap?"#define USE_NORMALMAP":"",n.normalMap&&n.objectSpaceNormalMap?"#define OBJECTSPACE_NORMALMAP":"",n.normalMap&&n.tangentSpaceNormalMap?"#define TANGENTSPACE_NORMALMAP":"",n.clearcoatMap?"#define USE_CLEARCOATMAP":"",n.clearcoatRoughnessMap?"#define USE_CLEARCOAT_ROUGHNESSMAP":"",n.clearcoatNormalMap?"#define USE_CLEARCOAT_NORMALMAP":"",n.specularMap?"#define USE_SPECULARMAP":"",n.roughnessMap?"#define USE_ROUGHNESSMAP":"",n.metalnessMap?"#define USE_METALNESSMAP":"",n.alphaMap?"#define USE_ALPHAMAP":"",n.sheen?"#define USE_SHEEN":"",n.transmissionMap?"#define USE_TRANSMISSIONMAP":"",n.vertexTangents?"#define USE_TANGENT":"",n.vertexColors||n.instancingColor?"#define USE_COLOR":"",n.vertexUvs?"#define USE_UV":"",n.uvsVertexOnly?"#define UVS_VERTEX_ONLY":"",n.gradientMap?"#define USE_GRADIENTMAP":"",n.flatShading?"#define FLAT_SHADED":"",n.doubleSided?"#define DOUBLE_SIDED":"",n.flipSided?"#define FLIP_SIDED":"",n.shadowMapEnabled?"#define USE_SHADOWMAP":"",n.shadowMapEnabled?"#define "+l:"",n.premultipliedAlpha?"#define PREMULTIPLIED_ALPHA":"",n.physicallyCorrectLights?"#define PHYSICALLY_CORRECT_LIGHTS":"",n.logarithmicDepthBuffer?"#define USE_LOGDEPTHBUF":"",n.logarithmicDepthBuffer&&n.rendererExtensionFragDepth?"#define USE_LOGDEPTHBUF_EXT":"",(n.extensionShaderTextureLOD||n.envMap)&&n.rendererExtensionShaderTextureLod?"#define TEXTURE_LOD_EXT":"","uniform mat4 viewMatrix;","uniform vec3 cameraPosition;","uniform bool isOrthographic;",0!==n.toneMapping?"#define TONE_MAPPING":"",0!==n.toneMapping?Hn.tonemapping_pars_fragment:"",0!==n.toneMapping?sr("toneMapping",n.toneMapping):"",n.dithering?"#define DITHERING":"",Hn.encodings_pars_fragment,n.map?rr("mapTexelToLinear",n.mapEncoding):"",n.matcap?rr("matcapTexelToLinear",n.matcapEncoding):"",n.envMap?rr("envMapTexelToLinear",n.envMapEncoding):"",n.emissiveMap?rr("emissiveMapTexelToLinear",n.emissiveMapEncoding):"",n.lightMap?rr("lightMapTexelToLinear",n.lightMapEncoding):"",or("linearToOutputTexel",n.outputEncoding),n.depthPacking?"#define DEPTH_PACKING "+n.depthPacking:"","\n"].filter(ar).join("\n")),s=ur(s),s=lr(s,n),s=cr(s,n),a=ur(a),a=lr(a,n),a=cr(a,n),s=mr(s),a=mr(a),n.isWebGL2&&!0!==n.isRawShaderMaterial&&(y="#version 300 es\n",g=["#define attribute in","#define varying out","#define texture2D texture"].join("\n")+"\n"+g,v=["#define varying in",n.glslVersion===j?"":"out highp vec4 pc_fragColor;",n.glslVersion===j?"":"#define gl_FragColor pc_fragColor","#define gl_FragDepthEXT gl_FragDepth","#define texture2D texture","#define textureCube texture","#define texture2DProj textureProj","#define texture2DLodEXT textureLod","#define texture2DProjLodEXT textureProjLod","#define textureCubeLodEXT textureLod","#define texture2DGradEXT textureGrad","#define texture2DProjGradEXT textureProjGrad","#define textureCubeGradEXT textureGrad"].join("\n")+"\n"+v);const A=y+v+a,x=tr(r,35633,y+g+s),_=tr(r,35632,A);if(r.attachShader(m,x),r.attachShader(m,_),void 0!==n.index0AttributeName?r.bindAttribLocation(m,0,n.index0AttributeName):!0===n.morphTargets&&r.bindAttribLocation(m,0,"position"),r.linkProgram(m),t.debug.checkShaderErrors){const t=r.getProgramInfoLog(m).trim(),e=r.getShaderInfoLog(x).trim(),n=r.getShaderInfoLog(_).trim();let i=!0,o=!0;if(!1===r.getProgramParameter(m,35714)){i=!1;const e=ir(r,x,"vertex"),n=ir(r,_,"fragment");console.error("THREE.WebGLProgram: shader error: ",r.getError(),"35715",r.getProgramParameter(m,35715),"gl.getProgramInfoLog",t,e,n)}else""!==t?console.warn("THREE.WebGLProgram: gl.getProgramInfoLog()",t):""!==e&&""!==n||(o=!1);o&&(this.diagnostics={runnable:i,programLog:t,vertexShader:{log:e,prefix:g},fragmentShader:{log:n,prefix:v}})}let w,b;return r.deleteShader(x),r.deleteShader(_),this.getUniforms=function(){return void 0===w&&(w=new $i(r,m)),w},this.getAttributes=function(){return void 0===b&&(b=function(t,e){const n={},i=t.getProgramParameter(e,35721);for(let r=0;r<i;r++){const i=t.getActiveAttrib(e,r).name;n[i]=t.getAttribLocation(e,i)}return n}(r,m)),b},this.destroy=function(){i.releaseStatesOfProgram(this),r.deleteProgram(m),this.program=void 0},this.name=n.shaderName,this.id=er++,this.cacheKey=e,this.usedTimes=1,this.program=m,this.vertexShader=x,this.fragmentShader=_,this}function xr(t,e,n,i,r,o){const s=[],a=i.isWebGL2,l=i.logarithmicDepthBuffer,c=i.floatVertexTextures,h=i.maxVertexUniforms,u=i.vertexTextures;let d=i.precision;const p={MeshDepthMaterial:"depth",MeshDistanceMaterial:"distanceRGBA",MeshNormalMaterial:"normal",MeshBasicMaterial:"basic",MeshLambertMaterial:"lambert",MeshPhongMaterial:"phong",MeshToonMaterial:"toon",MeshStandardMaterial:"physical",MeshPhysicalMaterial:"physical",MeshMatcapMaterial:"matcap",LineBasicMaterial:"basic",LineDashedMaterial:"dashed",PointsMaterial:"points",ShadowMaterial:"shadow",SpriteMaterial:"sprite"},f=["precision","isWebGL2","supportsVertexTextures","outputEncoding","instancing","instancingColor","map","mapEncoding","matcap","matcapEncoding","envMap","envMapMode","envMapEncoding","envMapCubeUV","lightMap","lightMapEncoding","aoMap","emissiveMap","emissiveMapEncoding","bumpMap","normalMap","objectSpaceNormalMap","tangentSpaceNormalMap","clearcoatMap","clearcoatRoughnessMap","clearcoatNormalMap","displacementMap","specularMap","roughnessMap","metalnessMap","gradientMap","alphaMap","combine","vertexColors","vertexTangents","vertexUvs","uvsVertexOnly","fog","useFog","fogExp2","flatShading","sizeAttenuation","logarithmicDepthBuffer","skinning","maxBones","useVertexTexture","morphTargets","morphNormals","maxMorphTargets","maxMorphNormals","premultipliedAlpha","numDirLights","numPointLights","numSpotLights","numHemiLights","numRectAreaLights","numDirLightShadows","numPointLightShadows","numSpotLightShadows","shadowMapEnabled","shadowMapType","toneMapping","physicallyCorrectLights","alphaTest","doubleSided","flipSided","numClippingPlanes","numClipIntersection","depthPacking","dithering","sheen","transmissionMap"];function m(t){let e;return t&&t.isTexture?e=t.encoding:t&&t.isWebGLRenderTarget?(console.warn("THREE.WebGLPrograms.getTextureEncodingFromMap: don't use render targets as textures. Use their .texture property instead."),e=t.texture.encoding):e=G,e}return{getParameters:function(r,s,f,g,v){const y=g.fog,A=r.isMeshStandardMaterial?g.environment:null,x=e.get(r.envMap||A),_=p[r.type],w=v.isSkinnedMesh?function(t){const e=t.skeleton.bones;if(c)return 1024;{const t=h,n=Math.floor((t-20)/4),i=Math.min(n,e.length);return i<e.length?(console.warn("THREE.WebGLRenderer: Skeleton has "+e.length+" bones. This GPU supports "+i+"."),0):i}}(v):0;let b,M;if(null!==r.precision&&(d=i.getMaxPrecision(r.precision),d!==r.precision&&console.warn("THREE.WebGLProgram.getParameters:",r.precision,"not supported, using",d,"instead.")),_){const t=Vn[_];b=t.vertexShader,M=t.fragmentShader}else b=r.vertexShader,M=r.fragmentShader;const E=t.getRenderTarget();return{isWebGL2:a,shaderID:_,shaderName:r.type,vertexShader:b,fragmentShader:M,defines:r.defines,isRawShaderMaterial:!0===r.isRawShaderMaterial,glslVersion:r.glslVersion,precision:d,instancing:!0===v.isInstancedMesh,instancingColor:!0===v.isInstancedMesh&&null!==v.instanceColor,supportsVertexTextures:u,outputEncoding:null!==E?m(E.texture):t.outputEncoding,map:!!r.map,mapEncoding:m(r.map),matcap:!!r.matcap,matcapEncoding:m(r.matcap),envMap:!!x,envMapMode:x&&x.mapping,envMapEncoding:m(x),envMapCubeUV:!!x&&(306===x.mapping||307===x.mapping),lightMap:!!r.lightMap,lightMapEncoding:m(r.lightMap),aoMap:!!r.aoMap,emissiveMap:!!r.emissiveMap,emissiveMapEncoding:m(r.emissiveMap),bumpMap:!!r.bumpMap,normalMap:!!r.normalMap,objectSpaceNormalMap:1===r.normalMapType,tangentSpaceNormalMap:0===r.normalMapType,clearcoatMap:!!r.clearcoatMap,clearcoatRoughnessMap:!!r.clearcoatRoughnessMap,clearcoatNormalMap:!!r.clearcoatNormalMap,displacementMap:!!r.displacementMap,roughnessMap:!!r.roughnessMap,metalnessMap:!!r.metalnessMap,specularMap:!!r.specularMap,alphaMap:!!r.alphaMap,gradientMap:!!r.gradientMap,sheen:!!r.sheen,transmissionMap:!!r.transmissionMap,combine:r.combine,vertexTangents:r.normalMap&&r.vertexTangents,vertexColors:r.vertexColors,vertexUvs:!!(r.map||r.bumpMap||r.normalMap||r.specularMap||r.alphaMap||r.emissiveMap||r.roughnessMap||r.metalnessMap||r.clearcoatMap||r.clearcoatRoughnessMap||r.clearcoatNormalMap||r.displacementMap||r.transmissionMap),uvsVertexOnly:!(r.map||r.bumpMap||r.normalMap||r.specularMap||r.alphaMap||r.emissiveMap||r.roughnessMap||r.metalnessMap||r.clearcoatNormalMap||r.transmissionMap||!r.displacementMap),fog:!!y,useFog:r.fog,fogExp2:y&&y.isFogExp2,flatShading:r.flatShading,sizeAttenuation:r.sizeAttenuation,logarithmicDepthBuffer:l,skinning:r.skinning&&w>0,maxBones:w,useVertexTexture:c,morphTargets:r.morphTargets,morphNormals:r.morphNormals,maxMorphTargets:t.maxMorphTargets,maxMorphNormals:t.maxMorphNormals,numDirLights:s.directional.length,numPointLights:s.point.length,numSpotLights:s.spot.length,numRectAreaLights:s.rectArea.length,numHemiLights:s.hemi.length,numDirLightShadows:s.directionalShadowMap.length,numPointLightShadows:s.pointShadowMap.length,numSpotLightShadows:s.spotShadowMap.length,numClippingPlanes:o.numPlanes,numClipIntersection:o.numIntersection,dithering:r.dithering,shadowMapEnabled:t.shadowMap.enabled&&f.length>0,shadowMapType:t.shadowMap.type,toneMapping:r.toneMapped?t.toneMapping:0,physicallyCorrectLights:t.physicallyCorrectLights,premultipliedAlpha:r.premultipliedAlpha,alphaTest:r.alphaTest,doubleSided:2===r.side,flipSided:1===r.side,depthPacking:void 0!==r.depthPacking&&r.depthPacking,index0AttributeName:r.index0AttributeName,extensionDerivatives:r.extensions&&r.extensions.derivatives,extensionFragDepth:r.extensions&&r.extensions.fragDepth,extensionDrawBuffers:r.extensions&&r.extensions.drawBuffers,extensionShaderTextureLOD:r.extensions&&r.extensions.shaderTextureLOD,rendererExtensionFragDepth:a||n.has("EXT_frag_depth"),rendererExtensionDrawBuffers:a||n.has("WEBGL_draw_buffers"),rendererExtensionShaderTextureLod:a||n.has("EXT_shader_texture_lod"),customProgramCacheKey:r.customProgramCacheKey()}},getProgramCacheKey:function(e){const n=[];if(e.shaderID?n.push(e.shaderID):(n.push(e.fragmentShader),n.push(e.vertexShader)),void 0!==e.defines)for(const t in e.defines)n.push(t),n.push(e.defines[t]);if(!1===e.isRawShaderMaterial){for(let t=0;t<f.length;t++)n.push(e[f[t]]);n.push(t.outputEncoding),n.push(t.gammaFactor)}return n.push(e.customProgramCacheKey),n.join()},getUniforms:function(t){const e=p[t.type];let n;if(e){const t=Vn[e];n=En.clone(t.uniforms)}else n=t.uniforms;return n},acquireProgram:function(e,n){let i;for(let t=0,e=s.length;t<e;t++){const e=s[t];if(e.cacheKey===n){i=e,++i.usedTimes;break}}return void 0===i&&(i=new Ar(t,n,e,r),s.push(i)),i},releaseProgram:function(t){if(0==--t.usedTimes){const e=s.indexOf(t);s[e]=s[s.length-1],s.pop(),t.destroy()}},programs:s}}function _r(){let t=new WeakMap;return{get:function(e){let n=t.get(e);return void 0===n&&(n={},t.set(e,n)),n},remove:function(e){t.delete(e)},update:function(e,n,i){t.get(e)[n]=i},dispose:function(){t=new WeakMap}}}function wr(t,e){return t.groupOrder!==e.groupOrder?t.groupOrder-e.groupOrder:t.renderOrder!==e.renderOrder?t.renderOrder-e.renderOrder:t.program!==e.program?t.program.id-e.program.id:t.material.id!==e.material.id?t.material.id-e.material.id:t.z!==e.z?t.z-e.z:t.id-e.id}function br(t,e){return t.groupOrder!==e.groupOrder?t.groupOrder-e.groupOrder:t.renderOrder!==e.renderOrder?t.renderOrder-e.renderOrder:t.z!==e.z?e.z-t.z:t.id-e.id}function Mr(t){const e=[];let n=0;const i=[],r=[],o={id:-1};function s(i,r,s,a,l,c){let h=e[n];const u=t.get(s);return void 0===h?(h={id:i.id,object:i,geometry:r,material:s,program:u.program||o,groupOrder:a,renderOrder:i.renderOrder,z:l,group:c},e[n]=h):(h.id=i.id,h.object=i,h.geometry=r,h.material=s,h.program=u.program||o,h.groupOrder=a,h.renderOrder=i.renderOrder,h.z=l,h.group=c),n++,h}return{opaque:i,transparent:r,init:function(){n=0,i.length=0,r.length=0},push:function(t,e,n,o,a,l){const c=s(t,e,n,o,a,l);(!0===n.transparent?r:i).push(c)},unshift:function(t,e,n,o,a,l){const c=s(t,e,n,o,a,l);(!0===n.transparent?r:i).unshift(c)},finish:function(){for(let t=n,i=e.length;t<i;t++){const n=e[t];if(null===n.id)break;n.id=null,n.object=null,n.geometry=null,n.material=null,n.program=null,n.group=null}},sort:function(t,e){i.length>1&&i.sort(t||wr),r.length>1&&r.sort(e||br)}}}function Er(t){let e=new WeakMap;return{get:function(n,i){const r=e.get(n);let o;return void 0===r?(o=new Mr(t),e.set(n,new WeakMap),e.get(n).set(i,o)):(o=r.get(i),void 0===o&&(o=new Mr(t),r.set(i,o))),o},dispose:function(){e=new WeakMap}}}function Sr(){const t={};return{get:function(e){if(void 0!==t[e.id])return t[e.id];let n;switch(e.type){case"DirectionalLight":n={direction:new st,color:new Te};break;case"SpotLight":n={position:new st,direction:new st,color:new Te,distance:0,coneCos:0,penumbraCos:0,decay:0};break;case"PointLight":n={position:new st,color:new Te,distance:0,decay:0};break;case"HemisphereLight":n={direction:new st,skyColor:new Te,groundColor:new Te};break;case"RectAreaLight":n={color:new Te,position:new st,halfWidth:new st,halfHeight:new st}}return t[e.id]=n,n}}}let Tr=0;function Lr(t,e){return(e.castShadow?1:0)-(t.castShadow?1:0)}function Rr(t,e){const n=new Sr,i=function(){const t={};return{get:function(e){if(void 0!==t[e.id])return t[e.id];let n;switch(e.type){case"DirectionalLight":case"SpotLight":n={shadowBias:0,shadowNormalBias:0,shadowRadius:1,shadowMapSize:new Z};break;case"PointLight":n={shadowBias:0,shadowNormalBias:0,shadowRadius:1,shadowMapSize:new Z,shadowCameraNear:1,shadowCameraFar:1e3}}return t[e.id]=n,n}}}(),r={version:0,hash:{directionalLength:-1,pointLength:-1,spotLength:-1,rectAreaLength:-1,hemiLength:-1,numDirectionalShadows:-1,numPointShadows:-1,numSpotShadows:-1},ambient:[0,0,0],probe:[],directional:[],directionalShadow:[],directionalShadowMap:[],directionalShadowMatrix:[],spot:[],spotShadow:[],spotShadowMap:[],spotShadowMatrix:[],rectArea:[],rectAreaLTC1:null,rectAreaLTC2:null,point:[],pointShadow:[],pointShadowMap:[],pointShadowMatrix:[],hemi:[]};for(let t=0;t<9;t++)r.probe.push(new st);const o=new st,s=new Nt,a=new Nt;return{setup:function(o){let s=0,a=0,l=0;for(let t=0;t<9;t++)r.probe[t].set(0,0,0);let c=0,h=0,u=0,d=0,p=0,f=0,m=0,g=0;o.sort(Lr);for(let t=0,e=o.length;t<e;t++){const e=o[t],v=e.color,y=e.intensity,A=e.distance,x=e.shadow&&e.shadow.map?e.shadow.map.texture:null;if(e.isAmbientLight)s+=v.r*y,a+=v.g*y,l+=v.b*y;else if(e.isLightProbe)for(let t=0;t<9;t++)r.probe[t].addScaledVector(e.sh.coefficients[t],y);else if(e.isDirectionalLight){const t=n.get(e);if(t.color.copy(e.color).multiplyScalar(e.intensity),e.castShadow){const t=e.shadow,n=i.get(e);n.shadowBias=t.bias,n.shadowNormalBias=t.normalBias,n.shadowRadius=t.radius,n.shadowMapSize=t.mapSize,r.directionalShadow[c]=n,r.directionalShadowMap[c]=x,r.directionalShadowMatrix[c]=e.shadow.matrix,f++}r.directional[c]=t,c++}else if(e.isSpotLight){const t=n.get(e);if(t.position.setFromMatrixPosition(e.matrixWorld),t.color.copy(v).multiplyScalar(y),t.distance=A,t.coneCos=Math.cos(e.angle),t.penumbraCos=Math.cos(e.angle*(1-e.penumbra)),t.decay=e.decay,e.castShadow){const t=e.shadow,n=i.get(e);n.shadowBias=t.bias,n.shadowNormalBias=t.normalBias,n.shadowRadius=t.radius,n.shadowMapSize=t.mapSize,r.spotShadow[u]=n,r.spotShadowMap[u]=x,r.spotShadowMatrix[u]=e.shadow.matrix,g++}r.spot[u]=t,u++}else if(e.isRectAreaLight){const t=n.get(e);t.color.copy(v).multiplyScalar(y),t.halfWidth.set(.5*e.width,0,0),t.halfHeight.set(0,.5*e.height,0),r.rectArea[d]=t,d++}else if(e.isPointLight){const t=n.get(e);if(t.color.copy(e.color).multiplyScalar(e.intensity),t.distance=e.distance,t.decay=e.decay,e.castShadow){const t=e.shadow,n=i.get(e);n.shadowBias=t.bias,n.shadowNormalBias=t.normalBias,n.shadowRadius=t.radius,n.shadowMapSize=t.mapSize,n.shadowCameraNear=t.camera.near,n.shadowCameraFar=t.camera.far,r.pointShadow[h]=n,r.pointShadowMap[h]=x,r.pointShadowMatrix[h]=e.shadow.matrix,m++}r.point[h]=t,h++}else if(e.isHemisphereLight){const t=n.get(e);t.skyColor.copy(e.color).multiplyScalar(y),t.groundColor.copy(e.groundColor).multiplyScalar(y),r.hemi[p]=t,p++}}d>0&&(e.isWebGL2||!0===t.has("OES_texture_float_linear")?(r.rectAreaLTC1=Gn.LTC_FLOAT_1,r.rectAreaLTC2=Gn.LTC_FLOAT_2):!0===t.has("OES_texture_half_float_linear")?(r.rectAreaLTC1=Gn.LTC_HALF_1,r.rectAreaLTC2=Gn.LTC_HALF_2):console.error("THREE.WebGLRenderer: Unable to use RectAreaLight. Missing WebGL extensions.")),r.ambient[0]=s,r.ambient[1]=a,r.ambient[2]=l;const v=r.hash;v.directionalLength===c&&v.pointLength===h&&v.spotLength===u&&v.rectAreaLength===d&&v.hemiLength===p&&v.numDirectionalShadows===f&&v.numPointShadows===m&&v.numSpotShadows===g||(r.directional.length=c,r.spot.length=u,r.rectArea.length=d,r.point.length=h,r.hemi.length=p,r.directionalShadow.length=f,r.directionalShadowMap.length=f,r.pointShadow.length=m,r.pointShadowMap.length=m,r.spotShadow.length=g,r.spotShadowMap.length=g,r.directionalShadowMatrix.length=f,r.pointShadowMatrix.length=m,r.spotShadowMatrix.length=g,v.directionalLength=c,v.pointLength=h,v.spotLength=u,v.rectAreaLength=d,v.hemiLength=p,v.numDirectionalShadows=f,v.numPointShadows=m,v.numSpotShadows=g,r.version=Tr++)},setupView:function(t,e){let n=0,i=0,l=0,c=0,h=0;const u=e.matrixWorldInverse;for(let e=0,d=t.length;e<d;e++){const d=t[e];if(d.isDirectionalLight){const t=r.directional[n];t.direction.setFromMatrixPosition(d.matrixWorld),o.setFromMatrixPosition(d.target.matrixWorld),t.direction.sub(o),t.direction.transformDirection(u),n++}else if(d.isSpotLight){const t=r.spot[l];t.position.setFromMatrixPosition(d.matrixWorld),t.position.applyMatrix4(u),t.direction.setFromMatrixPosition(d.matrixWorld),o.setFromMatrixPosition(d.target.matrixWorld),t.direction.sub(o),t.direction.transformDirection(u),l++}else if(d.isRectAreaLight){const t=r.rectArea[c];t.position.setFromMatrixPosition(d.matrixWorld),t.position.applyMatrix4(u),a.identity(),s.copy(d.matrixWorld),s.premultiply(u),a.extractRotation(s),t.halfWidth.set(.5*d.width,0,0),t.halfHeight.set(0,.5*d.height,0),t.halfWidth.applyMatrix4(a),t.halfHeight.applyMatrix4(a),c++}else if(d.isPointLight){const t=r.point[i];t.position.setFromMatrixPosition(d.matrixWorld),t.position.applyMatrix4(u),i++}else if(d.isHemisphereLight){const t=r.hemi[h];t.direction.setFromMatrixPosition(d.matrixWorld),t.direction.transformDirection(u),t.direction.normalize(),h++}}},state:r}}function Cr(t,e){const n=new Rr(t,e),i=[],r=[];return{init:function(){i.length=0,r.length=0},state:{lightsArray:i,shadowsArray:r,lights:n},setupLights:function(){n.setup(i)},setupLightsView:function(t){n.setupView(i,t)},pushLight:function(t){i.push(t)},pushShadow:function(t){r.push(t)}}}function Pr(t,e){let n=new WeakMap;return{get:function(i,r=0){let o;return!1===n.has(i)?(o=new Cr(t,e),n.set(i,[]),n.get(i).push(o)):r>=n.get(i).length?(o=new Cr(t,e),n.get(i).push(o)):o=n.get(i)[r],o},dispose:function(){n=new WeakMap}}}function Dr(t){Ce.call(this),this.type="MeshDepthMaterial",this.depthPacking=3200,this.skinning=!1,this.morphTargets=!1,this.map=null,this.alphaMap=null,this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.wireframe=!1,this.wireframeLinewidth=1,this.fog=!1,this.setValues(t)}function Ir(t){Ce.call(this),this.type="MeshDistanceMaterial",this.referencePosition=new st,this.nearDistance=1,this.farDistance=1e3,this.skinning=!1,this.morphTargets=!1,this.map=null,this.alphaMap=null,this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.fog=!1,this.setValues(t)}Dr.prototype=Object.create(Ce.prototype),Dr.prototype.constructor=Dr,Dr.prototype.isMeshDepthMaterial=!0,Dr.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.depthPacking=t.depthPacking,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this.map=t.map,this.alphaMap=t.alphaMap,this.displacementMap=t.displacementMap,this.displacementScale=t.displacementScale,this.displacementBias=t.displacementBias,this.wireframe=t.wireframe,this.wireframeLinewidth=t.wireframeLinewidth,this},Ir.prototype=Object.create(Ce.prototype),Ir.prototype.constructor=Ir,Ir.prototype.isMeshDistanceMaterial=!0,Ir.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.referencePosition.copy(t.referencePosition),this.nearDistance=t.nearDistance,this.farDistance=t.farDistance,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this.map=t.map,this.alphaMap=t.alphaMap,this.displacementMap=t.displacementMap,this.displacementScale=t.displacementScale,this.displacementBias=t.displacementBias,this};function Nr(t,e,n){let i=new Bn;const r=new Z,o=new Z,s=new it,a=[],l=[],c={},h={0:1,1:0,2:2},u=new Sn({defines:{SAMPLE_RATE:2/8,HALF_SAMPLE_RATE:1/8},uniforms:{shadow_pass:{value:null},resolution:{value:new Z},radius:{value:4}},vertexShader:"void main() {\n\tgl_Position = vec4( position, 1.0 );\n}",fragmentShader:"uniform sampler2D shadow_pass;\nuniform vec2 resolution;\nuniform float radius;\n#include <packing>\nvoid main() {\n\tfloat mean = 0.0;\n\tfloat squared_mean = 0.0;\n\tfloat depth = unpackRGBAToDepth( texture2D( shadow_pass, ( gl_FragCoord.xy ) / resolution ) );\n\tfor ( float i = -1.0; i < 1.0 ; i += SAMPLE_RATE) {\n\t\t#ifdef HORIZONTAL_PASS\n\t\t\tvec2 distribution = unpackRGBATo2Half( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( i, 0.0 ) * radius ) / resolution ) );\n\t\t\tmean += distribution.x;\n\t\t\tsquared_mean += distribution.y * distribution.y + distribution.x * distribution.x;\n\t\t#else\n\t\t\tfloat depth = unpackRGBAToDepth( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( 0.0, i ) * radius ) / resolution ) );\n\t\t\tmean += depth;\n\t\t\tsquared_mean += depth * depth;\n\t\t#endif\n\t}\n\tmean = mean * HALF_SAMPLE_RATE;\n\tsquared_mean = squared_mean * HALF_SAMPLE_RATE;\n\tfloat std_dev = sqrt( squared_mean - mean * mean );\n\tgl_FragColor = pack2HalfToRGBA( vec2( mean, std_dev ) );\n}"}),d=u.clone();d.defines.HORIZONTAL_PASS=1;const p=new en;p.setAttribute("position",new Ne(new Float32Array([-1,-1,.5,3,-1,.5,-1,3,.5]),3));const f=new xn(p,u),m=this;function g(n,i){const r=e.update(f);u.uniforms.shadow_pass.value=n.map.texture,u.uniforms.resolution.value=n.mapSize,u.uniforms.radius.value=n.radius,t.setRenderTarget(n.mapPass),t.clear(),t.renderBufferDirect(i,null,r,u,f,null),d.uniforms.shadow_pass.value=n.mapPass.texture,d.uniforms.resolution.value=n.mapSize,d.uniforms.radius.value=n.radius,t.setRenderTarget(n.map),t.clear(),t.renderBufferDirect(i,null,r,d,f,null)}function v(t,e,n){const i=t<<0|e<<1|n<<2;let r=a[i];return void 0===r&&(r=new Dr({depthPacking:3201,morphTargets:t,skinning:e}),a[i]=r),r}function y(t,e,n){const i=t<<0|e<<1|n<<2;let r=l[i];return void 0===r&&(r=new Ir({morphTargets:t,skinning:e}),l[i]=r),r}function A(e,n,i,r,o,s,a){let l=null,u=v,d=e.customDepthMaterial;if(!0===r.isPointLight&&(u=y,d=e.customDistanceMaterial),void 0===d){let t=!1;!0===i.morphTargets&&(t=n.morphAttributes&&n.morphAttributes.position&&n.morphAttributes.position.length>0);let r=!1;!0===e.isSkinnedMesh&&(!0===i.skinning?r=!0:console.warn("THREE.WebGLShadowMap: THREE.SkinnedMesh with material.skinning set to false:",e));l=u(t,r,!0===e.isInstancedMesh)}else l=d;if(t.localClippingEnabled&&!0===i.clipShadows&&0!==i.clippingPlanes.length){const t=l.uuid,e=i.uuid;let n=c[t];void 0===n&&(n={},c[t]=n);let r=n[e];void 0===r&&(r=l.clone(),n[e]=r),l=r}return l.visible=i.visible,l.wireframe=i.wireframe,l.side=3===a?null!==i.shadowSide?i.shadowSide:i.side:null!==i.shadowSide?i.shadowSide:h[i.side],l.clipShadows=i.clipShadows,l.clippingPlanes=i.clippingPlanes,l.clipIntersection=i.clipIntersection,l.wireframeLinewidth=i.wireframeLinewidth,l.linewidth=i.linewidth,!0===r.isPointLight&&!0===l.isMeshDistanceMaterial&&(l.referencePosition.setFromMatrixPosition(r.matrixWorld),l.nearDistance=o,l.farDistance=s),l}function x(n,r,o,s,a){if(!1===n.visible)return;if(n.layers.test(r.layers)&&(n.isMesh||n.isLine||n.isPoints)&&(n.castShadow||n.receiveShadow&&3===a)&&(!n.frustumCulled||i.intersectsObject(n))){n.modelViewMatrix.multiplyMatrices(o.matrixWorldInverse,n.matrixWorld);const i=e.update(n),r=n.material;if(Array.isArray(r)){const e=i.groups;for(let l=0,c=e.length;l<c;l++){const c=e[l],h=r[c.materialIndex];if(h&&h.visible){const e=A(n,i,h,s,o.near,o.far,a);t.renderBufferDirect(o,null,i,e,n,c)}}}else if(r.visible){const e=A(n,i,r,s,o.near,o.far,a);t.renderBufferDirect(o,null,i,e,n,null)}}const l=n.children;for(let t=0,e=l.length;t<e;t++)x(l[t],r,o,s,a)}this.enabled=!1,this.autoUpdate=!0,this.needsUpdate=!1,this.type=1,this.render=function(e,a,l){if(!1===m.enabled)return;if(!1===m.autoUpdate&&!1===m.needsUpdate)return;if(0===e.length)return;const c=t.getRenderTarget(),h=t.getActiveCubeFace(),u=t.getActiveMipmapLevel(),d=t.state;d.setBlending(0),d.buffers.color.setClear(1,1,1,1),d.buffers.depth.setTest(!0),d.setScissorTest(!1);for(let c=0,h=e.length;c<h;c++){const h=e[c],u=h.shadow;if(void 0===u){console.warn("THREE.WebGLShadowMap:",h,"has no shadow.");continue}if(!1===u.autoUpdate&&!1===u.needsUpdate)continue;r.copy(u.mapSize);const p=u.getFrameExtents();if(r.multiply(p),o.copy(u.mapSize),(r.x>n||r.y>n)&&(r.x>n&&(o.x=Math.floor(n/p.x),r.x=o.x*p.x,u.mapSize.x=o.x),r.y>n&&(o.y=Math.floor(n/p.y),r.y=o.y*p.y,u.mapSize.y=o.y)),null===u.map&&!u.isPointLightShadow&&3===this.type){const t={minFilter:w,magFilter:w,format:P};u.map=new rt(r.x,r.y,t),u.map.texture.name=h.name+".shadowMap",u.mapPass=new rt(r.x,r.y,t),u.camera.updateProjectionMatrix()}if(null===u.map){const t={minFilter:_,magFilter:_,format:P};u.map=new rt(r.x,r.y,t),u.map.texture.name=h.name+".shadowMap",u.camera.updateProjectionMatrix()}t.setRenderTarget(u.map),t.clear();const f=u.getViewportCount();for(let t=0;t<f;t++){const e=u.getViewport(t);s.set(o.x*e.x,o.y*e.y,o.x*e.z,o.y*e.w),d.viewport(s),u.updateMatrices(h,t),i=u.getFrustum(),x(a,l,u.camera,h,this.type)}u.isPointLightShadow||3!==this.type||g(u,l),u.needsUpdate=!1}m.needsUpdate=!1,t.setRenderTarget(c,h,u)}}function Or(t,e,n){const i=n.isWebGL2;const r=new function(){let e=!1;const n=new it;let i=null;const r=new it(0,0,0,0);return{setMask:function(n){i===n||e||(t.colorMask(n,n,n,n),i=n)},setLocked:function(t){e=t},setClear:function(e,i,o,s,a){!0===a&&(e*=s,i*=s,o*=s),n.set(e,i,o,s),!1===r.equals(n)&&(t.clearColor(e,i,o,s),r.copy(n))},reset:function(){e=!1,i=null,r.set(-1,0,0,0)}}},o=new function(){let e=!1,n=null,i=null,r=null;return{setTest:function(t){t?N(2929):O(2929)},setMask:function(i){n===i||e||(t.depthMask(i),n=i)},setFunc:function(e){if(i!==e){if(e)switch(e){case 0:t.depthFunc(512);break;case 1:t.depthFunc(519);break;case 2:t.depthFunc(513);break;case 3:default:t.depthFunc(515);break;case 4:t.depthFunc(514);break;case 5:t.depthFunc(518);break;case 6:t.depthFunc(516);break;case 7:t.depthFunc(517)}else t.depthFunc(515);i=e}},setLocked:function(t){e=t},setClear:function(e){r!==e&&(t.clearDepth(e),r=e)},reset:function(){e=!1,n=null,i=null,r=null}}},s=new function(){let e=!1,n=null,i=null,r=null,o=null,s=null,a=null,l=null,c=null;return{setTest:function(t){e||(t?N(2960):O(2960))},setMask:function(i){n===i||e||(t.stencilMask(i),n=i)},setFunc:function(e,n,s){i===e&&r===n&&o===s||(t.stencilFunc(e,n,s),i=e,r=n,o=s)},setOp:function(e,n,i){s===e&&a===n&&l===i||(t.stencilOp(e,n,i),s=e,a=n,l=i)},setLocked:function(t){e=t},setClear:function(e){c!==e&&(t.clearStencil(e),c=e)},reset:function(){e=!1,n=null,i=null,r=null,o=null,s=null,a=null,l=null,c=null}}};let a={},l=null,c=null,h=null,u=null,d=null,p=null,f=null,m=null,g=null,y=!1,A=null,x=null,_=null,w=null,b=null;const M=t.getParameter(35661);let E=!1,S=0;const T=t.getParameter(7938);-1!==T.indexOf("WebGL")?(S=parseFloat(/^WebGL (\d)/.exec(T)[1]),E=S>=1):-1!==T.indexOf("OpenGL ES")&&(S=parseFloat(/^OpenGL ES (\d)/.exec(T)[1]),E=S>=2);let L=null,R={};const C=new it,P=new it;function D(e,n,i){const r=new Uint8Array(4),o=t.createTexture();t.bindTexture(e,o),t.texParameteri(e,10241,9728),t.texParameteri(e,10240,9728);for(let e=0;e<i;e++)t.texImage2D(n+e,0,6408,1,1,0,6408,5121,r);return o}const I={};function N(e){!0!==a[e]&&(t.enable(e),a[e]=!0)}function O(e){!1!==a[e]&&(t.disable(e),a[e]=!1)}I[3553]=D(3553,3553,1),I[34067]=D(34067,34069,6),r.setClear(0,0,0,1),o.setClear(1),s.setClear(0),N(2929),o.setFunc(3),U(!1),H(1),N(2884),z(0);const B={[v]:32774,101:32778,102:32779};if(i)B[103]=32775,B[104]=32776;else{const t=e.get("EXT_blend_minmax");null!==t&&(B[103]=t.MIN_EXT,B[104]=t.MAX_EXT)}const F={200:0,201:1,202:768,204:770,210:776,208:774,206:772,203:769,205:771,209:775,207:773};function z(e,n,i,r,o,s,a,l){if(0!==e){if(c||(N(3042),c=!0),5===e)o=o||n,s=s||i,a=a||r,n===u&&o===f||(t.blendEquationSeparate(B[n],B[o]),u=n,f=o),i===d&&r===p&&s===m&&a===g||(t.blendFuncSeparate(F[i],F[r],F[s],F[a]),d=i,p=r,m=s,g=a),h=e,y=null;else if(e!==h||l!==y){if(u===v&&f===v||(t.blendEquation(32774),u=v,f=v),l)switch(e){case 1:t.blendFuncSeparate(1,771,1,771);break;case 2:t.blendFunc(1,1);break;case 3:t.blendFuncSeparate(0,0,769,771);break;case 4:t.blendFuncSeparate(0,768,0,770);break;default:console.error("THREE.WebGLState: Invalid blending: ",e)}else switch(e){case 1:t.blendFuncSeparate(770,771,1,771);break;case 2:t.blendFunc(770,1);break;case 3:t.blendFunc(0,769);break;case 4:t.blendFunc(0,768);break;default:console.error("THREE.WebGLState: Invalid blending: ",e)}d=null,p=null,m=null,g=null,h=e,y=l}}else c&&(O(3042),c=!1)}function U(e){A!==e&&(e?t.frontFace(2304):t.frontFace(2305),A=e)}function H(e){0!==e?(N(2884),e!==x&&(1===e?t.cullFace(1029):2===e?t.cullFace(1028):t.cullFace(1032))):O(2884),x=e}function G(e,n,i){e?(N(32823),w===n&&b===i||(t.polygonOffset(n,i),w=n,b=i)):O(32823)}function V(e){void 0===e&&(e=33984+M-1),L!==e&&(t.activeTexture(e),L=e)}return{buffers:{color:r,depth:o,stencil:s},enable:N,disable:O,useProgram:function(e){return l!==e&&(t.useProgram(e),l=e,!0)},setBlending:z,setMaterial:function(t,e){2===t.side?O(2884):N(2884);let n=1===t.side;e&&(n=!n),U(n),1===t.blending&&!1===t.transparent?z(0):z(t.blending,t.blendEquation,t.blendSrc,t.blendDst,t.blendEquationAlpha,t.blendSrcAlpha,t.blendDstAlpha,t.premultipliedAlpha),o.setFunc(t.depthFunc),o.setTest(t.depthTest),o.setMask(t.depthWrite),r.setMask(t.colorWrite);const i=t.stencilWrite;s.setTest(i),i&&(s.setMask(t.stencilWriteMask),s.setFunc(t.stencilFunc,t.stencilRef,t.stencilFuncMask),s.setOp(t.stencilFail,t.stencilZFail,t.stencilZPass)),G(t.polygonOffset,t.polygonOffsetFactor,t.polygonOffsetUnits)},setFlipSided:U,setCullFace:H,setLineWidth:function(e){e!==_&&(E&&t.lineWidth(e),_=e)},setPolygonOffset:G,setScissorTest:function(t){t?N(3089):O(3089)},activeTexture:V,bindTexture:function(e,n){null===L&&V();let i=R[L];void 0===i&&(i={type:void 0,texture:void 0},R[L]=i),i.type===e&&i.texture===n||(t.bindTexture(e,n||I[e]),i.type=e,i.texture=n)},unbindTexture:function(){const e=R[L];void 0!==e&&void 0!==e.type&&(t.bindTexture(e.type,null),e.type=void 0,e.texture=void 0)},compressedTexImage2D:function(){try{t.compressedTexImage2D.apply(t,arguments)}catch(t){console.error("THREE.WebGLState:",t)}},texImage2D:function(){try{t.texImage2D.apply(t,arguments)}catch(t){console.error("THREE.WebGLState:",t)}},texImage3D:function(){try{t.texImage3D.apply(t,arguments)}catch(t){console.error("THREE.WebGLState:",t)}},scissor:function(e){!1===C.equals(e)&&(t.scissor(e.x,e.y,e.z,e.w),C.copy(e))},viewport:function(e){!1===P.equals(e)&&(t.viewport(e.x,e.y,e.z,e.w),P.copy(e))},reset:function(){a={},L=null,R={},l=null,c=null,h=null,u=null,d=null,p=null,f=null,m=null,g=null,y=!1,A=null,x=null,_=null,w=null,b=null,r.reset(),o.reset(),s.reset()}}}function Br(t,e,n,i,r,o,s){const a=r.isWebGL2,l=r.maxTextures,c=r.maxCubemapSize,h=r.maxTextureSize,u=r.maxSamples,d=new WeakMap;let p,f=!1;try{f="undefined"!=typeof OffscreenCanvas&&null!==new OffscreenCanvas(1,1).getContext("2d")}catch(t){}function m(t,e){return f?new OffscreenCanvas(t,e):document.createElementNS("http://www.w3.org/1999/xhtml","canvas")}function g(t,e,n,i){let r=1;if((t.width>i||t.height>i)&&(r=i/Math.max(t.width,t.height)),r<1||!0===e){if("undefined"!=typeof HTMLImageElement&&t instanceof HTMLImageElement||"undefined"!=typeof HTMLCanvasElement&&t instanceof HTMLCanvasElement||"undefined"!=typeof ImageBitmap&&t instanceof ImageBitmap){const i=e?Q.floorPowerOfTwo:Math.floor,o=i(r*t.width),s=i(r*t.height);void 0===p&&(p=m(o,s));const a=n?m(o,s):p;a.width=o,a.height=s;return a.getContext("2d").drawImage(t,0,0,o,s),console.warn("THREE.WebGLRenderer: Texture has been resized from ("+t.width+"x"+t.height+") to ("+o+"x"+s+")."),a}return"data"in t&&console.warn("THREE.WebGLRenderer: Image in DataTexture is too big ("+t.width+"x"+t.height+")."),t}return t}function v(t){return Q.isPowerOfTwo(t.width)&&Q.isPowerOfTwo(t.height)}function M(t,e){return t.generateMipmaps&&e&&t.minFilter!==_&&t.minFilter!==w}function N(e,n,r,o){t.generateMipmap(e);i.get(n).__maxMipLevel=Math.log(Math.max(r,o))*Math.LOG2E}function O(n,i,r){if(!1===a)return i;if(null!==n){if(void 0!==t[n])return t[n];console.warn("THREE.WebGLRenderer: Attempt to use non-existing WebGL internal format '"+n+"'")}let o=i;return 6403===i&&(5126===r&&(o=33326),5131===r&&(o=33325),5121===r&&(o=33321)),6407===i&&(5126===r&&(o=34837),5131===r&&(o=34843),5121===r&&(o=32849)),6408===i&&(5126===r&&(o=34836),5131===r&&(o=34842),5121===r&&(o=32856)),33325!==o&&33326!==o&&34842!==o&&34836!==o||e.get("EXT_color_buffer_float"),o}function B(t){return t===_||1004===t||1005===t?9728:9729}function F(e){const n=e.target;n.removeEventListener("dispose",F),function(e){const n=i.get(e);if(void 0===n.__webglInit)return;t.deleteTexture(n.__webglTexture),i.remove(e)}(n),n.isVideoTexture&&d.delete(n),s.memory.textures--}function z(e){const n=e.target;n.removeEventListener("dispose",z),function(e){const n=i.get(e),r=i.get(e.texture);if(!e)return;void 0!==r.__webglTexture&&t.deleteTexture(r.__webglTexture);e.depthTexture&&e.depthTexture.dispose();if(e.isWebGLCubeRenderTarget)for(let e=0;e<6;e++)t.deleteFramebuffer(n.__webglFramebuffer[e]),n.__webglDepthbuffer&&t.deleteRenderbuffer(n.__webglDepthbuffer[e]);else t.deleteFramebuffer(n.__webglFramebuffer),n.__webglDepthbuffer&&t.deleteRenderbuffer(n.__webglDepthbuffer),n.__webglMultisampledFramebuffer&&t.deleteFramebuffer(n.__webglMultisampledFramebuffer),n.__webglColorRenderbuffer&&t.deleteRenderbuffer(n.__webglColorRenderbuffer),n.__webglDepthRenderbuffer&&t.deleteRenderbuffer(n.__webglDepthRenderbuffer);i.remove(e.texture),i.remove(e)}(n),s.memory.textures--}let U=0;function H(t,e){const r=i.get(t);if(t.isVideoTexture&&function(t){const e=s.render.frame;d.get(t)!==e&&(d.set(t,e),t.update())}(t),t.version>0&&r.__version!==t.version){const n=t.image;if(void 0===n)console.warn("THREE.WebGLRenderer: Texture marked for update but image is undefined");else{if(!1!==n.complete)return void X(r,t,e);console.warn("THREE.WebGLRenderer: Texture marked for update but image is incomplete")}}n.activeTexture(33984+e),n.bindTexture(3553,r.__webglTexture)}function G(e,r){const s=i.get(e);e.version>0&&s.__version!==e.version?function(e,i,r){if(6!==i.image.length)return;j(e,i),n.activeTexture(33984+r),n.bindTexture(34067,e.__webglTexture),t.pixelStorei(37440,i.flipY),t.pixelStorei(37441,i.premultiplyAlpha),t.pixelStorei(3317,i.unpackAlignment);const s=i&&(i.isCompressedTexture||i.image[0].isCompressedTexture),l=i.image[0]&&i.image[0].isDataTexture,h=[];for(let t=0;t<6;t++)h[t]=s||l?l?i.image[t].image:i.image[t]:g(i.image[t],!1,!0,c);const u=h[0],d=v(u)||a,p=o.convert(i.format),f=o.convert(i.type),m=O(i.internalFormat,p,f);let y;if(W(34067,i,d),s){for(let t=0;t<6;t++){y=h[t].mipmaps;for(let e=0;e<y.length;e++){const r=y[e];i.format!==P&&i.format!==C?null!==p?n.compressedTexImage2D(34069+t,e,m,r.width,r.height,0,r.data):console.warn("THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .setTextureCube()"):n.texImage2D(34069+t,e,m,r.width,r.height,0,p,f,r.data)}}e.__maxMipLevel=y.length-1}else{y=i.mipmaps;for(let t=0;t<6;t++)if(l){n.texImage2D(34069+t,0,m,h[t].width,h[t].height,0,p,f,h[t].data);for(let e=0;e<y.length;e++){const i=y[e].image[t].image;n.texImage2D(34069+t,e+1,m,i.width,i.height,0,p,f,i.data)}}else{n.texImage2D(34069+t,0,m,p,f,h[t]);for(let e=0;e<y.length;e++){const i=y[e];n.texImage2D(34069+t,e+1,m,p,f,i.image[t])}}e.__maxMipLevel=y.length}M(i,d)&&N(34067,i,u.width,u.height);e.__version=i.version,i.onUpdate&&i.onUpdate(i)}(s,e,r):(n.activeTexture(33984+r),n.bindTexture(34067,s.__webglTexture))}const V={[y]:10497,[A]:33071,[x]:33648},k={[_]:9728,1004:9984,1005:9986,[w]:9729,1007:9985,[b]:9987};function W(n,o,s){s?(t.texParameteri(n,10242,V[o.wrapS]),t.texParameteri(n,10243,V[o.wrapT]),32879!==n&&35866!==n||t.texParameteri(n,32882,V[o.wrapR]),t.texParameteri(n,10240,k[o.magFilter]),t.texParameteri(n,10241,k[o.minFilter])):(t.texParameteri(n,10242,33071),t.texParameteri(n,10243,33071),32879!==n&&35866!==n||t.texParameteri(n,32882,33071),o.wrapS===A&&o.wrapT===A||console.warn("THREE.WebGLRenderer: Texture is not power of two. Texture.wrapS and Texture.wrapT should be set to THREE.ClampToEdgeWrapping."),t.texParameteri(n,10240,B(o.magFilter)),t.texParameteri(n,10241,B(o.minFilter)),o.minFilter!==_&&o.minFilter!==w&&console.warn("THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter should be set to THREE.NearestFilter or THREE.LinearFilter."));const l=e.get("EXT_texture_filter_anisotropic");if(l){if(o.type===T&&null===e.get("OES_texture_float_linear"))return;if(o.type===L&&null===(a||e.get("OES_texture_half_float_linear")))return;(o.anisotropy>1||i.get(o).__currentAnisotropy)&&(t.texParameterf(n,l.TEXTURE_MAX_ANISOTROPY_EXT,Math.min(o.anisotropy,r.getMaxAnisotropy())),i.get(o).__currentAnisotropy=o.anisotropy)}}function j(e,n){void 0===e.__webglInit&&(e.__webglInit=!0,n.addEventListener("dispose",F),e.__webglTexture=t.createTexture(),s.memory.textures++)}function X(e,i,r){let s=3553;i.isDataTexture2DArray&&(s=35866),i.isDataTexture3D&&(s=32879),j(e,i),n.activeTexture(33984+r),n.bindTexture(s,e.__webglTexture),t.pixelStorei(37440,i.flipY),t.pixelStorei(37441,i.premultiplyAlpha),t.pixelStorei(3317,i.unpackAlignment);const l=function(t){return!a&&(t.wrapS!==A||t.wrapT!==A||t.minFilter!==_&&t.minFilter!==w)}(i)&&!1===v(i.image),c=g(i.image,l,!1,h),u=v(c)||a,d=o.convert(i.format);let p,f=o.convert(i.type),m=O(i.internalFormat,d,f);W(s,i,u);const y=i.mipmaps;if(i.isDepthTexture)m=6402,a?m=i.type===T?36012:i.type===S?33190:i.type===R?35056:33189:i.type===T&&console.error("WebGLRenderer: Floating point depth texture requires WebGL2."),i.format===D&&6402===m&&i.type!==E&&i.type!==S&&(console.warn("THREE.WebGLRenderer: Use UnsignedShortType or UnsignedIntType for DepthFormat DepthTexture."),i.type=E,f=o.convert(i.type)),i.format===I&&6402===m&&(m=34041,i.type!==R&&(console.warn("THREE.WebGLRenderer: Use UnsignedInt248Type for DepthStencilFormat DepthTexture."),i.type=R,f=o.convert(i.type))),n.texImage2D(3553,0,m,c.width,c.height,0,d,f,null);else if(i.isDataTexture)if(y.length>0&&u){for(let t=0,e=y.length;t<e;t++)p=y[t],n.texImage2D(3553,t,m,p.width,p.height,0,d,f,p.data);i.generateMipmaps=!1,e.__maxMipLevel=y.length-1}else n.texImage2D(3553,0,m,c.width,c.height,0,d,f,c.data),e.__maxMipLevel=0;else if(i.isCompressedTexture){for(let t=0,e=y.length;t<e;t++)p=y[t],i.format!==P&&i.format!==C?null!==d?n.compressedTexImage2D(3553,t,m,p.width,p.height,0,p.data):console.warn("THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()"):n.texImage2D(3553,t,m,p.width,p.height,0,d,f,p.data);e.__maxMipLevel=y.length-1}else if(i.isDataTexture2DArray)n.texImage3D(35866,0,m,c.width,c.height,c.depth,0,d,f,c.data),e.__maxMipLevel=0;else if(i.isDataTexture3D)n.texImage3D(32879,0,m,c.width,c.height,c.depth,0,d,f,c.data),e.__maxMipLevel=0;else if(y.length>0&&u){for(let t=0,e=y.length;t<e;t++)p=y[t],n.texImage2D(3553,t,m,d,f,p);i.generateMipmaps=!1,e.__maxMipLevel=y.length-1}else n.texImage2D(3553,0,m,d,f,c),e.__maxMipLevel=0;M(i,u)&&N(s,i,c.width,c.height),e.__version=i.version,i.onUpdate&&i.onUpdate(i)}function q(e,r,s,a){const l=o.convert(r.texture.format),c=o.convert(r.texture.type),h=O(r.texture.internalFormat,l,c);n.texImage2D(a,0,h,r.width,r.height,0,l,c,null),t.bindFramebuffer(36160,e),t.framebufferTexture2D(36160,s,a,i.get(r.texture).__webglTexture,0),t.bindFramebuffer(36160,null)}function Y(e,n,i){if(t.bindRenderbuffer(36161,e),n.depthBuffer&&!n.stencilBuffer){let r=33189;if(i){const e=n.depthTexture;e&&e.isDepthTexture&&(e.type===T?r=36012:e.type===S&&(r=33190));const i=J(n);t.renderbufferStorageMultisample(36161,i,r,n.width,n.height)}else t.renderbufferStorage(36161,r,n.width,n.height);t.framebufferRenderbuffer(36160,36096,36161,e)}else if(n.depthBuffer&&n.stencilBuffer){if(i){const e=J(n);t.renderbufferStorageMultisample(36161,e,35056,n.width,n.height)}else t.renderbufferStorage(36161,34041,n.width,n.height);t.framebufferRenderbuffer(36160,33306,36161,e)}else{const e=o.convert(n.texture.format),r=o.convert(n.texture.type),s=O(n.texture.internalFormat,e,r);if(i){const e=J(n);t.renderbufferStorageMultisample(36161,e,s,n.width,n.height)}else t.renderbufferStorage(36161,s,n.width,n.height)}t.bindRenderbuffer(36161,null)}function Z(e){const n=i.get(e),r=!0===e.isWebGLCubeRenderTarget;if(e.depthTexture){if(r)throw new Error("target.depthTexture not supported in Cube render targets");!function(e,n){if(n&&n.isWebGLCubeRenderTarget)throw new Error("Depth Texture with cube render targets is not supported");if(t.bindFramebuffer(36160,e),!n.depthTexture||!n.depthTexture.isDepthTexture)throw new Error("renderTarget.depthTexture must be an instance of THREE.DepthTexture");i.get(n.depthTexture).__webglTexture&&n.depthTexture.image.width===n.width&&n.depthTexture.image.height===n.height||(n.depthTexture.image.width=n.width,n.depthTexture.image.height=n.height,n.depthTexture.needsUpdate=!0),H(n.depthTexture,0);const r=i.get(n.depthTexture).__webglTexture;if(n.depthTexture.format===D)t.framebufferTexture2D(36160,36096,3553,r,0);else{if(n.depthTexture.format!==I)throw new Error("Unknown depthTexture format");t.framebufferTexture2D(36160,33306,3553,r,0)}}(n.__webglFramebuffer,e)}else if(r){n.__webglDepthbuffer=[];for(let i=0;i<6;i++)t.bindFramebuffer(36160,n.__webglFramebuffer[i]),n.__webglDepthbuffer[i]=t.createRenderbuffer(),Y(n.__webglDepthbuffer[i],e,!1)}else t.bindFramebuffer(36160,n.__webglFramebuffer),n.__webglDepthbuffer=t.createRenderbuffer(),Y(n.__webglDepthbuffer,e,!1);t.bindFramebuffer(36160,null)}function J(t){return a&&t.isWebGLMultisampleRenderTarget?Math.min(u,t.samples):0}let K=!1,$=!1;this.allocateTextureUnit=function(){const t=U;return t>=l&&console.warn("THREE.WebGLTextures: Trying to use "+t+" texture units while this GPU supports only "+l),U+=1,t},this.resetTextureUnits=function(){U=0},this.setTexture2D=H,this.setTexture2DArray=function(t,e){const r=i.get(t);t.version>0&&r.__version!==t.version?X(r,t,e):(n.activeTexture(33984+e),n.bindTexture(35866,r.__webglTexture))},this.setTexture3D=function(t,e){const r=i.get(t);t.version>0&&r.__version!==t.version?X(r,t,e):(n.activeTexture(33984+e),n.bindTexture(32879,r.__webglTexture))},this.setTextureCube=G,this.setupRenderTarget=function(e){const r=i.get(e),l=i.get(e.texture);e.addEventListener("dispose",z),l.__webglTexture=t.createTexture(),s.memory.textures++;const c=!0===e.isWebGLCubeRenderTarget,h=!0===e.isWebGLMultisampleRenderTarget,u=v(e)||a;if(!a||e.texture.format!==C||e.texture.type!==T&&e.texture.type!==L||(e.texture.format=P,console.warn("THREE.WebGLRenderer: Rendering to textures with RGB format is not supported. Using RGBA format instead.")),c){r.__webglFramebuffer=[];for(let e=0;e<6;e++)r.__webglFramebuffer[e]=t.createFramebuffer()}else if(r.__webglFramebuffer=t.createFramebuffer(),h)if(a){r.__webglMultisampledFramebuffer=t.createFramebuffer(),r.__webglColorRenderbuffer=t.createRenderbuffer(),t.bindRenderbuffer(36161,r.__webglColorRenderbuffer);const n=o.convert(e.texture.format),i=o.convert(e.texture.type),s=O(e.texture.internalFormat,n,i),a=J(e);t.renderbufferStorageMultisample(36161,a,s,e.width,e.height),t.bindFramebuffer(36160,r.__webglMultisampledFramebuffer),t.framebufferRenderbuffer(36160,36064,36161,r.__webglColorRenderbuffer),t.bindRenderbuffer(36161,null),e.depthBuffer&&(r.__webglDepthRenderbuffer=t.createRenderbuffer(),Y(r.__webglDepthRenderbuffer,e,!0)),t.bindFramebuffer(36160,null)}else console.warn("THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.");if(c){n.bindTexture(34067,l.__webglTexture),W(34067,e.texture,u);for(let t=0;t<6;t++)q(r.__webglFramebuffer[t],e,36064,34069+t);M(e.texture,u)&&N(34067,e.texture,e.width,e.height),n.bindTexture(34067,null)}else n.bindTexture(3553,l.__webglTexture),W(3553,e.texture,u),q(r.__webglFramebuffer,e,36064,3553),M(e.texture,u)&&N(3553,e.texture,e.width,e.height),n.bindTexture(3553,null);e.depthBuffer&&Z(e)},this.updateRenderTargetMipmap=function(t){const e=t.texture;if(M(e,v(t)||a)){const r=t.isWebGLCubeRenderTarget?34067:3553,o=i.get(e).__webglTexture;n.bindTexture(r,o),N(r,e,t.width,t.height),n.bindTexture(r,null)}},this.updateMultisampleRenderTarget=function(e){if(e.isWebGLMultisampleRenderTarget)if(a){const n=i.get(e);t.bindFramebuffer(36008,n.__webglMultisampledFramebuffer),t.bindFramebuffer(36009,n.__webglFramebuffer);const r=e.width,o=e.height;let s=16384;e.depthBuffer&&(s|=256),e.stencilBuffer&&(s|=1024),t.blitFramebuffer(0,0,r,o,0,0,r,o,s,9728),t.bindFramebuffer(36160,n.__webglMultisampledFramebuffer)}else console.warn("THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.")},this.safeSetTexture2D=function(t,e){t&&t.isWebGLRenderTarget&&(!1===K&&(console.warn("THREE.WebGLTextures.safeSetTexture2D: don't use render targets as textures. Use their .texture property instead."),K=!0),t=t.texture),H(t,e)},this.safeSetTextureCube=function(t,e){t&&t.isWebGLCubeRenderTarget&&(!1===$&&(console.warn("THREE.WebGLTextures.safeSetTextureCube: don't use cube render targets as textures. Use their .texture property instead."),$=!0),t=t.texture),G(t,e)}}function Fr(t,e,n){const i=n.isWebGL2;return{convert:function(t){let n;if(t===M)return 5121;if(1017===t)return 32819;if(1018===t)return 32820;if(1019===t)return 33635;if(1010===t)return 5120;if(1011===t)return 5122;if(t===E)return 5123;if(1013===t)return 5124;if(t===S)return 5125;if(t===T)return 5126;if(t===L)return i?5131:(n=e.get("OES_texture_half_float"),null!==n?n.HALF_FLOAT_OES:null);if(1021===t)return 6406;if(t===C)return 6407;if(t===P)return 6408;if(1024===t)return 6409;if(1025===t)return 6410;if(t===D)return 6402;if(t===I)return 34041;if(1028===t)return 6403;if(1029===t)return 36244;if(1030===t)return 33319;if(1031===t)return 33320;if(1032===t)return 36248;if(1033===t)return 36249;if(33776===t||33777===t||33778===t||33779===t){if(n=e.get("WEBGL_compressed_texture_s3tc"),null===n)return null;if(33776===t)return n.COMPRESSED_RGB_S3TC_DXT1_EXT;if(33777===t)return n.COMPRESSED_RGBA_S3TC_DXT1_EXT;if(33778===t)return n.COMPRESSED_RGBA_S3TC_DXT3_EXT;if(33779===t)return n.COMPRESSED_RGBA_S3TC_DXT5_EXT}if(35840===t||35841===t||35842===t||35843===t){if(n=e.get("WEBGL_compressed_texture_pvrtc"),null===n)return null;if(35840===t)return n.COMPRESSED_RGB_PVRTC_4BPPV1_IMG;if(35841===t)return n.COMPRESSED_RGB_PVRTC_2BPPV1_IMG;if(35842===t)return n.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG;if(35843===t)return n.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG}if(36196===t)return n=e.get("WEBGL_compressed_texture_etc1"),null!==n?n.COMPRESSED_RGB_ETC1_WEBGL:null;if((37492===t||37496===t)&&(n=e.get("WEBGL_compressed_texture_etc"),null!==n)){if(37492===t)return n.COMPRESSED_RGB8_ETC2;if(37496===t)return n.COMPRESSED_RGBA8_ETC2_EAC}return 37808===t||37809===t||37810===t||37811===t||37812===t||37813===t||37814===t||37815===t||37816===t||37817===t||37818===t||37819===t||37820===t||37821===t||37840===t||37841===t||37842===t||37843===t||37844===t||37845===t||37846===t||37847===t||37848===t||37849===t||37850===t||37851===t||37852===t||37853===t?(n=e.get("WEBGL_compressed_texture_astc"),null!==n?t:null):36492===t?(n=e.get("EXT_texture_compression_bptc"),null!==n?t:null):t===R?i?34042:(n=e.get("WEBGL_depth_texture"),null!==n?n.UNSIGNED_INT_24_8_WEBGL:null):void 0}}}function zr(t=[]){Ln.call(this),this.cameras=t}function Ur(){oe.call(this),this.type="Group"}function Hr(){this._targetRay=null,this._grip=null,this._hand=null}function Gr(t,e){const n=this;let i=null,r=1,o=null,s="local-floor",a=null;const l=[],c=new Map,h=new Ln;h.layers.enable(1),h.viewport=new it;const u=new Ln;u.layers.enable(2),u.viewport=new it;const p=[h,u],f=new zr;f.layers.enable(1),f.layers.enable(2);let m=null,g=null;function v(t){const e=c.get(t.inputSource);e&&e.dispatchEvent({type:t.type,data:t.inputSource})}function y(){c.forEach((function(t,e){t.disconnect(e)})),c.clear(),m=null,g=null,t.setFramebuffer(null),t.setRenderTarget(t.getRenderTarget()),M.stop(),n.isPresenting=!1,n.dispatchEvent({type:"sessionend"})}function A(t){const e=i.inputSources;for(let t=0;t<l.length;t++)c.set(e[t],l[t]);for(let e=0;e<t.removed.length;e++){const n=t.removed[e],i=c.get(n);i&&(i.dispatchEvent({type:"disconnected",data:n}),c.delete(n))}for(let e=0;e<t.added.length;e++){const n=t.added[e],i=c.get(n);i&&i.dispatchEvent({type:"connected",data:n})}}this.enabled=!1,this.isPresenting=!1,this.getController=function(t){let e=l[t];return void 0===e&&(e=new Hr,l[t]=e),e.getTargetRaySpace()},this.getControllerGrip=function(t){let e=l[t];return void 0===e&&(e=new Hr,l[t]=e),e.getGripSpace()},this.getHand=function(t){let e=l[t];return void 0===e&&(e=new Hr,l[t]=e),e.getHandSpace()},this.setFramebufferScaleFactor=function(t){r=t,!0===n.isPresenting&&console.warn("THREE.WebXRManager: Cannot change framebuffer scale while presenting.")},this.setReferenceSpaceType=function(t){s=t,!0===n.isPresenting&&console.warn("THREE.WebXRManager: Cannot change reference space type while presenting.")},this.getReferenceSpace=function(){return o},this.getSession=function(){return i},this.setSession=function(){var t,a=(t=function*(t){if(i=t,null!==i){i.addEventListener("select",v),i.addEventListener("selectstart",v),i.addEventListener("selectend",v),i.addEventListener("squeeze",v),i.addEventListener("squeezestart",v),i.addEventListener("squeezeend",v),i.addEventListener("end",y),i.addEventListener("inputsourceschange",A);const t=e.getContextAttributes();!0!==t.xrCompatible&&(yield e.makeXRCompatible());const a={antialias:t.antialias,alpha:t.alpha,depth:t.depth,stencil:t.stencil,framebufferScaleFactor:r},l=new XRWebGLLayer(i,e,a);i.updateRenderState({baseLayer:l}),o=yield i.requestReferenceSpace(s),M.setContext(i),M.start(),n.isPresenting=!0,n.dispatchEvent({type:"sessionstart"})}},function(){var e=this,n=arguments;return new Promise((function(i,r){var o=t.apply(e,n);function s(t){d(o,i,r,s,a,"next",t)}function a(t){d(o,i,r,s,a,"throw",t)}s(void 0)}))});return function(t){return a.apply(this,arguments)}}();const x=new st,_=new st;function w(t,e){null===e?t.matrixWorld.copy(t.matrix):t.matrixWorld.multiplyMatrices(e.matrixWorld,t.matrix),t.matrixWorldInverse.copy(t.matrixWorld).invert()}this.getCamera=function(t){f.near=u.near=h.near=t.near,f.far=u.far=h.far=t.far,m===f.near&&g===f.far||(i.updateRenderState({depthNear:f.near,depthFar:f.far}),m=f.near,g=f.far);const e=t.parent,n=f.cameras;w(f,e);for(let t=0;t<n.length;t++)w(n[t],e);t.matrixWorld.copy(f.matrixWorld),t.matrix.copy(f.matrix),t.matrix.decompose(t.position,t.quaternion,t.scale);const r=t.children;for(let t=0,e=r.length;t<e;t++)r[t].updateMatrixWorld(!0);return 2===n.length?function(t,e,n){x.setFromMatrixPosition(e.matrixWorld),_.setFromMatrixPosition(n.matrixWorld);const i=x.distanceTo(_),r=e.projectionMatrix.elements,o=n.projectionMatrix.elements,s=r[14]/(r[10]-1),a=r[14]/(r[10]+1),l=(r[9]+1)/r[5],c=(r[9]-1)/r[5],h=(r[8]-1)/r[0],u=(o[8]+1)/o[0],d=s*h,p=s*u,f=i/(-h+u),m=f*-h;e.matrixWorld.decompose(t.position,t.quaternion,t.scale),t.translateX(m),t.translateZ(f),t.matrixWorld.compose(t.position,t.quaternion,t.scale),t.matrixWorldInverse.copy(t.matrixWorld).invert();const g=s+f,v=a+f,y=d-m,A=p+(i-m),w=l*a/v*g,b=c*a/v*g;t.projectionMatrix.makePerspective(y,A,w,b,g,v)}(f,h,u):f.projectionMatrix.copy(h.projectionMatrix),f};let b=null;const M=new Fn;M.setAnimationLoop((function(e,n){if(a=n.getViewerPose(o),null!==a){const e=a.views,n=i.renderState.baseLayer;t.setFramebuffer(n.framebuffer);let r=!1;e.length!==f.cameras.length&&(f.cameras.length=0,r=!0);for(let t=0;t<e.length;t++){const i=e[t],o=n.getViewport(i),s=p[t];s.matrix.fromArray(i.transform.matrix),s.projectionMatrix.fromArray(i.projectionMatrix),s.viewport.set(o.x,o.y,o.width,o.height),0===t&&f.matrix.copy(s.matrix),!0===r&&f.cameras.push(s)}}const r=i.inputSources;for(let t=0;t<l.length;t++){const e=l[t],i=r[t];e.update(i,n,o)}b&&b(e,n)})),this.setAnimationLoop=function(t){b=t},this.dispose=function(){}}function Vr(t){function e(e,n){e.opacity.value=n.opacity,n.color&&e.diffuse.value.copy(n.color),n.emissive&&e.emissive.value.copy(n.emissive).multiplyScalar(n.emissiveIntensity),n.map&&(e.map.value=n.map),n.alphaMap&&(e.alphaMap.value=n.alphaMap),n.specularMap&&(e.specularMap.value=n.specularMap);const i=t.get(n).envMap;if(i){e.envMap.value=i,e.flipEnvMap.value=i.isCubeTexture&&i._needsFlipEnvMap?-1:1,e.reflectivity.value=n.reflectivity,e.refractionRatio.value=n.refractionRatio;const r=t.get(i).__maxMipLevel;void 0!==r&&(e.maxMipLevel.value=r)}let r,o;n.lightMap&&(e.lightMap.value=n.lightMap,e.lightMapIntensity.value=n.lightMapIntensity),n.aoMap&&(e.aoMap.value=n.aoMap,e.aoMapIntensity.value=n.aoMapIntensity),n.map?r=n.map:n.specularMap?r=n.specularMap:n.displacementMap?r=n.displacementMap:n.normalMap?r=n.normalMap:n.bumpMap?r=n.bumpMap:n.roughnessMap?r=n.roughnessMap:n.metalnessMap?r=n.metalnessMap:n.alphaMap?r=n.alphaMap:n.emissiveMap?r=n.emissiveMap:n.clearcoatMap?r=n.clearcoatMap:n.clearcoatNormalMap?r=n.clearcoatNormalMap:n.clearcoatRoughnessMap&&(r=n.clearcoatRoughnessMap),void 0!==r&&(r.isWebGLRenderTarget&&(r=r.texture),!0===r.matrixAutoUpdate&&r.updateMatrix(),e.uvTransform.value.copy(r.matrix)),n.aoMap?o=n.aoMap:n.lightMap&&(o=n.lightMap),void 0!==o&&(o.isWebGLRenderTarget&&(o=o.texture),!0===o.matrixAutoUpdate&&o.updateMatrix(),e.uv2Transform.value.copy(o.matrix))}function n(e,n){e.roughness.value=n.roughness,e.metalness.value=n.metalness,n.roughnessMap&&(e.roughnessMap.value=n.roughnessMap),n.metalnessMap&&(e.metalnessMap.value=n.metalnessMap),n.emissiveMap&&(e.emissiveMap.value=n.emissiveMap),n.bumpMap&&(e.bumpMap.value=n.bumpMap,e.bumpScale.value=n.bumpScale,1===n.side&&(e.bumpScale.value*=-1)),n.normalMap&&(e.normalMap.value=n.normalMap,e.normalScale.value.copy(n.normalScale),1===n.side&&e.normalScale.value.negate()),n.displacementMap&&(e.displacementMap.value=n.displacementMap,e.displacementScale.value=n.displacementScale,e.displacementBias.value=n.displacementBias);t.get(n).envMap&&(e.envMapIntensity.value=n.envMapIntensity)}return{refreshFogUniforms:function(t,e){t.fogColor.value.copy(e.color),e.isFog?(t.fogNear.value=e.near,t.fogFar.value=e.far):e.isFogExp2&&(t.fogDensity.value=e.density)},refreshMaterialUniforms:function(t,i,r,o){i.isMeshBasicMaterial?e(t,i):i.isMeshLambertMaterial?(e(t,i),function(t,e){e.emissiveMap&&(t.emissiveMap.value=e.emissiveMap)}(t,i)):i.isMeshToonMaterial?(e(t,i),function(t,e){e.gradientMap&&(t.gradientMap.value=e.gradientMap);e.emissiveMap&&(t.emissiveMap.value=e.emissiveMap);e.bumpMap&&(t.bumpMap.value=e.bumpMap,t.bumpScale.value=e.bumpScale,1===e.side&&(t.bumpScale.value*=-1));e.normalMap&&(t.normalMap.value=e.normalMap,t.normalScale.value.copy(e.normalScale),1===e.side&&t.normalScale.value.negate());e.displacementMap&&(t.displacementMap.value=e.displacementMap,t.displacementScale.value=e.displacementScale,t.displacementBias.value=e.displacementBias)}(t,i)):i.isMeshPhongMaterial?(e(t,i),function(t,e){t.specular.value.copy(e.specular),t.shininess.value=Math.max(e.shininess,1e-4),e.emissiveMap&&(t.emissiveMap.value=e.emissiveMap);e.bumpMap&&(t.bumpMap.value=e.bumpMap,t.bumpScale.value=e.bumpScale,1===e.side&&(t.bumpScale.value*=-1));e.normalMap&&(t.normalMap.value=e.normalMap,t.normalScale.value.copy(e.normalScale),1===e.side&&t.normalScale.value.negate());e.displacementMap&&(t.displacementMap.value=e.displacementMap,t.displacementScale.value=e.displacementScale,t.displacementBias.value=e.displacementBias)}(t,i)):i.isMeshStandardMaterial?(e(t,i),i.isMeshPhysicalMaterial?function(t,e){n(t,e),t.reflectivity.value=e.reflectivity,t.clearcoat.value=e.clearcoat,t.clearcoatRoughness.value=e.clearcoatRoughness,e.sheen&&t.sheen.value.copy(e.sheen);e.clearcoatMap&&(t.clearcoatMap.value=e.clearcoatMap);e.clearcoatRoughnessMap&&(t.clearcoatRoughnessMap.value=e.clearcoatRoughnessMap);e.clearcoatNormalMap&&(t.clearcoatNormalScale.value.copy(e.clearcoatNormalScale),t.clearcoatNormalMap.value=e.clearcoatNormalMap,1===e.side&&t.clearcoatNormalScale.value.negate());t.transmission.value=e.transmission,e.transmissionMap&&(t.transmissionMap.value=e.transmissionMap)}(t,i):n(t,i)):i.isMeshMatcapMaterial?(e(t,i),function(t,e){e.matcap&&(t.matcap.value=e.matcap);e.bumpMap&&(t.bumpMap.value=e.bumpMap,t.bumpScale.value=e.bumpScale,1===e.side&&(t.bumpScale.value*=-1));e.normalMap&&(t.normalMap.value=e.normalMap,t.normalScale.value.copy(e.normalScale),1===e.side&&t.normalScale.value.negate());e.displacementMap&&(t.displacementMap.value=e.displacementMap,t.displacementScale.value=e.displacementScale,t.displacementBias.value=e.displacementBias)}(t,i)):i.isMeshDepthMaterial?(e(t,i),function(t,e){e.displacementMap&&(t.displacementMap.value=e.displacementMap,t.displacementScale.value=e.displacementScale,t.displacementBias.value=e.displacementBias)}(t,i)):i.isMeshDistanceMaterial?(e(t,i),function(t,e){e.displacementMap&&(t.displacementMap.value=e.displacementMap,t.displacementScale.value=e.displacementScale,t.displacementBias.value=e.displacementBias);t.referencePosition.value.copy(e.referencePosition),t.nearDistance.value=e.nearDistance,t.farDistance.value=e.farDistance}(t,i)):i.isMeshNormalMaterial?(e(t,i),function(t,e){e.bumpMap&&(t.bumpMap.value=e.bumpMap,t.bumpScale.value=e.bumpScale,1===e.side&&(t.bumpScale.value*=-1));e.normalMap&&(t.normalMap.value=e.normalMap,t.normalScale.value.copy(e.normalScale),1===e.side&&t.normalScale.value.negate());e.displacementMap&&(t.displacementMap.value=e.displacementMap,t.displacementScale.value=e.displacementScale,t.displacementBias.value=e.displacementBias)}(t,i)):i.isLineBasicMaterial?(function(t,e){t.diffuse.value.copy(e.color),t.opacity.value=e.opacity}(t,i),i.isLineDashedMaterial&&function(t,e){t.dashSize.value=e.dashSize,t.totalSize.value=e.dashSize+e.gapSize,t.scale.value=e.scale}(t,i)):i.isPointsMaterial?function(t,e,n,i){t.diffuse.value.copy(e.color),t.opacity.value=e.opacity,t.size.value=e.size*n,t.scale.value=.5*i,e.map&&(t.map.value=e.map);e.alphaMap&&(t.alphaMap.value=e.alphaMap);let r;e.map?r=e.map:e.alphaMap&&(r=e.alphaMap);void 0!==r&&(!0===r.matrixAutoUpdate&&r.updateMatrix(),t.uvTransform.value.copy(r.matrix))}(t,i,r,o):i.isSpriteMaterial?function(t,e){t.diffuse.value.copy(e.color),t.opacity.value=e.opacity,t.rotation.value=e.rotation,e.map&&(t.map.value=e.map);e.alphaMap&&(t.alphaMap.value=e.alphaMap);let n;e.map?n=e.map:e.alphaMap&&(n=e.alphaMap);void 0!==n&&(!0===n.matrixAutoUpdate&&n.updateMatrix(),t.uvTransform.value.copy(n.matrix))}(t,i):i.isShadowMaterial?(t.color.value.copy(i.color),t.opacity.value=i.opacity):i.isShaderMaterial&&(i.uniformsNeedUpdate=!1)}}}function kr(t){const e=void 0!==(t=t||{}).canvas?t.canvas:function(){const t=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");return t.style.display="block",t}(),n=void 0!==t.context?t.context:null,i=void 0!==t.alpha&&t.alpha,r=void 0===t.depth||t.depth,o=void 0===t.stencil||t.stencil,s=void 0!==t.antialias&&t.antialias,a=void 0===t.premultipliedAlpha||t.premultipliedAlpha,l=void 0!==t.preserveDrawingBuffer&&t.preserveDrawingBuffer,c=void 0!==t.powerPreference?t.powerPreference:"default",h=void 0!==t.failIfMajorPerformanceCaveat&&t.failIfMajorPerformanceCaveat;let u=null,d=null;const p=[];this.domElement=e,this.debug={checkShaderErrors:!0},this.autoClear=!0,this.autoClearColor=!0,this.autoClearDepth=!0,this.autoClearStencil=!0,this.sortObjects=!0,this.clippingPlanes=[],this.localClippingEnabled=!1,this.gammaFactor=2,this.outputEncoding=G,this.physicallyCorrectLights=!1,this.toneMapping=0,this.toneMappingExposure=1,this.maxMorphTargets=8,this.maxMorphNormals=4;const f=this;let m=!1,g=null,v=0,y=0,A=null,x=null,_=-1,w=null;const b=new it,E=new it;let S=null,R=e.width,C=e.height,D=1,I=null,N=null;const O=new it(0,0,R,C),B=new it(0,0,R,C);let F=!1;const z=new Bn;let U=!1,H=!1;const V=new Nt,k=new st,W={background:null,fog:null,environment:null,overrideMaterial:null,isScene:!0};function j(){return null===A?D:1}let X,q,Y,J,K,$,tt,et,nt,rt,ot,at,lt,ct,ht,ut,dt,pt,ft,mt,gt,vt=n;function yt(t,n){for(let i=0;i<t.length;i++){const r=t[i],o=e.getContext(r,n);if(null!==o)return o}return null}try{const t={alpha:i,depth:r,stencil:o,antialias:s,premultipliedAlpha:a,preserveDrawingBuffer:l,powerPreference:c,failIfMajorPerformanceCaveat:h};if(e.addEventListener("webglcontextlost",wt,!1),e.addEventListener("webglcontextrestored",bt,!1),null===vt){const e=["webgl2","webgl","experimental-webgl"];if(!0===f.isWebGL1Renderer&&e.shift(),vt=yt(e,t),null===vt)throw yt(e)?new Error("Error creating WebGL context with your selected attributes."):new Error("Error creating WebGL context.")}void 0===vt.getShaderPrecisionFormat&&(vt.getShaderPrecisionFormat=function(){return{rangeMin:1,rangeMax:1,precision:1}})}catch(t){throw console.error("THREE.WebGLRenderer: "+t.message),t}function At(){X=new Qn(vt),q=new Xn(vt,X,t),X.init(q),mt=new Fr(vt,X,q),Y=new Or(vt,X,q),Y.scissor(E.copy(B).multiplyScalar(D).floor()),Y.viewport(b.copy(O).multiplyScalar(D).floor()),J=new Kn(vt),K=new _r,$=new Br(vt,X,Y,K,q,mt,J),tt=new Yn(f),et=new zn(vt,q),gt=new Wn(vt,X,et,q),nt=new Zn(vt,et,J,gt),rt=new ni(vt,nt,et,J),dt=new ei(vt),ht=new qn(K),ot=new xr(f,tt,X,q,gt,ht),at=new Vr(K),lt=new Er(K),ct=new Pr(X,q),ut=new kn(f,tt,Y,rt,a),pt=new jn(vt,X,J,q),ft=new Jn(vt,X,J,q),J.programs=ot.programs,f.capabilities=q,f.extensions=X,f.properties=K,f.renderLists=lt,f.state=Y,f.info=J}At();const xt=new Gr(f,vt);this.xr=xt;const _t=new Nr(f,rt,q.maxTextureSize);function wt(t){t.preventDefault(),console.log("THREE.WebGLRenderer: Context Lost."),m=!0}function bt(){console.log("THREE.WebGLRenderer: Context Restored."),m=!1,At()}function Mt(t){const e=t.target;e.removeEventListener("dispose",Mt),function(t){Et(t),K.remove(t)}(e)}function Et(t){const e=K.get(t).program;void 0!==e&&ot.releaseProgram(e)}this.shadowMap=_t,this.getContext=function(){return vt},this.getContextAttributes=function(){return vt.getContextAttributes()},this.forceContextLoss=function(){const t=X.get("WEBGL_lose_context");t&&t.loseContext()},this.forceContextRestore=function(){const t=X.get("WEBGL_lose_context");t&&t.restoreContext()},this.getPixelRatio=function(){return D},this.setPixelRatio=function(t){void 0!==t&&(D=t,this.setSize(R,C,!1))},this.getSize=function(t){return void 0===t&&(console.warn("WebGLRenderer: .getsize() now requires a Vector2 as an argument"),t=new Z),t.set(R,C)},this.setSize=function(t,n,i){xt.isPresenting?console.warn("THREE.WebGLRenderer: Can't change size while VR device is presenting."):(R=t,C=n,e.width=Math.floor(t*D),e.height=Math.floor(n*D),!1!==i&&(e.style.width=t+"px",e.style.height=n+"px"),this.setViewport(0,0,t,n))},this.getDrawingBufferSize=function(t){return void 0===t&&(console.warn("WebGLRenderer: .getdrawingBufferSize() now requires a Vector2 as an argument"),t=new Z),t.set(R*D,C*D).floor()},this.setDrawingBufferSize=function(t,n,i){R=t,C=n,D=i,e.width=Math.floor(t*i),e.height=Math.floor(n*i),this.setViewport(0,0,t,n)},this.getCurrentViewport=function(t){return void 0===t&&(console.warn("WebGLRenderer: .getCurrentViewport() now requires a Vector4 as an argument"),t=new it),t.copy(b)},this.getViewport=function(t){return t.copy(O)},this.setViewport=function(t,e,n,i){t.isVector4?O.set(t.x,t.y,t.z,t.w):O.set(t,e,n,i),Y.viewport(b.copy(O).multiplyScalar(D).floor())},this.getScissor=function(t){return t.copy(B)},this.setScissor=function(t,e,n,i){t.isVector4?B.set(t.x,t.y,t.z,t.w):B.set(t,e,n,i),Y.scissor(E.copy(B).multiplyScalar(D).floor())},this.getScissorTest=function(){return F},this.setScissorTest=function(t){Y.setScissorTest(F=t)},this.setOpaqueSort=function(t){I=t},this.setTransparentSort=function(t){N=t},this.getClearColor=function(t){return void 0===t&&(console.warn("WebGLRenderer: .getClearColor() now requires a Color as an argument"),t=new Te),t.copy(ut.getClearColor())},this.setClearColor=function(){ut.setClearColor.apply(ut,arguments)},this.getClearAlpha=function(){return ut.getClearAlpha()},this.setClearAlpha=function(){ut.setClearAlpha.apply(ut,arguments)},this.clear=function(t,e,n){let i=0;(void 0===t||t)&&(i|=16384),(void 0===e||e)&&(i|=256),(void 0===n||n)&&(i|=1024),vt.clear(i)},this.clearColor=function(){this.clear(!0,!1,!1)},this.clearDepth=function(){this.clear(!1,!0,!1)},this.clearStencil=function(){this.clear(!1,!1,!0)},this.dispose=function(){e.removeEventListener("webglcontextlost",wt,!1),e.removeEventListener("webglcontextrestored",bt,!1),lt.dispose(),ct.dispose(),K.dispose(),tt.dispose(),rt.dispose(),gt.dispose(),xt.dispose(),Tt.stop()},this.renderBufferImmediate=function(t,e){gt.initAttributes();const n=K.get(t);t.hasPositions&&!n.position&&(n.position=vt.createBuffer()),t.hasNormals&&!n.normal&&(n.normal=vt.createBuffer()),t.hasUvs&&!n.uv&&(n.uv=vt.createBuffer()),t.hasColors&&!n.color&&(n.color=vt.createBuffer());const i=e.getAttributes();t.hasPositions&&(vt.bindBuffer(34962,n.position),vt.bufferData(34962,t.positionArray,35048),gt.enableAttribute(i.position),vt.vertexAttribPointer(i.position,3,5126,!1,0,0)),t.hasNormals&&(vt.bindBuffer(34962,n.normal),vt.bufferData(34962,t.normalArray,35048),gt.enableAttribute(i.normal),vt.vertexAttribPointer(i.normal,3,5126,!1,0,0)),t.hasUvs&&(vt.bindBuffer(34962,n.uv),vt.bufferData(34962,t.uvArray,35048),gt.enableAttribute(i.uv),vt.vertexAttribPointer(i.uv,2,5126,!1,0,0)),t.hasColors&&(vt.bindBuffer(34962,n.color),vt.bufferData(34962,t.colorArray,35048),gt.enableAttribute(i.color),vt.vertexAttribPointer(i.color,3,5126,!1,0,0)),gt.disableUnusedAttributes(),vt.drawArrays(4,0,t.count),t.count=0},this.renderBufferDirect=function(t,e,n,i,r,o){null===e&&(e=W);const s=r.isMesh&&r.matrixWorld.determinant()<0,a=Dt(t,e,i,r);Y.setMaterial(i,s);let l=n.index;const c=n.attributes.position;if(null===l){if(void 0===c||0===c.count)return}else if(0===l.count)return;let h,u=1;!0===i.wireframe&&(l=nt.getWireframeAttribute(n),u=2),(i.morphTargets||i.morphNormals)&&dt.update(r,n,i,a),gt.setup(r,i,a,n,l);let d=pt;null!==l&&(h=et.get(l),d=ft,d.setIndex(h));const p=null!==l?l.count:c.count,f=n.drawRange.start*u,m=n.drawRange.count*u,g=null!==o?o.start*u:0,v=null!==o?o.count*u:1/0,y=Math.max(f,g),A=Math.min(p,f+m,g+v)-1,x=Math.max(0,A-y+1);if(0!==x){if(r.isMesh)!0===i.wireframe?(Y.setLineWidth(i.wireframeLinewidth*j()),d.setMode(1)):d.setMode(4);else if(r.isLine){let t=i.linewidth;void 0===t&&(t=1),Y.setLineWidth(t*j()),r.isLineSegments?d.setMode(1):r.isLineLoop?d.setMode(2):d.setMode(3)}else r.isPoints?d.setMode(0):r.isSprite&&d.setMode(4);if(r.isInstancedMesh)d.renderInstances(y,x,r.count);else if(n.isInstancedBufferGeometry){const t=Math.min(n.instanceCount,n._maxInstanceCount);d.renderInstances(y,x,t)}else d.render(y,x)}},this.compile=function(t,e){d=ct.get(t),d.init(),t.traverseVisible((function(t){t.isLight&&t.layers.test(e.layers)&&(d.pushLight(t),t.castShadow&&d.pushShadow(t))})),d.setupLights();const n=new WeakMap;t.traverse((function(e){const i=e.material;if(i)if(Array.isArray(i))for(let r=0;r<i.length;r++){const o=i[r];!1===n.has(o)&&(Pt(o,t,e),n.set(o))}else!1===n.has(i)&&(Pt(i,t,e),n.set(i))}))};let St=null;const Tt=new Fn;function Lt(t,e,n,i){if(!1===t.visible)return;if(t.layers.test(e.layers))if(t.isGroup)n=t.renderOrder;else if(t.isLOD)!0===t.autoUpdate&&t.update(e);else if(t.isLight)d.pushLight(t),t.castShadow&&d.pushShadow(t);else if(t.isSprite){if(!t.frustumCulled||z.intersectsSprite(t)){i&&k.setFromMatrixPosition(t.matrixWorld).applyMatrix4(V);const e=rt.update(t),r=t.material;r.visible&&u.push(t,e,r,n,k.z,null)}}else if(t.isImmediateRenderObject)i&&k.setFromMatrixPosition(t.matrixWorld).applyMatrix4(V),u.push(t,null,t.material,n,k.z,null);else if((t.isMesh||t.isLine||t.isPoints)&&(t.isSkinnedMesh&&t.skeleton.frame!==J.render.frame&&(t.skeleton.update(),t.skeleton.frame=J.render.frame),!t.frustumCulled||z.intersectsObject(t))){i&&k.setFromMatrixPosition(t.matrixWorld).applyMatrix4(V);const e=rt.update(t),r=t.material;if(Array.isArray(r)){const i=e.groups;for(let o=0,s=i.length;o<s;o++){const s=i[o],a=r[s.materialIndex];a&&a.visible&&u.push(t,e,a,n,k.z,s)}}else r.visible&&u.push(t,e,r,n,k.z,null)}const r=t.children;for(let t=0,o=r.length;t<o;t++)Lt(r[t],e,n,i)}function Rt(t,e,n){const i=!0===e.isScene?e.overrideMaterial:null;for(let r=0,o=t.length;r<o;r++){const o=t[r],s=o.object,a=o.geometry,l=null===i?o.material:i,c=o.group;if(n.isArrayCamera){const t=n.cameras;for(let n=0,i=t.length;n<i;n++){const i=t[n];s.layers.test(i.layers)&&(Y.viewport(b.copy(i.viewport)),d.setupLightsView(i),Ct(s,e,i,a,l,c))}}else Ct(s,e,n,a,l,c)}}function Ct(t,e,n,i,r,o){if(t.onBeforeRender(f,e,n,i,r,o),t.modelViewMatrix.multiplyMatrices(n.matrixWorldInverse,t.matrixWorld),t.normalMatrix.getNormalMatrix(t.modelViewMatrix),t.isImmediateRenderObject){const i=Dt(n,e,r,t);Y.setMaterial(r),gt.reset(),function(t,e){t.render((function(t){f.renderBufferImmediate(t,e)}))}(t,i)}else f.renderBufferDirect(n,e,i,r,t,o);t.onAfterRender(f,e,n,i,r,o)}function Pt(t,e,n){!0!==e.isScene&&(e=W);const i=K.get(t),r=d.state.lights,o=d.state.shadowsArray,s=r.state.version,a=ot.getParameters(t,r.state,o,e,n),l=ot.getProgramCacheKey(a);let c=i.program,h=!0;if(i.environment=t.isMeshStandardMaterial?e.environment:null,i.fog=e.fog,i.envMap=tt.get(t.envMap||i.environment),void 0===c)t.addEventListener("dispose",Mt);else if(c.cacheKey!==l)Et(t);else if(i.lightsStateVersion!==s)h=!1;else{if(void 0!==a.shaderID)return;h=!1}h&&(a.uniforms=ot.getUniforms(t),t.onBeforeCompile(a,f),c=ot.acquireProgram(a,l),i.program=c,i.uniforms=a.uniforms,i.outputEncoding=a.outputEncoding);const u=i.uniforms;(t.isShaderMaterial||t.isRawShaderMaterial)&&!0!==t.clipping||(i.numClippingPlanes=ht.numPlanes,i.numIntersection=ht.numIntersection,u.clippingPlanes=ht.uniform),i.needsLights=function(t){return t.isMeshLambertMaterial||t.isMeshToonMaterial||t.isMeshPhongMaterial||t.isMeshStandardMaterial||t.isShadowMaterial||t.isShaderMaterial&&!0===t.lights}(t),i.lightsStateVersion=s,i.needsLights&&(u.ambientLightColor.value=r.state.ambient,u.lightProbe.value=r.state.probe,u.directionalLights.value=r.state.directional,u.directionalLightShadows.value=r.state.directionalShadow,u.spotLights.value=r.state.spot,u.spotLightShadows.value=r.state.spotShadow,u.rectAreaLights.value=r.state.rectArea,u.ltc_1.value=r.state.rectAreaLTC1,u.ltc_2.value=r.state.rectAreaLTC2,u.pointLights.value=r.state.point,u.pointLightShadows.value=r.state.pointShadow,u.hemisphereLights.value=r.state.hemi,u.directionalShadowMap.value=r.state.directionalShadowMap,u.directionalShadowMatrix.value=r.state.directionalShadowMatrix,u.spotShadowMap.value=r.state.spotShadowMap,u.spotShadowMatrix.value=r.state.spotShadowMatrix,u.pointShadowMap.value=r.state.pointShadowMap,u.pointShadowMatrix.value=r.state.pointShadowMatrix);const p=i.program.getUniforms(),m=$i.seqWithValue(p.seq,u);i.uniformsList=m}function Dt(t,e,n,i){!0!==e.isScene&&(e=W),$.resetTextureUnits();const r=e.fog,o=n.isMeshStandardMaterial?e.environment:null,s=null===A?f.outputEncoding:A.texture.encoding,a=tt.get(n.envMap||o),l=K.get(n),c=d.state.lights;if(!0===U&&(!0===H||t!==w)){const e=t===w&&n.id===_;ht.setState(n,t,e)}n.version===l.__version?n.fog&&l.fog!==r||l.environment!==o||l.needsLights&&l.lightsStateVersion!==c.state.version?Pt(n,e,i):void 0===l.numClippingPlanes||l.numClippingPlanes===ht.numPlanes&&l.numIntersection===ht.numIntersection?(l.outputEncoding!==s||l.envMap!==a)&&Pt(n,e,i):Pt(n,e,i):(Pt(n,e,i),l.__version=n.version);let h=!1,u=!1,p=!1;const m=l.program,g=m.getUniforms(),v=l.uniforms;if(Y.useProgram(m.program)&&(h=!0,u=!0,p=!0),n.id!==_&&(_=n.id,u=!0),h||w!==t){if(g.setValue(vt,"projectionMatrix",t.projectionMatrix),q.logarithmicDepthBuffer&&g.setValue(vt,"logDepthBufFC",2/(Math.log(t.far+1)/Math.LN2)),w!==t&&(w=t,u=!0,p=!0),n.isShaderMaterial||n.isMeshPhongMaterial||n.isMeshToonMaterial||n.isMeshStandardMaterial||n.envMap){const e=g.map.cameraPosition;void 0!==e&&e.setValue(vt,k.setFromMatrixPosition(t.matrixWorld))}(n.isMeshPhongMaterial||n.isMeshToonMaterial||n.isMeshLambertMaterial||n.isMeshBasicMaterial||n.isMeshStandardMaterial||n.isShaderMaterial)&&g.setValue(vt,"isOrthographic",!0===t.isOrthographicCamera),(n.isMeshPhongMaterial||n.isMeshToonMaterial||n.isMeshLambertMaterial||n.isMeshBasicMaterial||n.isMeshStandardMaterial||n.isShaderMaterial||n.isShadowMaterial||n.skinning)&&g.setValue(vt,"viewMatrix",t.matrixWorldInverse)}if(n.skinning){g.setOptional(vt,i,"bindMatrix"),g.setOptional(vt,i,"bindMatrixInverse");const t=i.skeleton;if(t){const e=t.bones;if(q.floatVertexTextures){if(null===t.boneTexture){let n=Math.sqrt(4*e.length);n=Q.ceilPowerOfTwo(n),n=Math.max(n,4);const i=new Float32Array(n*n*4);i.set(t.boneMatrices);const r=new In(i,n,n,P,T);t.boneMatrices=i,t.boneTexture=r,t.boneTextureSize=n}g.setValue(vt,"boneTexture",t.boneTexture,$),g.setValue(vt,"boneTextureSize",t.boneTextureSize)}else g.setOptional(vt,t,"boneMatrices")}}var y,x;return(u||l.receiveShadow!==i.receiveShadow)&&(l.receiveShadow=i.receiveShadow,g.setValue(vt,"receiveShadow",i.receiveShadow)),u&&(g.setValue(vt,"toneMappingExposure",f.toneMappingExposure),l.needsLights&&(x=p,(y=v).ambientLightColor.needsUpdate=x,y.lightProbe.needsUpdate=x,y.directionalLights.needsUpdate=x,y.directionalLightShadows.needsUpdate=x,y.pointLights.needsUpdate=x,y.pointLightShadows.needsUpdate=x,y.spotLights.needsUpdate=x,y.spotLightShadows.needsUpdate=x,y.rectAreaLights.needsUpdate=x,y.hemisphereLights.needsUpdate=x),r&&n.fog&&at.refreshFogUniforms(v,r),at.refreshMaterialUniforms(v,n,D,C),$i.upload(vt,l.uniformsList,v,$)),n.isShaderMaterial&&!0===n.uniformsNeedUpdate&&($i.upload(vt,l.uniformsList,v,$),n.uniformsNeedUpdate=!1),n.isSpriteMaterial&&g.setValue(vt,"center",i.center),g.setValue(vt,"modelViewMatrix",i.modelViewMatrix),g.setValue(vt,"normalMatrix",i.normalMatrix),g.setValue(vt,"modelMatrix",i.matrixWorld),m}Tt.setAnimationLoop((function(t){xt.isPresenting||St&&St(t)})),"undefined"!=typeof window&&Tt.setContext(window),this.setAnimationLoop=function(t){St=t,xt.setAnimationLoop(t),null===t?Tt.stop():Tt.start()},this.render=function(t,e){let n,i;if(void 0!==arguments[2]&&(console.warn("THREE.WebGLRenderer.render(): the renderTarget argument has been removed. Use .setRenderTarget() instead."),n=arguments[2]),void 0!==arguments[3]&&(console.warn("THREE.WebGLRenderer.render(): the forceClear argument has been removed. Use .clear() instead."),i=arguments[3]),void 0!==e&&!0!==e.isCamera)return void console.error("THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.");if(!0===m)return;gt.resetDefaultState(),_=-1,w=null,!0===t.autoUpdate&&t.updateMatrixWorld(),null===e.parent&&e.updateMatrixWorld(),!0===xt.enabled&&!0===xt.isPresenting&&(e=xt.getCamera(e)),!0===t.isScene&&t.onBeforeRender(f,t,e,n||A),d=ct.get(t,p.length),d.init(),p.push(d),V.multiplyMatrices(e.projectionMatrix,e.matrixWorldInverse),z.setFromProjectionMatrix(V),H=this.localClippingEnabled,U=ht.init(this.clippingPlanes,H,e),u=lt.get(t,e),u.init(),Lt(t,e,0,f.sortObjects),u.finish(),!0===f.sortObjects&&u.sort(I,N),!0===U&&ht.beginShadows();const r=d.state.shadowsArray;_t.render(r,t,e),d.setupLights(),d.setupLightsView(e),!0===U&&ht.endShadows(),!0===this.info.autoReset&&this.info.reset(),void 0!==n&&this.setRenderTarget(n),ut.render(u,t,e,i);const o=u.opaque,s=u.transparent;o.length>0&&Rt(o,t,e),s.length>0&&Rt(s,t,e),!0===t.isScene&&t.onAfterRender(f,t,e),null!==A&&($.updateRenderTargetMipmap(A),$.updateMultisampleRenderTarget(A)),Y.buffers.depth.setTest(!0),Y.buffers.depth.setMask(!0),Y.buffers.color.setMask(!0),Y.setPolygonOffset(!1),p.pop(),d=p.length>0?p[p.length-1]:null,u=null},this.setFramebuffer=function(t){g!==t&&null===A&&vt.bindFramebuffer(36160,t),g=t},this.getActiveCubeFace=function(){return v},this.getActiveMipmapLevel=function(){return y},this.getRenderList=function(){return u},this.setRenderList=function(t){u=t},this.getRenderTarget=function(){return A},this.setRenderTarget=function(t,e=0,n=0){A=t,v=e,y=n,t&&void 0===K.get(t).__webglFramebuffer&&$.setupRenderTarget(t);let i=g,r=!1;if(t){const n=K.get(t).__webglFramebuffer;t.isWebGLCubeRenderTarget?(i=n[e],r=!0):i=t.isWebGLMultisampleRenderTarget?K.get(t).__webglMultisampledFramebuffer:n,b.copy(t.viewport),E.copy(t.scissor),S=t.scissorTest}else b.copy(O).multiplyScalar(D).floor(),E.copy(B).multiplyScalar(D).floor(),S=F;if(x!==i&&(vt.bindFramebuffer(36160,i),x=i),Y.viewport(b),Y.scissor(E),Y.setScissorTest(S),r){const i=K.get(t.texture);vt.framebufferTexture2D(36160,36064,34069+e,i.__webglTexture,n)}},this.readRenderTargetPixels=function(t,e,n,i,r,o,s){if(!t||!t.isWebGLRenderTarget)return void console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.");let a=K.get(t).__webglFramebuffer;if(t.isWebGLCubeRenderTarget&&void 0!==s&&(a=a[s]),a){let s=!1;a!==x&&(vt.bindFramebuffer(36160,a),s=!0);try{const a=t.texture,l=a.format,c=a.type;if(l!==P&&mt.convert(l)!==vt.getParameter(35739))return void console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.");const h=c===L&&(X.has("EXT_color_buffer_half_float")||q.isWebGL2&&X.has("EXT_color_buffer_float"));if(!(c===M||mt.convert(c)===vt.getParameter(35738)||c===T&&(q.isWebGL2||X.has("OES_texture_float")||X.has("WEBGL_color_buffer_float"))||h))return void console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.");36053===vt.checkFramebufferStatus(36160)?e>=0&&e<=t.width-i&&n>=0&&n<=t.height-r&&vt.readPixels(e,n,i,r,mt.convert(l),mt.convert(c),o):console.error("THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete.")}finally{s&&vt.bindFramebuffer(36160,x)}}},this.copyFramebufferToTexture=function(t,e,n=0){const i=Math.pow(2,-n),r=Math.floor(e.image.width*i),o=Math.floor(e.image.height*i),s=mt.convert(e.format);$.setTexture2D(e,0),vt.copyTexImage2D(3553,n,s,t.x,t.y,r,o,0),Y.unbindTexture()},this.copyTextureToTexture=function(t,e,n,i=0){const r=e.image.width,o=e.image.height,s=mt.convert(n.format),a=mt.convert(n.type);$.setTexture2D(n,0),vt.pixelStorei(37440,n.flipY),vt.pixelStorei(37441,n.premultiplyAlpha),vt.pixelStorei(3317,n.unpackAlignment),e.isDataTexture?vt.texSubImage2D(3553,i,t.x,t.y,r,o,s,a,e.image.data):e.isCompressedTexture?vt.compressedTexSubImage2D(3553,i,t.x,t.y,e.mipmaps[0].width,e.mipmaps[0].height,s,e.mipmaps[0].data):vt.texSubImage2D(3553,i,t.x,t.y,s,a,e.image),0===i&&n.generateMipmaps&&vt.generateMipmap(3553),Y.unbindTexture()},this.initTexture=function(t){$.setTexture2D(t,0),Y.unbindTexture()},this.resetState=function(){Y.reset(),gt.reset()},"undefined"!=typeof __THREE_DEVTOOLS__&&__THREE_DEVTOOLS__.dispatchEvent(new CustomEvent("observe",{detail:this}))}function Wr(t){kr.call(this,t)}zr.prototype=p(Object.create(Ln.prototype),{constructor:zr,isArrayCamera:!0}),Ur.prototype=p(Object.create(oe.prototype),{constructor:Ur,isGroup:!0}),p(Hr.prototype,{constructor:Hr,getHandSpace:function(){return null===this._hand&&(this._hand=new Ur,this._hand.matrixAutoUpdate=!1,this._hand.visible=!1,this._hand.joints={},this._hand.inputState={pinching:!1}),this._hand},getTargetRaySpace:function(){return null===this._targetRay&&(this._targetRay=new Ur,this._targetRay.matrixAutoUpdate=!1,this._targetRay.visible=!1),this._targetRay},getGripSpace:function(){return null===this._grip&&(this._grip=new Ur,this._grip.matrixAutoUpdate=!1,this._grip.visible=!1),this._grip},dispatchEvent:function(t){return null!==this._targetRay&&this._targetRay.dispatchEvent(t),null!==this._grip&&this._grip.dispatchEvent(t),null!==this._hand&&this._hand.dispatchEvent(t),this},disconnect:function(t){return this.dispatchEvent({type:"disconnected",data:t}),null!==this._targetRay&&(this._targetRay.visible=!1),null!==this._grip&&(this._grip.visible=!1),null!==this._hand&&(this._hand.visible=!1),this},update:function(t,e,n){let i=null,r=null,o=null;const s=this._targetRay,a=this._grip,l=this._hand;if(t&&"visible-blurred"!==e.session.visibilityState)if(l&&t.hand){o=!0;for(const i of t.hand.values()){const t=e.getJointPose(i,n);if(void 0===l.joints[i.jointName]){const t=new Ur;t.matrixAutoUpdate=!1,t.visible=!1,l.joints[i.jointName]=t,l.add(t)}const r=l.joints[i.jointName];null!==t&&(r.matrix.fromArray(t.transform.matrix),r.matrix.decompose(r.position,r.rotation,r.scale),r.jointRadius=t.radius),r.visible=null!==t}const i=l.joints["index-finger-tip"],r=l.joints["thumb-tip"],s=i.position.distanceTo(r.position),a=.02,c=.005;l.inputState.pinching&&s>a+c?(l.inputState.pinching=!1,this.dispatchEvent({type:"pinchend",handedness:t.handedness,target:this})):!l.inputState.pinching&&s<=a-c&&(l.inputState.pinching=!0,this.dispatchEvent({type:"pinchstart",handedness:t.handedness,target:this}))}else null!==s&&(i=e.getPose(t.targetRaySpace,n),null!==i&&(s.matrix.fromArray(i.transform.matrix),s.matrix.decompose(s.position,s.rotation,s.scale))),null!==a&&t.gripSpace&&(r=e.getPose(t.gripSpace,n),null!==r&&(a.matrix.fromArray(r.transform.matrix),a.matrix.decompose(a.position,a.rotation,a.scale)));return null!==s&&(s.visible=null!==i),null!==a&&(a.visible=null!==r),null!==l&&(l.visible=null!==o),this}}),p(Gr.prototype,X.prototype),Wr.prototype=p(Object.create(kr.prototype),{constructor:Wr,isWebGL1Renderer:!0});class jr extends oe{constructor(){super(),Object.defineProperty(this,"isScene",{value:!0}),this.type="Scene",this.background=null,this.environment=null,this.fog=null,this.overrideMaterial=null,this.autoUpdate=!0,"undefined"!=typeof __THREE_DEVTOOLS__&&__THREE_DEVTOOLS__.dispatchEvent(new CustomEvent("observe",{detail:this}))}copy(t,e){return super.copy(t,e),null!==t.background&&(this.background=t.background.clone()),null!==t.environment&&(this.environment=t.environment.clone()),null!==t.fog&&(this.fog=t.fog.clone()),null!==t.overrideMaterial&&(this.overrideMaterial=t.overrideMaterial.clone()),this.autoUpdate=t.autoUpdate,this.matrixAutoUpdate=t.matrixAutoUpdate,this}toJSON(t){const e=super.toJSON(t);return null!==this.background&&(e.object.background=this.background.toJSON(t)),null!==this.environment&&(e.object.environment=this.environment.toJSON(t)),null!==this.fog&&(e.object.fog=this.fog.toJSON()),e}}function Xr(t,e){this.array=t,this.stride=e,this.count=void 0!==t?t.length/e:0,this.usage=k,this.updateRange={offset:0,count:-1},this.version=0,this.uuid=Q.generateUUID()}Object.defineProperty(Xr.prototype,"needsUpdate",{set:function(t){!0===t&&this.version++}}),p(Xr.prototype,{isInterleavedBuffer:!0,onUploadCallback:function(){},setUsage:function(t){return this.usage=t,this},copy:function(t){return this.array=new t.array.constructor(t.array),this.count=t.count,this.stride=t.stride,this.usage=t.usage,this},copyAt:function(t,e,n){t*=this.stride,n*=e.stride;for(let i=0,r=this.stride;i<r;i++)this.array[t+i]=e.array[n+i];return this},set:function(t,e=0){return this.array.set(t,e),this},clone:function(t){void 0===t.arrayBuffers&&(t.arrayBuffers={}),void 0===this.array.buffer._uuid&&(this.array.buffer._uuid=Q.generateUUID()),void 0===t.arrayBuffers[this.array.buffer._uuid]&&(t.arrayBuffers[this.array.buffer._uuid]=this.array.slice(0).buffer);const e=new Xr(new this.array.constructor(t.arrayBuffers[this.array.buffer._uuid]),this.stride);return e.setUsage(this.usage),e},onUpload:function(t){return this.onUploadCallback=t,this},toJSON:function(t){return void 0===t.arrayBuffers&&(t.arrayBuffers={}),void 0===this.array.buffer._uuid&&(this.array.buffer._uuid=Q.generateUUID()),void 0===t.arrayBuffers[this.array.buffer._uuid]&&(t.arrayBuffers[this.array.buffer._uuid]=Array.prototype.slice.call(new Uint32Array(this.array.buffer))),{uuid:this.uuid,buffer:this.array.buffer._uuid,type:this.array.constructor.name,stride:this.stride}}});const qr=new st;function Yr(t,e,n,i){this.name="",this.data=t,this.itemSize=e,this.offset=n,this.normalized=!0===i}function Qr(t){Ce.call(this),this.type="SpriteMaterial",this.color=new Te(16777215),this.map=null,this.alphaMap=null,this.rotation=0,this.sizeAttenuation=!0,this.transparent=!0,this.setValues(t)}let Zr;Object.defineProperties(Yr.prototype,{count:{get:function(){return this.data.count}},array:{get:function(){return this.data.array}},needsUpdate:{set:function(t){this.data.needsUpdate=t}}}),p(Yr.prototype,{isInterleavedBufferAttribute:!0,applyMatrix4:function(t){for(let e=0,n=this.data.count;e<n;e++)qr.x=this.getX(e),qr.y=this.getY(e),qr.z=this.getZ(e),qr.applyMatrix4(t),this.setXYZ(e,qr.x,qr.y,qr.z);return this},setX:function(t,e){return this.data.array[t*this.data.stride+this.offset]=e,this},setY:function(t,e){return this.data.array[t*this.data.stride+this.offset+1]=e,this},setZ:function(t,e){return this.data.array[t*this.data.stride+this.offset+2]=e,this},setW:function(t,e){return this.data.array[t*this.data.stride+this.offset+3]=e,this},getX:function(t){return this.data.array[t*this.data.stride+this.offset]},getY:function(t){return this.data.array[t*this.data.stride+this.offset+1]},getZ:function(t){return this.data.array[t*this.data.stride+this.offset+2]},getW:function(t){return this.data.array[t*this.data.stride+this.offset+3]},setXY:function(t,e,n){return t=t*this.data.stride+this.offset,this.data.array[t+0]=e,this.data.array[t+1]=n,this},setXYZ:function(t,e,n,i){return t=t*this.data.stride+this.offset,this.data.array[t+0]=e,this.data.array[t+1]=n,this.data.array[t+2]=i,this},setXYZW:function(t,e,n,i,r){return t=t*this.data.stride+this.offset,this.data.array[t+0]=e,this.data.array[t+1]=n,this.data.array[t+2]=i,this.data.array[t+3]=r,this},clone:function(t){if(void 0===t){console.log("THREE.InterleavedBufferAttribute.clone(): Cloning an interlaved buffer attribute will deinterleave buffer data.");const t=[];for(let e=0;e<this.count;e++){const n=e*this.data.stride+this.offset;for(let e=0;e<this.itemSize;e++)t.push(this.data.array[n+e])}return new Ne(new this.array.constructor(t),this.itemSize,this.normalized)}return void 0===t.interleavedBuffers&&(t.interleavedBuffers={}),void 0===t.interleavedBuffers[this.data.uuid]&&(t.interleavedBuffers[this.data.uuid]=this.data.clone(t)),new Yr(t.interleavedBuffers[this.data.uuid],this.itemSize,this.offset,this.normalized)},toJSON:function(t){if(void 0===t){console.log("THREE.InterleavedBufferAttribute.toJSON(): Serializing an interlaved buffer attribute will deinterleave buffer data.");const t=[];for(let e=0;e<this.count;e++){const n=e*this.data.stride+this.offset;for(let e=0;e<this.itemSize;e++)t.push(this.data.array[n+e])}return{itemSize:this.itemSize,type:this.array.constructor.name,array:t,normalized:this.normalized}}return void 0===t.interleavedBuffers&&(t.interleavedBuffers={}),void 0===t.interleavedBuffers[this.data.uuid]&&(t.interleavedBuffers[this.data.uuid]=this.data.toJSON(t)),{isInterleavedBufferAttribute:!0,itemSize:this.itemSize,data:this.data.uuid,offset:this.offset,normalized:this.normalized}}}),Qr.prototype=Object.create(Ce.prototype),Qr.prototype.constructor=Qr,Qr.prototype.isSpriteMaterial=!0,Qr.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.color.copy(t.color),this.map=t.map,this.alphaMap=t.alphaMap,this.rotation=t.rotation,this.sizeAttenuation=t.sizeAttenuation,this};const Jr=new st,Kr=new st,$r=new st,to=new Z,eo=new Z,no=new Nt,io=new st,ro=new st,oo=new st,so=new Z,ao=new Z,lo=new Z;function co(t){if(oe.call(this),this.type="Sprite",void 0===Zr){Zr=new en;const t=new Xr(new Float32Array([-.5,-.5,0,0,0,.5,-.5,0,1,0,.5,.5,0,1,1,-.5,.5,0,0,1]),5);Zr.setIndex([0,1,2,0,2,3]),Zr.setAttribute("position",new Yr(t,3,0,!1)),Zr.setAttribute("uv",new Yr(t,2,3,!1))}this.geometry=Zr,this.material=void 0!==t?t:new Qr,this.center=new Z(.5,.5)}function ho(t,e,n,i,r,o){to.subVectors(t,n).addScalar(.5).multiply(i),void 0!==r?(eo.x=o*to.x-r*to.y,eo.y=r*to.x+o*to.y):eo.copy(to),t.copy(e),t.x+=eo.x,t.y+=eo.y,t.applyMatrix4(no)}co.prototype=p(Object.create(oe.prototype),{constructor:co,isSprite:!0,raycast:function(t,e){null===t.camera&&console.error('THREE.Sprite: "Raycaster.camera" needs to be set in order to raycast against sprites.'),Kr.setFromMatrixScale(this.matrixWorld),no.copy(t.camera.matrixWorld),this.modelViewMatrix.multiplyMatrices(t.camera.matrixWorldInverse,this.matrixWorld),$r.setFromMatrixPosition(this.modelViewMatrix),t.camera.isPerspectiveCamera&&!1===this.material.sizeAttenuation&&Kr.multiplyScalar(-$r.z);const n=this.material.rotation;let i,r;0!==n&&(r=Math.cos(n),i=Math.sin(n));const o=this.center;ho(io.set(-.5,-.5,0),$r,o,Kr,i,r),ho(ro.set(.5,-.5,0),$r,o,Kr,i,r),ho(oo.set(.5,.5,0),$r,o,Kr,i,r),so.set(0,0),ao.set(1,0),lo.set(1,1);let s=t.ray.intersectTriangle(io,ro,oo,!1,Jr);if(null===s&&(ho(ro.set(-.5,.5,0),$r,o,Kr,i,r),ao.set(0,1),s=t.ray.intersectTriangle(io,oo,ro,!1,Jr),null===s))return;const a=t.ray.origin.distanceTo(Jr);a<t.near||a>t.far||e.push({distance:a,point:Jr.clone(),uv:xe.getUV(Jr,io,ro,oo,so,ao,lo,new Z),face:null,object:this})},copy:function(t){return oe.prototype.copy.call(this,t),void 0!==t.center&&this.center.copy(t.center),this.material=t.material,this}});const uo=new st,po=new st;function fo(){oe.call(this),this._currentLevel=0,this.type="LOD",Object.defineProperties(this,{levels:{enumerable:!0,value:[]}}),this.autoUpdate=!0}fo.prototype=p(Object.create(oe.prototype),{constructor:fo,isLOD:!0,copy:function(t){oe.prototype.copy.call(this,t,!1);const e=t.levels;for(let t=0,n=e.length;t<n;t++){const n=e[t];this.addLevel(n.object.clone(),n.distance)}return this.autoUpdate=t.autoUpdate,this},addLevel:function(t,e=0){e=Math.abs(e);const n=this.levels;let i;for(i=0;i<n.length&&!(e<n[i].distance);i++);return n.splice(i,0,{distance:e,object:t}),this.add(t),this},getCurrentLevel:function(){return this._currentLevel},getObjectForDistance:function(t){const e=this.levels;if(e.length>0){let n,i;for(n=1,i=e.length;n<i&&!(t<e[n].distance);n++);return e[n-1].object}return null},raycast:function(t,e){if(this.levels.length>0){uo.setFromMatrixPosition(this.matrixWorld);const n=t.ray.origin.distanceTo(uo);this.getObjectForDistance(n).raycast(t,e)}},update:function(t){const e=this.levels;if(e.length>1){uo.setFromMatrixPosition(t.matrixWorld),po.setFromMatrixPosition(this.matrixWorld);const n=uo.distanceTo(po)/t.zoom;let i,r;for(e[0].object.visible=!0,i=1,r=e.length;i<r&&n>=e[i].distance;i++)e[i-1].object.visible=!1,e[i].object.visible=!0;for(this._currentLevel=i-1;i<r;i++)e[i].object.visible=!1}},toJSON:function(t){const e=oe.prototype.toJSON.call(this,t);!1===this.autoUpdate&&(e.object.autoUpdate=!1),e.object.levels=[];const n=this.levels;for(let t=0,i=n.length;t<i;t++){const i=n[t];e.object.levels.push({object:i.object.uuid,distance:i.distance})}return e}});const mo=new st,go=new it,vo=new it,yo=new st,Ao=new Nt;function xo(t,e){t&&t.isGeometry&&console.error("THREE.SkinnedMesh no longer supports THREE.Geometry. Use THREE.BufferGeometry instead."),xn.call(this,t,e),this.type="SkinnedMesh",this.bindMode="attached",this.bindMatrix=new Nt,this.bindMatrixInverse=new Nt}function _o(){oe.call(this),this.type="Bone"}xo.prototype=p(Object.create(xn.prototype),{constructor:xo,isSkinnedMesh:!0,copy:function(t){return xn.prototype.copy.call(this,t),this.bindMode=t.bindMode,this.bindMatrix.copy(t.bindMatrix),this.bindMatrixInverse.copy(t.bindMatrixInverse),this.skeleton=t.skeleton,this},bind:function(t,e){this.skeleton=t,void 0===e&&(this.updateMatrixWorld(!0),this.skeleton.calculateInverses(),e=this.matrixWorld),this.bindMatrix.copy(e),this.bindMatrixInverse.copy(e).invert()},pose:function(){this.skeleton.pose()},normalizeSkinWeights:function(){const t=new it,e=this.geometry.attributes.skinWeight;for(let n=0,i=e.count;n<i;n++){t.x=e.getX(n),t.y=e.getY(n),t.z=e.getZ(n),t.w=e.getW(n);const i=1/t.manhattanLength();i!==1/0?t.multiplyScalar(i):t.set(1,0,0,0),e.setXYZW(n,t.x,t.y,t.z,t.w)}},updateMatrixWorld:function(t){xn.prototype.updateMatrixWorld.call(this,t),"attached"===this.bindMode?this.bindMatrixInverse.copy(this.matrixWorld).invert():"detached"===this.bindMode?this.bindMatrixInverse.copy(this.bindMatrix).invert():console.warn("THREE.SkinnedMesh: Unrecognized bindMode: "+this.bindMode)},boneTransform:function(t,e){const n=this.skeleton,i=this.geometry;go.fromBufferAttribute(i.attributes.skinIndex,t),vo.fromBufferAttribute(i.attributes.skinWeight,t),mo.fromBufferAttribute(i.attributes.position,t).applyMatrix4(this.bindMatrix),e.set(0,0,0);for(let t=0;t<4;t++){const i=vo.getComponent(t);if(0!==i){const r=go.getComponent(t);Ao.multiplyMatrices(n.bones[r].matrixWorld,n.boneInverses[r]),e.addScaledVector(yo.copy(mo).applyMatrix4(Ao),i)}}return e.applyMatrix4(this.bindMatrixInverse)}}),_o.prototype=p(Object.create(oe.prototype),{constructor:_o,isBone:!0});const wo=new Nt,bo=new Nt;function Mo(t=[],e=[]){this.uuid=Q.generateUUID(),this.bones=t.slice(0),this.boneInverses=e,this.boneMatrices=null,this.boneTexture=null,this.boneTextureSize=0,this.frame=-1,this.init()}p(Mo.prototype,{init:function(){const t=this.bones,e=this.boneInverses;if(this.boneMatrices=new Float32Array(16*t.length),0===e.length)this.calculateInverses();else if(t.length!==e.length){console.warn("THREE.Skeleton: Number of inverse bone matrices does not match amount of bones."),this.boneInverses=[];for(let t=0,e=this.bones.length;t<e;t++)this.boneInverses.push(new Nt)}},calculateInverses:function(){this.boneInverses.length=0;for(let t=0,e=this.bones.length;t<e;t++){const e=new Nt;this.bones[t]&&e.copy(this.bones[t].matrixWorld).invert(),this.boneInverses.push(e)}},pose:function(){for(let t=0,e=this.bones.length;t<e;t++){const e=this.bones[t];e&&e.matrixWorld.copy(this.boneInverses[t]).invert()}for(let t=0,e=this.bones.length;t<e;t++){const e=this.bones[t];e&&(e.parent&&e.parent.isBone?(e.matrix.copy(e.parent.matrixWorld).invert(),e.matrix.multiply(e.matrixWorld)):e.matrix.copy(e.matrixWorld),e.matrix.decompose(e.position,e.quaternion,e.scale))}},update:function(){const t=this.bones,e=this.boneInverses,n=this.boneMatrices,i=this.boneTexture;for(let i=0,r=t.length;i<r;i++){const r=t[i]?t[i].matrixWorld:bo;wo.multiplyMatrices(r,e[i]),wo.toArray(n,16*i)}null!==i&&(i.needsUpdate=!0)},clone:function(){return new Mo(this.bones,this.boneInverses)},getBoneByName:function(t){for(let e=0,n=this.bones.length;e<n;e++){const n=this.bones[e];if(n.name===t)return n}},dispose:function(){null!==this.boneTexture&&(this.boneTexture.dispose(),this.boneTexture=null)},fromJSON:function(t,e){this.uuid=t.uuid;for(let n=0,i=t.bones.length;n<i;n++){const i=t.bones[n];let r=e[i];void 0===r&&(console.warn("THREE.Skeleton: No bone found with UUID:",i),r=new _o),this.bones.push(r),this.boneInverses.push((new Nt).fromArray(t.boneInverses[n]))}return this.init(),this},toJSON:function(){const t={metadata:{version:4.5,type:"Skeleton",generator:"Skeleton.toJSON"},bones:[],boneInverses:[]};t.uuid=this.uuid;const e=this.bones,n=this.boneInverses;for(let i=0,r=e.length;i<r;i++){const r=e[i];t.bones.push(r.uuid);const o=n[i];t.boneInverses.push(o.toArray())}return t}});const Eo=new Nt,So=new Nt,To=[],Lo=new xn;function Ro(t,e,n){xn.call(this,t,e),this.instanceMatrix=new Ne(new Float32Array(16*n),16),this.instanceColor=null,this.count=n,this.frustumCulled=!1}function Co(t){Ce.call(this),this.type="LineBasicMaterial",this.color=new Te(16777215),this.linewidth=1,this.linecap="round",this.linejoin="round",this.morphTargets=!1,this.setValues(t)}Ro.prototype=p(Object.create(xn.prototype),{constructor:Ro,isInstancedMesh:!0,copy:function(t){return xn.prototype.copy.call(this,t),this.instanceMatrix.copy(t.instanceMatrix),null!==t.instanceColor&&(this.instanceColor=t.instanceColor.clone()),this.count=t.count,this},getColorAt:function(t,e){e.fromArray(this.instanceColor.array,3*t)},getMatrixAt:function(t,e){e.fromArray(this.instanceMatrix.array,16*t)},raycast:function(t,e){const n=this.matrixWorld,i=this.count;if(Lo.geometry=this.geometry,Lo.material=this.material,void 0!==Lo.material)for(let r=0;r<i;r++){this.getMatrixAt(r,Eo),So.multiplyMatrices(n,Eo),Lo.matrixWorld=So,Lo.raycast(t,To);for(let t=0,n=To.length;t<n;t++){const n=To[t];n.instanceId=r,n.object=this,e.push(n)}To.length=0}},setColorAt:function(t,e){null===this.instanceColor&&(this.instanceColor=new Ne(new Float32Array(3*this.count),3)),e.toArray(this.instanceColor.array,3*t)},setMatrixAt:function(t,e){e.toArray(this.instanceMatrix.array,16*t)},updateMorphTargets:function(){},dispose:function(){this.dispatchEvent({type:"dispose"})}}),Co.prototype=Object.create(Ce.prototype),Co.prototype.constructor=Co,Co.prototype.isLineBasicMaterial=!0,Co.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.color.copy(t.color),this.linewidth=t.linewidth,this.linecap=t.linecap,this.linejoin=t.linejoin,this.morphTargets=t.morphTargets,this};const Po=new st,Do=new st,Io=new Nt,No=new It,Oo=new Et;function Bo(t=new en,e=new Co){oe.call(this),this.type="Line",this.geometry=t,this.material=e,this.updateMorphTargets()}Bo.prototype=p(Object.create(oe.prototype),{constructor:Bo,isLine:!0,copy:function(t){return oe.prototype.copy.call(this,t),this.material=t.material,this.geometry=t.geometry,this},computeLineDistances:function(){const t=this.geometry;if(t.isBufferGeometry)if(null===t.index){const e=t.attributes.position,n=[0];for(let t=1,i=e.count;t<i;t++)Po.fromBufferAttribute(e,t-1),Do.fromBufferAttribute(e,t),n[t]=n[t-1],n[t]+=Po.distanceTo(Do);t.setAttribute("lineDistance",new ke(n,1))}else console.warn("THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.");else t.isGeometry&&console.error("THREE.Line.computeLineDistances() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.");return this},raycast:function(t,e){const n=this.geometry,i=this.matrixWorld,r=t.params.Line.threshold;if(null===n.boundingSphere&&n.computeBoundingSphere(),Oo.copy(n.boundingSphere),Oo.applyMatrix4(i),Oo.radius+=r,!1===t.ray.intersectsSphere(Oo))return;Io.copy(i).invert(),No.copy(t.ray).applyMatrix4(Io);const o=r/((this.scale.x+this.scale.y+this.scale.z)/3),s=o*o,a=new st,l=new st,c=new st,h=new st,u=this.isLineSegments?2:1;if(n.isBufferGeometry){const i=n.index,r=n.attributes.position;if(null!==i){const n=i.array;for(let i=0,o=n.length-1;i<o;i+=u){const o=n[i],u=n[i+1];a.fromBufferAttribute(r,o),l.fromBufferAttribute(r,u);if(No.distanceSqToSegment(a,l,h,c)>s)continue;h.applyMatrix4(this.matrixWorld);const d=t.ray.origin.distanceTo(h);d<t.near||d>t.far||e.push({distance:d,point:c.clone().applyMatrix4(this.matrixWorld),index:i,face:null,faceIndex:null,object:this})}}else for(let n=0,i=r.count-1;n<i;n+=u){a.fromBufferAttribute(r,n),l.fromBufferAttribute(r,n+1);if(No.distanceSqToSegment(a,l,h,c)>s)continue;h.applyMatrix4(this.matrixWorld);const i=t.ray.origin.distanceTo(h);i<t.near||i>t.far||e.push({distance:i,point:c.clone().applyMatrix4(this.matrixWorld),index:n,face:null,faceIndex:null,object:this})}}else n.isGeometry&&console.error("THREE.Line.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.")},updateMorphTargets:function(){const t=this.geometry;if(t.isBufferGeometry){const e=t.morphAttributes,n=Object.keys(e);if(n.length>0){const t=e[n[0]];if(void 0!==t){this.morphTargetInfluences=[],this.morphTargetDictionary={};for(let e=0,n=t.length;e<n;e++){const n=t[e].name||String(e);this.morphTargetInfluences.push(0),this.morphTargetDictionary[n]=e}}}}else{const e=t.morphTargets;void 0!==e&&e.length>0&&console.error("THREE.Line.updateMorphTargets() does not support THREE.Geometry. Use THREE.BufferGeometry instead.")}}});const Fo=new st,zo=new st;function Uo(t,e){Bo.call(this,t,e),this.type="LineSegments"}function Ho(t,e){Bo.call(this,t,e),this.type="LineLoop"}function Go(t){Ce.call(this),this.type="PointsMaterial",this.color=new Te(16777215),this.map=null,this.alphaMap=null,this.size=1,this.sizeAttenuation=!0,this.morphTargets=!1,this.setValues(t)}Uo.prototype=p(Object.create(Bo.prototype),{constructor:Uo,isLineSegments:!0,computeLineDistances:function(){const t=this.geometry;if(t.isBufferGeometry)if(null===t.index){const e=t.attributes.position,n=[];for(let t=0,i=e.count;t<i;t+=2)Fo.fromBufferAttribute(e,t),zo.fromBufferAttribute(e,t+1),n[t]=0===t?0:n[t-1],n[t+1]=n[t]+Fo.distanceTo(zo);t.setAttribute("lineDistance",new ke(n,1))}else console.warn("THREE.LineSegments.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.");else t.isGeometry&&console.error("THREE.LineSegments.computeLineDistances() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.");return this}}),Ho.prototype=p(Object.create(Bo.prototype),{constructor:Ho,isLineLoop:!0}),Go.prototype=Object.create(Ce.prototype),Go.prototype.constructor=Go,Go.prototype.isPointsMaterial=!0,Go.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.color.copy(t.color),this.map=t.map,this.alphaMap=t.alphaMap,this.size=t.size,this.sizeAttenuation=t.sizeAttenuation,this.morphTargets=t.morphTargets,this};const Vo=new Nt,ko=new It,Wo=new Et,jo=new st;function Xo(t=new en,e=new Go){oe.call(this),this.type="Points",this.geometry=t,this.material=e,this.updateMorphTargets()}function qo(t,e,n,i,r,o,s){const a=ko.distanceSqToPoint(t);if(a<n){const n=new st;ko.closestPointToPoint(t,n),n.applyMatrix4(i);const l=r.ray.origin.distanceTo(n);if(l<r.near||l>r.far)return;o.push({distance:l,distanceToRay:Math.sqrt(a),point:n,index:e,face:null,object:s})}}function Yo(t,e,n,i,r,o,s,a,l){et.call(this,t,e,n,i,r,o,s,a,l),this.format=void 0!==s?s:C,this.minFilter=void 0!==o?o:w,this.magFilter=void 0!==r?r:w,this.generateMipmaps=!1;const c=this;"requestVideoFrameCallback"in t&&t.requestVideoFrameCallback((function e(){c.needsUpdate=!0,t.requestVideoFrameCallback(e)}))}function Qo(t,e,n,i,r,o,s,a,l,c,h,u){et.call(this,null,o,s,a,l,c,i,r,h,u),this.image={width:e,height:n},this.mipmaps=t,this.flipY=!1,this.generateMipmaps=!1}function Zo(t,e,n,i,r,o,s,a,l){et.call(this,t,e,n,i,r,o,s,a,l),this.needsUpdate=!0}function Jo(t,e,n,i,r,o,s,a,l,c){if((c=void 0!==c?c:D)!==D&&c!==I)throw new Error("DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat");void 0===n&&c===D&&(n=E),void 0===n&&c===I&&(n=R),et.call(this,null,i,r,o,s,a,c,n,l),this.image={width:t,height:e},this.magFilter=void 0!==s?s:_,this.minFilter=void 0!==a?a:_,this.flipY=!1,this.generateMipmaps=!1}Xo.prototype=p(Object.create(oe.prototype),{constructor:Xo,isPoints:!0,copy:function(t){return oe.prototype.copy.call(this,t),this.material=t.material,this.geometry=t.geometry,this},raycast:function(t,e){const n=this.geometry,i=this.matrixWorld,r=t.params.Points.threshold;if(null===n.boundingSphere&&n.computeBoundingSphere(),Wo.copy(n.boundingSphere),Wo.applyMatrix4(i),Wo.radius+=r,!1===t.ray.intersectsSphere(Wo))return;Vo.copy(i).invert(),ko.copy(t.ray).applyMatrix4(Vo);const o=r/((this.scale.x+this.scale.y+this.scale.z)/3),s=o*o;if(n.isBufferGeometry){const r=n.index,o=n.attributes.position;if(null!==r){const n=r.array;for(let r=0,a=n.length;r<a;r++){const a=n[r];jo.fromBufferAttribute(o,a),qo(jo,a,s,i,t,e,this)}}else for(let n=0,r=o.count;n<r;n++)jo.fromBufferAttribute(o,n),qo(jo,n,s,i,t,e,this)}else console.error("THREE.Points.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.")},updateMorphTargets:function(){const t=this.geometry;if(t.isBufferGeometry){const e=t.morphAttributes,n=Object.keys(e);if(n.length>0){const t=e[n[0]];if(void 0!==t){this.morphTargetInfluences=[],this.morphTargetDictionary={};for(let e=0,n=t.length;e<n;e++){const n=t[e].name||String(e);this.morphTargetInfluences.push(0),this.morphTargetDictionary[n]=e}}}}else{const e=t.morphTargets;void 0!==e&&e.length>0&&console.error("THREE.Points.updateMorphTargets() does not support THREE.Geometry. Use THREE.BufferGeometry instead.")}}}),Yo.prototype=p(Object.create(et.prototype),{constructor:Yo,clone:function(){return new this.constructor(this.image).copy(this)},isVideoTexture:!0,update:function(){const t=this.image;!1==="requestVideoFrameCallback"in t&&t.readyState>=t.HAVE_CURRENT_DATA&&(this.needsUpdate=!0)}}),Qo.prototype=Object.create(et.prototype),Qo.prototype.constructor=Qo,Qo.prototype.isCompressedTexture=!0,Zo.prototype=Object.create(et.prototype),Zo.prototype.constructor=Zo,Zo.prototype.isCanvasTexture=!0,Jo.prototype=Object.create(et.prototype),Jo.prototype.constructor=Jo,Jo.prototype.isDepthTexture=!0,new st,new st,new st,new xe;const Ko=function(t,e,n){n=n||2;const i=e&&e.length,r=i?e[0]*n:t.length;let o=$o(t,0,r,n,!0);const s=[];if(!o||o.next===o.prev)return s;let a,l,c,h,u,d,p;if(i&&(o=function(t,e,n,i){const r=[];let o,s,a,l,c;for(o=0,s=e.length;o<s;o++)a=e[o]*i,l=o<s-1?e[o+1]*i:t.length,c=$o(t,a,l,i,!1),c===c.next&&(c.steiner=!0),r.push(hs(c));for(r.sort(ss),o=0;o<r.length;o++)as(r[o],n),n=ts(n,n.next);return n}(t,e,o,n)),t.length>80*n){a=c=t[0],l=h=t[1];for(let e=n;e<r;e+=n)u=t[e],d=t[e+1],u<a&&(a=u),d<l&&(l=d),u>c&&(c=u),d>h&&(h=d);p=Math.max(c-a,h-l),p=0!==p?1/p:0}return es(o,s,n,a,l,p),s};function $o(t,e,n,i,r){let o,s;if(r===function(t,e,n,i){let r=0;for(let o=e,s=n-i;o<n;o+=i)r+=(t[s]-t[o])*(t[o+1]+t[s+1]),s=o;return r}(t,e,n,i)>0)for(o=e;o<n;o+=i)s=xs(o,t[o],t[o+1],s);else for(o=n-i;o>=e;o-=i)s=xs(o,t[o],t[o+1],s);return s&&fs(s,s.next)&&(_s(s),s=s.next),s}function ts(t,e){if(!t)return t;e||(e=t);let n,i=t;do{if(n=!1,i.steiner||!fs(i,i.next)&&0!==ps(i.prev,i,i.next))i=i.next;else{if(_s(i),i=e=i.prev,i===i.next)break;n=!0}}while(n||i!==e);return e}function es(t,e,n,i,r,o,s){if(!t)return;!s&&o&&function(t,e,n,i){let r=t;do{null===r.z&&(r.z=cs(r.x,r.y,e,n,i)),r.prevZ=r.prev,r.nextZ=r.next,r=r.next}while(r!==t);r.prevZ.nextZ=null,r.prevZ=null,function(t){let e,n,i,r,o,s,a,l,c=1;do{for(n=t,t=null,o=null,s=0;n;){for(s++,i=n,a=0,e=0;e<c&&(a++,i=i.nextZ,i);e++);for(l=c;a>0||l>0&&i;)0!==a&&(0===l||!i||n.z<=i.z)?(r=n,n=n.nextZ,a--):(r=i,i=i.nextZ,l--),o?o.nextZ=r:t=r,r.prevZ=o,o=r;n=i}o.nextZ=null,c*=2}while(s>1)}(r)}(t,i,r,o);let a,l,c=t;for(;t.prev!==t.next;)if(a=t.prev,l=t.next,o?is(t,i,r,o):ns(t))e.push(a.i/n),e.push(t.i/n),e.push(l.i/n),_s(t),t=l.next,c=l.next;else if((t=l)===c){s?1===s?es(t=rs(ts(t),e,n),e,n,i,r,o,2):2===s&&os(t,e,n,i,r,o):es(ts(t),e,n,i,r,o,1);break}}function ns(t){const e=t.prev,n=t,i=t.next;if(ps(e,n,i)>=0)return!1;let r=t.next.next;for(;r!==t.prev;){if(us(e.x,e.y,n.x,n.y,i.x,i.y,r.x,r.y)&&ps(r.prev,r,r.next)>=0)return!1;r=r.next}return!0}function is(t,e,n,i){const r=t.prev,o=t,s=t.next;if(ps(r,o,s)>=0)return!1;const a=r.x<o.x?r.x<s.x?r.x:s.x:o.x<s.x?o.x:s.x,l=r.y<o.y?r.y<s.y?r.y:s.y:o.y<s.y?o.y:s.y,c=r.x>o.x?r.x>s.x?r.x:s.x:o.x>s.x?o.x:s.x,h=r.y>o.y?r.y>s.y?r.y:s.y:o.y>s.y?o.y:s.y,u=cs(a,l,e,n,i),d=cs(c,h,e,n,i);let p=t.prevZ,f=t.nextZ;for(;p&&p.z>=u&&f&&f.z<=d;){if(p!==t.prev&&p!==t.next&&us(r.x,r.y,o.x,o.y,s.x,s.y,p.x,p.y)&&ps(p.prev,p,p.next)>=0)return!1;if(p=p.prevZ,f!==t.prev&&f!==t.next&&us(r.x,r.y,o.x,o.y,s.x,s.y,f.x,f.y)&&ps(f.prev,f,f.next)>=0)return!1;f=f.nextZ}for(;p&&p.z>=u;){if(p!==t.prev&&p!==t.next&&us(r.x,r.y,o.x,o.y,s.x,s.y,p.x,p.y)&&ps(p.prev,p,p.next)>=0)return!1;p=p.prevZ}for(;f&&f.z<=d;){if(f!==t.prev&&f!==t.next&&us(r.x,r.y,o.x,o.y,s.x,s.y,f.x,f.y)&&ps(f.prev,f,f.next)>=0)return!1;f=f.nextZ}return!0}function rs(t,e,n){let i=t;do{const r=i.prev,o=i.next.next;!fs(r,o)&&ms(r,i,i.next,o)&&ys(r,o)&&ys(o,r)&&(e.push(r.i/n),e.push(i.i/n),e.push(o.i/n),_s(i),_s(i.next),i=t=o),i=i.next}while(i!==t);return ts(i)}function os(t,e,n,i,r,o){let s=t;do{let t=s.next.next;for(;t!==s.prev;){if(s.i!==t.i&&ds(s,t)){let a=As(s,t);return s=ts(s,s.next),a=ts(a,a.next),es(s,e,n,i,r,o),void es(a,e,n,i,r,o)}t=t.next}s=s.next}while(s!==t)}function ss(t,e){return t.x-e.x}function as(t,e){if(e=function(t,e){let n=e;const i=t.x,r=t.y;let o,s=-1/0;do{if(r<=n.y&&r>=n.next.y&&n.next.y!==n.y){const t=n.x+(r-n.y)*(n.next.x-n.x)/(n.next.y-n.y);if(t<=i&&t>s){if(s=t,t===i){if(r===n.y)return n;if(r===n.next.y)return n.next}o=n.x<n.next.x?n:n.next}}n=n.next}while(n!==e);if(!o)return null;if(i===s)return o;const a=o,l=o.x,c=o.y;let h,u=1/0;n=o;do{i>=n.x&&n.x>=l&&i!==n.x&&us(r<c?i:s,r,l,c,r<c?s:i,r,n.x,n.y)&&(h=Math.abs(r-n.y)/(i-n.x),ys(n,t)&&(h<u||h===u&&(n.x>o.x||n.x===o.x&&ls(o,n)))&&(o=n,u=h)),n=n.next}while(n!==a);return o}(t,e),e){const n=As(e,t);ts(e,e.next),ts(n,n.next)}}function ls(t,e){return ps(t.prev,t,e.prev)<0&&ps(e.next,t,t.next)<0}function cs(t,e,n,i,r){return(t=1431655765&((t=858993459&((t=252645135&((t=16711935&((t=32767*(t-n)*r)|t<<8))|t<<4))|t<<2))|t<<1))|(e=1431655765&((e=858993459&((e=252645135&((e=16711935&((e=32767*(e-i)*r)|e<<8))|e<<4))|e<<2))|e<<1))<<1}function hs(t){let e=t,n=t;do{(e.x<n.x||e.x===n.x&&e.y<n.y)&&(n=e),e=e.next}while(e!==t);return n}function us(t,e,n,i,r,o,s,a){return(r-s)*(e-a)-(t-s)*(o-a)>=0&&(t-s)*(i-a)-(n-s)*(e-a)>=0&&(n-s)*(o-a)-(r-s)*(i-a)>=0}function ds(t,e){return t.next.i!==e.i&&t.prev.i!==e.i&&!function(t,e){let n=t;do{if(n.i!==t.i&&n.next.i!==t.i&&n.i!==e.i&&n.next.i!==e.i&&ms(n,n.next,t,e))return!0;n=n.next}while(n!==t);return!1}(t,e)&&(ys(t,e)&&ys(e,t)&&function(t,e){let n=t,i=!1;const r=(t.x+e.x)/2,o=(t.y+e.y)/2;do{n.y>o!=n.next.y>o&&n.next.y!==n.y&&r<(n.next.x-n.x)*(o-n.y)/(n.next.y-n.y)+n.x&&(i=!i),n=n.next}while(n!==t);return i}(t,e)&&(ps(t.prev,t,e.prev)||ps(t,e.prev,e))||fs(t,e)&&ps(t.prev,t,t.next)>0&&ps(e.prev,e,e.next)>0)}function ps(t,e,n){return(e.y-t.y)*(n.x-e.x)-(e.x-t.x)*(n.y-e.y)}function fs(t,e){return t.x===e.x&&t.y===e.y}function ms(t,e,n,i){const r=vs(ps(t,e,n)),o=vs(ps(t,e,i)),s=vs(ps(n,i,t)),a=vs(ps(n,i,e));return r!==o&&s!==a||(!(0!==r||!gs(t,n,e))||(!(0!==o||!gs(t,i,e))||(!(0!==s||!gs(n,t,i))||!(0!==a||!gs(n,e,i)))))}function gs(t,e,n){return e.x<=Math.max(t.x,n.x)&&e.x>=Math.min(t.x,n.x)&&e.y<=Math.max(t.y,n.y)&&e.y>=Math.min(t.y,n.y)}function vs(t){return t>0?1:t<0?-1:0}function ys(t,e){return ps(t.prev,t,t.next)<0?ps(t,e,t.next)>=0&&ps(t,t.prev,e)>=0:ps(t,e,t.prev)<0||ps(t,t.next,e)<0}function As(t,e){const n=new ws(t.i,t.x,t.y),i=new ws(e.i,e.x,e.y),r=t.next,o=e.prev;return t.next=e,e.prev=t,n.next=r,r.prev=n,i.next=n,n.prev=i,o.next=i,i.prev=o,i}function xs(t,e,n,i){const r=new ws(t,e,n);return i?(r.next=i.next,r.prev=i,i.next.prev=r,i.next=r):(r.prev=r,r.next=r),r}function _s(t){t.next.prev=t.prev,t.prev.next=t.next,t.prevZ&&(t.prevZ.nextZ=t.nextZ),t.nextZ&&(t.nextZ.prevZ=t.prevZ)}function ws(t,e,n){this.i=t,this.x=e,this.y=n,this.prev=null,this.next=null,this.z=null,this.prevZ=null,this.nextZ=null,this.steiner=!1}const bs={area:function(t){const e=t.length;let n=0;for(let i=e-1,r=0;r<e;i=r++)n+=t[i].x*t[r].y-t[r].x*t[i].y;return.5*n},isClockWise:function(t){return bs.area(t)<0},triangulateShape:function(t,e){const n=[],i=[],r=[];Ms(t),Es(n,t);let o=t.length;e.forEach(Ms);for(let t=0;t<e.length;t++)i.push(o),o+=e[t].length,Es(n,e[t]);const s=Ko(n,i);for(let t=0;t<s.length;t+=3)r.push(s.slice(t,t+3));return r}};function Ms(t){const e=t.length;e>2&&t[e-1].equals(t[0])&&t.pop()}function Es(t,e){for(let n=0;n<e.length;n++)t.push(e[n].x),t.push(e[n].y)}class Ss extends en{constructor(t,e){super(),this.type="ExtrudeGeometry",this.parameters={shapes:t,options:e},t=Array.isArray(t)?t:[t];const n=this,i=[],r=[];for(let e=0,n=t.length;e<n;e++){o(t[e])}function o(t){const o=[],s=void 0!==e.curveSegments?e.curveSegments:12,a=void 0!==e.steps?e.steps:1;let l=void 0!==e.depth?e.depth:100,c=void 0===e.bevelEnabled||e.bevelEnabled,h=void 0!==e.bevelThickness?e.bevelThickness:6,u=void 0!==e.bevelSize?e.bevelSize:h-2,d=void 0!==e.bevelOffset?e.bevelOffset:0,p=void 0!==e.bevelSegments?e.bevelSegments:3;const f=e.extrudePath,m=void 0!==e.UVGenerator?e.UVGenerator:Ts;void 0!==e.amount&&(console.warn("THREE.ExtrudeBufferGeometry: amount has been renamed to depth."),l=e.amount);let g,v,y,A,x,_=!1;f&&(g=f.getSpacedPoints(a),_=!0,c=!1,v=f.computeFrenetFrames(a,!1),y=new st,A=new st,x=new st),c||(p=0,h=0,u=0,d=0);const w=t.extractPoints(s);let b=w.shape;const M=w.holes;if(!bs.isClockWise(b)){b=b.reverse();for(let t=0,e=M.length;t<e;t++){const e=M[t];bs.isClockWise(e)&&(M[t]=e.reverse())}}const E=bs.triangulateShape(b,M),S=b;for(let t=0,e=M.length;t<e;t++){const e=M[t];b=b.concat(e)}function T(t,e,n){return e||console.error("THREE.ExtrudeGeometry: vec does not exist"),e.clone().multiplyScalar(n).add(t)}const L=b.length,R=E.length;function C(t,e,n){let i,r,o;const s=t.x-e.x,a=t.y-e.y,l=n.x-t.x,c=n.y-t.y,h=s*s+a*a,u=s*c-a*l;if(Math.abs(u)>Number.EPSILON){const u=Math.sqrt(h),d=Math.sqrt(l*l+c*c),p=e.x-a/u,f=e.y+s/u,m=((n.x-c/d-p)*c-(n.y+l/d-f)*l)/(s*c-a*l);i=p+s*m-t.x,r=f+a*m-t.y;const g=i*i+r*r;if(g<=2)return new Z(i,r);o=Math.sqrt(g/2)}else{let t=!1;s>Number.EPSILON?l>Number.EPSILON&&(t=!0):s<-Number.EPSILON?l<-Number.EPSILON&&(t=!0):Math.sign(a)===Math.sign(c)&&(t=!0),t?(i=-a,r=s,o=Math.sqrt(h)):(i=s,r=a,o=Math.sqrt(h/2))}return new Z(i/o,r/o)}const P=[];for(let t=0,e=S.length,n=e-1,i=t+1;t<e;t++,n++,i++)n===e&&(n=0),i===e&&(i=0),P[t]=C(S[t],S[n],S[i]);const D=[];let I,N=P.concat();for(let t=0,e=M.length;t<e;t++){const e=M[t];I=[];for(let t=0,n=e.length,i=n-1,r=t+1;t<n;t++,i++,r++)i===n&&(i=0),r===n&&(r=0),I[t]=C(e[t],e[i],e[r]);D.push(I),N=N.concat(I)}for(let t=0;t<p;t++){const e=t/p,n=h*Math.cos(e*Math.PI/2),i=u*Math.sin(e*Math.PI/2)+d;for(let t=0,e=S.length;t<e;t++){const e=T(S[t],P[t],i);F(e.x,e.y,-n)}for(let t=0,e=M.length;t<e;t++){const e=M[t];I=D[t];for(let t=0,r=e.length;t<r;t++){const r=T(e[t],I[t],i);F(r.x,r.y,-n)}}}const O=u+d;for(let t=0;t<L;t++){const e=c?T(b[t],N[t],O):b[t];_?(A.copy(v.normals[0]).multiplyScalar(e.x),y.copy(v.binormals[0]).multiplyScalar(e.y),x.copy(g[0]).add(A).add(y),F(x.x,x.y,x.z)):F(e.x,e.y,0)}for(let t=1;t<=a;t++)for(let e=0;e<L;e++){const n=c?T(b[e],N[e],O):b[e];_?(A.copy(v.normals[t]).multiplyScalar(n.x),y.copy(v.binormals[t]).multiplyScalar(n.y),x.copy(g[t]).add(A).add(y),F(x.x,x.y,x.z)):F(n.x,n.y,l/a*t)}for(let t=p-1;t>=0;t--){const e=t/p,n=h*Math.cos(e*Math.PI/2),i=u*Math.sin(e*Math.PI/2)+d;for(let t=0,e=S.length;t<e;t++){const e=T(S[t],P[t],i);F(e.x,e.y,l+n)}for(let t=0,e=M.length;t<e;t++){const e=M[t];I=D[t];for(let t=0,r=e.length;t<r;t++){const r=T(e[t],I[t],i);_?F(r.x,r.y+g[a-1].y,g[a-1].x+n):F(r.x,r.y,l+n)}}}function B(t,e){let n=t.length;for(;--n>=0;){const i=n;let r=n-1;r<0&&(r=t.length-1);for(let t=0,n=a+2*p;t<n;t++){const n=L*t,o=L*(t+1);U(e+i+n,e+r+n,e+r+o,e+i+o)}}}function F(t,e,n){o.push(t),o.push(e),o.push(n)}function z(t,e,r){H(t),H(e),H(r);const o=i.length/3,s=m.generateTopUV(n,i,o-3,o-2,o-1);G(s[0]),G(s[1]),G(s[2])}function U(t,e,r,o){H(t),H(e),H(o),H(e),H(r),H(o);const s=i.length/3,a=m.generateSideWallUV(n,i,s-6,s-3,s-2,s-1);G(a[0]),G(a[1]),G(a[3]),G(a[1]),G(a[2]),G(a[3])}function H(t){i.push(o[3*t+0]),i.push(o[3*t+1]),i.push(o[3*t+2])}function G(t){r.push(t.x),r.push(t.y)}!function(){const t=i.length/3;if(c){let t=0,e=L*t;for(let t=0;t<R;t++){const n=E[t];z(n[2]+e,n[1]+e,n[0]+e)}t=a+2*p,e=L*t;for(let t=0;t<R;t++){const n=E[t];z(n[0]+e,n[1]+e,n[2]+e)}}else{for(let t=0;t<R;t++){const e=E[t];z(e[2],e[1],e[0])}for(let t=0;t<R;t++){const e=E[t];z(e[0]+L*a,e[1]+L*a,e[2]+L*a)}}n.addGroup(t,i.length/3-t,0)}(),function(){const t=i.length/3;let e=0;B(S,e),e+=S.length;for(let t=0,n=M.length;t<n;t++){const n=M[t];B(n,e),e+=n.length}n.addGroup(t,i.length/3-t,1)}()}this.setAttribute("position",new ke(i,3)),this.setAttribute("uv",new ke(r,2)),this.computeVertexNormals()}toJSON(){const t=en.prototype.toJSON.call(this);return function(t,e,n){if(n.shapes=[],Array.isArray(t))for(let e=0,i=t.length;e<i;e++){const i=t[e];n.shapes.push(i.uuid)}else n.shapes.push(t.uuid);void 0!==e.extrudePath&&(n.options.extrudePath=e.extrudePath.toJSON());return n}(this.parameters.shapes,this.parameters.options,t)}}const Ts={generateTopUV:function(t,e,n,i,r){const o=e[3*n],s=e[3*n+1],a=e[3*i],l=e[3*i+1],c=e[3*r],h=e[3*r+1];return[new Z(o,s),new Z(a,l),new Z(c,h)]},generateSideWallUV:function(t,e,n,i,r,o){const s=e[3*n],a=e[3*n+1],l=e[3*n+2],c=e[3*i],h=e[3*i+1],u=e[3*i+2],d=e[3*r],p=e[3*r+1],f=e[3*r+2],m=e[3*o],g=e[3*o+1],v=e[3*o+2];return Math.abs(a-h)<.01?[new Z(s,1-l),new Z(c,1-u),new Z(d,1-f),new Z(m,1-v)]:[new Z(a,1-l),new Z(h,1-u),new Z(p,1-f),new Z(g,1-v)]}};function Ls(t,e,n){en.call(this),this.type="ParametricGeometry",this.parameters={func:t,slices:e,stacks:n};const i=[],r=[],o=[],s=[],a=1e-5,l=new st,c=new st,h=new st,u=new st,d=new st;t.length<3&&console.error("THREE.ParametricGeometry: Function must now modify a Vector3 as third parameter.");const p=e+1;for(let i=0;i<=n;i++){const p=i/n;for(let n=0;n<=e;n++){const i=n/e;t(i,p,c),r.push(c.x,c.y,c.z),i-a>=0?(t(i-a,p,h),u.subVectors(c,h)):(t(i+a,p,h),u.subVectors(h,c)),p-a>=0?(t(i,p-a,h),d.subVectors(c,h)):(t(i,p+a,h),d.subVectors(h,c)),l.crossVectors(u,d).normalize(),o.push(l.x,l.y,l.z),s.push(i,p)}}for(let t=0;t<n;t++)for(let n=0;n<e;n++){const e=t*p+n,r=t*p+n+1,o=(t+1)*p+n+1,s=(t+1)*p+n;i.push(e,r,s),i.push(r,o,s)}this.setIndex(i),this.setAttribute("position",new ke(r,3)),this.setAttribute("normal",new ke(o,3)),this.setAttribute("uv",new ke(s,2))}Ls.prototype=Object.create(en.prototype),Ls.prototype.constructor=Ls;class Rs extends en{constructor(t,e=12){super(),this.type="ShapeGeometry",this.parameters={shapes:t,curveSegments:e};const n=[],i=[],r=[],o=[];let s=0,a=0;if(!1===Array.isArray(t))l(t);else for(let e=0;e<t.length;e++)l(t[e]),this.addGroup(s,a,e),s+=a,a=0;function l(t){const s=i.length/3,l=t.extractPoints(e);let c=l.shape;const h=l.holes;!1===bs.isClockWise(c)&&(c=c.reverse());for(let t=0,e=h.length;t<e;t++){const e=h[t];!0===bs.isClockWise(e)&&(h[t]=e.reverse())}const u=bs.triangulateShape(c,h);for(let t=0,e=h.length;t<e;t++){const e=h[t];c=c.concat(e)}for(let t=0,e=c.length;t<e;t++){const e=c[t];i.push(e.x,e.y,0),r.push(0,0,1),o.push(e.x,e.y)}for(let t=0,e=u.length;t<e;t++){const e=u[t],i=e[0]+s,r=e[1]+s,o=e[2]+s;n.push(i,r,o),a+=3}}this.setIndex(n),this.setAttribute("position",new ke(i,3)),this.setAttribute("normal",new ke(r,3)),this.setAttribute("uv",new ke(o,2))}toJSON(){const t=en.prototype.toJSON.call(this);return function(t,e){if(e.shapes=[],Array.isArray(t))for(let n=0,i=t.length;n<i;n++){const i=t[n];e.shapes.push(i.uuid)}else e.shapes.push(t.uuid);return e}(this.parameters.shapes,t)}}class Cs extends en{constructor(t=1,e=8,n=6,i=0,r=2*Math.PI,o=0,s=Math.PI){super(),this.type="SphereGeometry",this.parameters={radius:t,widthSegments:e,heightSegments:n,phiStart:i,phiLength:r,thetaStart:o,thetaLength:s},e=Math.max(3,Math.floor(e)),n=Math.max(2,Math.floor(n));const a=Math.min(o+s,Math.PI);let l=0;const c=[],h=new st,u=new st,d=[],p=[],f=[],m=[];for(let d=0;d<=n;d++){const g=[],v=d/n;let y=0;0==d&&0==o?y=.5/e:d==n&&a==Math.PI&&(y=-.5/e);for(let n=0;n<=e;n++){const a=n/e;h.x=-t*Math.cos(i+a*r)*Math.sin(o+v*s),h.y=t*Math.cos(o+v*s),h.z=t*Math.sin(i+a*r)*Math.sin(o+v*s),p.push(h.x,h.y,h.z),u.copy(h).normalize(),f.push(u.x,u.y,u.z),m.push(a+y,1-v),g.push(l++)}c.push(g)}for(let t=0;t<n;t++)for(let i=0;i<e;i++){const e=c[t][i+1],r=c[t][i],s=c[t+1][i],l=c[t+1][i+1];(0!==t||o>0)&&d.push(e,r,l),(t!==n-1||a<Math.PI)&&d.push(r,s,l)}this.setIndex(d),this.setAttribute("position",new ke(p,3)),this.setAttribute("normal",new ke(f,3)),this.setAttribute("uv",new ke(m,2))}}function Ps(t){Ce.call(this),this.type="ShadowMaterial",this.color=new Te(0),this.transparent=!0,this.setValues(t)}function Ds(t){Sn.call(this,t),this.type="RawShaderMaterial"}function Is(t){Ce.call(this),this.defines={STANDARD:""},this.type="MeshStandardMaterial",this.color=new Te(16777215),this.roughness=1,this.metalness=0,this.map=null,this.lightMap=null,this.lightMapIntensity=1,this.aoMap=null,this.aoMapIntensity=1,this.emissive=new Te(0),this.emissiveIntensity=1,this.emissiveMap=null,this.bumpMap=null,this.bumpScale=1,this.normalMap=null,this.normalMapType=0,this.normalScale=new Z(1,1),this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.roughnessMap=null,this.metalnessMap=null,this.alphaMap=null,this.envMap=null,this.envMapIntensity=1,this.refractionRatio=.98,this.wireframe=!1,this.wireframeLinewidth=1,this.wireframeLinecap="round",this.wireframeLinejoin="round",this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.vertexTangents=!1,this.setValues(t)}function Ns(t){Is.call(this),this.defines={STANDARD:"",PHYSICAL:""},this.type="MeshPhysicalMaterial",this.clearcoat=0,this.clearcoatMap=null,this.clearcoatRoughness=0,this.clearcoatRoughnessMap=null,this.clearcoatNormalScale=new Z(1,1),this.clearcoatNormalMap=null,this.reflectivity=.5,Object.defineProperty(this,"ior",{get:function(){return(1+.4*this.reflectivity)/(1-.4*this.reflectivity)},set:function(t){this.reflectivity=Q.clamp(2.5*(t-1)/(t+1),0,1)}}),this.sheen=null,this.transmission=0,this.transmissionMap=null,this.setValues(t)}function Os(t){Ce.call(this),this.type="MeshPhongMaterial",this.color=new Te(16777215),this.specular=new Te(1118481),this.shininess=30,this.map=null,this.lightMap=null,this.lightMapIntensity=1,this.aoMap=null,this.aoMapIntensity=1,this.emissive=new Te(0),this.emissiveIntensity=1,this.emissiveMap=null,this.bumpMap=null,this.bumpScale=1,this.normalMap=null,this.normalMapType=0,this.normalScale=new Z(1,1),this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.specularMap=null,this.alphaMap=null,this.envMap=null,this.combine=0,this.reflectivity=1,this.refractionRatio=.98,this.wireframe=!1,this.wireframeLinewidth=1,this.wireframeLinecap="round",this.wireframeLinejoin="round",this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.setValues(t)}function Bs(t){Ce.call(this),this.defines={TOON:""},this.type="MeshToonMaterial",this.color=new Te(16777215),this.map=null,this.gradientMap=null,this.lightMap=null,this.lightMapIntensity=1,this.aoMap=null,this.aoMapIntensity=1,this.emissive=new Te(0),this.emissiveIntensity=1,this.emissiveMap=null,this.bumpMap=null,this.bumpScale=1,this.normalMap=null,this.normalMapType=0,this.normalScale=new Z(1,1),this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.alphaMap=null,this.wireframe=!1,this.wireframeLinewidth=1,this.wireframeLinecap="round",this.wireframeLinejoin="round",this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.setValues(t)}function Fs(t){Ce.call(this),this.type="MeshNormalMaterial",this.bumpMap=null,this.bumpScale=1,this.normalMap=null,this.normalMapType=0,this.normalScale=new Z(1,1),this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.wireframe=!1,this.wireframeLinewidth=1,this.fog=!1,this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.setValues(t)}function zs(t){Ce.call(this),this.type="MeshLambertMaterial",this.color=new Te(16777215),this.map=null,this.lightMap=null,this.lightMapIntensity=1,this.aoMap=null,this.aoMapIntensity=1,this.emissive=new Te(0),this.emissiveIntensity=1,this.emissiveMap=null,this.specularMap=null,this.alphaMap=null,this.envMap=null,this.combine=0,this.reflectivity=1,this.refractionRatio=.98,this.wireframe=!1,this.wireframeLinewidth=1,this.wireframeLinecap="round",this.wireframeLinejoin="round",this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.setValues(t)}function Us(t){Ce.call(this),this.defines={MATCAP:""},this.type="MeshMatcapMaterial",this.color=new Te(16777215),this.matcap=null,this.map=null,this.bumpMap=null,this.bumpScale=1,this.normalMap=null,this.normalMapType=0,this.normalScale=new Z(1,1),this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.alphaMap=null,this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.setValues(t)}function Hs(t){Co.call(this),this.type="LineDashedMaterial",this.scale=1,this.dashSize=3,this.gapSize=1,this.setValues(t)}Ps.prototype=Object.create(Ce.prototype),Ps.prototype.constructor=Ps,Ps.prototype.isShadowMaterial=!0,Ps.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.color.copy(t.color),this},Ds.prototype=Object.create(Sn.prototype),Ds.prototype.constructor=Ds,Ds.prototype.isRawShaderMaterial=!0,Is.prototype=Object.create(Ce.prototype),Is.prototype.constructor=Is,Is.prototype.isMeshStandardMaterial=!0,Is.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.defines={STANDARD:""},this.color.copy(t.color),this.roughness=t.roughness,this.metalness=t.metalness,this.map=t.map,this.lightMap=t.lightMap,this.lightMapIntensity=t.lightMapIntensity,this.aoMap=t.aoMap,this.aoMapIntensity=t.aoMapIntensity,this.emissive.copy(t.emissive),this.emissiveMap=t.emissiveMap,this.emissiveIntensity=t.emissiveIntensity,this.bumpMap=t.bumpMap,this.bumpScale=t.bumpScale,this.normalMap=t.normalMap,this.normalMapType=t.normalMapType,this.normalScale.copy(t.normalScale),this.displacementMap=t.displacementMap,this.displacementScale=t.displacementScale,this.displacementBias=t.displacementBias,this.roughnessMap=t.roughnessMap,this.metalnessMap=t.metalnessMap,this.alphaMap=t.alphaMap,this.envMap=t.envMap,this.envMapIntensity=t.envMapIntensity,this.refractionRatio=t.refractionRatio,this.wireframe=t.wireframe,this.wireframeLinewidth=t.wireframeLinewidth,this.wireframeLinecap=t.wireframeLinecap,this.wireframeLinejoin=t.wireframeLinejoin,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this.morphNormals=t.morphNormals,this.vertexTangents=t.vertexTangents,this},Ns.prototype=Object.create(Is.prototype),Ns.prototype.constructor=Ns,Ns.prototype.isMeshPhysicalMaterial=!0,Ns.prototype.copy=function(t){return Is.prototype.copy.call(this,t),this.defines={STANDARD:"",PHYSICAL:""},this.clearcoat=t.clearcoat,this.clearcoatMap=t.clearcoatMap,this.clearcoatRoughness=t.clearcoatRoughness,this.clearcoatRoughnessMap=t.clearcoatRoughnessMap,this.clearcoatNormalMap=t.clearcoatNormalMap,this.clearcoatNormalScale.copy(t.clearcoatNormalScale),this.reflectivity=t.reflectivity,t.sheen?this.sheen=(this.sheen||new Te).copy(t.sheen):this.sheen=null,this.transmission=t.transmission,this.transmissionMap=t.transmissionMap,this},Os.prototype=Object.create(Ce.prototype),Os.prototype.constructor=Os,Os.prototype.isMeshPhongMaterial=!0,Os.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.color.copy(t.color),this.specular.copy(t.specular),this.shininess=t.shininess,this.map=t.map,this.lightMap=t.lightMap,this.lightMapIntensity=t.lightMapIntensity,this.aoMap=t.aoMap,this.aoMapIntensity=t.aoMapIntensity,this.emissive.copy(t.emissive),this.emissiveMap=t.emissiveMap,this.emissiveIntensity=t.emissiveIntensity,this.bumpMap=t.bumpMap,this.bumpScale=t.bumpScale,this.normalMap=t.normalMap,this.normalMapType=t.normalMapType,this.normalScale.copy(t.normalScale),this.displacementMap=t.displacementMap,this.displacementScale=t.displacementScale,this.displacementBias=t.displacementBias,this.specularMap=t.specularMap,this.alphaMap=t.alphaMap,this.envMap=t.envMap,this.combine=t.combine,this.reflectivity=t.reflectivity,this.refractionRatio=t.refractionRatio,this.wireframe=t.wireframe,this.wireframeLinewidth=t.wireframeLinewidth,this.wireframeLinecap=t.wireframeLinecap,this.wireframeLinejoin=t.wireframeLinejoin,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this.morphNormals=t.morphNormals,this},Bs.prototype=Object.create(Ce.prototype),Bs.prototype.constructor=Bs,Bs.prototype.isMeshToonMaterial=!0,Bs.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.color.copy(t.color),this.map=t.map,this.gradientMap=t.gradientMap,this.lightMap=t.lightMap,this.lightMapIntensity=t.lightMapIntensity,this.aoMap=t.aoMap,this.aoMapIntensity=t.aoMapIntensity,this.emissive.copy(t.emissive),this.emissiveMap=t.emissiveMap,this.emissiveIntensity=t.emissiveIntensity,this.bumpMap=t.bumpMap,this.bumpScale=t.bumpScale,this.normalMap=t.normalMap,this.normalMapType=t.normalMapType,this.normalScale.copy(t.normalScale),this.displacementMap=t.displacementMap,this.displacementScale=t.displacementScale,this.displacementBias=t.displacementBias,this.alphaMap=t.alphaMap,this.wireframe=t.wireframe,this.wireframeLinewidth=t.wireframeLinewidth,this.wireframeLinecap=t.wireframeLinecap,this.wireframeLinejoin=t.wireframeLinejoin,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this.morphNormals=t.morphNormals,this},Fs.prototype=Object.create(Ce.prototype),Fs.prototype.constructor=Fs,Fs.prototype.isMeshNormalMaterial=!0,Fs.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.bumpMap=t.bumpMap,this.bumpScale=t.bumpScale,this.normalMap=t.normalMap,this.normalMapType=t.normalMapType,this.normalScale.copy(t.normalScale),this.displacementMap=t.displacementMap,this.displacementScale=t.displacementScale,this.displacementBias=t.displacementBias,this.wireframe=t.wireframe,this.wireframeLinewidth=t.wireframeLinewidth,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this.morphNormals=t.morphNormals,this},zs.prototype=Object.create(Ce.prototype),zs.prototype.constructor=zs,zs.prototype.isMeshLambertMaterial=!0,zs.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.color.copy(t.color),this.map=t.map,this.lightMap=t.lightMap,this.lightMapIntensity=t.lightMapIntensity,this.aoMap=t.aoMap,this.aoMapIntensity=t.aoMapIntensity,this.emissive.copy(t.emissive),this.emissiveMap=t.emissiveMap,this.emissiveIntensity=t.emissiveIntensity,this.specularMap=t.specularMap,this.alphaMap=t.alphaMap,this.envMap=t.envMap,this.combine=t.combine,this.reflectivity=t.reflectivity,this.refractionRatio=t.refractionRatio,this.wireframe=t.wireframe,this.wireframeLinewidth=t.wireframeLinewidth,this.wireframeLinecap=t.wireframeLinecap,this.wireframeLinejoin=t.wireframeLinejoin,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this.morphNormals=t.morphNormals,this},Us.prototype=Object.create(Ce.prototype),Us.prototype.constructor=Us,Us.prototype.isMeshMatcapMaterial=!0,Us.prototype.copy=function(t){return Ce.prototype.copy.call(this,t),this.defines={MATCAP:""},this.color.copy(t.color),this.matcap=t.matcap,this.map=t.map,this.bumpMap=t.bumpMap,this.bumpScale=t.bumpScale,this.normalMap=t.normalMap,this.normalMapType=t.normalMapType,this.normalScale.copy(t.normalScale),this.displacementMap=t.displacementMap,this.displacementScale=t.displacementScale,this.displacementBias=t.displacementBias,this.alphaMap=t.alphaMap,this.skinning=t.skinning,this.morphTargets=t.morphTargets,this.morphNormals=t.morphNormals,this},Hs.prototype=Object.create(Co.prototype),Hs.prototype.constructor=Hs,Hs.prototype.isLineDashedMaterial=!0,Hs.prototype.copy=function(t){return Co.prototype.copy.call(this,t),this.scale=t.scale,this.dashSize=t.dashSize,this.gapSize=t.gapSize,this};var Gs=Object.freeze({__proto__:null,ShadowMaterial:Ps,SpriteMaterial:Qr,RawShaderMaterial:Ds,ShaderMaterial:Sn,PointsMaterial:Go,MeshPhysicalMaterial:Ns,MeshStandardMaterial:Is,MeshPhongMaterial:Os,MeshToonMaterial:Bs,MeshNormalMaterial:Fs,MeshLambertMaterial:zs,MeshDepthMaterial:Dr,MeshDistanceMaterial:Ir,MeshBasicMaterial:Pe,MeshMatcapMaterial:Us,LineDashedMaterial:Hs,LineBasicMaterial:Co,Material:Ce});const Vs={arraySlice:function(t,e,n){return Vs.isTypedArray(t)?new t.constructor(t.subarray(e,void 0!==n?n:t.length)):t.slice(e,n)},convertArray:function(t,e,n){return!t||!n&&t.constructor===e?t:"number"==typeof e.BYTES_PER_ELEMENT?new e(t):Array.prototype.slice.call(t)},isTypedArray:function(t){return ArrayBuffer.isView(t)&&!(t instanceof DataView)},getKeyframeOrder:function(t){const e=t.length,n=new Array(e);for(let t=0;t!==e;++t)n[t]=t;return n.sort((function(e,n){return t[e]-t[n]})),n},sortedArray:function(t,e,n){const i=t.length,r=new t.constructor(i);for(let o=0,s=0;s!==i;++o){const i=n[o]*e;for(let n=0;n!==e;++n)r[s++]=t[i+n]}return r},flattenJSON:function(t,e,n,i){let r=1,o=t[0];for(;void 0!==o&&void 0===o[i];)o=t[r++];if(void 0===o)return;let s=o[i];if(void 0!==s)if(Array.isArray(s))do{s=o[i],void 0!==s&&(e.push(o.time),n.push.apply(n,s)),o=t[r++]}while(void 0!==o);else if(void 0!==s.toArray)do{s=o[i],void 0!==s&&(e.push(o.time),s.toArray(n,n.length)),o=t[r++]}while(void 0!==o);else do{s=o[i],void 0!==s&&(e.push(o.time),n.push(s)),o=t[r++]}while(void 0!==o)},subclip:function(t,e,n,i,r=30){const o=t.clone();o.name=e;const s=[];for(let t=0;t<o.tracks.length;++t){const e=o.tracks[t],a=e.getValueSize(),l=[],c=[];for(let t=0;t<e.times.length;++t){const o=e.times[t]*r;if(!(o<n||o>=i)){l.push(e.times[t]);for(let n=0;n<a;++n)c.push(e.values[t*a+n])}}0!==l.length&&(e.times=Vs.convertArray(l,e.times.constructor),e.values=Vs.convertArray(c,e.values.constructor),s.push(e))}o.tracks=s;let a=1/0;for(let t=0;t<o.tracks.length;++t)a>o.tracks[t].times[0]&&(a=o.tracks[t].times[0]);for(let t=0;t<o.tracks.length;++t)o.tracks[t].shift(-1*a);return o.resetDuration(),o},makeClipAdditive:function(t,e=0,n=t,i=30){i<=0&&(i=30);const r=n.tracks.length,o=e/i;for(let e=0;e<r;++e){const i=n.tracks[e],r=i.ValueTypeName;if("bool"===r||"string"===r)continue;const s=t.tracks.find((function(t){return t.name===i.name&&t.ValueTypeName===r}));if(void 0===s)continue;let a=0;const l=i.getValueSize();i.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline&&(a=l/3);let c=0;const h=s.getValueSize();s.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline&&(c=h/3);const u=i.times.length-1;let d;if(o<=i.times[0]){const t=a,e=l-a;d=Vs.arraySlice(i.values,t,e)}else if(o>=i.times[u]){const t=u*l+a,e=t+l-a;d=Vs.arraySlice(i.values,t,e)}else{const t=i.createInterpolant(),e=a,n=l-a;t.evaluate(o),d=Vs.arraySlice(t.resultBuffer,e,n)}if("quaternion"===r){(new ot).fromArray(d).normalize().conjugate().toArray(d)}const p=s.times.length;for(let t=0;t<p;++t){const e=t*h+c;if("quaternion"===r)ot.multiplyQuaternionsFlat(s.values,e,d,0,s.values,e);else{const t=h-2*c;for(let n=0;n<t;++n)s.values[e+n]-=d[n]}}}return t.blendMode=2501,t}};function ks(t,e,n,i){this.parameterPositions=t,this._cachedIndex=0,this.resultBuffer=void 0!==i?i:new e.constructor(n),this.sampleValues=e,this.valueSize=n}function Ws(t,e,n,i){ks.call(this,t,e,n,i),this._weightPrev=-0,this._offsetPrev=-0,this._weightNext=-0,this._offsetNext=-0}function js(t,e,n,i){ks.call(this,t,e,n,i)}function Xs(t,e,n,i){ks.call(this,t,e,n,i)}function qs(t,e,n,i){if(void 0===t)throw new Error("THREE.KeyframeTrack: track name is undefined");if(void 0===e||0===e.length)throw new Error("THREE.KeyframeTrack: no keyframes in track named "+t);this.name=t,this.times=Vs.convertArray(e,this.TimeBufferType),this.values=Vs.convertArray(n,this.ValueBufferType),this.setInterpolation(i||this.DefaultInterpolation)}function Ys(t,e,n){qs.call(this,t,e,n)}function Qs(t,e,n,i){qs.call(this,t,e,n,i)}function Zs(t,e,n,i){qs.call(this,t,e,n,i)}function Js(t,e,n,i){ks.call(this,t,e,n,i)}function Ks(t,e,n,i){qs.call(this,t,e,n,i)}function $s(t,e,n,i){qs.call(this,t,e,n,i)}function ta(t,e,n,i){qs.call(this,t,e,n,i)}function ea(t,e=-1,n,i=2500){this.name=t,this.tracks=n,this.duration=e,this.blendMode=i,this.uuid=Q.generateUUID(),this.duration<0&&this.resetDuration()}function na(t){if(void 0===t.type)throw new Error("THREE.KeyframeTrack: track type undefined, can not parse");const e=function(t){switch(t.toLowerCase()){case"scalar":case"double":case"float":case"number":case"integer":return Zs;case"vector":case"vector2":case"vector3":case"vector4":return ta;case"color":return Qs;case"quaternion":return Ks;case"bool":case"boolean":return Ys;case"string":return $s}throw new Error("THREE.KeyframeTrack: Unsupported typeName: "+t)}(t.type);if(void 0===t.times){const e=[],n=[];Vs.flattenJSON(t.keys,e,n,"value"),t.times=e,t.values=n}return void 0!==e.parse?e.parse(t):new e(t.name,t.times,t.values,t.interpolation)}p(ks.prototype,{evaluate:function(t){const e=this.parameterPositions;let n=this._cachedIndex,i=e[n],r=e[n-1];t:{e:{let o;n:{i:if(!(t<i)){for(let o=n+2;;){if(void 0===i){if(t<r)break i;return n=e.length,this._cachedIndex=n,this.afterEnd_(n-1,t,r)}if(n===o)break;if(r=i,i=e[++n],t<i)break e}o=e.length;break n}if(t>=r)break t;{const s=e[1];t<s&&(n=2,r=s);for(let o=n-2;;){if(void 0===r)return this._cachedIndex=0,this.beforeStart_(0,t,i);if(n===o)break;if(i=r,r=e[--n-1],t>=r)break e}o=n,n=0}}for(;n<o;){const i=n+o>>>1;t<e[i]?o=i:n=i+1}if(i=e[n],r=e[n-1],void 0===r)return this._cachedIndex=0,this.beforeStart_(0,t,i);if(void 0===i)return n=e.length,this._cachedIndex=n,this.afterEnd_(n-1,r,t)}this._cachedIndex=n,this.intervalChanged_(n,r,i)}return this.interpolate_(n,r,t,i)},settings:null,DefaultSettings_:{},getSettings_:function(){return this.settings||this.DefaultSettings_},copySampleValue_:function(t){const e=this.resultBuffer,n=this.sampleValues,i=this.valueSize,r=t*i;for(let t=0;t!==i;++t)e[t]=n[r+t];return e},interpolate_:function(){throw new Error("call to abstract method")},intervalChanged_:function(){}}),p(ks.prototype,{beforeStart_:ks.prototype.copySampleValue_,afterEnd_:ks.prototype.copySampleValue_}),Ws.prototype=p(Object.create(ks.prototype),{constructor:Ws,DefaultSettings_:{endingStart:F,endingEnd:F},intervalChanged_:function(t,e,n){const i=this.parameterPositions;let r=t-2,o=t+1,s=i[r],a=i[o];if(void 0===s)switch(this.getSettings_().endingStart){case z:r=t,s=2*e-n;break;case U:r=i.length-2,s=e+i[r]-i[r+1];break;default:r=t,s=n}if(void 0===a)switch(this.getSettings_().endingEnd){case z:o=t,a=2*n-e;break;case U:o=1,a=n+i[1]-i[0];break;default:o=t-1,a=e}const l=.5*(n-e),c=this.valueSize;this._weightPrev=l/(e-s),this._weightNext=l/(a-n),this._offsetPrev=r*c,this._offsetNext=o*c},interpolate_:function(t,e,n,i){const r=this.resultBuffer,o=this.sampleValues,s=this.valueSize,a=t*s,l=a-s,c=this._offsetPrev,h=this._offsetNext,u=this._weightPrev,d=this._weightNext,p=(n-e)/(i-e),f=p*p,m=f*p,g=-u*m+2*u*f-u*p,v=(1+u)*m+(-1.5-2*u)*f+(-.5+u)*p+1,y=(-1-d)*m+(1.5+d)*f+.5*p,A=d*m-d*f;for(let t=0;t!==s;++t)r[t]=g*o[c+t]+v*o[l+t]+y*o[a+t]+A*o[h+t];return r}}),js.prototype=p(Object.create(ks.prototype),{constructor:js,interpolate_:function(t,e,n,i){const r=this.resultBuffer,o=this.sampleValues,s=this.valueSize,a=t*s,l=a-s,c=(n-e)/(i-e),h=1-c;for(let t=0;t!==s;++t)r[t]=o[l+t]*h+o[a+t]*c;return r}}),Xs.prototype=p(Object.create(ks.prototype),{constructor:Xs,interpolate_:function(t){return this.copySampleValue_(t-1)}}),p(qs,{toJSON:function(t){const e=t.constructor;let n;if(void 0!==e.toJSON)n=e.toJSON(t);else{n={name:t.name,times:Vs.convertArray(t.times,Array),values:Vs.convertArray(t.values,Array)};const e=t.getInterpolation();e!==t.DefaultInterpolation&&(n.interpolation=e)}return n.type=t.ValueTypeName,n}}),p(qs.prototype,{constructor:qs,TimeBufferType:Float32Array,ValueBufferType:Float32Array,DefaultInterpolation:O,InterpolantFactoryMethodDiscrete:function(t){return new Xs(this.times,this.values,this.getValueSize(),t)},InterpolantFactoryMethodLinear:function(t){return new js(this.times,this.values,this.getValueSize(),t)},InterpolantFactoryMethodSmooth:function(t){return new Ws(this.times,this.values,this.getValueSize(),t)},setInterpolation:function(t){let e;switch(t){case N:e=this.InterpolantFactoryMethodDiscrete;break;case O:e=this.InterpolantFactoryMethodLinear;break;case B:e=this.InterpolantFactoryMethodSmooth}if(void 0===e){const e="unsupported interpolation for "+this.ValueTypeName+" keyframe track named "+this.name;if(void 0===this.createInterpolant){if(t===this.DefaultInterpolation)throw new Error(e);this.setInterpolation(this.DefaultInterpolation)}return console.warn("THREE.KeyframeTrack:",e),this}return this.createInterpolant=e,this},getInterpolation:function(){switch(this.createInterpolant){case this.InterpolantFactoryMethodDiscrete:return N;case this.InterpolantFactoryMethodLinear:return O;case this.InterpolantFactoryMethodSmooth:return B}},getValueSize:function(){return this.values.length/this.times.length},shift:function(t){if(0!==t){const e=this.times;for(let n=0,i=e.length;n!==i;++n)e[n]+=t}return this},scale:function(t){if(1!==t){const e=this.times;for(let n=0,i=e.length;n!==i;++n)e[n]*=t}return this},trim:function(t,e){const n=this.times,i=n.length;let r=0,o=i-1;for(;r!==i&&n[r]<t;)++r;for(;-1!==o&&n[o]>e;)--o;if(++o,0!==r||o!==i){r>=o&&(o=Math.max(o,1),r=o-1);const t=this.getValueSize();this.times=Vs.arraySlice(n,r,o),this.values=Vs.arraySlice(this.values,r*t,o*t)}return this},validate:function(){let t=!0;const e=this.getValueSize();e-Math.floor(e)!=0&&(console.error("THREE.KeyframeTrack: Invalid value size in track.",this),t=!1);const n=this.times,i=this.values,r=n.length;0===r&&(console.error("THREE.KeyframeTrack: Track is empty.",this),t=!1);let o=null;for(let e=0;e!==r;e++){const i=n[e];if("number"==typeof i&&isNaN(i)){console.error("THREE.KeyframeTrack: Time is not a valid number.",this,e,i),t=!1;break}if(null!==o&&o>i){console.error("THREE.KeyframeTrack: Out of order keys.",this,e,i,o),t=!1;break}o=i}if(void 0!==i&&Vs.isTypedArray(i))for(let e=0,n=i.length;e!==n;++e){const n=i[e];if(isNaN(n)){console.error("THREE.KeyframeTrack: Value is not a valid number.",this,e,n),t=!1;break}}return t},optimize:function(){const t=Vs.arraySlice(this.times),e=Vs.arraySlice(this.values),n=this.getValueSize(),i=this.getInterpolation()===B,r=t.length-1;let o=1;for(let s=1;s<r;++s){let r=!1;const a=t[s];if(a!==t[s+1]&&(1!==s||a!==t[0]))if(i)r=!0;else{const t=s*n,i=t-n,o=t+n;for(let s=0;s!==n;++s){const n=e[t+s];if(n!==e[i+s]||n!==e[o+s]){r=!0;break}}}if(r){if(s!==o){t[o]=t[s];const i=s*n,r=o*n;for(let t=0;t!==n;++t)e[r+t]=e[i+t]}++o}}if(r>0){t[o]=t[r];for(let t=r*n,i=o*n,s=0;s!==n;++s)e[i+s]=e[t+s];++o}return o!==t.length?(this.times=Vs.arraySlice(t,0,o),this.values=Vs.arraySlice(e,0,o*n)):(this.times=t,this.values=e),this},clone:function(){const t=Vs.arraySlice(this.times,0),e=Vs.arraySlice(this.values,0),n=new(0,this.constructor)(this.name,t,e);return n.createInterpolant=this.createInterpolant,n}}),Ys.prototype=p(Object.create(qs.prototype),{constructor:Ys,ValueTypeName:"bool",ValueBufferType:Array,DefaultInterpolation:N,InterpolantFactoryMethodLinear:void 0,InterpolantFactoryMethodSmooth:void 0}),Qs.prototype=p(Object.create(qs.prototype),{constructor:Qs,ValueTypeName:"color"}),Zs.prototype=p(Object.create(qs.prototype),{constructor:Zs,ValueTypeName:"number"}),Js.prototype=p(Object.create(ks.prototype),{constructor:Js,interpolate_:function(t,e,n,i){const r=this.resultBuffer,o=this.sampleValues,s=this.valueSize,a=(n-e)/(i-e);let l=t*s;for(let t=l+s;l!==t;l+=4)ot.slerpFlat(r,0,o,l-s,o,l,a);return r}}),Ks.prototype=p(Object.create(qs.prototype),{constructor:Ks,ValueTypeName:"quaternion",DefaultInterpolation:O,InterpolantFactoryMethodLinear:function(t){return new Js(this.times,this.values,this.getValueSize(),t)},InterpolantFactoryMethodSmooth:void 0}),$s.prototype=p(Object.create(qs.prototype),{constructor:$s,ValueTypeName:"string",ValueBufferType:Array,DefaultInterpolation:N,InterpolantFactoryMethodLinear:void 0,InterpolantFactoryMethodSmooth:void 0}),ta.prototype=p(Object.create(qs.prototype),{constructor:ta,ValueTypeName:"vector"}),p(ea,{parse:function(t){const e=[],n=t.tracks,i=1/(t.fps||1);for(let t=0,r=n.length;t!==r;++t)e.push(na(n[t]).scale(i));const r=new ea(t.name,t.duration,e,t.blendMode);return r.uuid=t.uuid,r},toJSON:function(t){const e=[],n=t.tracks,i={name:t.name,duration:t.duration,tracks:e,uuid:t.uuid,blendMode:t.blendMode};for(let t=0,i=n.length;t!==i;++t)e.push(qs.toJSON(n[t]));return i},CreateFromMorphTargetSequence:function(t,e,n,i){const r=e.length,o=[];for(let t=0;t<r;t++){let s=[],a=[];s.push((t+r-1)%r,t,(t+1)%r),a.push(0,1,0);const l=Vs.getKeyframeOrder(s);s=Vs.sortedArray(s,1,l),a=Vs.sortedArray(a,1,l),i||0!==s[0]||(s.push(r),a.push(a[0])),o.push(new Zs(".morphTargetInfluences["+e[t].name+"]",s,a).scale(1/n))}return new ea(t,-1,o)},findByName:function(t,e){let n=t;if(!Array.isArray(t)){const e=t;n=e.geometry&&e.geometry.animations||e.animations}for(let t=0;t<n.length;t++)if(n[t].name===e)return n[t];return null},CreateClipsFromMorphTargetSequences:function(t,e,n){const i={},r=/^([\w-]*?)([\d]+)$/;for(let e=0,n=t.length;e<n;e++){const n=t[e],o=n.name.match(r);if(o&&o.length>1){const t=o[1];let e=i[t];e||(i[t]=e=[]),e.push(n)}}const o=[];for(const t in i)o.push(ea.CreateFromMorphTargetSequence(t,i[t],e,n));return o},parseAnimation:function(t,e){if(!t)return console.error("THREE.AnimationClip: No animation in JSONLoader data."),null;const n=function(t,e,n,i,r){if(0!==n.length){const o=[],s=[];Vs.flattenJSON(n,o,s,i),0!==o.length&&r.push(new t(e,o,s))}},i=[],r=t.name||"default",o=t.fps||30,s=t.blendMode;let a=t.length||-1;const l=t.hierarchy||[];for(let t=0;t<l.length;t++){const r=l[t].keys;if(r&&0!==r.length)if(r[0].morphTargets){const t={};let e;for(e=0;e<r.length;e++)if(r[e].morphTargets)for(let n=0;n<r[e].morphTargets.length;n++)t[r[e].morphTargets[n]]=-1;for(const n in t){const t=[],o=[];for(let i=0;i!==r[e].morphTargets.length;++i){const i=r[e];t.push(i.time),o.push(i.morphTarget===n?1:0)}i.push(new Zs(".morphTargetInfluence["+n+"]",t,o))}a=t.length*(o||1)}else{const o=".bones["+e[t].name+"]";n(ta,o+".position",r,"pos",i),n(Ks,o+".quaternion",r,"rot",i),n(ta,o+".scale",r,"scl",i)}}if(0===i.length)return null;return new ea(r,a,i,s)}}),p(ea.prototype,{resetDuration:function(){let t=0;for(let e=0,n=this.tracks.length;e!==n;++e){const n=this.tracks[e];t=Math.max(t,n.times[n.times.length-1])}return this.duration=t,this},trim:function(){for(let t=0;t<this.tracks.length;t++)this.tracks[t].trim(0,this.duration);return this},validate:function(){let t=!0;for(let e=0;e<this.tracks.length;e++)t=t&&this.tracks[e].validate();return t},optimize:function(){for(let t=0;t<this.tracks.length;t++)this.tracks[t].optimize();return this},clone:function(){const t=[];for(let e=0;e<this.tracks.length;e++)t.push(this.tracks[e].clone());return new ea(this.name,this.duration,t,this.blendMode)},toJSON:function(){return ea.toJSON(this)}});const ia={enabled:!1,files:{},add:function(t,e){!1!==this.enabled&&(this.files[t]=e)},get:function(t){if(!1!==this.enabled)return this.files[t]},remove:function(t){delete this.files[t]},clear:function(){this.files={}}};const ra=new function(t,e,n){const i=this;let r,o=!1,s=0,a=0;const l=[];this.onStart=void 0,this.onLoad=t,this.onProgress=e,this.onError=n,this.itemStart=function(t){a++,!1===o&&void 0!==i.onStart&&i.onStart(t,s,a),o=!0},this.itemEnd=function(t){s++,void 0!==i.onProgress&&i.onProgress(t,s,a),s===a&&(o=!1,void 0!==i.onLoad&&i.onLoad())},this.itemError=function(t){void 0!==i.onError&&i.onError(t)},this.resolveURL=function(t){return r?r(t):t},this.setURLModifier=function(t){return r=t,this},this.addHandler=function(t,e){return l.push(t,e),this},this.removeHandler=function(t){const e=l.indexOf(t);return-1!==e&&l.splice(e,2),this},this.getHandler=function(t){for(let e=0,n=l.length;e<n;e+=2){const n=l[e],i=l[e+1];if(n.global&&(n.lastIndex=0),n.test(t))return i}return null}};function oa(t){this.manager=void 0!==t?t:ra,this.crossOrigin="anonymous",this.withCredentials=!1,this.path="",this.resourcePath="",this.requestHeader={}}p(oa.prototype,{load:function(){},loadAsync:function(t,e){const n=this;return new Promise((function(i,r){n.load(t,i,e,r)}))},parse:function(){},setCrossOrigin:function(t){return this.crossOrigin=t,this},setWithCredentials:function(t){return this.withCredentials=t,this},setPath:function(t){return this.path=t,this},setResourcePath:function(t){return this.resourcePath=t,this},setRequestHeader:function(t){return this.requestHeader=t,this}});const sa={};function aa(t){oa.call(this,t)}function la(t){oa.call(this,t)}function ca(t){oa.call(this,t)}function ha(t){oa.call(this,t)}function ua(t){oa.call(this,t)}function da(t){oa.call(this,t)}function pa(t){oa.call(this,t)}function fa(){this.type="Curve",this.arcLengthDivisions=200}function ma(t,e,n,i,r,o,s,a){fa.call(this),this.type="EllipseCurve",this.aX=t||0,this.aY=e||0,this.xRadius=n||1,this.yRadius=i||1,this.aStartAngle=r||0,this.aEndAngle=o||2*Math.PI,this.aClockwise=s||!1,this.aRotation=a||0}function ga(t,e,n,i,r,o){ma.call(this,t,e,n,n,i,r,o),this.type="ArcCurve"}function va(){let t=0,e=0,n=0,i=0;function r(r,o,s,a){t=r,e=s,n=-3*r+3*o-2*s-a,i=2*r-2*o+s+a}return{initCatmullRom:function(t,e,n,i,o){r(e,n,o*(n-t),o*(i-e))},initNonuniformCatmullRom:function(t,e,n,i,o,s,a){let l=(e-t)/o-(n-t)/(o+s)+(n-e)/s,c=(n-e)/s-(i-e)/(s+a)+(i-n)/a;l*=s,c*=s,r(e,n,l,c)},calc:function(r){const o=r*r;return t+e*r+n*o+i*(o*r)}}}aa.prototype=p(Object.create(oa.prototype),{constructor:aa,load:function(t,e,n,i){void 0===t&&(t=""),void 0!==this.path&&(t=this.path+t),t=this.manager.resolveURL(t);const r=this,o=ia.get(t);if(void 0!==o)return r.manager.itemStart(t),setTimeout((function(){e&&e(o),r.manager.itemEnd(t)}),0),o;if(void 0!==sa[t])return void sa[t].push({onLoad:e,onProgress:n,onError:i});const s=t.match(/^data:(.*?)(;base64)?,(.*)$/);let a;if(s){const n=s[1],o=!!s[2];let a=s[3];a=decodeURIComponent(a),o&&(a=atob(a));try{let i;const o=(this.responseType||"").toLowerCase();switch(o){case"arraybuffer":case"blob":const t=new Uint8Array(a.length);for(let e=0;e<a.length;e++)t[e]=a.charCodeAt(e);i="blob"===o?new Blob([t.buffer],{type:n}):t.buffer;break;case"document":const e=new DOMParser;i=e.parseFromString(a,n);break;case"json":i=JSON.parse(a);break;default:i=a}setTimeout((function(){e&&e(i),r.manager.itemEnd(t)}),0)}catch(e){setTimeout((function(){i&&i(e),r.manager.itemError(t),r.manager.itemEnd(t)}),0)}}else{sa[t]=[],sa[t].push({onLoad:e,onProgress:n,onError:i}),a=new XMLHttpRequest,a.open("GET",t,!0),a.addEventListener("load",(function(e){const n=this.response,i=sa[t];if(delete sa[t],200===this.status||0===this.status){0===this.status&&console.warn("THREE.FileLoader: HTTP Status 0 received."),ia.add(t,n);for(let t=0,e=i.length;t<e;t++){const e=i[t];e.onLoad&&e.onLoad(n)}r.manager.itemEnd(t)}else{for(let t=0,n=i.length;t<n;t++){const n=i[t];n.onError&&n.onError(e)}r.manager.itemError(t),r.manager.itemEnd(t)}}),!1),a.addEventListener("progress",(function(e){const n=sa[t];for(let t=0,i=n.length;t<i;t++){const i=n[t];i.onProgress&&i.onProgress(e)}}),!1),a.addEventListener("error",(function(e){const n=sa[t];delete sa[t];for(let t=0,i=n.length;t<i;t++){const i=n[t];i.onError&&i.onError(e)}r.manager.itemError(t),r.manager.itemEnd(t)}),!1),a.addEventListener("abort",(function(e){const n=sa[t];delete sa[t];for(let t=0,i=n.length;t<i;t++){const i=n[t];i.onError&&i.onError(e)}r.manager.itemError(t),r.manager.itemEnd(t)}),!1),void 0!==this.responseType&&(a.responseType=this.responseType),void 0!==this.withCredentials&&(a.withCredentials=this.withCredentials),a.overrideMimeType&&a.overrideMimeType(void 0!==this.mimeType?this.mimeType:"text/plain");for(const t in this.requestHeader)a.setRequestHeader(t,this.requestHeader[t]);a.send(null)}return r.manager.itemStart(t),a},setResponseType:function(t){return this.responseType=t,this},setMimeType:function(t){return this.mimeType=t,this}}),la.prototype=p(Object.create(oa.prototype),{constructor:la,load:function(t,e,n,i){const r=this,o=new aa(r.manager);o.setPath(r.path),o.setRequestHeader(r.requestHeader),o.setWithCredentials(r.withCredentials),o.load(t,(function(n){try{e(r.parse(JSON.parse(n)))}catch(e){i?i(e):console.error(e),r.manager.itemError(t)}}),n,i)},parse:function(t){const e=[];for(let n=0;n<t.length;n++){const i=ea.parse(t[n]);e.push(i)}return e}}),ca.prototype=p(Object.create(oa.prototype),{constructor:ca,load:function(t,e,n,i){const r=this,o=[],s=new Qo,a=new aa(this.manager);a.setPath(this.path),a.setResponseType("arraybuffer"),a.setRequestHeader(this.requestHeader),a.setWithCredentials(r.withCredentials);let l=0;function c(c){a.load(t[c],(function(t){const n=r.parse(t,!0);o[c]={width:n.width,height:n.height,format:n.format,mipmaps:n.mipmaps},l+=1,6===l&&(1===n.mipmapCount&&(s.minFilter=w),s.image=o,s.format=n.format,s.needsUpdate=!0,e&&e(s))}),n,i)}if(Array.isArray(t))for(let e=0,n=t.length;e<n;++e)c(e);else a.load(t,(function(t){const n=r.parse(t,!0);if(n.isCubemap){const t=n.mipmaps.length/n.mipmapCount;for(let e=0;e<t;e++){o[e]={mipmaps:[]};for(let t=0;t<n.mipmapCount;t++)o[e].mipmaps.push(n.mipmaps[e*n.mipmapCount+t]),o[e].format=n.format,o[e].width=n.width,o[e].height=n.height}s.image=o}else s.image.width=n.width,s.image.height=n.height,s.mipmaps=n.mipmaps;1===n.mipmapCount&&(s.minFilter=w),s.format=n.format,s.needsUpdate=!0,e&&e(s)}),n,i);return s}}),ha.prototype=p(Object.create(oa.prototype),{constructor:ha,load:function(t,e,n,i){void 0!==this.path&&(t=this.path+t),t=this.manager.resolveURL(t);const r=this,o=ia.get(t);if(void 0!==o)return r.manager.itemStart(t),setTimeout((function(){e&&e(o),r.manager.itemEnd(t)}),0),o;const s=document.createElementNS("http://www.w3.org/1999/xhtml","img");function a(){s.removeEventListener("load",a,!1),s.removeEventListener("error",l,!1),ia.add(t,this),e&&e(this),r.manager.itemEnd(t)}function l(e){s.removeEventListener("load",a,!1),s.removeEventListener("error",l,!1),i&&i(e),r.manager.itemError(t),r.manager.itemEnd(t)}return s.addEventListener("load",a,!1),s.addEventListener("error",l,!1),"data:"!==t.substr(0,5)&&void 0!==this.crossOrigin&&(s.crossOrigin=this.crossOrigin),r.manager.itemStart(t),s.src=t,s}}),ua.prototype=p(Object.create(oa.prototype),{constructor:ua,load:function(t,e,n,i){const r=new Pn,o=new ha(this.manager);o.setCrossOrigin(this.crossOrigin),o.setPath(this.path);let s=0;function a(n){o.load(t[n],(function(t){r.images[n]=t,s++,6===s&&(r.needsUpdate=!0,e&&e(r))}),void 0,i)}for(let e=0;e<t.length;++e)a(e);return r}}),da.prototype=p(Object.create(oa.prototype),{constructor:da,load:function(t,e,n,i){const r=this,o=new In,s=new aa(this.manager);return s.setResponseType("arraybuffer"),s.setRequestHeader(this.requestHeader),s.setPath(this.path),s.setWithCredentials(r.withCredentials),s.load(t,(function(t){const n=r.parse(t);n&&(void 0!==n.image?o.image=n.image:void 0!==n.data&&(o.image.width=n.width,o.image.height=n.height,o.image.data=n.data),o.wrapS=void 0!==n.wrapS?n.wrapS:A,o.wrapT=void 0!==n.wrapT?n.wrapT:A,o.magFilter=void 0!==n.magFilter?n.magFilter:w,o.minFilter=void 0!==n.minFilter?n.minFilter:w,o.anisotropy=void 0!==n.anisotropy?n.anisotropy:1,void 0!==n.encoding&&(o.encoding=n.encoding),void 0!==n.flipY&&(o.flipY=n.flipY),void 0!==n.format&&(o.format=n.format),void 0!==n.type&&(o.type=n.type),void 0!==n.mipmaps&&(o.mipmaps=n.mipmaps,o.minFilter=b),1===n.mipmapCount&&(o.minFilter=w),o.needsUpdate=!0,e&&e(o,n))}),n,i),o}}),pa.prototype=p(Object.create(oa.prototype),{constructor:pa,load:function(t,e,n,i){const r=new et,o=new ha(this.manager);return o.setCrossOrigin(this.crossOrigin),o.setPath(this.path),o.load(t,(function(n){r.image=n;const i=t.search(/\.jpe?g($|\?)/i)>0||0===t.search(/^data\:image\/jpeg/);r.format=i?C:P,r.needsUpdate=!0,void 0!==e&&e(r)}),n,i),r}}),p(fa.prototype,{getPoint:function(){return console.warn("THREE.Curve: .getPoint() not implemented."),null},getPointAt:function(t,e){const n=this.getUtoTmapping(t);return this.getPoint(n,e)},getPoints:function(t=5){const e=[];for(let n=0;n<=t;n++)e.push(this.getPoint(n/t));return e},getSpacedPoints:function(t=5){const e=[];for(let n=0;n<=t;n++)e.push(this.getPointAt(n/t));return e},getLength:function(){const t=this.getLengths();return t[t.length-1]},getLengths:function(t){if(void 0===t&&(t=this.arcLengthDivisions),this.cacheArcLengths&&this.cacheArcLengths.length===t+1&&!this.needsUpdate)return this.cacheArcLengths;this.needsUpdate=!1;const e=[];let n,i=this.getPoint(0),r=0;e.push(0);for(let o=1;o<=t;o++)n=this.getPoint(o/t),r+=n.distanceTo(i),e.push(r),i=n;return this.cacheArcLengths=e,e},updateArcLengths:function(){this.needsUpdate=!0,this.getLengths()},getUtoTmapping:function(t,e){const n=this.getLengths();let i=0;const r=n.length;let o;o=e||t*n[r-1];let s,a=0,l=r-1;for(;a<=l;)if(i=Math.floor(a+(l-a)/2),s=n[i]-o,s<0)a=i+1;else{if(!(s>0)){l=i;break}l=i-1}if(i=l,n[i]===o)return i/(r-1);const c=n[i];return(i+(o-c)/(n[i+1]-c))/(r-1)},getTangent:function(t,e){const n=1e-4;let i=t-n,r=t+n;i<0&&(i=0),r>1&&(r=1);const o=this.getPoint(i),s=this.getPoint(r),a=e||(o.isVector2?new Z:new st);return a.copy(s).sub(o).normalize(),a},getTangentAt:function(t,e){const n=this.getUtoTmapping(t);return this.getTangent(n,e)},computeFrenetFrames:function(t,e){const n=new st,i=[],r=[],o=[],s=new st,a=new Nt;for(let e=0;e<=t;e++){const n=e/t;i[e]=this.getTangentAt(n,new st),i[e].normalize()}r[0]=new st,o[0]=new st;let l=Number.MAX_VALUE;const c=Math.abs(i[0].x),h=Math.abs(i[0].y),u=Math.abs(i[0].z);c<=l&&(l=c,n.set(1,0,0)),h<=l&&(l=h,n.set(0,1,0)),u<=l&&n.set(0,0,1),s.crossVectors(i[0],n).normalize(),r[0].crossVectors(i[0],s),o[0].crossVectors(i[0],r[0]);for(let e=1;e<=t;e++){if(r[e]=r[e-1].clone(),o[e]=o[e-1].clone(),s.crossVectors(i[e-1],i[e]),s.length()>Number.EPSILON){s.normalize();const t=Math.acos(Q.clamp(i[e-1].dot(i[e]),-1,1));r[e].applyMatrix4(a.makeRotationAxis(s,t))}o[e].crossVectors(i[e],r[e])}if(!0===e){let e=Math.acos(Q.clamp(r[0].dot(r[t]),-1,1));e/=t,i[0].dot(s.crossVectors(r[0],r[t]))>0&&(e=-e);for(let n=1;n<=t;n++)r[n].applyMatrix4(a.makeRotationAxis(i[n],e*n)),o[n].crossVectors(i[n],r[n])}return{tangents:i,normals:r,binormals:o}},clone:function(){return(new this.constructor).copy(this)},copy:function(t){return this.arcLengthDivisions=t.arcLengthDivisions,this},toJSON:function(){const t={metadata:{version:4.5,type:"Curve",generator:"Curve.toJSON"}};return t.arcLengthDivisions=this.arcLengthDivisions,t.type=this.type,t},fromJSON:function(t){return this.arcLengthDivisions=t.arcLengthDivisions,this}}),ma.prototype=Object.create(fa.prototype),ma.prototype.constructor=ma,ma.prototype.isEllipseCurve=!0,ma.prototype.getPoint=function(t,e){const n=e||new Z,i=2*Math.PI;let r=this.aEndAngle-this.aStartAngle;const o=Math.abs(r)<Number.EPSILON;for(;r<0;)r+=i;for(;r>i;)r-=i;r<Number.EPSILON&&(r=o?0:i),!0!==this.aClockwise||o||(r===i?r=-i:r-=i);const s=this.aStartAngle+t*r;let a=this.aX+this.xRadius*Math.cos(s),l=this.aY+this.yRadius*Math.sin(s);if(0!==this.aRotation){const t=Math.cos(this.aRotation),e=Math.sin(this.aRotation),n=a-this.aX,i=l-this.aY;a=n*t-i*e+this.aX,l=n*e+i*t+this.aY}return n.set(a,l)},ma.prototype.copy=function(t){return fa.prototype.copy.call(this,t),this.aX=t.aX,this.aY=t.aY,this.xRadius=t.xRadius,this.yRadius=t.yRadius,this.aStartAngle=t.aStartAngle,this.aEndAngle=t.aEndAngle,this.aClockwise=t.aClockwise,this.aRotation=t.aRotation,this},ma.prototype.toJSON=function(){const t=fa.prototype.toJSON.call(this);return t.aX=this.aX,t.aY=this.aY,t.xRadius=this.xRadius,t.yRadius=this.yRadius,t.aStartAngle=this.aStartAngle,t.aEndAngle=this.aEndAngle,t.aClockwise=this.aClockwise,t.aRotation=this.aRotation,t},ma.prototype.fromJSON=function(t){return fa.prototype.fromJSON.call(this,t),this.aX=t.aX,this.aY=t.aY,this.xRadius=t.xRadius,this.yRadius=t.yRadius,this.aStartAngle=t.aStartAngle,this.aEndAngle=t.aEndAngle,this.aClockwise=t.aClockwise,this.aRotation=t.aRotation,this},ga.prototype=Object.create(ma.prototype),ga.prototype.constructor=ga,ga.prototype.isArcCurve=!0;const ya=new st,Aa=new va,xa=new va,_a=new va;function wa(t=[],e=!1,n="centripetal",i=.5){fa.call(this),this.type="CatmullRomCurve3",this.points=t,this.closed=e,this.curveType=n,this.tension=i}function ba(t,e,n,i,r){const o=.5*(i-e),s=.5*(r-n),a=t*t;return(2*n-2*i+o+s)*(t*a)+(-3*n+3*i-2*o-s)*a+o*t+n}function Ma(t,e,n,i){return function(t,e){const n=1-t;return n*n*e}(t,e)+function(t,e){return 2*(1-t)*t*e}(t,n)+function(t,e){return t*t*e}(t,i)}function Ea(t,e,n,i,r){return function(t,e){const n=1-t;return n*n*n*e}(t,e)+function(t,e){const n=1-t;return 3*n*n*t*e}(t,n)+function(t,e){return 3*(1-t)*t*t*e}(t,i)+function(t,e){return t*t*t*e}(t,r)}function Sa(t=new Z,e=new Z,n=new Z,i=new Z){fa.call(this),this.type="CubicBezierCurve",this.v0=t,this.v1=e,this.v2=n,this.v3=i}function Ta(t=new st,e=new st,n=new st,i=new st){fa.call(this),this.type="CubicBezierCurve3",this.v0=t,this.v1=e,this.v2=n,this.v3=i}function La(t=new Z,e=new Z){fa.call(this),this.type="LineCurve",this.v1=t,this.v2=e}function Ra(t=new st,e=new st){fa.call(this),this.type="LineCurve3",this.v1=t,this.v2=e}function Ca(t=new Z,e=new Z,n=new Z){fa.call(this),this.type="QuadraticBezierCurve",this.v0=t,this.v1=e,this.v2=n}function Pa(t=new st,e=new st,n=new st){fa.call(this),this.type="QuadraticBezierCurve3",this.v0=t,this.v1=e,this.v2=n}function Da(t=[]){fa.call(this),this.type="SplineCurve",this.points=t}wa.prototype=Object.create(fa.prototype),wa.prototype.constructor=wa,wa.prototype.isCatmullRomCurve3=!0,wa.prototype.getPoint=function(t,e=new st){const n=e,i=this.points,r=i.length,o=(r-(this.closed?0:1))*t;let s,a,l=Math.floor(o),c=o-l;this.closed?l+=l>0?0:(Math.floor(Math.abs(l)/r)+1)*r:0===c&&l===r-1&&(l=r-2,c=1),this.closed||l>0?s=i[(l-1)%r]:(ya.subVectors(i[0],i[1]).add(i[0]),s=ya);const h=i[l%r],u=i[(l+1)%r];if(this.closed||l+2<r?a=i[(l+2)%r]:(ya.subVectors(i[r-1],i[r-2]).add(i[r-1]),a=ya),"centripetal"===this.curveType||"chordal"===this.curveType){const t="chordal"===this.curveType?.5:.25;let e=Math.pow(s.distanceToSquared(h),t),n=Math.pow(h.distanceToSquared(u),t),i=Math.pow(u.distanceToSquared(a),t);n<1e-4&&(n=1),e<1e-4&&(e=n),i<1e-4&&(i=n),Aa.initNonuniformCatmullRom(s.x,h.x,u.x,a.x,e,n,i),xa.initNonuniformCatmullRom(s.y,h.y,u.y,a.y,e,n,i),_a.initNonuniformCatmullRom(s.z,h.z,u.z,a.z,e,n,i)}else"catmullrom"===this.curveType&&(Aa.initCatmullRom(s.x,h.x,u.x,a.x,this.tension),xa.initCatmullRom(s.y,h.y,u.y,a.y,this.tension),_a.initCatmullRom(s.z,h.z,u.z,a.z,this.tension));return n.set(Aa.calc(c),xa.calc(c),_a.calc(c)),n},wa.prototype.copy=function(t){fa.prototype.copy.call(this,t),this.points=[];for(let e=0,n=t.points.length;e<n;e++){const n=t.points[e];this.points.push(n.clone())}return this.closed=t.closed,this.curveType=t.curveType,this.tension=t.tension,this},wa.prototype.toJSON=function(){const t=fa.prototype.toJSON.call(this);t.points=[];for(let e=0,n=this.points.length;e<n;e++){const n=this.points[e];t.points.push(n.toArray())}return t.closed=this.closed,t.curveType=this.curveType,t.tension=this.tension,t},wa.prototype.fromJSON=function(t){fa.prototype.fromJSON.call(this,t),this.points=[];for(let e=0,n=t.points.length;e<n;e++){const n=t.points[e];this.points.push((new st).fromArray(n))}return this.closed=t.closed,this.curveType=t.curveType,this.tension=t.tension,this},Sa.prototype=Object.create(fa.prototype),Sa.prototype.constructor=Sa,Sa.prototype.isCubicBezierCurve=!0,Sa.prototype.getPoint=function(t,e=new Z){const n=e,i=this.v0,r=this.v1,o=this.v2,s=this.v3;return n.set(Ea(t,i.x,r.x,o.x,s.x),Ea(t,i.y,r.y,o.y,s.y)),n},Sa.prototype.copy=function(t){return fa.prototype.copy.call(this,t),this.v0.copy(t.v0),this.v1.copy(t.v1),this.v2.copy(t.v2),this.v3.copy(t.v3),this},Sa.prototype.toJSON=function(){const t=fa.prototype.toJSON.call(this);return t.v0=this.v0.toArray(),t.v1=this.v1.toArray(),t.v2=this.v2.toArray(),t.v3=this.v3.toArray(),t},Sa.prototype.fromJSON=function(t){return fa.prototype.fromJSON.call(this,t),this.v0.fromArray(t.v0),this.v1.fromArray(t.v1),this.v2.fromArray(t.v2),this.v3.fromArray(t.v3),this},Ta.prototype=Object.create(fa.prototype),Ta.prototype.constructor=Ta,Ta.prototype.isCubicBezierCurve3=!0,Ta.prototype.getPoint=function(t,e=new st){const n=e,i=this.v0,r=this.v1,o=this.v2,s=this.v3;return n.set(Ea(t,i.x,r.x,o.x,s.x),Ea(t,i.y,r.y,o.y,s.y),Ea(t,i.z,r.z,o.z,s.z)),n},Ta.prototype.copy=function(t){return fa.prototype.copy.call(this,t),this.v0.copy(t.v0),this.v1.copy(t.v1),this.v2.copy(t.v2),this.v3.copy(t.v3),this},Ta.prototype.toJSON=function(){const t=fa.prototype.toJSON.call(this);return t.v0=this.v0.toArray(),t.v1=this.v1.toArray(),t.v2=this.v2.toArray(),t.v3=this.v3.toArray(),t},Ta.prototype.fromJSON=function(t){return fa.prototype.fromJSON.call(this,t),this.v0.fromArray(t.v0),this.v1.fromArray(t.v1),this.v2.fromArray(t.v2),this.v3.fromArray(t.v3),this},La.prototype=Object.create(fa.prototype),La.prototype.constructor=La,La.prototype.isLineCurve=!0,La.prototype.getPoint=function(t,e=new Z){const n=e;return 1===t?n.copy(this.v2):(n.copy(this.v2).sub(this.v1),n.multiplyScalar(t).add(this.v1)),n},La.prototype.getPointAt=function(t,e){return this.getPoint(t,e)},La.prototype.getTangent=function(t,e){const n=e||new Z;return n.copy(this.v2).sub(this.v1).normalize(),n},La.prototype.copy=function(t){return fa.prototype.copy.call(this,t),this.v1.copy(t.v1),this.v2.copy(t.v2),this},La.prototype.toJSON=function(){const t=fa.prototype.toJSON.call(this);return t.v1=this.v1.toArray(),t.v2=this.v2.toArray(),t},La.prototype.fromJSON=function(t){return fa.prototype.fromJSON.call(this,t),this.v1.fromArray(t.v1),this.v2.fromArray(t.v2),this},Ra.prototype=Object.create(fa.prototype),Ra.prototype.constructor=Ra,Ra.prototype.isLineCurve3=!0,Ra.prototype.getPoint=function(t,e=new st){const n=e;return 1===t?n.copy(this.v2):(n.copy(this.v2).sub(this.v1),n.multiplyScalar(t).add(this.v1)),n},Ra.prototype.getPointAt=function(t,e){return this.getPoint(t,e)},Ra.prototype.copy=function(t){return fa.prototype.copy.call(this,t),this.v1.copy(t.v1),this.v2.copy(t.v2),this},Ra.prototype.toJSON=function(){const t=fa.prototype.toJSON.call(this);return t.v1=this.v1.toArray(),t.v2=this.v2.toArray(),t},Ra.prototype.fromJSON=function(t){return fa.prototype.fromJSON.call(this,t),this.v1.fromArray(t.v1),this.v2.fromArray(t.v2),this},Ca.prototype=Object.create(fa.prototype),Ca.prototype.constructor=Ca,Ca.prototype.isQuadraticBezierCurve=!0,Ca.prototype.getPoint=function(t,e=new Z){const n=e,i=this.v0,r=this.v1,o=this.v2;return n.set(Ma(t,i.x,r.x,o.x),Ma(t,i.y,r.y,o.y)),n},Ca.prototype.copy=function(t){return fa.prototype.copy.call(this,t),this.v0.copy(t.v0),this.v1.copy(t.v1),this.v2.copy(t.v2),this},Ca.prototype.toJSON=function(){const t=fa.prototype.toJSON.call(this);return t.v0=this.v0.toArray(),t.v1=this.v1.toArray(),t.v2=this.v2.toArray(),t},Ca.prototype.fromJSON=function(t){return fa.prototype.fromJSON.call(this,t),this.v0.fromArray(t.v0),this.v1.fromArray(t.v1),this.v2.fromArray(t.v2),this},Pa.prototype=Object.create(fa.prototype),Pa.prototype.constructor=Pa,Pa.prototype.isQuadraticBezierCurve3=!0,Pa.prototype.getPoint=function(t,e=new st){const n=e,i=this.v0,r=this.v1,o=this.v2;return n.set(Ma(t,i.x,r.x,o.x),Ma(t,i.y,r.y,o.y),Ma(t,i.z,r.z,o.z)),n},Pa.prototype.copy=function(t){return fa.prototype.copy.call(this,t),this.v0.copy(t.v0),this.v1.copy(t.v1),this.v2.copy(t.v2),this},Pa.prototype.toJSON=function(){const t=fa.prototype.toJSON.call(this);return t.v0=this.v0.toArray(),t.v1=this.v1.toArray(),t.v2=this.v2.toArray(),t},Pa.prototype.fromJSON=function(t){return fa.prototype.fromJSON.call(this,t),this.v0.fromArray(t.v0),this.v1.fromArray(t.v1),this.v2.fromArray(t.v2),this},Da.prototype=Object.create(fa.prototype),Da.prototype.constructor=Da,Da.prototype.isSplineCurve=!0,Da.prototype.getPoint=function(t,e=new Z){const n=e,i=this.points,r=(i.length-1)*t,o=Math.floor(r),s=r-o,a=i[0===o?o:o-1],l=i[o],c=i[o>i.length-2?i.length-1:o+1],h=i[o>i.length-3?i.length-1:o+2];return n.set(ba(s,a.x,l.x,c.x,h.x),ba(s,a.y,l.y,c.y,h.y)),n},Da.prototype.copy=function(t){fa.prototype.copy.call(this,t),this.points=[];for(let e=0,n=t.points.length;e<n;e++){const n=t.points[e];this.points.push(n.clone())}return this},Da.prototype.toJSON=function(){const t=fa.prototype.toJSON.call(this);t.points=[];for(let e=0,n=this.points.length;e<n;e++){const n=this.points[e];t.points.push(n.toArray())}return t},Da.prototype.fromJSON=function(t){fa.prototype.fromJSON.call(this,t),this.points=[];for(let e=0,n=t.points.length;e<n;e++){const n=t.points[e];this.points.push((new Z).fromArray(n))}return this};var Ia=Object.freeze({__proto__:null,ArcCurve:ga,CatmullRomCurve3:wa,CubicBezierCurve:Sa,CubicBezierCurve3:Ta,EllipseCurve:ma,LineCurve:La,LineCurve3:Ra,QuadraticBezierCurve:Ca,QuadraticBezierCurve3:Pa,SplineCurve:Da});function Na(){fa.call(this),this.type="CurvePath",this.curves=[],this.autoClose=!1}function Oa(t){Na.call(this),this.type="Path",this.currentPoint=new Z,t&&this.setFromPoints(t)}function Ba(t){Oa.call(this,t),this.uuid=Q.generateUUID(),this.type="Shape",this.holes=[]}function Fa(t,e=1){oe.call(this),this.type="Light",this.color=new Te(t),this.intensity=e}function za(t,e,n){Fa.call(this,t,n),this.type="HemisphereLight",this.position.copy(oe.DefaultUp),this.updateMatrix(),this.groundColor=new Te(e)}function Ua(t){this.camera=t,this.bias=0,this.normalBias=0,this.radius=1,this.mapSize=new Z(512,512),this.map=null,this.mapPass=null,this.matrix=new Nt,this.autoUpdate=!0,this.needsUpdate=!1,this._frustum=new Bn,this._frameExtents=new Z(1,1),this._viewportCount=1,this._viewports=[new it(0,0,1,1)]}function Ha(){Ua.call(this,new Ln(50,1,.5,500)),this.focus=1}function Ga(t,e,n,i,r,o){Fa.call(this,t,e),this.type="SpotLight",this.position.copy(oe.DefaultUp),this.updateMatrix(),this.target=new oe,Object.defineProperty(this,"power",{get:function(){return this.intensity*Math.PI},set:function(t){this.intensity=t/Math.PI}}),this.distance=void 0!==n?n:0,this.angle=void 0!==i?i:Math.PI/3,this.penumbra=void 0!==r?r:0,this.decay=void 0!==o?o:1,this.shadow=new Ha}function Va(){Ua.call(this,new Ln(90,1,.5,500)),this._frameExtents=new Z(4,2),this._viewportCount=6,this._viewports=[new it(2,1,1,1),new it(0,1,1,1),new it(3,1,1,1),new it(1,1,1,1),new it(3,0,1,1),new it(1,0,1,1)],this._cubeDirections=[new st(1,0,0),new st(-1,0,0),new st(0,0,1),new st(0,0,-1),new st(0,1,0),new st(0,-1,0)],this._cubeUps=[new st(0,1,0),new st(0,1,0),new st(0,1,0),new st(0,1,0),new st(0,0,1),new st(0,0,-1)]}function ka(t,e,n,i){Fa.call(this,t,e),this.type="PointLight",Object.defineProperty(this,"power",{get:function(){return 4*this.intensity*Math.PI},set:function(t){this.intensity=t/(4*Math.PI)}}),this.distance=void 0!==n?n:0,this.decay=void 0!==i?i:1,this.shadow=new Va}function Wa(t=-1,e=1,n=1,i=-1,r=.1,o=2e3){Tn.call(this),this.type="OrthographicCamera",this.zoom=1,this.view=null,this.left=t,this.right=e,this.top=n,this.bottom=i,this.near=r,this.far=o,this.updateProjectionMatrix()}function ja(){Ua.call(this,new Wa(-5,5,5,-5,.5,500))}function Xa(t,e){Fa.call(this,t,e),this.type="DirectionalLight",this.position.copy(oe.DefaultUp),this.updateMatrix(),this.target=new oe,this.shadow=new ja}function qa(t,e){Fa.call(this,t,e),this.type="AmbientLight"}function Ya(t,e,n,i){Fa.call(this,t,e),this.type="RectAreaLight",this.width=void 0!==n?n:10,this.height=void 0!==i?i:10}Na.prototype=p(Object.create(fa.prototype),{constructor:Na,add:function(t){this.curves.push(t)},closePath:function(){const t=this.curves[0].getPoint(0),e=this.curves[this.curves.length-1].getPoint(1);t.equals(e)||this.curves.push(new La(e,t))},getPoint:function(t){const e=t*this.getLength(),n=this.getCurveLengths();let i=0;for(;i<n.length;){if(n[i]>=e){const t=n[i]-e,r=this.curves[i],o=r.getLength(),s=0===o?0:1-t/o;return r.getPointAt(s)}i++}return null},getLength:function(){const t=this.getCurveLengths();return t[t.length-1]},updateArcLengths:function(){this.needsUpdate=!0,this.cacheLengths=null,this.getCurveLengths()},getCurveLengths:function(){if(this.cacheLengths&&this.cacheLengths.length===this.curves.length)return this.cacheLengths;const t=[];let e=0;for(let n=0,i=this.curves.length;n<i;n++)e+=this.curves[n].getLength(),t.push(e);return this.cacheLengths=t,t},getSpacedPoints:function(t=40){const e=[];for(let n=0;n<=t;n++)e.push(this.getPoint(n/t));return this.autoClose&&e.push(e[0]),e},getPoints:function(t=12){const e=[];let n;for(let i=0,r=this.curves;i<r.length;i++){const o=r[i],s=o&&o.isEllipseCurve?2*t:o&&(o.isLineCurve||o.isLineCurve3)?1:o&&o.isSplineCurve?t*o.points.length:t,a=o.getPoints(s);for(let t=0;t<a.length;t++){const i=a[t];n&&n.equals(i)||(e.push(i),n=i)}}return this.autoClose&&e.length>1&&!e[e.length-1].equals(e[0])&&e.push(e[0]),e},copy:function(t){fa.prototype.copy.call(this,t),this.curves=[];for(let e=0,n=t.curves.length;e<n;e++){const n=t.curves[e];this.curves.push(n.clone())}return this.autoClose=t.autoClose,this},toJSON:function(){const t=fa.prototype.toJSON.call(this);t.autoClose=this.autoClose,t.curves=[];for(let e=0,n=this.curves.length;e<n;e++){const n=this.curves[e];t.curves.push(n.toJSON())}return t},fromJSON:function(t){fa.prototype.fromJSON.call(this,t),this.autoClose=t.autoClose,this.curves=[];for(let e=0,n=t.curves.length;e<n;e++){const n=t.curves[e];this.curves.push((new Ia[n.type]).fromJSON(n))}return this}}),Oa.prototype=p(Object.create(Na.prototype),{constructor:Oa,setFromPoints:function(t){this.moveTo(t[0].x,t[0].y);for(let e=1,n=t.length;e<n;e++)this.lineTo(t[e].x,t[e].y);return this},moveTo:function(t,e){return this.currentPoint.set(t,e),this},lineTo:function(t,e){const n=new La(this.currentPoint.clone(),new Z(t,e));return this.curves.push(n),this.currentPoint.set(t,e),this},quadraticCurveTo:function(t,e,n,i){const r=new Ca(this.currentPoint.clone(),new Z(t,e),new Z(n,i));return this.curves.push(r),this.currentPoint.set(n,i),this},bezierCurveTo:function(t,e,n,i,r,o){const s=new Sa(this.currentPoint.clone(),new Z(t,e),new Z(n,i),new Z(r,o));return this.curves.push(s),this.currentPoint.set(r,o),this},splineThru:function(t){const e=new Da([this.currentPoint.clone()].concat(t));return this.curves.push(e),this.currentPoint.copy(t[t.length-1]),this},arc:function(t,e,n,i,r,o){const s=this.currentPoint.x,a=this.currentPoint.y;return this.absarc(t+s,e+a,n,i,r,o),this},absarc:function(t,e,n,i,r,o){return this.absellipse(t,e,n,n,i,r,o),this},ellipse:function(t,e,n,i,r,o,s,a){const l=this.currentPoint.x,c=this.currentPoint.y;return this.absellipse(t+l,e+c,n,i,r,o,s,a),this},absellipse:function(t,e,n,i,r,o,s,a){const l=new ma(t,e,n,i,r,o,s,a);if(this.curves.length>0){const t=l.getPoint(0);t.equals(this.currentPoint)||this.lineTo(t.x,t.y)}this.curves.push(l);const c=l.getPoint(1);return this.currentPoint.copy(c),this},copy:function(t){return Na.prototype.copy.call(this,t),this.currentPoint.copy(t.currentPoint),this},toJSON:function(){const t=Na.prototype.toJSON.call(this);return t.currentPoint=this.currentPoint.toArray(),t},fromJSON:function(t){return Na.prototype.fromJSON.call(this,t),this.currentPoint.fromArray(t.currentPoint),this}}),Ba.prototype=p(Object.create(Oa.prototype),{constructor:Ba,getPointsHoles:function(t){const e=[];for(let n=0,i=this.holes.length;n<i;n++)e[n]=this.holes[n].getPoints(t);return e},extractPoints:function(t){return{shape:this.getPoints(t),holes:this.getPointsHoles(t)}},copy:function(t){Oa.prototype.copy.call(this,t),this.holes=[];for(let e=0,n=t.holes.length;e<n;e++){const n=t.holes[e];this.holes.push(n.clone())}return this},toJSON:function(){const t=Oa.prototype.toJSON.call(this);t.uuid=this.uuid,t.holes=[];for(let e=0,n=this.holes.length;e<n;e++){const n=this.holes[e];t.holes.push(n.toJSON())}return t},fromJSON:function(t){Oa.prototype.fromJSON.call(this,t),this.uuid=t.uuid,this.holes=[];for(let e=0,n=t.holes.length;e<n;e++){const n=t.holes[e];this.holes.push((new Oa).fromJSON(n))}return this}}),Fa.prototype=p(Object.create(oe.prototype),{constructor:Fa,isLight:!0,copy:function(t){return oe.prototype.copy.call(this,t),this.color.copy(t.color),this.intensity=t.intensity,this},toJSON:function(t){const e=oe.prototype.toJSON.call(this,t);return e.object.color=this.color.getHex(),e.object.intensity=this.intensity,void 0!==this.groundColor&&(e.object.groundColor=this.groundColor.getHex()),void 0!==this.distance&&(e.object.distance=this.distance),void 0!==this.angle&&(e.object.angle=this.angle),void 0!==this.decay&&(e.object.decay=this.decay),void 0!==this.penumbra&&(e.object.penumbra=this.penumbra),void 0!==this.shadow&&(e.object.shadow=this.shadow.toJSON()),e}}),za.prototype=p(Object.create(Fa.prototype),{constructor:za,isHemisphereLight:!0,copy:function(t){return Fa.prototype.copy.call(this,t),this.groundColor.copy(t.groundColor),this}}),p(Ua.prototype,{_projScreenMatrix:new Nt,_lightPositionWorld:new st,_lookTarget:new st,getViewportCount:function(){return this._viewportCount},getFrustum:function(){return this._frustum},updateMatrices:function(t){const e=this.camera,n=this.matrix,i=this._projScreenMatrix,r=this._lookTarget,o=this._lightPositionWorld;o.setFromMatrixPosition(t.matrixWorld),e.position.copy(o),r.setFromMatrixPosition(t.target.matrixWorld),e.lookAt(r),e.updateMatrixWorld(),i.multiplyMatrices(e.projectionMatrix,e.matrixWorldInverse),this._frustum.setFromProjectionMatrix(i),n.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),n.multiply(e.projectionMatrix),n.multiply(e.matrixWorldInverse)},getViewport:function(t){return this._viewports[t]},getFrameExtents:function(){return this._frameExtents},copy:function(t){return this.camera=t.camera.clone(),this.bias=t.bias,this.radius=t.radius,this.mapSize.copy(t.mapSize),this},clone:function(){return(new this.constructor).copy(this)},toJSON:function(){const t={};return 0!==this.bias&&(t.bias=this.bias),0!==this.normalBias&&(t.normalBias=this.normalBias),1!==this.radius&&(t.radius=this.radius),512===this.mapSize.x&&512===this.mapSize.y||(t.mapSize=this.mapSize.toArray()),t.camera=this.camera.toJSON(!1).object,delete t.camera.matrix,t}}),Ha.prototype=p(Object.create(Ua.prototype),{constructor:Ha,isSpotLightShadow:!0,updateMatrices:function(t){const e=this.camera,n=2*Q.RAD2DEG*t.angle*this.focus,i=this.mapSize.width/this.mapSize.height,r=t.distance||e.far;n===e.fov&&i===e.aspect&&r===e.far||(e.fov=n,e.aspect=i,e.far=r,e.updateProjectionMatrix()),Ua.prototype.updateMatrices.call(this,t)}}),Ga.prototype=p(Object.create(Fa.prototype),{constructor:Ga,isSpotLight:!0,copy:function(t){return Fa.prototype.copy.call(this,t),this.distance=t.distance,this.angle=t.angle,this.penumbra=t.penumbra,this.decay=t.decay,this.target=t.target.clone(),this.shadow=t.shadow.clone(),this}}),Va.prototype=p(Object.create(Ua.prototype),{constructor:Va,isPointLightShadow:!0,updateMatrices:function(t,e=0){const n=this.camera,i=this.matrix,r=this._lightPositionWorld,o=this._lookTarget,s=this._projScreenMatrix;r.setFromMatrixPosition(t.matrixWorld),n.position.copy(r),o.copy(n.position),o.add(this._cubeDirections[e]),n.up.copy(this._cubeUps[e]),n.lookAt(o),n.updateMatrixWorld(),i.makeTranslation(-r.x,-r.y,-r.z),s.multiplyMatrices(n.projectionMatrix,n.matrixWorldInverse),this._frustum.setFromProjectionMatrix(s)}}),ka.prototype=p(Object.create(Fa.prototype),{constructor:ka,isPointLight:!0,copy:function(t){return Fa.prototype.copy.call(this,t),this.distance=t.distance,this.decay=t.decay,this.shadow=t.shadow.clone(),this}}),Wa.prototype=p(Object.create(Tn.prototype),{constructor:Wa,isOrthographicCamera:!0,copy:function(t,e){return Tn.prototype.copy.call(this,t,e),this.left=t.left,this.right=t.right,this.top=t.top,this.bottom=t.bottom,this.near=t.near,this.far=t.far,this.zoom=t.zoom,this.view=null===t.view?null:p({},t.view),this},setViewOffset:function(t,e,n,i,r,o){null===this.view&&(this.view={enabled:!0,fullWidth:1,fullHeight:1,offsetX:0,offsetY:0,width:1,height:1}),this.view.enabled=!0,this.view.fullWidth=t,this.view.fullHeight=e,this.view.offsetX=n,this.view.offsetY=i,this.view.width=r,this.view.height=o,this.updateProjectionMatrix()},clearViewOffset:function(){null!==this.view&&(this.view.enabled=!1),this.updateProjectionMatrix()},updateProjectionMatrix:function(){const t=(this.right-this.left)/(2*this.zoom),e=(this.top-this.bottom)/(2*this.zoom),n=(this.right+this.left)/2,i=(this.top+this.bottom)/2;let r=n-t,o=n+t,s=i+e,a=i-e;if(null!==this.view&&this.view.enabled){const t=(this.right-this.left)/this.view.fullWidth/this.zoom,e=(this.top-this.bottom)/this.view.fullHeight/this.zoom;r+=t*this.view.offsetX,o=r+t*this.view.width,s-=e*this.view.offsetY,a=s-e*this.view.height}this.projectionMatrix.makeOrthographic(r,o,s,a,this.near,this.far),this.projectionMatrixInverse.copy(this.projectionMatrix).invert()},toJSON:function(t){const e=oe.prototype.toJSON.call(this,t);return e.object.zoom=this.zoom,e.object.left=this.left,e.object.right=this.right,e.object.top=this.top,e.object.bottom=this.bottom,e.object.near=this.near,e.object.far=this.far,null!==this.view&&(e.object.view=p({},this.view)),e}}),ja.prototype=p(Object.create(Ua.prototype),{constructor:ja,isDirectionalLightShadow:!0,updateMatrices:function(t){Ua.prototype.updateMatrices.call(this,t)}}),Xa.prototype=p(Object.create(Fa.prototype),{constructor:Xa,isDirectionalLight:!0,copy:function(t){return Fa.prototype.copy.call(this,t),this.target=t.target.clone(),this.shadow=t.shadow.clone(),this}}),qa.prototype=p(Object.create(Fa.prototype),{constructor:qa,isAmbientLight:!0}),Ya.prototype=p(Object.create(Fa.prototype),{constructor:Ya,isRectAreaLight:!0,copy:function(t){return Fa.prototype.copy.call(this,t),this.width=t.width,this.height=t.height,this},toJSON:function(t){const e=Fa.prototype.toJSON.call(this,t);return e.object.width=this.width,e.object.height=this.height,e}});class Qa{constructor(){Object.defineProperty(this,"isSphericalHarmonics3",{value:!0}),this.coefficients=[];for(let t=0;t<9;t++)this.coefficients.push(new st)}set(t){for(let e=0;e<9;e++)this.coefficients[e].copy(t[e]);return this}zero(){for(let t=0;t<9;t++)this.coefficients[t].set(0,0,0);return this}getAt(t,e){const n=t.x,i=t.y,r=t.z,o=this.coefficients;return e.copy(o[0]).multiplyScalar(.282095),e.addScaledVector(o[1],.488603*i),e.addScaledVector(o[2],.488603*r),e.addScaledVector(o[3],.488603*n),e.addScaledVector(o[4],n*i*1.092548),e.addScaledVector(o[5],i*r*1.092548),e.addScaledVector(o[6],.315392*(3*r*r-1)),e.addScaledVector(o[7],n*r*1.092548),e.addScaledVector(o[8],.546274*(n*n-i*i)),e}getIrradianceAt(t,e){const n=t.x,i=t.y,r=t.z,o=this.coefficients;return e.copy(o[0]).multiplyScalar(.886227),e.addScaledVector(o[1],1.023328*i),e.addScaledVector(o[2],1.023328*r),e.addScaledVector(o[3],1.023328*n),e.addScaledVector(o[4],.858086*n*i),e.addScaledVector(o[5],.858086*i*r),e.addScaledVector(o[6],.743125*r*r-.247708),e.addScaledVector(o[7],.858086*n*r),e.addScaledVector(o[8],.429043*(n*n-i*i)),e}add(t){for(let e=0;e<9;e++)this.coefficients[e].add(t.coefficients[e]);return this}addScaledSH(t,e){for(let n=0;n<9;n++)this.coefficients[n].addScaledVector(t.coefficients[n],e);return this}scale(t){for(let e=0;e<9;e++)this.coefficients[e].multiplyScalar(t);return this}lerp(t,e){for(let n=0;n<9;n++)this.coefficients[n].lerp(t.coefficients[n],e);return this}equals(t){for(let e=0;e<9;e++)if(!this.coefficients[e].equals(t.coefficients[e]))return!1;return!0}copy(t){return this.set(t.coefficients)}clone(){return(new this.constructor).copy(this)}fromArray(t,e=0){const n=this.coefficients;for(let i=0;i<9;i++)n[i].fromArray(t,e+3*i);return this}toArray(t=[],e=0){const n=this.coefficients;for(let i=0;i<9;i++)n[i].toArray(t,e+3*i);return t}static getBasisAt(t,e){const n=t.x,i=t.y,r=t.z;e[0]=.282095,e[1]=.488603*i,e[2]=.488603*r,e[3]=.488603*n,e[4]=1.092548*n*i,e[5]=1.092548*i*r,e[6]=.315392*(3*r*r-1),e[7]=1.092548*n*r,e[8]=.546274*(n*n-i*i)}}function Za(t,e){Fa.call(this,void 0,e),this.type="LightProbe",this.sh=void 0!==t?t:new Qa}function Ja(t){oa.call(this,t),this.textures={}}Za.prototype=p(Object.create(Fa.prototype),{constructor:Za,isLightProbe:!0,copy:function(t){return Fa.prototype.copy.call(this,t),this.sh.copy(t.sh),this},fromJSON:function(t){return this.intensity=t.intensity,this.sh.fromArray(t.sh),this},toJSON:function(t){const e=Fa.prototype.toJSON.call(this,t);return e.object.sh=this.sh.toArray(),e}}),Ja.prototype=p(Object.create(oa.prototype),{constructor:Ja,load:function(t,e,n,i){const r=this,o=new aa(r.manager);o.setPath(r.path),o.setRequestHeader(r.requestHeader),o.setWithCredentials(r.withCredentials),o.load(t,(function(n){try{e(r.parse(JSON.parse(n)))}catch(e){i?i(e):console.error(e),r.manager.itemError(t)}}),n,i)},parse:function(t){const e=this.textures;function n(t){return void 0===e[t]&&console.warn("THREE.MaterialLoader: Undefined texture",t),e[t]}const i=new Gs[t.type];if(void 0!==t.uuid&&(i.uuid=t.uuid),void 0!==t.name&&(i.name=t.name),void 0!==t.color&&void 0!==i.color&&i.color.setHex(t.color),void 0!==t.roughness&&(i.roughness=t.roughness),void 0!==t.metalness&&(i.metalness=t.metalness),void 0!==t.sheen&&(i.sheen=(new Te).setHex(t.sheen)),void 0!==t.emissive&&void 0!==i.emissive&&i.emissive.setHex(t.emissive),void 0!==t.specular&&void 0!==i.specular&&i.specular.setHex(t.specular),void 0!==t.shininess&&(i.shininess=t.shininess),void 0!==t.clearcoat&&(i.clearcoat=t.clearcoat),void 0!==t.clearcoatRoughness&&(i.clearcoatRoughness=t.clearcoatRoughness),void 0!==t.fog&&(i.fog=t.fog),void 0!==t.flatShading&&(i.flatShading=t.flatShading),void 0!==t.blending&&(i.blending=t.blending),void 0!==t.combine&&(i.combine=t.combine),void 0!==t.side&&(i.side=t.side),void 0!==t.opacity&&(i.opacity=t.opacity),void 0!==t.transparent&&(i.transparent=t.transparent),void 0!==t.alphaTest&&(i.alphaTest=t.alphaTest),void 0!==t.depthTest&&(i.depthTest=t.depthTest),void 0!==t.depthWrite&&(i.depthWrite=t.depthWrite),void 0!==t.colorWrite&&(i.colorWrite=t.colorWrite),void 0!==t.stencilWrite&&(i.stencilWrite=t.stencilWrite),void 0!==t.stencilWriteMask&&(i.stencilWriteMask=t.stencilWriteMask),void 0!==t.stencilFunc&&(i.stencilFunc=t.stencilFunc),void 0!==t.stencilRef&&(i.stencilRef=t.stencilRef),void 0!==t.stencilFuncMask&&(i.stencilFuncMask=t.stencilFuncMask),void 0!==t.stencilFail&&(i.stencilFail=t.stencilFail),void 0!==t.stencilZFail&&(i.stencilZFail=t.stencilZFail),void 0!==t.stencilZPass&&(i.stencilZPass=t.stencilZPass),void 0!==t.wireframe&&(i.wireframe=t.wireframe),void 0!==t.wireframeLinewidth&&(i.wireframeLinewidth=t.wireframeLinewidth),void 0!==t.wireframeLinecap&&(i.wireframeLinecap=t.wireframeLinecap),void 0!==t.wireframeLinejoin&&(i.wireframeLinejoin=t.wireframeLinejoin),void 0!==t.rotation&&(i.rotation=t.rotation),1!==t.linewidth&&(i.linewidth=t.linewidth),void 0!==t.dashSize&&(i.dashSize=t.dashSize),void 0!==t.gapSize&&(i.gapSize=t.gapSize),void 0!==t.scale&&(i.scale=t.scale),void 0!==t.polygonOffset&&(i.polygonOffset=t.polygonOffset),void 0!==t.polygonOffsetFactor&&(i.polygonOffsetFactor=t.polygonOffsetFactor),void 0!==t.polygonOffsetUnits&&(i.polygonOffsetUnits=t.polygonOffsetUnits),void 0!==t.skinning&&(i.skinning=t.skinning),void 0!==t.morphTargets&&(i.morphTargets=t.morphTargets),void 0!==t.morphNormals&&(i.morphNormals=t.morphNormals),void 0!==t.dithering&&(i.dithering=t.dithering),void 0!==t.vertexTangents&&(i.vertexTangents=t.vertexTangents),void 0!==t.visible&&(i.visible=t.visible),void 0!==t.toneMapped&&(i.toneMapped=t.toneMapped),void 0!==t.userData&&(i.userData=t.userData),void 0!==t.vertexColors&&("number"==typeof t.vertexColors?i.vertexColors=t.vertexColors>0:i.vertexColors=t.vertexColors),void 0!==t.uniforms)for(const e in t.uniforms){const r=t.uniforms[e];switch(i.uniforms[e]={},r.type){case"t":i.uniforms[e].value=n(r.value);break;case"c":i.uniforms[e].value=(new Te).setHex(r.value);break;case"v2":i.uniforms[e].value=(new Z).fromArray(r.value);break;case"v3":i.uniforms[e].value=(new st).fromArray(r.value);break;case"v4":i.uniforms[e].value=(new it).fromArray(r.value);break;case"m3":i.uniforms[e].value=(new J).fromArray(r.value);break;case"m4":i.uniforms[e].value=(new Nt).fromArray(r.value);break;default:i.uniforms[e].value=r.value}}if(void 0!==t.defines&&(i.defines=t.defines),void 0!==t.vertexShader&&(i.vertexShader=t.vertexShader),void 0!==t.fragmentShader&&(i.fragmentShader=t.fragmentShader),void 0!==t.extensions)for(const e in t.extensions)i.extensions[e]=t.extensions[e];if(void 0!==t.shading&&(i.flatShading=1===t.shading),void 0!==t.size&&(i.size=t.size),void 0!==t.sizeAttenuation&&(i.sizeAttenuation=t.sizeAttenuation),void 0!==t.map&&(i.map=n(t.map)),void 0!==t.matcap&&(i.matcap=n(t.matcap)),void 0!==t.alphaMap&&(i.alphaMap=n(t.alphaMap)),void 0!==t.bumpMap&&(i.bumpMap=n(t.bumpMap)),void 0!==t.bumpScale&&(i.bumpScale=t.bumpScale),void 0!==t.normalMap&&(i.normalMap=n(t.normalMap)),void 0!==t.normalMapType&&(i.normalMapType=t.normalMapType),void 0!==t.normalScale){let e=t.normalScale;!1===Array.isArray(e)&&(e=[e,e]),i.normalScale=(new Z).fromArray(e)}return void 0!==t.displacementMap&&(i.displacementMap=n(t.displacementMap)),void 0!==t.displacementScale&&(i.displacementScale=t.displacementScale),void 0!==t.displacementBias&&(i.displacementBias=t.displacementBias),void 0!==t.roughnessMap&&(i.roughnessMap=n(t.roughnessMap)),void 0!==t.metalnessMap&&(i.metalnessMap=n(t.metalnessMap)),void 0!==t.emissiveMap&&(i.emissiveMap=n(t.emissiveMap)),void 0!==t.emissiveIntensity&&(i.emissiveIntensity=t.emissiveIntensity),void 0!==t.specularMap&&(i.specularMap=n(t.specularMap)),void 0!==t.envMap&&(i.envMap=n(t.envMap)),void 0!==t.envMapIntensity&&(i.envMapIntensity=t.envMapIntensity),void 0!==t.reflectivity&&(i.reflectivity=t.reflectivity),void 0!==t.refractionRatio&&(i.refractionRatio=t.refractionRatio),void 0!==t.lightMap&&(i.lightMap=n(t.lightMap)),void 0!==t.lightMapIntensity&&(i.lightMapIntensity=t.lightMapIntensity),void 0!==t.aoMap&&(i.aoMap=n(t.aoMap)),void 0!==t.aoMapIntensity&&(i.aoMapIntensity=t.aoMapIntensity),void 0!==t.gradientMap&&(i.gradientMap=n(t.gradientMap)),void 0!==t.clearcoatMap&&(i.clearcoatMap=n(t.clearcoatMap)),void 0!==t.clearcoatRoughnessMap&&(i.clearcoatRoughnessMap=n(t.clearcoatRoughnessMap)),void 0!==t.clearcoatNormalMap&&(i.clearcoatNormalMap=n(t.clearcoatNormalMap)),void 0!==t.clearcoatNormalScale&&(i.clearcoatNormalScale=(new Z).fromArray(t.clearcoatNormalScale)),void 0!==t.transmission&&(i.transmission=t.transmission),void 0!==t.transmissionMap&&(i.transmissionMap=n(t.transmissionMap)),i},setTextures:function(t){return this.textures=t,this}});const Ka=function(t){const e=t.lastIndexOf("/");return-1===e?"./":t.substr(0,e+1)};function $a(){en.call(this),this.type="InstancedBufferGeometry",this.instanceCount=1/0}function tl(t,e,n,i){"number"==typeof n&&(i=n,n=!1,console.error("THREE.InstancedBufferAttribute: The constructor now expects normalized as the third argument.")),Ne.call(this,t,e,n),this.meshPerAttribute=i||1}function el(t){oa.call(this,t)}function nl(t){"undefined"==typeof createImageBitmap&&console.warn("THREE.ImageBitmapLoader: createImageBitmap() not supported."),"undefined"==typeof fetch&&console.warn("THREE.ImageBitmapLoader: fetch() not supported."),oa.call(this,t),this.options={premultiplyAlpha:"none"}}function il(){this.type="ShapePath",this.color=new Te,this.subPaths=[],this.currentPath=null}$a.prototype=p(Object.create(en.prototype),{constructor:$a,isInstancedBufferGeometry:!0,copy:function(t){return en.prototype.copy.call(this,t),this.instanceCount=t.instanceCount,this},clone:function(){return(new this.constructor).copy(this)},toJSON:function(){const t=en.prototype.toJSON.call(this);return t.instanceCount=this.instanceCount,t.isInstancedBufferGeometry=!0,t}}),tl.prototype=p(Object.create(Ne.prototype),{constructor:tl,isInstancedBufferAttribute:!0,copy:function(t){return Ne.prototype.copy.call(this,t),this.meshPerAttribute=t.meshPerAttribute,this},toJSON:function(){const t=Ne.prototype.toJSON.call(this);return t.meshPerAttribute=this.meshPerAttribute,t.isInstancedBufferAttribute=!0,t}}),el.prototype=p(Object.create(oa.prototype),{constructor:el,load:function(t,e,n,i){const r=this,o=new aa(r.manager);o.setPath(r.path),o.setRequestHeader(r.requestHeader),o.setWithCredentials(r.withCredentials),o.load(t,(function(n){try{e(r.parse(JSON.parse(n)))}catch(e){i?i(e):console.error(e),r.manager.itemError(t)}}),n,i)},parse:function(t){const e={},n={};function i(t,i){if(void 0!==e[i])return e[i];const r=t.interleavedBuffers[i],o=function(t,e){if(void 0!==n[e])return n[e];const i=t.arrayBuffers,r=i[e],o=new Uint32Array(r).buffer;return n[e]=o,o}(t,r.buffer),s=new Xr(qe(r.type,o),r.stride);return s.uuid=r.uuid,e[i]=s,s}const r=t.isInstancedBufferGeometry?new $a:new en,o=t.data.index;if(void 0!==o){const t=qe(o.type,o.array);r.setIndex(new Ne(t,1))}const s=t.data.attributes;for(const e in s){const n=s[e];let o;if(n.isInterleavedBufferAttribute){o=new Yr(i(t.data,n.data),n.itemSize,n.offset,n.normalized)}else{const t=qe(n.type,n.array);o=new(n.isInstancedBufferAttribute?tl:Ne)(t,n.itemSize,n.normalized)}void 0!==n.name&&(o.name=n.name),r.setAttribute(e,o)}const a=t.data.morphAttributes;if(a)for(const e in a){const n=a[e],o=[];for(let e=0,r=n.length;e<r;e++){const r=n[e];let s;if(r.isInterleavedBufferAttribute){s=new Yr(i(t.data,r.data),r.itemSize,r.offset,r.normalized)}else{s=new Ne(qe(r.type,r.array),r.itemSize,r.normalized)}void 0!==r.name&&(s.name=r.name),o.push(s)}r.morphAttributes[e]=o}t.data.morphTargetsRelative&&(r.morphTargetsRelative=!0);const l=t.data.groups||t.data.drawcalls||t.data.offsets;if(void 0!==l)for(let t=0,e=l.length;t!==e;++t){const e=l[t];r.addGroup(e.start,e.count,e.materialIndex)}const c=t.data.boundingSphere;if(void 0!==c){const t=new st;void 0!==c.center&&t.fromArray(c.center),r.boundingSphere=new Et(t,c.radius)}return t.name&&(r.name=t.name),t.userData&&(r.userData=t.userData),r}}),nl.prototype=p(Object.create(oa.prototype),{constructor:nl,isImageBitmapLoader:!0,setOptions:function(t){return this.options=t,this},load:function(t,e,n,i){void 0===t&&(t=""),void 0!==this.path&&(t=this.path+t),t=this.manager.resolveURL(t);const r=this,o=ia.get(t);if(void 0!==o)return r.manager.itemStart(t),setTimeout((function(){e&&e(o),r.manager.itemEnd(t)}),0),o;const s={};s.credentials="anonymous"===this.crossOrigin?"same-origin":"include",fetch(t,s).then((function(t){return t.blob()})).then((function(t){return createImageBitmap(t,r.options)})).then((function(n){ia.add(t,n),e&&e(n),r.manager.itemEnd(t)})).catch((function(e){i&&i(e),r.manager.itemError(t),r.manager.itemEnd(t)})),r.manager.itemStart(t)}}),p(il.prototype,{moveTo:function(t,e){return this.currentPath=new Oa,this.subPaths.push(this.currentPath),this.currentPath.moveTo(t,e),this},lineTo:function(t,e){return this.currentPath.lineTo(t,e),this},quadraticCurveTo:function(t,e,n,i){return this.currentPath.quadraticCurveTo(t,e,n,i),this},bezierCurveTo:function(t,e,n,i,r,o){return this.currentPath.bezierCurveTo(t,e,n,i,r,o),this},splineThru:function(t){return this.currentPath.splineThru(t),this},toShapes:function(t,e){function n(t){const e=[];for(let n=0,i=t.length;n<i;n++){const i=t[n],r=new Ba;r.curves=i.curves,e.push(r)}return e}function i(t,e){const n=e.length;let i=!1;for(let r=n-1,o=0;o<n;r=o++){let n=e[r],s=e[o],a=s.x-n.x,l=s.y-n.y;if(Math.abs(l)>Number.EPSILON){if(l<0&&(n=e[o],a=-a,s=e[r],l=-l),t.y<n.y||t.y>s.y)continue;if(t.y===n.y){if(t.x===n.x)return!0}else{const e=l*(t.x-n.x)-a*(t.y-n.y);if(0===e)return!0;if(e<0)continue;i=!i}}else{if(t.y!==n.y)continue;if(s.x<=t.x&&t.x<=n.x||n.x<=t.x&&t.x<=s.x)return!0}}return i}const r=bs.isClockWise,o=this.subPaths;if(0===o.length)return[];if(!0===e)return n(o);let s,a,l;const c=[];if(1===o.length)return a=o[0],l=new Ba,l.curves=a.curves,c.push(l),c;let h=!r(o[0].getPoints());h=t?!h:h;const u=[],d=[];let p,f,m=[],g=0;d[g]=void 0,m[g]=[];for(let e=0,n=o.length;e<n;e++)a=o[e],p=a.getPoints(),s=r(p),s=t?!s:s,s?(!h&&d[g]&&g++,d[g]={s:new Ba,p:p},d[g].s.curves=a.curves,h&&g++,m[g]=[]):m[g].push({h:a,p:p[0]});if(!d[0])return n(o);if(d.length>1){let t=!1;const e=[];for(let t=0,e=d.length;t<e;t++)u[t]=[];for(let n=0,r=d.length;n<r;n++){const r=m[n];for(let o=0;o<r.length;o++){const s=r[o];let a=!0;for(let r=0;r<d.length;r++)i(s.p,d[r].p)&&(n!==r&&e.push({froms:n,tos:r,hole:o}),a?(a=!1,u[r].push(s)):t=!0);a&&u[n].push(s)}}e.length>0&&(t||(m=u))}for(let t=0,e=d.length;t<e;t++){l=d[t].s,c.push(l),f=m[t];for(let t=0,e=f.length;t<e;t++)l.holes.push(f[t].h)}return c}});class rl{constructor(t){Object.defineProperty(this,"isFont",{value:!0}),this.type="Font",this.data=t}generateShapes(t,e=100){const n=[],i=function(t,e,n){const i=Array.from?Array.from(t):String(t).split(""),r=e/n.resolution,o=(n.boundingBox.yMax-n.boundingBox.yMin+n.underlineThickness)*r,s=[];let a=0,l=0;for(let t=0;t<i.length;t++){const e=i[t];if("\n"===e)a=0,l-=o;else{const t=ol(e,r,a,l,n);a+=t.offsetX,s.push(t.path)}}return s}(t,e,this.data);for(let t=0,e=i.length;t<e;t++)Array.prototype.push.apply(n,i[t].toShapes());return n}}function ol(t,e,n,i,r){const o=r.glyphs[t]||r.glyphs["?"];if(!o)return void console.error('THREE.Font: character "'+t+'" does not exists in font family '+r.familyName+".");const s=new il;let a,l,c,h,u,d,p,f;if(o.o){const t=o._cachedOutline||(o._cachedOutline=o.o.split(" "));for(let r=0,o=t.length;r<o;){switch(t[r++]){case"m":a=t[r++]*e+n,l=t[r++]*e+i,s.moveTo(a,l);break;case"l":a=t[r++]*e+n,l=t[r++]*e+i,s.lineTo(a,l);break;case"q":c=t[r++]*e+n,h=t[r++]*e+i,u=t[r++]*e+n,d=t[r++]*e+i,s.quadraticCurveTo(u,d,c,h);break;case"b":c=t[r++]*e+n,h=t[r++]*e+i,u=t[r++]*e+n,d=t[r++]*e+i,p=t[r++]*e+n,f=t[r++]*e+i,s.bezierCurveTo(u,d,p,f,c,h)}}}return{offsetX:o.ha*e,path:s}}function sl(t){oa.call(this,t)}let al;sl.prototype=p(Object.create(oa.prototype),{constructor:sl,load:function(t,e,n,i){const r=this,o=new aa(this.manager);o.setPath(this.path),o.setRequestHeader(this.requestHeader),o.setWithCredentials(r.withCredentials),o.load(t,(function(t){let n;try{n=JSON.parse(t)}catch(e){console.warn("THREE.FontLoader: typeface.js support is being deprecated. Use typeface.json instead."),n=JSON.parse(t.substring(65,t.length-2))}const i=r.parse(n);e&&e(i)}),n,i)},parse:function(t){return new rl(t)}});const ll=function(){return void 0===al&&(al=new(window.AudioContext||window.webkitAudioContext)),al};function cl(t){oa.call(this,t)}function hl(t,e,n){Za.call(this,void 0,n);const i=(new Te).set(t),r=(new Te).set(e),o=new st(i.r,i.g,i.b),s=new st(r.r,r.g,r.b),a=Math.sqrt(Math.PI),l=a*Math.sqrt(.75);this.sh.coefficients[0].copy(o).add(s).multiplyScalar(a),this.sh.coefficients[1].copy(o).sub(s).multiplyScalar(l)}function ul(t,e){Za.call(this,void 0,e);const n=(new Te).set(t);this.sh.coefficients[0].set(n.r,n.g,n.b).multiplyScalar(2*Math.sqrt(Math.PI))}cl.prototype=p(Object.create(oa.prototype),{constructor:cl,load:function(t,e,n,i){const r=this,o=new aa(r.manager);o.setResponseType("arraybuffer"),o.setPath(r.path),o.setRequestHeader(r.requestHeader),o.setWithCredentials(r.withCredentials),o.load(t,(function(n){try{const t=n.slice(0);ll().decodeAudioData(t,(function(t){e(t)}))}catch(e){i?i(e):console.error(e),r.manager.itemError(t)}}),n,i)}}),hl.prototype=p(Object.create(Za.prototype),{constructor:hl,isHemisphereLightProbe:!0,copy:function(t){return Za.prototype.copy.call(this,t),this},toJSON:function(t){return Za.prototype.toJSON.call(this,t)}}),ul.prototype=p(Object.create(Za.prototype),{constructor:ul,isAmbientLightProbe:!0,copy:function(t){return Za.prototype.copy.call(this,t),this},toJSON:function(t){return Za.prototype.toJSON.call(this,t)}});const dl=new Nt,pl=new Nt;p(function(){this.type="StereoCamera",this.aspect=1,this.eyeSep=.064,this.cameraL=new Ln,this.cameraL.layers.enable(1),this.cameraL.matrixAutoUpdate=!1,this.cameraR=new Ln,this.cameraR.layers.enable(2),this.cameraR.matrixAutoUpdate=!1,this._cache={focus:null,fov:null,aspect:null,near:null,far:null,zoom:null,eyeSep:null}}.prototype,{update:function(t){const e=this._cache;if(e.focus!==t.focus||e.fov!==t.fov||e.aspect!==t.aspect*this.aspect||e.near!==t.near||e.far!==t.far||e.zoom!==t.zoom||e.eyeSep!==this.eyeSep){e.focus=t.focus,e.fov=t.fov,e.aspect=t.aspect*this.aspect,e.near=t.near,e.far=t.far,e.zoom=t.zoom,e.eyeSep=this.eyeSep;const n=t.projectionMatrix.clone(),i=e.eyeSep/2,r=i*e.near/e.focus,o=e.near*Math.tan(Q.DEG2RAD*e.fov*.5)/e.zoom;let s,a;pl.elements[12]=-i,dl.elements[12]=i,s=-o*e.aspect+r,a=o*e.aspect+r,n.elements[0]=2*e.near/(a-s),n.elements[8]=(a+s)/(a-s),this.cameraL.projectionMatrix.copy(n),s=-o*e.aspect-r,a=o*e.aspect-r,n.elements[0]=2*e.near/(a-s),n.elements[8]=(a+s)/(a-s),this.cameraR.projectionMatrix.copy(n)}this.cameraL.matrixWorld.copy(t.matrixWorld).multiply(pl),this.cameraR.matrixWorld.copy(t.matrixWorld).multiply(dl)}});function fl(t,e,n){let i,r,o;switch(this.binding=t,this.valueSize=n,e){case"quaternion":i=this._slerp,r=this._slerpAdditive,o=this._setAdditiveIdentityQuaternion,this.buffer=new Float64Array(6*n),this._workIndex=5;break;case"string":case"bool":i=this._select,r=this._select,o=this._setAdditiveIdentityOther,this.buffer=new Array(5*n);break;default:i=this._lerp,r=this._lerpAdditive,o=this._setAdditiveIdentityNumeric,this.buffer=new Float64Array(5*n)}this._mixBufferRegion=i,this._mixBufferRegionAdditive=r,this._setIdentity=o,this._origIndex=3,this._addIndex=4,this.cumulativeWeight=0,this.cumulativeWeightAdditive=0,this.useCount=0,this.referenceCount=0}p(fl.prototype,{accumulate:function(t,e){const n=this.buffer,i=this.valueSize,r=t*i+i;let o=this.cumulativeWeight;if(0===o){for(let t=0;t!==i;++t)n[r+t]=n[t];o=e}else{o+=e;const t=e/o;this._mixBufferRegion(n,r,0,t,i)}this.cumulativeWeight=o},accumulateAdditive:function(t){const e=this.buffer,n=this.valueSize,i=n*this._addIndex;0===this.cumulativeWeightAdditive&&this._setIdentity(),this._mixBufferRegionAdditive(e,i,0,t,n),this.cumulativeWeightAdditive+=t},apply:function(t){const e=this.valueSize,n=this.buffer,i=t*e+e,r=this.cumulativeWeight,o=this.cumulativeWeightAdditive,s=this.binding;if(this.cumulativeWeight=0,this.cumulativeWeightAdditive=0,r<1){const t=e*this._origIndex;this._mixBufferRegion(n,i,t,1-r,e)}o>0&&this._mixBufferRegionAdditive(n,i,this._addIndex*e,1,e);for(let t=e,r=e+e;t!==r;++t)if(n[t]!==n[t+e]){s.setValue(n,i);break}},saveOriginalState:function(){const t=this.binding,e=this.buffer,n=this.valueSize,i=n*this._origIndex;t.getValue(e,i);for(let t=n,r=i;t!==r;++t)e[t]=e[i+t%n];this._setIdentity(),this.cumulativeWeight=0,this.cumulativeWeightAdditive=0},restoreOriginalState:function(){const t=3*this.valueSize;this.binding.setValue(this.buffer,t)},_setAdditiveIdentityNumeric:function(){const t=this._addIndex*this.valueSize,e=t+this.valueSize;for(let n=t;n<e;n++)this.buffer[n]=0},_setAdditiveIdentityQuaternion:function(){this._setAdditiveIdentityNumeric(),this.buffer[this._addIndex*this.valueSize+3]=1},_setAdditiveIdentityOther:function(){const t=this._origIndex*this.valueSize,e=this._addIndex*this.valueSize;for(let n=0;n<this.valueSize;n++)this.buffer[e+n]=this.buffer[t+n]},_select:function(t,e,n,i,r){if(i>=.5)for(let i=0;i!==r;++i)t[e+i]=t[n+i]},_slerp:function(t,e,n,i){ot.slerpFlat(t,e,t,e,t,n,i)},_slerpAdditive:function(t,e,n,i,r){const o=this._workIndex*r;ot.multiplyQuaternionsFlat(t,o,t,e,t,n),ot.slerpFlat(t,e,t,e,t,o,i)},_lerp:function(t,e,n,i,r){const o=1-i;for(let s=0;s!==r;++s){const r=e+s;t[r]=t[r]*o+t[n+s]*i}},_lerpAdditive:function(t,e,n,i,r){for(let o=0;o!==r;++o){const r=e+o;t[r]=t[r]+t[n+o]*i}}});const ml="\\[\\]\\.:\\/",gl=new RegExp("["+ml+"]","g"),vl="[^"+ml+"]",yl="[^"+ml.replace("\\.","")+"]",Al=/((?:WC+[\/:])*)/.source.replace("WC",vl),xl=/(WCOD+)?/.source.replace("WCOD",yl),_l=/(?:\.(WC+)(?:\[(.+)\])?)?/.source.replace("WC",vl),wl=/\.(WC+)(?:\[(.+)\])?/.source.replace("WC",vl),bl=new RegExp("^"+Al+xl+_l+wl+"$"),Ml=["material","materials","bones"];function El(t,e,n){const i=n||Sl.parseTrackName(e);this._targetGroup=t,this._bindings=t.subscribe_(e,i)}function Sl(t,e,n){this.path=e,this.parsedPath=n||Sl.parseTrackName(e),this.node=Sl.findNode(t,this.parsedPath.nodeName)||t,this.rootNode=t}p(El.prototype,{getValue:function(t,e){this.bind();const n=this._targetGroup.nCachedObjects_,i=this._bindings[n];void 0!==i&&i.getValue(t,e)},setValue:function(t,e){const n=this._bindings;for(let i=this._targetGroup.nCachedObjects_,r=n.length;i!==r;++i)n[i].setValue(t,e)},bind:function(){const t=this._bindings;for(let e=this._targetGroup.nCachedObjects_,n=t.length;e!==n;++e)t[e].bind()},unbind:function(){const t=this._bindings;for(let e=this._targetGroup.nCachedObjects_,n=t.length;e!==n;++e)t[e].unbind()}}),p(Sl,{Composite:El,create:function(t,e,n){return t&&t.isAnimationObjectGroup?new Sl.Composite(t,e,n):new Sl(t,e,n)},sanitizeNodeName:function(t){return t.replace(/\s/g,"_").replace(gl,"")},parseTrackName:function(t){const e=bl.exec(t);if(!e)throw new Error("PropertyBinding: Cannot parse trackName: "+t);const n={nodeName:e[2],objectName:e[3],objectIndex:e[4],propertyName:e[5],propertyIndex:e[6]},i=n.nodeName&&n.nodeName.lastIndexOf(".");if(void 0!==i&&-1!==i){const t=n.nodeName.substring(i+1);-1!==Ml.indexOf(t)&&(n.nodeName=n.nodeName.substring(0,i),n.objectName=t)}if(null===n.propertyName||0===n.propertyName.length)throw new Error("PropertyBinding: can not parse propertyName from trackName: "+t);return n},findNode:function(t,e){if(!e||""===e||"."===e||-1===e||e===t.name||e===t.uuid)return t;if(t.skeleton){const n=t.skeleton.getBoneByName(e);if(void 0!==n)return n}if(t.children){const n=function(t){for(let i=0;i<t.length;i++){const r=t[i];if(r.name===e||r.uuid===e)return r;const o=n(r.children);if(o)return o}return null},i=n(t.children);if(i)return i}return null}}),p(Sl.prototype,{_getValue_unavailable:function(){},_setValue_unavailable:function(){},BindingType:{Direct:0,EntireArray:1,ArrayElement:2,HasFromToArray:3},Versioning:{None:0,NeedsUpdate:1,MatrixWorldNeedsUpdate:2},GetterByBindingType:[function(t,e){t[e]=this.node[this.propertyName]},function(t,e){const n=this.resolvedProperty;for(let i=0,r=n.length;i!==r;++i)t[e++]=n[i]},function(t,e){t[e]=this.resolvedProperty[this.propertyIndex]},function(t,e){this.resolvedProperty.toArray(t,e)}],SetterByBindingTypeAndVersioning:[[function(t,e){this.targetObject[this.propertyName]=t[e]},function(t,e){this.targetObject[this.propertyName]=t[e],this.targetObject.needsUpdate=!0},function(t,e){this.targetObject[this.propertyName]=t[e],this.targetObject.matrixWorldNeedsUpdate=!0}],[function(t,e){const n=this.resolvedProperty;for(let i=0,r=n.length;i!==r;++i)n[i]=t[e++]},function(t,e){const n=this.resolvedProperty;for(let i=0,r=n.length;i!==r;++i)n[i]=t[e++];this.targetObject.needsUpdate=!0},function(t,e){const n=this.resolvedProperty;for(let i=0,r=n.length;i!==r;++i)n[i]=t[e++];this.targetObject.matrixWorldNeedsUpdate=!0}],[function(t,e){this.resolvedProperty[this.propertyIndex]=t[e]},function(t,e){this.resolvedProperty[this.propertyIndex]=t[e],this.targetObject.needsUpdate=!0},function(t,e){this.resolvedProperty[this.propertyIndex]=t[e],this.targetObject.matrixWorldNeedsUpdate=!0}],[function(t,e){this.resolvedProperty.fromArray(t,e)},function(t,e){this.resolvedProperty.fromArray(t,e),this.targetObject.needsUpdate=!0},function(t,e){this.resolvedProperty.fromArray(t,e),this.targetObject.matrixWorldNeedsUpdate=!0}]],getValue:function(t,e){this.bind(),this.getValue(t,e)},setValue:function(t,e){this.bind(),this.setValue(t,e)},bind:function(){let t=this.node;const e=this.parsedPath,n=e.objectName,i=e.propertyName;let r=e.propertyIndex;if(t||(t=Sl.findNode(this.rootNode,e.nodeName)||this.rootNode,this.node=t),this.getValue=this._getValue_unavailable,this.setValue=this._setValue_unavailable,!t)return void console.error("THREE.PropertyBinding: Trying to update node for track: "+this.path+" but it wasn't found.");if(n){let i=e.objectIndex;switch(n){case"materials":if(!t.material)return void console.error("THREE.PropertyBinding: Can not bind to material as node does not have a material.",this);if(!t.material.materials)return void console.error("THREE.PropertyBinding: Can not bind to material.materials as node.material does not have a materials array.",this);t=t.material.materials;break;case"bones":if(!t.skeleton)return void console.error("THREE.PropertyBinding: Can not bind to bones as node does not have a skeleton.",this);t=t.skeleton.bones;for(let e=0;e<t.length;e++)if(t[e].name===i){i=e;break}break;default:if(void 0===t[n])return void console.error("THREE.PropertyBinding: Can not bind to objectName of node undefined.",this);t=t[n]}if(void 0!==i){if(void 0===t[i])return void console.error("THREE.PropertyBinding: Trying to bind to objectIndex of objectName, but is undefined.",this,t);t=t[i]}}const o=t[i];if(void 0===o){const n=e.nodeName;return void console.error("THREE.PropertyBinding: Trying to update property for track: "+n+"."+i+" but it wasn't found.",t)}let s=this.Versioning.None;this.targetObject=t,void 0!==t.needsUpdate?s=this.Versioning.NeedsUpdate:void 0!==t.matrixWorldNeedsUpdate&&(s=this.Versioning.MatrixWorldNeedsUpdate);let a=this.BindingType.Direct;if(void 0!==r){if("morphTargetInfluences"===i){if(!t.geometry)return void console.error("THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.",this);if(!t.geometry.isBufferGeometry)return void console.error("THREE.PropertyBinding: Can not bind to morphTargetInfluences on THREE.Geometry. Use THREE.BufferGeometry instead.",this);if(!t.geometry.morphAttributes)return void console.error("THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphAttributes.",this);void 0!==t.morphTargetDictionary[r]&&(r=t.morphTargetDictionary[r])}a=this.BindingType.ArrayElement,this.resolvedProperty=o,this.propertyIndex=r}else void 0!==o.fromArray&&void 0!==o.toArray?(a=this.BindingType.HasFromToArray,this.resolvedProperty=o):Array.isArray(o)?(a=this.BindingType.EntireArray,this.resolvedProperty=o):this.propertyName=i;this.getValue=this.GetterByBindingType[a],this.setValue=this.SetterByBindingTypeAndVersioning[a][s]},unbind:function(){this.node=null,this.getValue=this._getValue_unbound,this.setValue=this._setValue_unbound}}),p(Sl.prototype,{_getValue_unbound:Sl.prototype.getValue,_setValue_unbound:Sl.prototype.setValue}),p(function(){this.uuid=Q.generateUUID(),this._objects=Array.prototype.slice.call(arguments),this.nCachedObjects_=0;const t={};this._indicesByUUID=t;for(let e=0,n=arguments.length;e!==n;++e)t[arguments[e].uuid]=e;this._paths=[],this._parsedPaths=[],this._bindings=[],this._bindingsIndicesByPath={};const e=this;this.stats={objects:{get total(){return e._objects.length},get inUse(){return this.total-e.nCachedObjects_}},get bindingsPerObject(){return e._bindings.length}}}.prototype,{isAnimationObjectGroup:!0,add:function(){const t=this._objects,e=this._indicesByUUID,n=this._paths,i=this._parsedPaths,r=this._bindings,o=r.length;let s,a=t.length,l=this.nCachedObjects_;for(let c=0,h=arguments.length;c!==h;++c){const h=arguments[c],u=h.uuid;let d=e[u];if(void 0===d){d=a++,e[u]=d,t.push(h);for(let t=0,e=o;t!==e;++t)r[t].push(new Sl(h,n[t],i[t]))}else if(d<l){s=t[d];const a=--l,c=t[a];e[c.uuid]=d,t[d]=c,e[u]=a,t[a]=h;for(let t=0,e=o;t!==e;++t){const e=r[t],o=e[a];let s=e[d];e[d]=o,void 0===s&&(s=new Sl(h,n[t],i[t])),e[a]=s}}else t[d]!==s&&console.error("THREE.AnimationObjectGroup: Different objects with the same UUID detected. Clean the caches or recreate your infrastructure when reloading scenes.")}this.nCachedObjects_=l},remove:function(){const t=this._objects,e=this._indicesByUUID,n=this._bindings,i=n.length;let r=this.nCachedObjects_;for(let o=0,s=arguments.length;o!==s;++o){const s=arguments[o],a=s.uuid,l=e[a];if(void 0!==l&&l>=r){const o=r++,c=t[o];e[c.uuid]=l,t[l]=c,e[a]=o,t[o]=s;for(let t=0,e=i;t!==e;++t){const e=n[t],i=e[o],r=e[l];e[l]=i,e[o]=r}}}this.nCachedObjects_=r},uncache:function(){const t=this._objects,e=this._indicesByUUID,n=this._bindings,i=n.length;let r=this.nCachedObjects_,o=t.length;for(let s=0,a=arguments.length;s!==a;++s){const a=arguments[s].uuid,l=e[a];if(void 0!==l)if(delete e[a],l<r){const s=--r,a=t[s],c=--o,h=t[c];e[a.uuid]=l,t[l]=a,e[h.uuid]=s,t[s]=h,t.pop();for(let t=0,e=i;t!==e;++t){const e=n[t],i=e[s],r=e[c];e[l]=i,e[s]=r,e.pop()}}else{const r=--o,s=t[r];r>0&&(e[s.uuid]=l),t[l]=s,t.pop();for(let t=0,e=i;t!==e;++t){const e=n[t];e[l]=e[r],e.pop()}}}this.nCachedObjects_=r},subscribe_:function(t,e){const n=this._bindingsIndicesByPath;let i=n[t];const r=this._bindings;if(void 0!==i)return r[i];const o=this._paths,s=this._parsedPaths,a=this._objects,l=a.length,c=this.nCachedObjects_,h=new Array(l);i=r.length,n[t]=i,o.push(t),s.push(e),r.push(h);for(let n=c,i=a.length;n!==i;++n){const i=a[n];h[n]=new Sl(i,t,e)}return h},unsubscribe_:function(t){const e=this._bindingsIndicesByPath,n=e[t];if(void 0!==n){const i=this._paths,r=this._parsedPaths,o=this._bindings,s=o.length-1,a=o[s];e[t[s]]=n,o[n]=a,o.pop(),r[n]=r[s],r.pop(),i[n]=i[s],i.pop()}}});class Tl{constructor(t,e,n=null,i=e.blendMode){this._mixer=t,this._clip=e,this._localRoot=n,this.blendMode=i;const r=e.tracks,o=r.length,s=new Array(o),a={endingStart:F,endingEnd:F};for(let t=0;t!==o;++t){const e=r[t].createInterpolant(null);s[t]=e,e.settings=a}this._interpolantSettings=a,this._interpolants=s,this._propertyBindings=new Array(o),this._cacheIndex=null,this._byClipCacheIndex=null,this._timeScaleInterpolant=null,this._weightInterpolant=null,this.loop=2201,this._loopCount=-1,this._startTime=null,this.time=0,this.timeScale=1,this._effectiveTimeScale=1,this.weight=1,this._effectiveWeight=1,this.repetitions=1/0,this.paused=!1,this.enabled=!0,this.clampWhenFinished=!1,this.zeroSlopeAtStart=!0,this.zeroSlopeAtEnd=!0}play(){return this._mixer._activateAction(this),this}stop(){return this._mixer._deactivateAction(this),this.reset()}reset(){return this.paused=!1,this.enabled=!0,this.time=0,this._loopCount=-1,this._startTime=null,this.stopFading().stopWarping()}isRunning(){return this.enabled&&!this.paused&&0!==this.timeScale&&null===this._startTime&&this._mixer._isActiveAction(this)}isScheduled(){return this._mixer._isActiveAction(this)}startAt(t){return this._startTime=t,this}setLoop(t,e){return this.loop=t,this.repetitions=e,this}setEffectiveWeight(t){return this.weight=t,this._effectiveWeight=this.enabled?t:0,this.stopFading()}getEffectiveWeight(){return this._effectiveWeight}fadeIn(t){return this._scheduleFading(t,0,1)}fadeOut(t){return this._scheduleFading(t,1,0)}crossFadeFrom(t,e,n){if(t.fadeOut(e),this.fadeIn(e),n){const n=this._clip.duration,i=t._clip.duration,r=i/n,o=n/i;t.warp(1,r,e),this.warp(o,1,e)}return this}crossFadeTo(t,e,n){return t.crossFadeFrom(this,e,n)}stopFading(){const t=this._weightInterpolant;return null!==t&&(this._weightInterpolant=null,this._mixer._takeBackControlInterpolant(t)),this}setEffectiveTimeScale(t){return this.timeScale=t,this._effectiveTimeScale=this.paused?0:t,this.stopWarping()}getEffectiveTimeScale(){return this._effectiveTimeScale}setDuration(t){return this.timeScale=this._clip.duration/t,this.stopWarping()}syncWith(t){return this.time=t.time,this.timeScale=t.timeScale,this.stopWarping()}halt(t){return this.warp(this._effectiveTimeScale,0,t)}warp(t,e,n){const i=this._mixer,r=i.time,o=this.timeScale;let s=this._timeScaleInterpolant;null===s&&(s=i._lendControlInterpolant(),this._timeScaleInterpolant=s);const a=s.parameterPositions,l=s.sampleValues;return a[0]=r,a[1]=r+n,l[0]=t/o,l[1]=e/o,this}stopWarping(){const t=this._timeScaleInterpolant;return null!==t&&(this._timeScaleInterpolant=null,this._mixer._takeBackControlInterpolant(t)),this}getMixer(){return this._mixer}getClip(){return this._clip}getRoot(){return this._localRoot||this._mixer._root}_update(t,e,n,i){if(!this.enabled)return void this._updateWeight(t);const r=this._startTime;if(null!==r){const i=(t-r)*n;if(i<0||0===n)return;this._startTime=null,e=n*i}e*=this._updateTimeScale(t);const o=this._updateTime(e),s=this._updateWeight(t);if(s>0){const t=this._interpolants,e=this._propertyBindings;if(2501===this.blendMode)for(let n=0,i=t.length;n!==i;++n)t[n].evaluate(o),e[n].accumulateAdditive(s);else for(let n=0,r=t.length;n!==r;++n)t[n].evaluate(o),e[n].accumulate(i,s)}}_updateWeight(t){let e=0;if(this.enabled){e=this.weight;const n=this._weightInterpolant;if(null!==n){const i=n.evaluate(t)[0];e*=i,t>n.parameterPositions[1]&&(this.stopFading(),0===i&&(this.enabled=!1))}}return this._effectiveWeight=e,e}_updateTimeScale(t){let e=0;if(!this.paused){e=this.timeScale;const n=this._timeScaleInterpolant;if(null!==n){e*=n.evaluate(t)[0],t>n.parameterPositions[1]&&(this.stopWarping(),0===e?this.paused=!0:this.timeScale=e)}}return this._effectiveTimeScale=e,e}_updateTime(t){const e=this._clip.duration,n=this.loop;let i=this.time+t,r=this._loopCount;const o=2202===n;if(0===t)return-1===r?i:o&&1==(1&r)?e-i:i;if(2200===n){-1===r&&(this._loopCount=0,this._setEndings(!0,!0,!1));t:{if(i>=e)i=e;else{if(!(i<0)){this.time=i;break t}i=0}this.clampWhenFinished?this.paused=!0:this.enabled=!1,this.time=i,this._mixer.dispatchEvent({type:"finished",action:this,direction:t<0?-1:1})}}else{if(-1===r&&(t>=0?(r=0,this._setEndings(!0,0===this.repetitions,o)):this._setEndings(0===this.repetitions,!0,o)),i>=e||i<0){const n=Math.floor(i/e);i-=e*n,r+=Math.abs(n);const s=this.repetitions-r;if(s<=0)this.clampWhenFinished?this.paused=!0:this.enabled=!1,i=t>0?e:0,this.time=i,this._mixer.dispatchEvent({type:"finished",action:this,direction:t>0?1:-1});else{if(1===s){const e=t<0;this._setEndings(e,!e,o)}else this._setEndings(!1,!1,o);this._loopCount=r,this.time=i,this._mixer.dispatchEvent({type:"loop",action:this,loopDelta:n})}}else this.time=i;if(o&&1==(1&r))return e-i}return i}_setEndings(t,e,n){const i=this._interpolantSettings;n?(i.endingStart=z,i.endingEnd=z):(i.endingStart=t?this.zeroSlopeAtStart?z:F:U,i.endingEnd=e?this.zeroSlopeAtEnd?z:F:U)}_scheduleFading(t,e,n){const i=this._mixer,r=i.time;let o=this._weightInterpolant;null===o&&(o=i._lendControlInterpolant(),this._weightInterpolant=o);const s=o.parameterPositions,a=o.sampleValues;return s[0]=r,a[0]=e,s[1]=r+t,a[1]=n,this}}function Ll(t){this._root=t,this._initMemoryManager(),this._accuIndex=0,this.time=0,this.timeScale=1}Ll.prototype=p(Object.create(X.prototype),{constructor:Ll,_bindAction:function(t,e){const n=t._localRoot||this._root,i=t._clip.tracks,r=i.length,o=t._propertyBindings,s=t._interpolants,a=n.uuid,l=this._bindingsByRootAndName;let c=l[a];void 0===c&&(c={},l[a]=c);for(let t=0;t!==r;++t){const r=i[t],l=r.name;let h=c[l];if(void 0!==h)o[t]=h;else{if(h=o[t],void 0!==h){null===h._cacheIndex&&(++h.referenceCount,this._addInactiveBinding(h,a,l));continue}const i=e&&e._propertyBindings[t].binding.parsedPath;h=new fl(Sl.create(n,l,i),r.ValueTypeName,r.getValueSize()),++h.referenceCount,this._addInactiveBinding(h,a,l),o[t]=h}s[t].resultBuffer=h.buffer}},_activateAction:function(t){if(!this._isActiveAction(t)){if(null===t._cacheIndex){const e=(t._localRoot||this._root).uuid,n=t._clip.uuid,i=this._actionsByClip[n];this._bindAction(t,i&&i.knownActions[0]),this._addInactiveAction(t,n,e)}const e=t._propertyBindings;for(let t=0,n=e.length;t!==n;++t){const n=e[t];0==n.useCount++&&(this._lendBinding(n),n.saveOriginalState())}this._lendAction(t)}},_deactivateAction:function(t){if(this._isActiveAction(t)){const e=t._propertyBindings;for(let t=0,n=e.length;t!==n;++t){const n=e[t];0==--n.useCount&&(n.restoreOriginalState(),this._takeBackBinding(n))}this._takeBackAction(t)}},_initMemoryManager:function(){this._actions=[],this._nActiveActions=0,this._actionsByClip={},this._bindings=[],this._nActiveBindings=0,this._bindingsByRootAndName={},this._controlInterpolants=[],this._nActiveControlInterpolants=0;const t=this;this.stats={actions:{get total(){return t._actions.length},get inUse(){return t._nActiveActions}},bindings:{get total(){return t._bindings.length},get inUse(){return t._nActiveBindings}},controlInterpolants:{get total(){return t._controlInterpolants.length},get inUse(){return t._nActiveControlInterpolants}}}},_isActiveAction:function(t){const e=t._cacheIndex;return null!==e&&e<this._nActiveActions},_addInactiveAction:function(t,e,n){const i=this._actions,r=this._actionsByClip;let o=r[e];if(void 0===o)o={knownActions:[t],actionByRoot:{}},t._byClipCacheIndex=0,r[e]=o;else{const e=o.knownActions;t._byClipCacheIndex=e.length,e.push(t)}t._cacheIndex=i.length,i.push(t),o.actionByRoot[n]=t},_removeInactiveAction:function(t){const e=this._actions,n=e[e.length-1],i=t._cacheIndex;n._cacheIndex=i,e[i]=n,e.pop(),t._cacheIndex=null;const r=t._clip.uuid,o=this._actionsByClip,s=o[r],a=s.knownActions,l=a[a.length-1],c=t._byClipCacheIndex;l._byClipCacheIndex=c,a[c]=l,a.pop(),t._byClipCacheIndex=null;delete s.actionByRoot[(t._localRoot||this._root).uuid],0===a.length&&delete o[r],this._removeInactiveBindingsForAction(t)},_removeInactiveBindingsForAction:function(t){const e=t._propertyBindings;for(let t=0,n=e.length;t!==n;++t){const n=e[t];0==--n.referenceCount&&this._removeInactiveBinding(n)}},_lendAction:function(t){const e=this._actions,n=t._cacheIndex,i=this._nActiveActions++,r=e[i];t._cacheIndex=i,e[i]=t,r._cacheIndex=n,e[n]=r},_takeBackAction:function(t){const e=this._actions,n=t._cacheIndex,i=--this._nActiveActions,r=e[i];t._cacheIndex=i,e[i]=t,r._cacheIndex=n,e[n]=r},_addInactiveBinding:function(t,e,n){const i=this._bindingsByRootAndName,r=this._bindings;let o=i[e];void 0===o&&(o={},i[e]=o),o[n]=t,t._cacheIndex=r.length,r.push(t)},_removeInactiveBinding:function(t){const e=this._bindings,n=t.binding,i=n.rootNode.uuid,r=n.path,o=this._bindingsByRootAndName,s=o[i],a=e[e.length-1],l=t._cacheIndex;a._cacheIndex=l,e[l]=a,e.pop(),delete s[r],0===Object.keys(s).length&&delete o[i]},_lendBinding:function(t){const e=this._bindings,n=t._cacheIndex,i=this._nActiveBindings++,r=e[i];t._cacheIndex=i,e[i]=t,r._cacheIndex=n,e[n]=r},_takeBackBinding:function(t){const e=this._bindings,n=t._cacheIndex,i=--this._nActiveBindings,r=e[i];t._cacheIndex=i,e[i]=t,r._cacheIndex=n,e[n]=r},_lendControlInterpolant:function(){const t=this._controlInterpolants,e=this._nActiveControlInterpolants++;let n=t[e];return void 0===n&&(n=new js(new Float32Array(2),new Float32Array(2),1,this._controlInterpolantsResultBuffer),n.__cacheIndex=e,t[e]=n),n},_takeBackControlInterpolant:function(t){const e=this._controlInterpolants,n=t.__cacheIndex,i=--this._nActiveControlInterpolants,r=e[i];t.__cacheIndex=i,e[i]=t,r.__cacheIndex=n,e[n]=r},_controlInterpolantsResultBuffer:new Float32Array(1),clipAction:function(t,e,n){const i=e||this._root,r=i.uuid;let o="string"==typeof t?ea.findByName(i,t):t;const s=null!==o?o.uuid:t,a=this._actionsByClip[s];let l=null;if(void 0===n&&(n=null!==o?o.blendMode:H),void 0!==a){const t=a.actionByRoot[r];if(void 0!==t&&t.blendMode===n)return t;l=a.knownActions[0],null===o&&(o=l._clip)}if(null===o)return null;const c=new Tl(this,o,e,n);return this._bindAction(c,l),this._addInactiveAction(c,s,r),c},existingAction:function(t,e){const n=e||this._root,i=n.uuid,r="string"==typeof t?ea.findByName(n,t):t,o=r?r.uuid:t,s=this._actionsByClip[o];return void 0!==s&&s.actionByRoot[i]||null},stopAllAction:function(){const t=this._actions;for(let e=this._nActiveActions-1;e>=0;--e)t[e].stop();return this},update:function(t){t*=this.timeScale;const e=this._actions,n=this._nActiveActions,i=this.time+=t,r=Math.sign(t),o=this._accuIndex^=1;for(let s=0;s!==n;++s){e[s]._update(i,t,r,o)}const s=this._bindings,a=this._nActiveBindings;for(let t=0;t!==a;++t)s[t].apply(o);return this},setTime:function(t){this.time=0;for(let t=0;t<this._actions.length;t++)this._actions[t].time=0;return this.update(t)},getRoot:function(){return this._root},uncacheClip:function(t){const e=this._actions,n=t.uuid,i=this._actionsByClip,r=i[n];if(void 0!==r){const t=r.knownActions;for(let n=0,i=t.length;n!==i;++n){const i=t[n];this._deactivateAction(i);const r=i._cacheIndex,o=e[e.length-1];i._cacheIndex=null,i._byClipCacheIndex=null,o._cacheIndex=r,e[r]=o,e.pop(),this._removeInactiveBindingsForAction(i)}delete i[n]}},uncacheRoot:function(t){const e=t.uuid,n=this._actionsByClip;for(const t in n){const i=n[t].actionByRoot[e];void 0!==i&&(this._deactivateAction(i),this._removeInactiveAction(i))}const i=this._bindingsByRootAndName[e];if(void 0!==i)for(const t in i){const e=i[t];e.restoreOriginalState(),this._removeInactiveBinding(e)}},uncacheAction:function(t,e){const n=this.existingAction(t,e);null!==n&&(this._deactivateAction(n),this._removeInactiveAction(n))}});class Rl{constructor(t){"string"==typeof t&&(console.warn("THREE.Uniform: Type parameter is no longer needed."),t=arguments[1]),this.value=t}clone(){return new Rl(void 0===this.value.clone?this.value:this.value.clone())}}function Cl(t,e,n){Xr.call(this,t,e),this.meshPerAttribute=n||1}function Pl(t,e,n,i,r){this.buffer=t,this.type=e,this.itemSize=n,this.elementSize=i,this.count=r,this.version=0}function Dl(t,e,n,i){this.ray=new It(t,e),this.near=n||0,this.far=i||1/0,this.camera=null,this.layers=new jt,this.params={Mesh:{},Line:{threshold:1},LOD:{},Points:{threshold:1},Sprite:{}},Object.defineProperties(this.params,{PointCloud:{get:function(){return console.warn("THREE.Raycaster: params.PointCloud has been renamed to params.Points."),this.Points}}})}function Il(t,e){return t.distance-e.distance}function Nl(t,e,n,i){if(t.layers.test(e.layers)&&t.raycast(e,n),!0===i){const i=t.children;for(let t=0,r=i.length;t<r;t++)Nl(i[t],e,n,!0)}}Cl.prototype=p(Object.create(Xr.prototype),{constructor:Cl,isInstancedInterleavedBuffer:!0,copy:function(t){return Xr.prototype.copy.call(this,t),this.meshPerAttribute=t.meshPerAttribute,this},clone:function(t){const e=Xr.prototype.clone.call(this,t);return e.meshPerAttribute=this.meshPerAttribute,e},toJSON:function(t){const e=Xr.prototype.toJSON.call(this,t);return e.isInstancedInterleavedBuffer=!0,e.meshPerAttribute=this.meshPerAttribute,e}}),Object.defineProperty(Pl.prototype,"needsUpdate",{set:function(t){!0===t&&this.version++}}),p(Pl.prototype,{isGLBufferAttribute:!0,setBuffer:function(t){return this.buffer=t,this},setType:function(t,e){return this.type=t,this.elementSize=e,this},setItemSize:function(t){return this.itemSize=t,this},setCount:function(t){return this.count=t,this}}),p(Dl.prototype,{set:function(t,e){this.ray.set(t,e)},setFromCamera:function(t,e){e&&e.isPerspectiveCamera?(this.ray.origin.setFromMatrixPosition(e.matrixWorld),this.ray.direction.set(t.x,t.y,.5).unproject(e).sub(this.ray.origin).normalize(),this.camera=e):e&&e.isOrthographicCamera?(this.ray.origin.set(t.x,t.y,(e.near+e.far)/(e.near-e.far)).unproject(e),this.ray.direction.set(0,0,-1).transformDirection(e.matrixWorld),this.camera=e):console.error("THREE.Raycaster: Unsupported camera type: "+e.type)},intersectObject:function(t,e,n){const i=n||[];return Nl(t,this,i,e),i.sort(Il),i},intersectObjects:function(t,e,n){const i=n||[];if(!1===Array.isArray(t))return console.warn("THREE.Raycaster.intersectObjects: objects is not an Array."),i;for(let n=0,r=t.length;n<r;n++)Nl(t[n],this,i,e);return i.sort(Il),i}});class Ol{constructor(t=1,e=0,n=0){return this.radius=t,this.phi=e,this.theta=n,this}set(t,e,n){return this.radius=t,this.phi=e,this.theta=n,this}clone(){return(new this.constructor).copy(this)}copy(t){return this.radius=t.radius,this.phi=t.phi,this.theta=t.theta,this}makeSafe(){const t=1e-6;return this.phi=Math.max(t,Math.min(Math.PI-t,this.phi)),this}setFromVector3(t){return this.setFromCartesianCoords(t.x,t.y,t.z)}setFromCartesianCoords(t,e,n){return this.radius=Math.sqrt(t*t+e*e+n*n),0===this.radius?(this.theta=0,this.phi=0):(this.theta=Math.atan2(t,n),this.phi=Math.acos(Q.clamp(e/this.radius,-1,1))),this}}const Bl=new Z;function Fl(t){oe.call(this),this.material=t,this.render=function(){},this.hasPositions=!1,this.hasNormals=!1,this.hasColors=!1,this.hasUvs=!1,this.positionArray=null,this.normalArray=null,this.colorArray=null,this.uvArray=null,this.count=0}Fl.prototype=Object.create(oe.prototype),Fl.prototype.constructor=Fl,Fl.prototype.isImmediateRenderObject=!0;const zl=new Pe({side:1,depthWrite:!1,depthTest:!1});function Ul(t){console.warn("THREE.Spline has been removed. Use THREE.CatmullRomCurve3 instead."),wa.call(this,t),this.type="catmullrom"}new xn(new wn,zl),fa.create=function(t,e){return console.log("THREE.Curve.create() has been deprecated"),t.prototype=Object.create(fa.prototype),t.prototype.constructor=t,t.prototype.getPoint=e,t},p(Oa.prototype,{fromPoints:function(t){return console.warn("THREE.Path: .fromPoints() has been renamed to .setFromPoints()."),this.setFromPoints(t)}}),Ul.prototype=Object.create(wa.prototype),p(Ul.prototype,{initFromArray:function(){console.error("THREE.Spline: .initFromArray() has been removed.")},getControlPointsArray:function(){console.error("THREE.Spline: .getControlPointsArray() has been removed.")},reparametrizeByArcLength:function(){console.error("THREE.Spline: .reparametrizeByArcLength() has been removed.")}}),p(oa.prototype,{extractUrlBase:function(t){return console.warn("THREE.Loader: .extractUrlBase() has been deprecated. Use THREE.LoaderUtils.extractUrlBase() instead."),Ka(t)}}),oa.Handlers={add:function(){console.error("THREE.Loader: Handlers.add() has been removed. Use LoadingManager.addHandler() instead.")},get:function(){console.error("THREE.Loader: Handlers.get() has been removed. Use LoadingManager.getHandler() instead.")}},p(class{constructor(t,e){Object.defineProperty(this,"isBox2",{value:!0}),this.min=void 0!==t?t:new Z(1/0,1/0),this.max=void 0!==e?e:new Z(-1/0,-1/0)}set(t,e){return this.min.copy(t),this.max.copy(e),this}setFromPoints(t){this.makeEmpty();for(let e=0,n=t.length;e<n;e++)this.expandByPoint(t[e]);return this}setFromCenterAndSize(t,e){const n=Bl.copy(e).multiplyScalar(.5);return this.min.copy(t).sub(n),this.max.copy(t).add(n),this}clone(){return(new this.constructor).copy(this)}copy(t){return this.min.copy(t.min),this.max.copy(t.max),this}makeEmpty(){return this.min.x=this.min.y=1/0,this.max.x=this.max.y=-1/0,this}isEmpty(){return this.max.x<this.min.x||this.max.y<this.min.y}getCenter(t){return void 0===t&&(console.warn("THREE.Box2: .getCenter() target is now required"),t=new Z),this.isEmpty()?t.set(0,0):t.addVectors(this.min,this.max).multiplyScalar(.5)}getSize(t){return void 0===t&&(console.warn("THREE.Box2: .getSize() target is now required"),t=new Z),this.isEmpty()?t.set(0,0):t.subVectors(this.max,this.min)}expandByPoint(t){return this.min.min(t),this.max.max(t),this}expandByVector(t){return this.min.sub(t),this.max.add(t),this}expandByScalar(t){return this.min.addScalar(-t),this.max.addScalar(t),this}containsPoint(t){return!(t.x<this.min.x||t.x>this.max.x||t.y<this.min.y||t.y>this.max.y)}containsBox(t){return this.min.x<=t.min.x&&t.max.x<=this.max.x&&this.min.y<=t.min.y&&t.max.y<=this.max.y}getParameter(t,e){return void 0===e&&(console.warn("THREE.Box2: .getParameter() target is now required"),e=new Z),e.set((t.x-this.min.x)/(this.max.x-this.min.x),(t.y-this.min.y)/(this.max.y-this.min.y))}intersectsBox(t){return!(t.max.x<this.min.x||t.min.x>this.max.x||t.max.y<this.min.y||t.min.y>this.max.y)}clampPoint(t,e){return void 0===e&&(console.warn("THREE.Box2: .clampPoint() target is now required"),e=new Z),e.copy(t).clamp(this.min,this.max)}distanceToPoint(t){return Bl.copy(t).clamp(this.min,this.max).sub(t).length()}intersect(t){return this.min.max(t.min),this.max.min(t.max),this}union(t){return this.min.min(t.min),this.max.max(t.max),this}translate(t){return this.min.add(t),this.max.add(t),this}equals(t){return t.min.equals(this.min)&&t.max.equals(this.max)}}.prototype,{center:function(t){return console.warn("THREE.Box2: .center() has been renamed to .getCenter()."),this.getCenter(t)},empty:function(){return console.warn("THREE.Box2: .empty() has been renamed to .isEmpty()."),this.isEmpty()},isIntersectionBox:function(t){return console.warn("THREE.Box2: .isIntersectionBox() has been renamed to .intersectsBox()."),this.intersectsBox(t)},size:function(t){return console.warn("THREE.Box2: .size() has been renamed to .getSize()."),this.getSize(t)}}),p(ct.prototype,{center:function(t){return console.warn("THREE.Box3: .center() has been renamed to .getCenter()."),this.getCenter(t)},empty:function(){return console.warn("THREE.Box3: .empty() has been renamed to .isEmpty()."),this.isEmpty()},isIntersectionBox:function(t){return console.warn("THREE.Box3: .isIntersectionBox() has been renamed to .intersectsBox()."),this.intersectsBox(t)},isIntersectionSphere:function(t){return console.warn("THREE.Box3: .isIntersectionSphere() has been renamed to .intersectsSphere()."),this.intersectsSphere(t)},size:function(t){return console.warn("THREE.Box3: .size() has been renamed to .getSize()."),this.getSize(t)}}),p(Et.prototype,{empty:function(){return console.warn("THREE.Sphere: .empty() has been renamed to .isEmpty()."),this.isEmpty()}}),Bn.prototype.setFromMatrix=function(t){return console.warn("THREE.Frustum: .setFromMatrix() has been renamed to .setFromProjectionMatrix()."),this.setFromProjectionMatrix(t)},p(Q,{random16:function(){return console.warn("THREE.Math: .random16() has been deprecated. Use Math.random() instead."),Math.random()},nearestPowerOfTwo:function(t){return console.warn("THREE.Math: .nearestPowerOfTwo() has been renamed to .floorPowerOfTwo()."),Q.floorPowerOfTwo(t)},nextPowerOfTwo:function(t){return console.warn("THREE.Math: .nextPowerOfTwo() has been renamed to .ceilPowerOfTwo()."),Q.ceilPowerOfTwo(t)}}),p(J.prototype,{flattenToArrayOffset:function(t,e){return console.warn("THREE.Matrix3: .flattenToArrayOffset() has been deprecated. Use .toArray() instead."),this.toArray(t,e)},multiplyVector3:function(t){return console.warn("THREE.Matrix3: .multiplyVector3() has been removed. Use vector.applyMatrix3( matrix ) instead."),t.applyMatrix3(this)},multiplyVector3Array:function(){console.error("THREE.Matrix3: .multiplyVector3Array() has been removed.")},applyToBufferAttribute:function(t){return console.warn("THREE.Matrix3: .applyToBufferAttribute() has been removed. Use attribute.applyMatrix3( matrix ) instead."),t.applyMatrix3(this)},applyToVector3Array:function(){console.error("THREE.Matrix3: .applyToVector3Array() has been removed.")},getInverse:function(t){return console.warn("THREE.Matrix3: .getInverse() has been removed. Use matrixInv.copy( matrix ).invert(); instead."),this.copy(t).invert()}}),p(Nt.prototype,{extractPosition:function(t){return console.warn("THREE.Matrix4: .extractPosition() has been renamed to .copyPosition()."),this.copyPosition(t)},flattenToArrayOffset:function(t,e){return console.warn("THREE.Matrix4: .flattenToArrayOffset() has been deprecated. Use .toArray() instead."),this.toArray(t,e)},getPosition:function(){return console.warn("THREE.Matrix4: .getPosition() has been removed. Use Vector3.setFromMatrixPosition( matrix ) instead."),(new st).setFromMatrixColumn(this,3)},setRotationFromQuaternion:function(t){return console.warn("THREE.Matrix4: .setRotationFromQuaternion() has been renamed to .makeRotationFromQuaternion()."),this.makeRotationFromQuaternion(t)},multiplyToArray:function(){console.warn("THREE.Matrix4: .multiplyToArray() has been removed.")},multiplyVector3:function(t){return console.warn("THREE.Matrix4: .multiplyVector3() has been removed. Use vector.applyMatrix4( matrix ) instead."),t.applyMatrix4(this)},multiplyVector4:function(t){return console.warn("THREE.Matrix4: .multiplyVector4() has been removed. Use vector.applyMatrix4( matrix ) instead."),t.applyMatrix4(this)},multiplyVector3Array:function(){console.error("THREE.Matrix4: .multiplyVector3Array() has been removed.")},rotateAxis:function(t){console.warn("THREE.Matrix4: .rotateAxis() has been removed. Use Vector3.transformDirection( matrix ) instead."),t.transformDirection(this)},crossVector:function(t){return console.warn("THREE.Matrix4: .crossVector() has been removed. Use vector.applyMatrix4( matrix ) instead."),t.applyMatrix4(this)},translate:function(){console.error("THREE.Matrix4: .translate() has been removed.")},rotateX:function(){console.error("THREE.Matrix4: .rotateX() has been removed.")},rotateY:function(){console.error("THREE.Matrix4: .rotateY() has been removed.")},rotateZ:function(){console.error("THREE.Matrix4: .rotateZ() has been removed.")},rotateByAxis:function(){console.error("THREE.Matrix4: .rotateByAxis() has been removed.")},applyToBufferAttribute:function(t){return console.warn("THREE.Matrix4: .applyToBufferAttribute() has been removed. Use attribute.applyMatrix4( matrix ) instead."),t.applyMatrix4(this)},applyToVector3Array:function(){console.error("THREE.Matrix4: .applyToVector3Array() has been removed.")},makeFrustum:function(t,e,n,i,r,o){return console.warn("THREE.Matrix4: .makeFrustum() has been removed. Use .makePerspective( left, right, top, bottom, near, far ) instead."),this.makePerspective(t,e,i,n,r,o)},getInverse:function(t){return console.warn("THREE.Matrix4: .getInverse() has been removed. Use matrixInv.copy( matrix ).invert(); instead."),this.copy(t).invert()}}),ce.prototype.isIntersectionLine=function(t){return console.warn("THREE.Plane: .isIntersectionLine() has been renamed to .intersectsLine()."),this.intersectsLine(t)},p(ot.prototype,{multiplyVector3:function(t){return console.warn("THREE.Quaternion: .multiplyVector3() has been removed. Use is now vector.applyQuaternion( quaternion ) instead."),t.applyQuaternion(this)},inverse:function(){return console.warn("THREE.Quaternion: .inverse() has been renamed to invert()."),this.invert()}}),p(It.prototype,{isIntersectionBox:function(t){return console.warn("THREE.Ray: .isIntersectionBox() has been renamed to .intersectsBox()."),this.intersectsBox(t)},isIntersectionPlane:function(t){return console.warn("THREE.Ray: .isIntersectionPlane() has been renamed to .intersectsPlane()."),this.intersectsPlane(t)},isIntersectionSphere:function(t){return console.warn("THREE.Ray: .isIntersectionSphere() has been renamed to .intersectsSphere()."),this.intersectsSphere(t)}}),p(xe.prototype,{area:function(){return console.warn("THREE.Triangle: .area() has been renamed to .getArea()."),this.getArea()},barycoordFromPoint:function(t,e){return console.warn("THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord()."),this.getBarycoord(t,e)},midpoint:function(t){return console.warn("THREE.Triangle: .midpoint() has been renamed to .getMidpoint()."),this.getMidpoint(t)},normal:function(t){return console.warn("THREE.Triangle: .normal() has been renamed to .getNormal()."),this.getNormal(t)},plane:function(t){return console.warn("THREE.Triangle: .plane() has been renamed to .getPlane()."),this.getPlane(t)}}),p(xe,{barycoordFromPoint:function(t,e,n,i,r){return console.warn("THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord()."),xe.getBarycoord(t,e,n,i,r)},normal:function(t,e,n,i){return console.warn("THREE.Triangle: .normal() has been renamed to .getNormal()."),xe.getNormal(t,e,n,i)}}),p(Ba.prototype,{extractAllPoints:function(t){return console.warn("THREE.Shape: .extractAllPoints() has been removed. Use .extractPoints() instead."),this.extractPoints(t)},extrude:function(t){return console.warn("THREE.Shape: .extrude() has been removed. Use ExtrudeGeometry() instead."),new Ss(this,t)},makeGeometry:function(t){return console.warn("THREE.Shape: .makeGeometry() has been removed. Use ShapeGeometry() instead."),new Rs(this,t)}}),p(Z.prototype,{fromAttribute:function(t,e,n){return console.warn("THREE.Vector2: .fromAttribute() has been renamed to .fromBufferAttribute()."),this.fromBufferAttribute(t,e,n)},distanceToManhattan:function(t){return console.warn("THREE.Vector2: .distanceToManhattan() has been renamed to .manhattanDistanceTo()."),this.manhattanDistanceTo(t)},lengthManhattan:function(){return console.warn("THREE.Vector2: .lengthManhattan() has been renamed to .manhattanLength()."),this.manhattanLength()}}),p(st.prototype,{setEulerFromRotationMatrix:function(){console.error("THREE.Vector3: .setEulerFromRotationMatrix() has been removed. Use Euler.setFromRotationMatrix() instead.")},setEulerFromQuaternion:function(){console.error("THREE.Vector3: .setEulerFromQuaternion() has been removed. Use Euler.setFromQuaternion() instead.")},getPositionFromMatrix:function(t){return console.warn("THREE.Vector3: .getPositionFromMatrix() has been renamed to .setFromMatrixPosition()."),this.setFromMatrixPosition(t)},getScaleFromMatrix:function(t){return console.warn("THREE.Vector3: .getScaleFromMatrix() has been renamed to .setFromMatrixScale()."),this.setFromMatrixScale(t)},getColumnFromMatrix:function(t,e){return console.warn("THREE.Vector3: .getColumnFromMatrix() has been renamed to .setFromMatrixColumn()."),this.setFromMatrixColumn(e,t)},applyProjection:function(t){return console.warn("THREE.Vector3: .applyProjection() has been removed. Use .applyMatrix4( m ) instead."),this.applyMatrix4(t)},fromAttribute:function(t,e,n){return console.warn("THREE.Vector3: .fromAttribute() has been renamed to .fromBufferAttribute()."),this.fromBufferAttribute(t,e,n)},distanceToManhattan:function(t){return console.warn("THREE.Vector3: .distanceToManhattan() has been renamed to .manhattanDistanceTo()."),this.manhattanDistanceTo(t)},lengthManhattan:function(){return console.warn("THREE.Vector3: .lengthManhattan() has been renamed to .manhattanLength()."),this.manhattanLength()}}),p(it.prototype,{fromAttribute:function(t,e,n){return console.warn("THREE.Vector4: .fromAttribute() has been renamed to .fromBufferAttribute()."),this.fromBufferAttribute(t,e,n)},lengthManhattan:function(){return console.warn("THREE.Vector4: .lengthManhattan() has been renamed to .manhattanLength()."),this.manhattanLength()}}),p(oe.prototype,{getChildByName:function(t){return console.warn("THREE.Object3D: .getChildByName() has been renamed to .getObjectByName()."),this.getObjectByName(t)},renderDepth:function(){console.warn("THREE.Object3D: .renderDepth has been removed. Use .renderOrder, instead.")},translate:function(t,e){return console.warn("THREE.Object3D: .translate() has been removed. Use .translateOnAxis( axis, distance ) instead."),this.translateOnAxis(e,t)},getWorldRotation:function(){console.error("THREE.Object3D: .getWorldRotation() has been removed. Use THREE.Object3D.getWorldQuaternion( target ) instead.")},applyMatrix:function(t){return console.warn("THREE.Object3D: .applyMatrix() has been renamed to .applyMatrix4()."),this.applyMatrix4(t)}}),Object.defineProperties(oe.prototype,{eulerOrder:{get:function(){return console.warn("THREE.Object3D: .eulerOrder is now .rotation.order."),this.rotation.order},set:function(t){console.warn("THREE.Object3D: .eulerOrder is now .rotation.order."),this.rotation.order=t}},useQuaternion:{get:function(){console.warn("THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.")},set:function(){console.warn("THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.")}}}),p(xn.prototype,{setDrawMode:function(){console.error("THREE.Mesh: .setDrawMode() has been removed. The renderer now always assumes THREE.TrianglesDrawMode. Transform your geometry via BufferGeometryUtils.toTrianglesDrawMode() if necessary.")}}),Object.defineProperties(xn.prototype,{drawMode:{get:function(){return console.error("THREE.Mesh: .drawMode has been removed. The renderer now always assumes THREE.TrianglesDrawMode."),0},set:function(){console.error("THREE.Mesh: .drawMode has been removed. The renderer now always assumes THREE.TrianglesDrawMode. Transform your geometry via BufferGeometryUtils.toTrianglesDrawMode() if necessary.")}}}),Object.defineProperties(fo.prototype,{objects:{get:function(){return console.warn("THREE.LOD: .objects has been renamed to .levels."),this.levels}}}),Object.defineProperty(Mo.prototype,"useVertexTexture",{get:function(){console.warn("THREE.Skeleton: useVertexTexture has been removed.")},set:function(){console.warn("THREE.Skeleton: useVertexTexture has been removed.")}}),xo.prototype.initBones=function(){console.error("THREE.SkinnedMesh: initBones() has been removed.")},Object.defineProperty(fa.prototype,"__arcLengthDivisions",{get:function(){return console.warn("THREE.Curve: .__arcLengthDivisions is now .arcLengthDivisions."),this.arcLengthDivisions},set:function(t){console.warn("THREE.Curve: .__arcLengthDivisions is now .arcLengthDivisions."),this.arcLengthDivisions=t}}),Ln.prototype.setLens=function(t,e){console.warn("THREE.PerspectiveCamera.setLens is deprecated. Use .setFocalLength and .filmGauge for a photographic setup."),void 0!==e&&(this.filmGauge=e),this.setFocalLength(t)},Object.defineProperties(Fa.prototype,{onlyShadow:{set:function(){console.warn("THREE.Light: .onlyShadow has been removed.")}},shadowCameraFov:{set:function(t){console.warn("THREE.Light: .shadowCameraFov is now .shadow.camera.fov."),this.shadow.camera.fov=t}},shadowCameraLeft:{set:function(t){console.warn("THREE.Light: .shadowCameraLeft is now .shadow.camera.left."),this.shadow.camera.left=t}},shadowCameraRight:{set:function(t){console.warn("THREE.Light: .shadowCameraRight is now .shadow.camera.right."),this.shadow.camera.right=t}},shadowCameraTop:{set:function(t){console.warn("THREE.Light: .shadowCameraTop is now .shadow.camera.top."),this.shadow.camera.top=t}},shadowCameraBottom:{set:function(t){console.warn("THREE.Light: .shadowCameraBottom is now .shadow.camera.bottom."),this.shadow.camera.bottom=t}},shadowCameraNear:{set:function(t){console.warn("THREE.Light: .shadowCameraNear is now .shadow.camera.near."),this.shadow.camera.near=t}},shadowCameraFar:{set:function(t){console.warn("THREE.Light: .shadowCameraFar is now .shadow.camera.far."),this.shadow.camera.far=t}},shadowCameraVisible:{set:function(){console.warn("THREE.Light: .shadowCameraVisible has been removed. Use new THREE.CameraHelper( light.shadow.camera ) instead.")}},shadowBias:{set:function(t){console.warn("THREE.Light: .shadowBias is now .shadow.bias."),this.shadow.bias=t}},shadowDarkness:{set:function(){console.warn("THREE.Light: .shadowDarkness has been removed.")}},shadowMapWidth:{set:function(t){console.warn("THREE.Light: .shadowMapWidth is now .shadow.mapSize.width."),this.shadow.mapSize.width=t}},shadowMapHeight:{set:function(t){console.warn("THREE.Light: .shadowMapHeight is now .shadow.mapSize.height."),this.shadow.mapSize.height=t}}}),Object.defineProperties(Ne.prototype,{length:{get:function(){return console.warn("THREE.BufferAttribute: .length has been deprecated. Use .count instead."),this.array.length}},dynamic:{get:function(){return console.warn("THREE.BufferAttribute: .dynamic has been deprecated. Use .usage instead."),this.usage===W},set:function(){console.warn("THREE.BufferAttribute: .dynamic has been deprecated. Use .usage instead."),this.setUsage(W)}}}),p(Ne.prototype,{setDynamic:function(t){return console.warn("THREE.BufferAttribute: .setDynamic() has been deprecated. Use .setUsage() instead."),this.setUsage(!0===t?W:k),this},copyIndicesArray:function(){console.error("THREE.BufferAttribute: .copyIndicesArray() has been removed.")},setArray:function(){console.error("THREE.BufferAttribute: .setArray has been removed. Use BufferGeometry .setAttribute to replace/resize attribute buffers")}}),p(en.prototype,{addIndex:function(t){console.warn("THREE.BufferGeometry: .addIndex() has been renamed to .setIndex()."),this.setIndex(t)},addAttribute:function(t,e){return console.warn("THREE.BufferGeometry: .addAttribute() has been renamed to .setAttribute()."),e&&e.isBufferAttribute||e&&e.isInterleavedBufferAttribute?"index"===t?(console.warn("THREE.BufferGeometry.addAttribute: Use .setIndex() for index attribute."),this.setIndex(e),this):this.setAttribute(t,e):(console.warn("THREE.BufferGeometry: .addAttribute() now expects ( name, attribute )."),this.setAttribute(t,new Ne(arguments[1],arguments[2])))},addDrawCall:function(t,e,n){void 0!==n&&console.warn("THREE.BufferGeometry: .addDrawCall() no longer supports indexOffset."),console.warn("THREE.BufferGeometry: .addDrawCall() is now .addGroup()."),this.addGroup(t,e)},clearDrawCalls:function(){console.warn("THREE.BufferGeometry: .clearDrawCalls() is now .clearGroups()."),this.clearGroups()},computeOffsets:function(){console.warn("THREE.BufferGeometry: .computeOffsets() has been removed.")},removeAttribute:function(t){return console.warn("THREE.BufferGeometry: .removeAttribute() has been renamed to .deleteAttribute()."),this.deleteAttribute(t)},applyMatrix:function(t){return console.warn("THREE.BufferGeometry: .applyMatrix() has been renamed to .applyMatrix4()."),this.applyMatrix4(t)}}),Object.defineProperties(en.prototype,{drawcalls:{get:function(){return console.error("THREE.BufferGeometry: .drawcalls has been renamed to .groups."),this.groups}},offsets:{get:function(){return console.warn("THREE.BufferGeometry: .offsets has been renamed to .groups."),this.groups}}}),Object.defineProperties($a.prototype,{maxInstancedCount:{get:function(){return console.warn("THREE.InstancedBufferGeometry: .maxInstancedCount has been renamed to .instanceCount."),this.instanceCount},set:function(t){console.warn("THREE.InstancedBufferGeometry: .maxInstancedCount has been renamed to .instanceCount."),this.instanceCount=t}}}),Object.defineProperties(Dl.prototype,{linePrecision:{get:function(){return console.warn("THREE.Raycaster: .linePrecision has been deprecated. Use .params.Line.threshold instead."),this.params.Line.threshold},set:function(t){console.warn("THREE.Raycaster: .linePrecision has been deprecated. Use .params.Line.threshold instead."),this.params.Line.threshold=t}}}),Object.defineProperties(Xr.prototype,{dynamic:{get:function(){return console.warn("THREE.InterleavedBuffer: .length has been deprecated. Use .usage instead."),this.usage===W},set:function(t){console.warn("THREE.InterleavedBuffer: .length has been deprecated. Use .usage instead."),this.setUsage(t)}}}),p(Xr.prototype,{setDynamic:function(t){return console.warn("THREE.InterleavedBuffer: .setDynamic() has been deprecated. Use .setUsage() instead."),this.setUsage(!0===t?W:k),this},setArray:function(){console.error("THREE.InterleavedBuffer: .setArray has been removed. Use BufferGeometry .setAttribute to replace/resize attribute buffers")}}),p(Ss.prototype,{getArrays:function(){console.error("THREE.ExtrudeGeometry: .getArrays() has been removed.")},addShapeList:function(){console.error("THREE.ExtrudeGeometry: .addShapeList() has been removed.")},addShape:function(){console.error("THREE.ExtrudeGeometry: .addShape() has been removed.")}}),p(jr.prototype,{dispose:function(){console.error("THREE.Scene: .dispose() has been removed.")}}),Object.defineProperties(Rl.prototype,{dynamic:{set:function(){console.warn("THREE.Uniform: .dynamic has been removed. Use object.onBeforeRender() instead.")}},onUpdate:{value:function(){return console.warn("THREE.Uniform: .onUpdate() has been removed. Use object.onBeforeRender() instead."),this}}}),Object.defineProperties(Ce.prototype,{wrapAround:{get:function(){console.warn("THREE.Material: .wrapAround has been removed.")},set:function(){console.warn("THREE.Material: .wrapAround has been removed.")}},overdraw:{get:function(){console.warn("THREE.Material: .overdraw has been removed.")},set:function(){console.warn("THREE.Material: .overdraw has been removed.")}},wrapRGB:{get:function(){return console.warn("THREE.Material: .wrapRGB has been removed."),new Te}},shading:{get:function(){console.error("THREE."+this.type+": .shading has been removed. Use the boolean .flatShading instead.")},set:function(t){console.warn("THREE."+this.type+": .shading has been removed. Use the boolean .flatShading instead."),this.flatShading=1===t}},stencilMask:{get:function(){return console.warn("THREE."+this.type+": .stencilMask has been removed. Use .stencilFuncMask instead."),this.stencilFuncMask},set:function(t){console.warn("THREE."+this.type+": .stencilMask has been removed. Use .stencilFuncMask instead."),this.stencilFuncMask=t}}}),Object.defineProperties(Os.prototype,{metal:{get:function(){return console.warn("THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead."),!1},set:function(){console.warn("THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead")}}}),Object.defineProperties(Ns.prototype,{transparency:{get:function(){return console.warn("THREE.MeshPhysicalMaterial: .transparency has been renamed to .transmission."),this.transmission},set:function(t){console.warn("THREE.MeshPhysicalMaterial: .transparency has been renamed to .transmission."),this.transmission=t}}}),Object.defineProperties(Sn.prototype,{derivatives:{get:function(){return console.warn("THREE.ShaderMaterial: .derivatives has been moved to .extensions.derivatives."),this.extensions.derivatives},set:function(t){console.warn("THREE. ShaderMaterial: .derivatives has been moved to .extensions.derivatives."),this.extensions.derivatives=t}}}),p(kr.prototype,{clearTarget:function(t,e,n,i){console.warn("THREE.WebGLRenderer: .clearTarget() has been deprecated. Use .setRenderTarget() and .clear() instead."),this.setRenderTarget(t),this.clear(e,n,i)},animate:function(t){console.warn("THREE.WebGLRenderer: .animate() is now .setAnimationLoop()."),this.setAnimationLoop(t)},getCurrentRenderTarget:function(){return console.warn("THREE.WebGLRenderer: .getCurrentRenderTarget() is now .getRenderTarget()."),this.getRenderTarget()},getMaxAnisotropy:function(){return console.warn("THREE.WebGLRenderer: .getMaxAnisotropy() is now .capabilities.getMaxAnisotropy()."),this.capabilities.getMaxAnisotropy()},getPrecision:function(){return console.warn("THREE.WebGLRenderer: .getPrecision() is now .capabilities.precision."),this.capabilities.precision},resetGLState:function(){return console.warn("THREE.WebGLRenderer: .resetGLState() is now .state.reset()."),this.state.reset()},supportsFloatTextures:function(){return console.warn("THREE.WebGLRenderer: .supportsFloatTextures() is now .extensions.get( 'OES_texture_float' )."),this.extensions.get("OES_texture_float")},supportsHalfFloatTextures:function(){return console.warn("THREE.WebGLRenderer: .supportsHalfFloatTextures() is now .extensions.get( 'OES_texture_half_float' )."),this.extensions.get("OES_texture_half_float")},supportsStandardDerivatives:function(){return console.warn("THREE.WebGLRenderer: .supportsStandardDerivatives() is now .extensions.get( 'OES_standard_derivatives' )."),this.extensions.get("OES_standard_derivatives")},supportsCompressedTextureS3TC:function(){return console.warn("THREE.WebGLRenderer: .supportsCompressedTextureS3TC() is now .extensions.get( 'WEBGL_compressed_texture_s3tc' )."),this.extensions.get("WEBGL_compressed_texture_s3tc")},supportsCompressedTexturePVRTC:function(){return console.warn("THREE.WebGLRenderer: .supportsCompressedTexturePVRTC() is now .extensions.get( 'WEBGL_compressed_texture_pvrtc' )."),this.extensions.get("WEBGL_compressed_texture_pvrtc")},supportsBlendMinMax:function(){return console.warn("THREE.WebGLRenderer: .supportsBlendMinMax() is now .extensions.get( 'EXT_blend_minmax' )."),this.extensions.get("EXT_blend_minmax")},supportsVertexTextures:function(){return console.warn("THREE.WebGLRenderer: .supportsVertexTextures() is now .capabilities.vertexTextures."),this.capabilities.vertexTextures},supportsInstancedArrays:function(){return console.warn("THREE.WebGLRenderer: .supportsInstancedArrays() is now .extensions.get( 'ANGLE_instanced_arrays' )."),this.extensions.get("ANGLE_instanced_arrays")},enableScissorTest:function(t){console.warn("THREE.WebGLRenderer: .enableScissorTest() is now .setScissorTest()."),this.setScissorTest(t)},initMaterial:function(){console.warn("THREE.WebGLRenderer: .initMaterial() has been removed.")},addPrePlugin:function(){console.warn("THREE.WebGLRenderer: .addPrePlugin() has been removed.")},addPostPlugin:function(){console.warn("THREE.WebGLRenderer: .addPostPlugin() has been removed.")},updateShadowMap:function(){console.warn("THREE.WebGLRenderer: .updateShadowMap() has been removed.")},setFaceCulling:function(){console.warn("THREE.WebGLRenderer: .setFaceCulling() has been removed.")},allocTextureUnit:function(){console.warn("THREE.WebGLRenderer: .allocTextureUnit() has been removed.")},setTexture:function(){console.warn("THREE.WebGLRenderer: .setTexture() has been removed.")},setTexture2D:function(){console.warn("THREE.WebGLRenderer: .setTexture2D() has been removed.")},setTextureCube:function(){console.warn("THREE.WebGLRenderer: .setTextureCube() has been removed.")},getActiveMipMapLevel:function(){return console.warn("THREE.WebGLRenderer: .getActiveMipMapLevel() is now .getActiveMipmapLevel()."),this.getActiveMipmapLevel()}}),Object.defineProperties(kr.prototype,{shadowMapEnabled:{get:function(){return this.shadowMap.enabled},set:function(t){console.warn("THREE.WebGLRenderer: .shadowMapEnabled is now .shadowMap.enabled."),this.shadowMap.enabled=t}},shadowMapType:{get:function(){return this.shadowMap.type},set:function(t){console.warn("THREE.WebGLRenderer: .shadowMapType is now .shadowMap.type."),this.shadowMap.type=t}},shadowMapCullFace:{get:function(){console.warn("THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.")},set:function(){console.warn("THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.")}},context:{get:function(){return console.warn("THREE.WebGLRenderer: .context has been removed. Use .getContext() instead."),this.getContext()}},vr:{get:function(){return console.warn("THREE.WebGLRenderer: .vr has been renamed to .xr"),this.xr}},gammaInput:{get:function(){return console.warn("THREE.WebGLRenderer: .gammaInput has been removed. Set the encoding for textures via Texture.encoding instead."),!1},set:function(){console.warn("THREE.WebGLRenderer: .gammaInput has been removed. Set the encoding for textures via Texture.encoding instead.")}},gammaOutput:{get:function(){return console.warn("THREE.WebGLRenderer: .gammaOutput has been removed. Set WebGLRenderer.outputEncoding instead."),!1},set:function(t){console.warn("THREE.WebGLRenderer: .gammaOutput has been removed. Set WebGLRenderer.outputEncoding instead."),this.outputEncoding=!0===t?3001:G}},toneMappingWhitePoint:{get:function(){return console.warn("THREE.WebGLRenderer: .toneMappingWhitePoint has been removed."),1},set:function(){console.warn("THREE.WebGLRenderer: .toneMappingWhitePoint has been removed.")}}}),Object.defineProperties(Nr.prototype,{cullFace:{get:function(){console.warn("THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.")},set:function(){console.warn("THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.")}},renderReverseSided:{get:function(){console.warn("THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.")},set:function(){console.warn("THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.")}},renderSingleSided:{get:function(){console.warn("THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.")},set:function(){console.warn("THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.")}}}),Object.defineProperties(rt.prototype,{wrapS:{get:function(){return console.warn("THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS."),this.texture.wrapS},set:function(t){console.warn("THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS."),this.texture.wrapS=t}},wrapT:{get:function(){return console.warn("THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT."),this.texture.wrapT},set:function(t){console.warn("THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT."),this.texture.wrapT=t}},magFilter:{get:function(){return console.warn("THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter."),this.texture.magFilter},set:function(t){console.warn("THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter."),this.texture.magFilter=t}},minFilter:{get:function(){return console.warn("THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter."),this.texture.minFilter},set:function(t){console.warn("THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter."),this.texture.minFilter=t}},anisotropy:{get:function(){return console.warn("THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy."),this.texture.anisotropy},set:function(t){console.warn("THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy."),this.texture.anisotropy=t}},offset:{get:function(){return console.warn("THREE.WebGLRenderTarget: .offset is now .texture.offset."),this.texture.offset},set:function(t){console.warn("THREE.WebGLRenderTarget: .offset is now .texture.offset."),this.texture.offset=t}},repeat:{get:function(){return console.warn("THREE.WebGLRenderTarget: .repeat is now .texture.repeat."),this.texture.repeat},set:function(t){console.warn("THREE.WebGLRenderTarget: .repeat is now .texture.repeat."),this.texture.repeat=t}},format:{get:function(){return console.warn("THREE.WebGLRenderTarget: .format is now .texture.format."),this.texture.format},set:function(t){console.warn("THREE.WebGLRenderTarget: .format is now .texture.format."),this.texture.format=t}},type:{get:function(){return console.warn("THREE.WebGLRenderTarget: .type is now .texture.type."),this.texture.type},set:function(t){console.warn("THREE.WebGLRenderTarget: .type is now .texture.type."),this.texture.type=t}},generateMipmaps:{get:function(){return console.warn("THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps."),this.texture.generateMipmaps},set:function(t){console.warn("THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps."),this.texture.generateMipmaps=t}}}),Object.defineProperties(class extends oe{constructor(t){super(),this.type="Audio",this.listener=t,this.context=t.context,this.gain=this.context.createGain(),this.gain.connect(t.getInput()),this.autoplay=!1,this.buffer=null,this.detune=0,this.loop=!1,this.loopStart=0,this.loopEnd=0,this.offset=0,this.duration=void 0,this.playbackRate=1,this.isPlaying=!1,this.hasPlaybackControl=!0,this.source=null,this.sourceType="empty",this._startedAt=0,this._progress=0,this._connected=!1,this.filters=[]}getOutput(){return this.gain}setNodeSource(t){return this.hasPlaybackControl=!1,this.sourceType="audioNode",this.source=t,this.connect(),this}setMediaElementSource(t){return this.hasPlaybackControl=!1,this.sourceType="mediaNode",this.source=this.context.createMediaElementSource(t),this.connect(),this}setMediaStreamSource(t){return this.hasPlaybackControl=!1,this.sourceType="mediaStreamNode",this.source=this.context.createMediaStreamSource(t),this.connect(),this}setBuffer(t){return this.buffer=t,this.sourceType="buffer",this.autoplay&&this.play(),this}play(t=0){if(!0===this.isPlaying)return void console.warn("THREE.Audio: Audio is already playing.");if(!1===this.hasPlaybackControl)return void console.warn("THREE.Audio: this Audio has no playback control.");this._startedAt=this.context.currentTime+t;const e=this.context.createBufferSource();return e.buffer=this.buffer,e.loop=this.loop,e.loopStart=this.loopStart,e.loopEnd=this.loopEnd,e.onended=this.onEnded.bind(this),e.start(this._startedAt,this._progress+this.offset,this.duration),this.isPlaying=!0,this.source=e,this.setDetune(this.detune),this.setPlaybackRate(this.playbackRate),this.connect()}pause(){if(!1!==this.hasPlaybackControl)return!0===this.isPlaying&&(this._progress+=Math.max(this.context.currentTime-this._startedAt,0)*this.playbackRate,!0===this.loop&&(this._progress=this._progress%(this.duration||this.buffer.duration)),this.source.stop(),this.source.onended=null,this.isPlaying=!1),this;console.warn("THREE.Audio: this Audio has no playback control.")}stop(){if(!1!==this.hasPlaybackControl)return this._progress=0,this.source.stop(),this.source.onended=null,this.isPlaying=!1,this;console.warn("THREE.Audio: this Audio has no playback control.")}connect(){if(this.filters.length>0){this.source.connect(this.filters[0]);for(let t=1,e=this.filters.length;t<e;t++)this.filters[t-1].connect(this.filters[t]);this.filters[this.filters.length-1].connect(this.getOutput())}else this.source.connect(this.getOutput());return this._connected=!0,this}disconnect(){if(this.filters.length>0){this.source.disconnect(this.filters[0]);for(let t=1,e=this.filters.length;t<e;t++)this.filters[t-1].disconnect(this.filters[t]);this.filters[this.filters.length-1].disconnect(this.getOutput())}else this.source.disconnect(this.getOutput());return this._connected=!1,this}getFilters(){return this.filters}setFilters(t){return t||(t=[]),!0===this._connected?(this.disconnect(),this.filters=t.slice(),this.connect()):this.filters=t.slice(),this}setDetune(t){if(this.detune=t,void 0!==this.source.detune)return!0===this.isPlaying&&this.source.detune.setTargetAtTime(this.detune,this.context.currentTime,.01),this}getDetune(){return this.detune}getFilter(){return this.getFilters()[0]}setFilter(t){return this.setFilters(t?[t]:[])}setPlaybackRate(t){if(!1!==this.hasPlaybackControl)return this.playbackRate=t,!0===this.isPlaying&&this.source.playbackRate.setTargetAtTime(this.playbackRate,this.context.currentTime,.01),this;console.warn("THREE.Audio: this Audio has no playback control.")}getPlaybackRate(){return this.playbackRate}onEnded(){this.isPlaying=!1}getLoop(){return!1===this.hasPlaybackControl?(console.warn("THREE.Audio: this Audio has no playback control."),!1):this.loop}setLoop(t){if(!1!==this.hasPlaybackControl)return this.loop=t,!0===this.isPlaying&&(this.source.loop=this.loop),this;console.warn("THREE.Audio: this Audio has no playback control.")}setLoopStart(t){return this.loopStart=t,this}setLoopEnd(t){return this.loopEnd=t,this}getVolume(){return this.gain.gain.value}setVolume(t){return this.gain.gain.setTargetAtTime(t,this.context.currentTime,.01),this}}.prototype,{load:{value:function(t){console.warn("THREE.Audio: .load has been deprecated. Use THREE.AudioLoader instead.");const e=this;return(new cl).load(t,(function(t){e.setBuffer(t)})),this}},startTime:{set:function(){console.warn("THREE.Audio: .startTime is now .play( delay ).")}}}),Cn.prototype.updateCubeMap=function(t,e){return console.warn("THREE.CubeCamera: .updateCubeMap() is now .update()."),this.update(t,e)},Cn.prototype.clear=function(t,e,n,i){return console.warn("THREE.CubeCamera: .clear() is now .renderTarget.clear()."),this.renderTarget.clear(t,e,n,i)},$.crossOrigin=void 0,$.loadTexture=function(t,e,n,i){console.warn("THREE.ImageUtils.loadTexture has been deprecated. Use THREE.TextureLoader() instead.");const r=new pa;r.setCrossOrigin(this.crossOrigin);const o=r.load(t,n,void 0,i);return e&&(o.mapping=e),o},$.loadTextureCube=function(t,e,n,i){console.warn("THREE.ImageUtils.loadTextureCube has been deprecated. Use THREE.CubeTextureLoader() instead.");const r=new ua;r.setCrossOrigin(this.crossOrigin);const o=r.load(t,n,void 0,i);return e&&(o.mapping=e),o},$.loadCompressedTexture=function(){console.error("THREE.ImageUtils.loadCompressedTexture has been removed. Use THREE.DDSLoader instead.")},$.loadCompressedTextureCube=function(){console.error("THREE.ImageUtils.loadCompressedTextureCube has been removed. Use THREE.DDSLoader instead.")},"undefined"!=typeof __THREE_DEVTOOLS__&&__THREE_DEVTOOLS__.dispatchEvent(new CustomEvent("register",{detail:{revision:"125"}})),"undefined"!=typeof window&&(window.__THREE__?console.warn("WARNING: Multiple instances of Three.js being imported."):window.__THREE__="125");const Hl=function(t,e){var n,i,r=this,o=new Nt,s=null;"VRFrameData"in window&&(s=new VRFrameData),navigator.getVRDisplays&&navigator.getVRDisplays().then((function(t){i=t,t.length>0?n=t[0]:e&&e("VR input not available.")})).catch((function(){console.warn("THREE.VRControls: Unable to get VR Displays")})),this.scale=1,this.standing=!1,this.userHeight=1.6,this.getVRDisplay=function(){return n},this.setVRDisplay=function(t){n=t},this.getVRDisplays=function(){return console.warn("THREE.VRControls: getVRDisplays() is being deprecated."),i},this.getStandingMatrix=function(){return o},this.update=function(){var e;n&&(n.getFrameData?(n.getFrameData(s),e=s.pose):n.getPose&&(e=n.getPose()),null!==e.orientation&&t.quaternion.fromArray(e.orientation),null!==e.position?t.position.fromArray(e.position):t.position.set(0,0,0),this.standing&&(n.stageParameters?(t.updateMatrix(),o.fromArray(n.stageParameters.sittingToStandingTransform),t.applyMatrix(o)):t.position.setY(t.position.y+this.userHeight)),t.position.multiplyScalar(r.scale))},this.dispose=function(){n=null}},Gl=function(t,e){var n,i,r,o,s=new st,a=new st,l=new Nt,c=new Nt,h=new Nt,u=null;"VRFrameData"in window&&(u=new window.VRFrameData),navigator.getVRDisplays&&navigator.getVRDisplays().then((function(t){i=t,t.length>0?n=t[0]:e&&e("HMD not available")})).catch((function(){console.warn("THREE.VREffect: Unable to get VR Displays")})),this.isPresenting=!1;var d=this,p=t.getSize(),f=!1,m=t.getPixelRatio();this.getVRDisplay=function(){return n},this.setVRDisplay=function(t){n=t},this.getVRDisplays=function(){return console.warn("THREE.VREffect: getVRDisplays() is being deprecated."),i},this.setSize=function(e,i,r){if(p={width:e,height:i},f=r,d.isPresenting){var o=n.getEyeParameters("left");t.setPixelRatio(1),t.setSize(2*o.renderWidth,o.renderHeight,!1)}else t.setPixelRatio(m),t.setSize(e,i,r)};var g=t.domElement,v=[0,0,.5,1],y=[.5,0,.5,1];function A(){var e=d.isPresenting;if(d.isPresenting=void 0!==n&&n.isPresenting,d.isPresenting){var i=n.getEyeParameters("left"),r=i.renderWidth,o=i.renderHeight;e||(m=t.getPixelRatio(),p=t.getSize(),t.setPixelRatio(1),t.setSize(2*r,o,!1))}else e&&(t.setPixelRatio(m),t.setSize(p.width,p.height,f))}window.addEventListener("vrdisplaypresentchange",A,!1),this.setFullScreen=function(t){return new Promise((function(e,i){void 0!==n?d.isPresenting!==t?e(t?n.requestPresent([{source:g}]):n.exitPresent()):e():i(new Error("No VR hardware found."))}))},this.requestPresent=function(){return this.setFullScreen(!0)},this.exitPresent=function(){return this.setFullScreen(!1)},this.requestAnimationFrame=function(t){return void 0!==n?n.requestAnimationFrame(t):window.requestAnimationFrame(t)},this.cancelAnimationFrame=function(t){void 0!==n?n.cancelAnimationFrame(t):window.cancelAnimationFrame(t)},this.submitFrame=function(){void 0!==n&&d.isPresenting&&n.submitFrame()},this.autoSubmitFrame=!0;var x=new Ln;x.layers.enable(1);var _=new Ln;_.layers.enable(2),this.render=function(e,i,p,f){if(n&&d.isPresenting){var m=e.autoUpdate;m&&(e.updateMatrixWorld(),e.autoUpdate=!1),Array.isArray(e)&&(console.warn("THREE.VREffect.render() no longer supports arrays. Use object.layers instead."),e=e[0]);var g,A,E=t.getSize(),S=n.getLayers();if(S.length){var T=S[0];g=null!==T.leftBounds&&4===T.leftBounds.length?T.leftBounds:v,A=null!==T.rightBounds&&4===T.rightBounds.length?T.rightBounds:y}else g=v,A=y;if(r={x:Math.round(E.width*g[0]),y:Math.round(E.height*g[1]),width:Math.round(E.width*g[2]),height:Math.round(E.height*g[3])},o={x:Math.round(E.width*A[0]),y:Math.round(E.height*A[1]),width:Math.round(E.width*A[2]),height:Math.round(E.height*A[3])},p?(t.setRenderTarget(p),p.scissorTest=!0):(t.setRenderTarget(null),t.setScissorTest(!0)),(t.autoClear||f)&&t.clear(),null===i.parent&&i.updateMatrixWorld(),i.matrixWorld.decompose(x.position,x.quaternion,x.scale),_.position.copy(x.position),_.quaternion.copy(x.quaternion),_.scale.copy(x.scale),n.getFrameData)n.depthNear=i.near,n.depthFar=i.far,n.getFrameData(u),x.projectionMatrix.elements=u.leftProjectionMatrix,_.projectionMatrix.elements=u.rightProjectionMatrix,function(t){t.pose.orientation?(w.fromArray(t.pose.orientation),l.makeRotationFromQuaternion(w)):l.identity();t.pose.position&&(b.fromArray(t.pose.position),l.setPosition(b));c.fromArray(t.leftViewMatrix),c.multiply(l),h.fromArray(t.rightViewMatrix),h.multiply(l),c.getInverse(c),h.getInverse(h)}(u),x.updateMatrix(),x.matrix.multiply(c),x.matrix.decompose(x.position,x.quaternion,x.scale),_.updateMatrix(),_.matrix.multiply(h),_.matrix.decompose(_.position,_.quaternion,_.scale);else{var L=n.getEyeParameters("left"),R=n.getEyeParameters("right");x.projectionMatrix=M(L.fieldOfView,!0,i.near,i.far),_.projectionMatrix=M(R.fieldOfView,!0,i.near,i.far),s.fromArray(L.offset),a.fromArray(R.offset),x.translateOnAxis(s,x.scale.x),_.translateOnAxis(a,_.scale.x)}return p?(p.viewport.set(r.x,r.y,r.width,r.height),p.scissor.set(r.x,r.y,r.width,r.height)):(t.setViewport(r.x,r.y,r.width,r.height),t.setScissor(r.x,r.y,r.width,r.height)),t.render(e,x,p,f),p?(p.viewport.set(o.x,o.y,o.width,o.height),p.scissor.set(o.x,o.y,o.width,o.height)):(t.setViewport(o.x,o.y,o.width,o.height),t.setScissor(o.x,o.y,o.width,o.height)),t.render(e,_,p,f),p?(p.viewport.set(0,0,E.width,E.height),p.scissor.set(0,0,E.width,E.height),p.scissorTest=!1,t.setRenderTarget(null)):(t.setViewport(0,0,E.width,E.height),t.setScissorTest(!1)),m&&(e.autoUpdate=!0),void(d.autoSubmitFrame&&d.submitFrame())}t.render(e,i,p,f)},this.dispose=function(){window.removeEventListener("vrdisplaypresentchange",A,!1)};var w=new ot,b=new st;function M(t,e,n,i){var r=Math.PI/180;return function(t,e,n,i){n=void 0===n?.01:n,i=void 0===i?1e4:i;var r=(e=void 0===e||e)?-1:1,o=new Nt,s=o.elements,a=function(t){var e=2/(t.leftTan+t.rightTan),n=(t.leftTan-t.rightTan)*e*.5,i=2/(t.upTan+t.downTan);return{scale:[e,i],offset:[n,(t.upTan-t.downTan)*i*.5]}}(t);return s[0]=a.scale[0],s[1]=0,s[2]=a.offset[0]*r,s[3]=0,s[4]=0,s[5]=a.scale[1],s[6]=-a.offset[1]*r,s[7]=0,s[8]=0,s[9]=0,s[10]=i/(n-i)*-r,s[11]=i*n/(n-i),s[12]=0,s[13]=0,s[14]=r,s[15]=0,o.transpose(),o}({upTan:Math.tan(t.upDegrees*r),downTan:Math.tan(t.downDegrees*r),leftTan:Math.tan(t.leftDegrees*r),rightTan:Math.tan(t.rightDegrees*r)},e,n,i)}},Vl=function(t,e){var n,i,r,o,s;this.object=t,this.domElement=void 0!==e?e:document,this.enabled=!0,this.target=new st,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.25,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.enablePan=!0,this.panSpeed=1,this.screenSpacePanning=!1,this.keyPanSpeed=7,this.autoRotate=!1,this.autoRotateSpeed=2,this.enableKeys=!0,this.keys={LEFT:37,UP:38,RIGHT:39,BOTTOM:40},this.mouseButtons={ORBIT:f,ZOOM:m,PAN:g},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this.getPolarAngle=function(){return v.phi},this.getAzimuthalAngle=function(){return v.theta},this.saveState=function(){a.target0.copy(a.target),a.position0.copy(a.object.position),a.zoom0=a.object.zoom},this.reset=function(){a.target.copy(a.target0),a.object.position.copy(a.position0),a.object.zoom=a.zoom0,a.object.updateProjectionMatrix(),a.dispatchEvent(l),a.update(),d=u.NONE},this.update=(n=new st,i=(new ot).setFromUnitVectors(t.up,new st(0,1,0)),r=i.clone().inverse(),o=new st,s=new ot,function(){var t=a.object.position;return n.copy(t).sub(a.target),n.applyQuaternion(i),v.setFromVector3(n),a.autoRotate&&d===u.NONE&&a.rotateLeft(2*Math.PI/60/60*a.autoRotateSpeed),v.theta+=y.theta,v.phi+=y.phi,v.theta=Math.max(a.minAzimuthAngle,Math.min(a.maxAzimuthAngle,v.theta)),v.phi=Math.max(a.minPolarAngle,Math.min(a.maxPolarAngle,v.phi)),v.makeSafe(),v.radius*=A,v.radius=Math.max(a.minDistance,Math.min(a.maxDistance,v.radius)),a.target.add(x),n.setFromSpherical(v),n.applyQuaternion(r),t.copy(a.target).add(n),a.object.lookAt(a.target),!0===a.enableDamping?(y.theta*=1-a.dampingFactor,y.phi*=1-a.dampingFactor,x.multiplyScalar(1-a.dampingFactor)):(y.set(0,0,0),x.set(0,0,0)),A=1,!!(_||o.distanceToSquared(a.object.position)>p||8*(1-s.dot(a.object.quaternion))>p)&&(a.dispatchEvent(l),o.copy(a.object.position),s.copy(a.object.quaternion),_=!1,!0)}),this.dispose=function(){a.domElement.removeEventListener("contextmenu",X,!1),a.domElement.removeEventListener("mousedown",z,!1),a.domElement.removeEventListener("wheel",G,!1),a.domElement.removeEventListener("touchstart",k,!1),a.domElement.removeEventListener("touchend",j,!1),a.domElement.removeEventListener("touchmove",W,!1),document.removeEventListener("mousemove",U,!1),document.removeEventListener("mouseup",H,!1),window.removeEventListener("keydown",V,!1)};var a=this,l={type:"change"},c={type:"start"},h={type:"end"},u={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_DOLLY_PAN:4},d=u.NONE,p=1e-6,v=new Ol,y=new Ol,A=1,x=new st,_=!1,w=new Z,b=new Z,M=new Z,E=new Z,S=new Z,T=new Z,L=new Z,R=new Z,C=new Z;function P(){return Math.pow(.95,a.zoomSpeed)}a.rotateLeft=function(t){y.theta-=t},a.rotateUp=function(t){y.phi-=t};var D,I=(D=new st,function(t,e){D.setFromMatrixColumn(e,0),D.multiplyScalar(-t),x.add(D)}),N=function(){var t=new st;return function(e,n){!0===a.screenSpacePanning?t.setFromMatrixColumn(n,1):(t.setFromMatrixColumn(n,0),t.crossVectors(a.object.up,t)),t.multiplyScalar(e),x.add(t)}}(),O=function(){var t=new st;return function(e,n){var i=a.domElement===document?a.domElement.body:a.domElement;if(a.object.isPerspectiveCamera){var r=a.object.position;t.copy(r).sub(a.target);var o=t.length();o*=Math.tan(a.object.fov/2*Math.PI/180),I(2*e*o/i.clientHeight,a.object.matrix),N(2*n*o/i.clientHeight,a.object.matrix)}else a.object.isOrthographicCamera?(I(e*(a.object.right-a.object.left)/a.object.zoom/i.clientWidth,a.object.matrix),N(n*(a.object.top-a.object.bottom)/a.object.zoom/i.clientHeight,a.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),a.enablePan=!1)}}();function B(t){a.object.isPerspectiveCamera?A/=t:a.object.isOrthographicCamera?(a.object.zoom=Math.max(a.minZoom,Math.min(a.maxZoom,a.object.zoom*t)),a.object.updateProjectionMatrix(),_=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),a.enableZoom=!1)}function F(t){a.object.isPerspectiveCamera?A*=t:a.object.isOrthographicCamera?(a.object.zoom=Math.max(a.minZoom,Math.min(a.maxZoom,a.object.zoom/t)),a.object.updateProjectionMatrix(),_=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),a.enableZoom=!1)}function z(t){if(!1!==a.enabled){switch(t.preventDefault(),t.button){case a.mouseButtons.ORBIT:if(!1===a.enableRotate)return;!function(t){w.set(t.clientX,t.clientY)}(t),d=u.ROTATE;break;case a.mouseButtons.ZOOM:if(!1===a.enableZoom)return;!function(t){L.set(t.clientX,t.clientY)}(t),d=u.DOLLY;break;case a.mouseButtons.PAN:if(!1===a.enablePan)return;!function(t){E.set(t.clientX,t.clientY)}(t),d=u.PAN}d!==u.NONE&&(document.addEventListener("mousemove",U,!1),document.addEventListener("mouseup",H,!1),a.dispatchEvent(c))}}function U(t){if(!1!==a.enabled)switch(t.preventDefault(),d){case u.ROTATE:if(!1===a.enableRotate)return;!function(t){b.set(t.clientX,t.clientY),M.subVectors(b,w).multiplyScalar(a.rotateSpeed);var e=a.domElement===document?a.domElement.body:a.domElement;a.rotateLeft(2*Math.PI*M.x/e.clientHeight),a.rotateUp(2*Math.PI*M.y/e.clientHeight),w.copy(b),a.update()}(t);break;case u.DOLLY:if(!1===a.enableZoom)return;!function(t){R.set(t.clientX,t.clientY),C.subVectors(R,L),C.y>0?B(P()):C.y<0&&F(P()),L.copy(R),a.update()}(t);break;case u.PAN:if(!1===a.enablePan)return;!function(t){S.set(t.clientX,t.clientY),T.subVectors(S,E).multiplyScalar(a.panSpeed),O(T.x,T.y),E.copy(S),a.update()}(t)}}function H(t){!1!==a.enabled&&(document.removeEventListener("mousemove",U,!1),document.removeEventListener("mouseup",H,!1),a.dispatchEvent(h),d=u.NONE)}function G(t){!1===a.enabled||!1===a.enableZoom||d!==u.NONE&&d!==u.ROTATE||(t.preventDefault(),t.stopPropagation(),a.dispatchEvent(c),function(t){t.deltaY<0?F(P()):t.deltaY>0&&B(P()),a.update()}(t),a.dispatchEvent(h))}function V(t){!1!==a.enabled&&!1!==a.enableKeys&&!1!==a.enablePan&&function(t){switch(t.keyCode){case a.keys.UP:O(0,a.keyPanSpeed),a.update();break;case a.keys.BOTTOM:O(0,-a.keyPanSpeed),a.update();break;case a.keys.LEFT:O(a.keyPanSpeed,0),a.update();break;case a.keys.RIGHT:O(-a.keyPanSpeed,0),a.update()}}(t)}function k(t){if(!1!==a.enabled){switch(t.preventDefault(),t.touches.length){case 1:if(!1===a.enableRotate)return;!function(t){w.set(t.touches[0].pageX,t.touches[0].pageY)}(t),d=u.TOUCH_ROTATE;break;case 2:if(!1===a.enableZoom&&!1===a.enablePan)return;!function(t){if(a.enableZoom){var e=t.touches[0].pageX-t.touches[1].pageX,n=t.touches[0].pageY-t.touches[1].pageY,i=Math.sqrt(e*e+n*n);L.set(0,i)}if(a.enablePan){var r=.5*(t.touches[0].pageX+t.touches[1].pageX),o=.5*(t.touches[0].pageY+t.touches[1].pageY);E.set(r,o)}}(t),d=u.TOUCH_DOLLY_PAN;break;default:d=u.NONE}d!==u.NONE&&a.dispatchEvent(c)}}function W(t){if(!1!==a.enabled)switch(t.preventDefault(),t.stopPropagation(),t.touches.length){case 1:if(!1===a.enableRotate)return;if(d!==u.TOUCH_ROTATE)return;!function(t){b.set(t.touches[0].pageX,t.touches[0].pageY),M.subVectors(b,w).multiplyScalar(a.rotateSpeed);var e=a.domElement===document?a.domElement.body:a.domElement;a.rotateLeft(2*Math.PI*M.x/e.clientHeight),a.rotateUp(2*Math.PI*M.y/e.clientHeight),w.copy(b),a.update()}(t);break;case 2:if(!1===a.enableZoom&&!1===a.enablePan)return;if(d!==u.TOUCH_DOLLY_PAN)return;!function(t){if(a.enableZoom){var e=t.touches[0].pageX-t.touches[1].pageX,n=t.touches[0].pageY-t.touches[1].pageY,i=Math.sqrt(e*e+n*n);R.set(0,i),C.set(0,Math.pow(R.y/L.y,a.zoomSpeed)),B(C.y),L.copy(R)}if(a.enablePan){var r=.5*(t.touches[0].pageX+t.touches[1].pageX),o=.5*(t.touches[0].pageY+t.touches[1].pageY);S.set(r,o),T.subVectors(S,E).multiplyScalar(a.panSpeed),O(T.x,T.y),E.copy(S)}a.update()}(t);break;default:d=u.NONE}}function j(t){!1!==a.enabled&&(a.dispatchEvent(h),d=u.NONE)}function X(t){!1!==a.enabled&&t.preventDefault()}a.domElement.addEventListener("mousedown",z,!1),a.domElement.addEventListener("wheel",G,!1),a.domElement.addEventListener("touchstart",k,!1),a.domElement.addEventListener("touchend",j,!1),a.domElement.addEventListener("touchmove",W,!1),window.addEventListener("keydown",V,!1),this.update()};(Vl.prototype=Object.create(X.prototype)).constructor=Vl,Object.defineProperties(Vl.prototype,{center:{get:function(){return console.warn("THREE.OrbitControls: .center has been renamed to .target"),this.target}},noZoom:{get:function(){return console.warn("THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead."),!this.enableZoom},set:function(t){console.warn("THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead."),this.enableZoom=!t}},noRotate:{get:function(){return console.warn("THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead."),!this.enableRotate},set:function(t){console.warn("THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead."),this.enableRotate=!t}},noPan:{get:function(){return console.warn("THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead."),!this.enablePan},set:function(t){console.warn("THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead."),this.enablePan=!t}},noKeys:{get:function(){return console.warn("THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead."),!this.enableKeys},set:function(t){console.warn("THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead."),this.enableKeys=!t}},staticMoving:{get:function(){return console.warn("THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead."),!this.enableDamping},set:function(t){console.warn("THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead."),this.enableDamping=!t}},dynamicDampingFactor:{get:function(){return console.warn("THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead."),this.dampingFactor},set:function(t){console.warn("THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead."),this.dampingFactor=t}}});const kl=function(t){var e=this;this.object=t,this.object.rotation.reorder("YXZ"),this.enabled=!0,this.deviceOrientation={},this.screenOrientation=0,this.alphaOffset=0;var n,i,r,o,s=function(t){e.deviceOrientation=t},a=function(){e.screenOrientation=window.orientation||0},l=(n=new st(0,0,1),i=new Vt,r=new ot,o=new ot(-Math.sqrt(.5),0,0,Math.sqrt(.5)),function(t,e,s,a,l){i.set(s,e,-a,"YXZ"),t.setFromEuler(i),t.multiply(o),t.multiply(r.setFromAxisAngle(n,-l))});this.connect=function(){a(),window.addEventListener("orientationchange",a,!1),window.addEventListener("deviceorientation",s,!1),e.enabled=!0},this.disconnect=function(){window.removeEventListener("orientationchange",a,!1),window.removeEventListener("deviceorientation",s,!1),e.enabled=!1},this.update=function(){if(!1!==e.enabled){var t=e.deviceOrientation;if(t){var n=t.alpha?Q.degToRad(t.alpha)+e.alphaOffset:0,i=t.beta?Q.degToRad(t.beta):0,r=t.gamma?Q.degToRad(t.gamma):0,o=e.screenOrientation?Q.degToRad(e.screenOrientation):0;l(e.object.quaternion,n,i,r,o)}}},this.dispose=function(){e.disconnect()},this.connect()};class Wl{constructor(t){this.object=t.camera,this.domElement=t.canvas,this.orbit=new Vl(this.object,this.domElement),this.speed=.5,this.orbit.target.set(0,0,-1),this.orbit.enableZoom=!1,this.orbit.enablePan=!1,this.orbit.rotateSpeed=-this.speed,t.orientation&&(this.orientation=new kl(this.object)),t.halfView&&(this.orbit.minAzimuthAngle=-Math.PI/4,this.orbit.maxAzimuthAngle=Math.PI/4)}update(){if(this.orientation){this.orientation.update();const t=this.orientation.object.quaternion,e=function(t,e,n,i){const r=t*e+n*i;if(r>.499){const e=2*Math.atan2(t,i),n=Math.PI/2;return new st(n,0,e)}if(r<-.499){const e=-2*Math.atan2(t,i),n=-Math.PI/2;return new st(n,0,e)}const o=t*t,s=e*e,a=n*n,l=Math.atan2(2*e*i-2*t*n,1-2*s-2*a),c=Math.asin(2*r),h=Math.atan2(2*t*i-2*e*n,1-2*o-2*a);return new st(c,h,l)}(t.x,t.y,t.z,t.w);void 0===this.lastAngle_&&(this.lastAngle_=e),this.orbit.rotateLeft((this.lastAngle_.z-e.z)*(1+this.speed)),this.orbit.rotateUp((this.lastAngle_.y-e.y)*(1+this.speed)),this.lastAngle_=e}this.orbit.update()}dispose(){this.orbit.dispose(),this.orientation&&this.orientation.dispose()}}const jl=function(){const t=document.createElement("video");return t.crossOrigin="anonymous",t.hasAttribute("crossorigin")}(),Xl=["360","360_LR","360_TB","360_CUBE","EAC","EAC_LR","NONE","AUTO","Sphere","Cube","equirectangular","180","180_LR","180_MONO"],ql=function(t){if(t){if(t=t.toString().trim(),/sphere/i.test(t))return"360";if(/cube/i.test(t))return"360_CUBE";if(/equirectangular/i.test(t))return"360";for(let e=0;e<Xl.length;e++)if(new RegExp("^"+Xl[e]+"$","i").test(t))return Xl[e]}};class Yl extends n.default.EventTarget{constructor(t,e,i){super(),this.player=t,this.canvas=e,this.options=i,this.onMoveEnd=n.default.bind(this,this.onMoveEnd),this.onMoveStart=n.default.bind(this,this.onMoveStart),this.onMove=n.default.bind(this,this.onMove),this.onControlBarMove=n.default.bind(this,this.onControlBarMove),this.player.controlBar.on(["mousedown","mousemove","mouseup","touchstart","touchmove","touchend"],this.onControlBarMove),this.oldReportUserActivity=this.player.reportUserActivity,this.player.reportUserActivity=()=>{},this.canvas.addEventListener("mousedown",this.onMoveStart),this.canvas.addEventListener("touchstart",this.onMoveStart),this.canvas.addEventListener("mousemove",this.onMove),this.canvas.addEventListener("touchmove",this.onMove),this.canvas.addEventListener("mouseup",this.onMoveEnd),this.canvas.addEventListener("touchend",this.onMoveEnd),this.shouldTogglePlay=!1}togglePlay(){this.player.paused()?this.player.play():this.player.pause()}onMoveStart(t){this.options.disableTogglePlay||!this.player.controls()||"mousedown"===t.type&&!n.default.dom.isSingleLeftClick(t)?this.shouldTogglePlay=!1:(this.shouldTogglePlay=!0,this.touchMoveCount_=0)}onMoveEnd(t){if("touchend"===t.type&&this.touchMoveCount_<10)return!1===this.player.userActive()?void this.player.userActive(!0):void this.player.userActive(!1);this.shouldTogglePlay&&"mouseup"===t.type&&this.togglePlay()}onMove(t){this.touchMoveCount_++,this.shouldTogglePlay=!1}onControlBarMove(t){this.player.userActive(!0)}dispose(){this.canvas.removeEventListener("mousedown",this.onMoveStart),this.canvas.removeEventListener("touchstart",this.onMoveStart),this.canvas.removeEventListener("mousemove",this.onMove),this.canvas.removeEventListener("touchmove",this.onMove),this.canvas.removeEventListener("mouseup",this.onMoveEnd),this.canvas.removeEventListener("touchend",this.onMoveEnd),this.player.controlBar.off(["mousedown","mousemove","mouseup","touchstart","touchmove","touchend"],this.onControlBarMove),this.player.reportUserActivity=this.oldReportUserActivity}}class Ql extends n.default.EventTarget{constructor(t,e,i,r){super();const o=n.default.mergeOptions({channelMap:n.default.browser.IS_SAFARI?[2,0,1,3]:[0,1,2,3],ambisonicOrder:1},r);this.videoElementSource=t.createMediaElementSource(i),this.foaRenderer=e.createFOARenderer(t,o),this.foaRenderer.initialize().then((()=>{"suspended"===t.state&&this.trigger({type:"audiocontext-suspended"}),this.videoElementSource.connect(this.foaRenderer.input),this.foaRenderer.output.connect(t.destination),this.initialized=!0,this.trigger({type:"omnitone-ready"})}),(t=>{n.default.log.warn(`videojs-vr: Omnitone initializes failed with the following error: ${t})`)}))}update(t){this.initialized&&this.foaRenderer.setRotationMatrixFromCamera(t.matrix)}dispose(){this.initialized=!1,this.foaRenderer.setRenderingMode("bypass"),this.foaRenderer=null}}const Zl=n.default.getComponent("Button");n.default.registerComponent("CardboardButton",class extends Zl{constructor(t,e){super(t,e),this.handleVrDisplayActivate_=n.default.bind(this,this.handleVrDisplayActivate_),this.handleVrDisplayDeactivate_=n.default.bind(this,this.handleVrDisplayDeactivate_),this.handleVrDisplayPresentChange_=n.default.bind(this,this.handleVrDisplayPresentChange_),this.handleOrientationChange_=n.default.bind(this,this.handleOrientationChange_),window.addEventListener("orientationchange",this.handleOrientationChange_),window.addEventListener("vrdisplayactivate",this.handleVrDisplayActivate_),window.addEventListener("vrdisplaydeactivate",this.handleVrDisplayDeactivate_),window.addEventListener("vrdisplaypresentchange",this.handleVrDisplayPresentChange_),n.default.browser.IS_ANDROID&&this.on(t,"fullscreenchange",(()=>{t.isFullscreen()?this.hide():this.show()}))}buildCSSClass(){return`vjs-button-vr ${super.buildCSSClass()}`}handleVrDisplayPresentChange_(){!this.player_.vr().vrDisplay.isPresenting&&this.active_&&this.handleVrDisplayDeactivate_(),this.player_.vr().vrDisplay.isPresenting&&!this.active_&&this.handleVrDisplayActivate_()}handleOrientationChange_(){this.active_&&n.default.browser.IS_IOS&&this.changeSize_()}changeSize_(){this.player_.width(window.innerWidth),this.player_.height(window.innerHeight),window.dispatchEvent(new window.Event("resize"))}handleVrDisplayActivate_(){n.default.browser.IS_IOS&&(this.oldWidth_=this.player_.currentWidth(),this.oldHeight_=this.player_.currentHeight(),this.player_.enterFullWindow(),this.changeSize_()),this.active_=!0}handleVrDisplayDeactivate_(){n.default.browser.IS_IOS&&(this.oldWidth_&&this.player_.width(this.oldWidth_),this.oldHeight_&&this.player_.height(this.oldHeight_),this.player_.exitFullWindow()),this.active_=!1}handleClick(t){this.active_?window.dispatchEvent(new window.Event("vrdisplaydeactivate")):(!this.player_.hasStarted()&&n.default.browser.IS_ANDROID&&this.player_.play(),window.dispatchEvent(new window.Event("vrdisplayactivate")))}dispose(){super.dispose(),window.removeEventListener("vrdisplayactivate",this.handleVrDisplayActivate_),window.removeEventListener("vrdisplaydeactivate",this.handleVrDisplayDeactivate_),window.removeEventListener("vrdisplaypresentchange",this.handleVrDisplayPresentChange_)}});const Jl=n.default.getComponent("BigPlayButton");n.default.registerComponent("BigVrPlayButton",class extends Jl{buildCSSClass(){return`vjs-big-vr-play-button ${super.buildCSSClass()}`}});const Kl={debug:!1,omnitone:!1,forceCardboard:!1,omnitoneOptions:{},projection:"AUTO",sphereDetail:32,disableTogglePlay:!1},$l={"web-vr-out-of-date":{headline:"360 is out of date",type:"360_OUT_OF_DATE",message:"Your browser supports 360 but not the latest version. See <a href='http://webvr.info'>http://webvr.info</a> for more info."},"web-vr-not-supported":{headline:"360 not supported on this device",type:"360_NOT_SUPPORTED",message:"Your browser does not support 360. See <a href='http://webvr.info'>http://webvr.info</a> for assistance."},"web-vr-hls-cors-not-supported":{headline:"360 HLS video not supported on this device",type:"360_NOT_SUPPORTED",message:"Your browser/device does not support HLS 360 video. See <a href='http://webvr.info'>http://webvr.info</a> for assistance."}},tc=n.default.getPlugin("plugin"),ec=n.default.getComponent("Component");class nc extends tc{constructor(t,e){const i=n.default.mergeOptions(Kl,e);super(t,i),this.options_=i,this.player_=t,this.bigPlayButtonIndex_=t.children().indexOf(t.getChild("BigPlayButton"))||0,this.videojsErrorsSupport_=!!n.default.errors,this.videojsErrorsSupport_&&t.errors({errors:$l}),!n.default.browser.IE_VERSION&&jl?(this.polyfill_=new u({ROTATE_INSTRUCTIONS_DISABLED:!0}),this.polyfill_=new u,this.handleVrDisplayActivate_=n.default.bind(this,this.handleVrDisplayActivate_),this.handleVrDisplayDeactivate_=n.default.bind(this,this.handleVrDisplayDeactivate_),this.handleResize_=n.default.bind(this,this.handleResize_),this.animate_=n.default.bind(this,this.animate_),this.setProjection(this.options_.projection),this.on(t,"adstart",(()=>t.setTimeout((()=>{t.ads&&t.ads.videoElementRecycled()?(this.log("video element recycled for this ad, reseting"),this.reset(),this.one(t,"playing",this.init)):this.log("video element not recycled for this ad, no need to reset")}))),1),this.on(t,"loadedmetadata",this.init)):this.player_.on("loadstart",(()=>{this.triggerError_({code:"web-vr-not-supported",dismiss:!1})}))}changeProjection_(t){(t=ql(t))||(t="NONE");const e=0,n=0,i=0;if(this.scene&&this.scene.remove(this.movieScreen),"AUTO"===t){if(this.player_.mediainfo&&this.player_.mediainfo.projection&&"AUTO"!==this.player_.mediainfo.projection){const t=ql(this.player_.mediainfo.projection);return this.changeProjection_(t)}return this.changeProjection_("NONE")}if("360"===t)this.movieGeometry=new Cs(256,this.options_.sphereDetail,this.options_.sphereDetail),this.movieMaterial=new Pe({map:this.videoTexture,overdraw:!0,side:1}),this.movieScreen=new xn(this.movieGeometry,this.movieMaterial),this.movieScreen.position.set(e,n,i),this.movieScreen.scale.x=-1,this.movieScreen.quaternion.setFromAxisAngle({x:0,y:1,z:0},-Math.PI/2),this.scene.add(this.movieScreen);else if("360_LR"===t||"360_TB"===t){let e=new Cs(256,this.options_.sphereDetail,this.options_.sphereDetail),n=e.faceVertexUvs[0];for(let e=0;e<n.length;e++)for(let i=0;i<3;i++)"360_LR"===t?n[e][i].x*=.5:(n[e][i].y*=.5,n[e][i].y+=.5);this.movieGeometry=(new en).fromGeometry(e),this.movieMaterial=new Pe({map:this.videoTexture,overdraw:!0,side:1}),this.movieScreen=new xn(this.movieGeometry,this.movieMaterial),this.movieScreen.scale.x=-1,this.movieScreen.quaternion.setFromAxisAngle({x:0,y:1,z:0},-Math.PI/2),this.movieScreen.layers.set(1),this.scene.add(this.movieScreen),e=new Cs(256,this.options_.sphereDetail,this.options_.sphereDetail),n=e.faceVertexUvs[0];for(let e=0;e<n.length;e++)for(let i=0;i<3;i++)"360_LR"===t?(n[e][i].x*=.5,n[e][i].x+=.5):n[e][i].y*=.5;this.movieGeometry=(new en).fromGeometry(e),this.movieMaterial=new Pe({map:this.videoTexture,overdraw:!0,side:1}),this.movieScreen=new xn(this.movieGeometry,this.movieMaterial),this.movieScreen.scale.x=-1,this.movieScreen.quaternion.setFromAxisAngle({x:0,y:1,z:0},-Math.PI/2),this.movieScreen.layers.set(2),this.scene.add(this.movieScreen)}else if("360_CUBE"===t){this.movieGeometry=new wn(256,256,256),this.movieMaterial=new Pe({map:this.videoTexture,overdraw:!0,side:1});const t=[new Z(0,.5),new Z(.333,.5),new Z(.333,1),new Z(0,1)],r=[new Z(.333,.5),new Z(.666,.5),new Z(.666,1),new Z(.333,1)],o=[new Z(.666,.5),new Z(1,.5),new Z(1,1),new Z(.666,1)],s=[new Z(0,0),new Z(.333,0),new Z(.333,.5),new Z(0,.5)],a=[new Z(.333,0),new Z(.666,0),new Z(.666,.5),new Z(.333,.5)],l=[new Z(.666,0),new Z(1,0),new Z(1,.5),new Z(.666,.5)];this.movieGeometry.faceVertexUvs[0]=[],this.movieGeometry.faceVertexUvs[0][0]=[r[2],r[1],r[3]],this.movieGeometry.faceVertexUvs[0][1]=[r[1],r[0],r[3]],this.movieGeometry.faceVertexUvs[0][2]=[t[2],t[1],t[3]],this.movieGeometry.faceVertexUvs[0][3]=[t[1],t[0],t[3]],this.movieGeometry.faceVertexUvs[0][4]=[o[2],o[1],o[3]],this.movieGeometry.faceVertexUvs[0][5]=[o[1],o[0],o[3]],this.movieGeometry.faceVertexUvs[0][6]=[s[2],s[1],s[3]],this.movieGeometry.faceVertexUvs[0][7]=[s[1],s[0],s[3]],this.movieGeometry.faceVertexUvs[0][8]=[a[2],a[1],a[3]],this.movieGeometry.faceVertexUvs[0][9]=[a[1],a[0],a[3]],this.movieGeometry.faceVertexUvs[0][10]=[l[2],l[1],l[3]],this.movieGeometry.faceVertexUvs[0][11]=[l[1],l[0],l[3]],this.movieScreen=new xn(this.movieGeometry,this.movieMaterial),this.movieScreen.position.set(e,n,i),this.movieScreen.rotation.y=-Math.PI,this.scene.add(this.movieScreen)}else if("180"===t||"180_LR"===t||"180_MONO"===t){let e=new Cs(256,this.options_.sphereDetail,this.options_.sphereDetail,Math.PI,Math.PI);e.scale(-1,1,1);let n=e.faceVertexUvs[0];if("180_MONO"!==t)for(let t=0;t<n.length;t++)for(let e=0;e<3;e++)n[t][e].x*=.5;this.movieGeometry=(new en).fromGeometry(e),this.movieMaterial=new Pe({map:this.videoTexture,overdraw:!0}),this.movieScreen=new xn(this.movieGeometry,this.movieMaterial),this.movieScreen.layers.set(1),this.scene.add(this.movieScreen),e=new Cs(256,this.options_.sphereDetail,this.options_.sphereDetail,Math.PI,Math.PI),e.scale(-1,1,1),n=e.faceVertexUvs[0];for(let t=0;t<n.length;t++)for(let e=0;e<3;e++)n[t][e].x*=.5,n[t][e].x+=.5;this.movieGeometry=(new en).fromGeometry(e),this.movieMaterial=new Pe({map:this.videoTexture,overdraw:!0}),this.movieScreen=new xn(this.movieGeometry,this.movieMaterial),this.movieScreen.layers.set(2),this.scene.add(this.movieScreen)}else if("EAC"===t||"EAC_LR"===t){const r=(t,r)=>{this.movieGeometry=new wn(256,256,256),this.movieMaterial=new Sn({overdraw:!0,side:1,uniforms:{mapped:{value:this.videoTexture},mapMatrix:{value:t},contCorrect:{value:2},faceWH:{value:new Z(1/3,.5).applyMatrix3(r)},vidWH:{value:new Z(this.videoTexture.image.videoWidth,this.videoTexture.image.videoHeight).applyMatrix3(r)}},vertexShader:"\nvarying vec2 vUv;\nuniform mat3 mapMatrix;\n\nvoid main() {\n  vUv = (mapMatrix * vec3(uv, 1.)).xy;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.);\n}",fragmentShader:"\nvarying vec2 vUv;\nuniform sampler2D mapped;\nuniform vec2 faceWH;\nuniform vec2 vidWH;\nuniform float contCorrect;\n\nconst float PI = 3.1415926535897932384626433832795;\n\nvoid main() {\n  vec2 corner = vUv - mod(vUv, faceWH) + vec2(0, contCorrect / vidWH.y);\n\n  vec2 faceWHadj = faceWH - vec2(0, contCorrect * 2. / vidWH.y);\n\n  vec2 p = (vUv - corner) / faceWHadj - .5;\n  vec2 q = 2. / PI * atan(2. * p) + .5;\n\n  vec2 eUv = corner + q * faceWHadj;\n\n  gl_FragColor = texture2D(mapped, eUv);\n}"});const o=[new Z(0,.5),new Z(1/3,.5),new Z(1/3,1),new Z(0,1)],s=[new Z(1/3,.5),new Z(2/3,.5),new Z(2/3,1),new Z(1/3,1)],a=[new Z(2/3,.5),new Z(1,.5),new Z(1,1),new Z(2/3,1)],l=[new Z(1/3,0),new Z(1/3,.5),new Z(0,.5),new Z(0,0)],c=[new Z(1/3,.5),new Z(1/3,0),new Z(2/3,0),new Z(2/3,.5)],h=[new Z(1,0),new Z(1,.5),new Z(2/3,.5),new Z(2/3,0)];for(const t of[o,s,a,l,c,h]){const e=this.videoTexture.image.videoHeight;let n=1,i=0;for(const e of t)e.y<n&&(n=e.y),e.y>i&&(i=e.y);for(const r of t)Math.abs(r.y-n)<Number.EPSILON&&(r.y+=2/e),Math.abs(r.y-i)<Number.EPSILON&&(r.y-=2/e),r.x=r.x/e*(e-4)+2/e}return this.movieGeometry.faceVertexUvs[0]=[],this.movieGeometry.faceVertexUvs[0][0]=[o[2],o[1],o[3]],this.movieGeometry.faceVertexUvs[0][1]=[o[1],o[0],o[3]],this.movieGeometry.faceVertexUvs[0][2]=[a[2],a[1],a[3]],this.movieGeometry.faceVertexUvs[0][3]=[a[1],a[0],a[3]],this.movieGeometry.faceVertexUvs[0][4]=[h[2],h[1],h[3]],this.movieGeometry.faceVertexUvs[0][5]=[h[1],h[0],h[3]],this.movieGeometry.faceVertexUvs[0][6]=[l[2],l[1],l[3]],this.movieGeometry.faceVertexUvs[0][7]=[l[1],l[0],l[3]],this.movieGeometry.faceVertexUvs[0][8]=[s[2],s[1],s[3]],this.movieGeometry.faceVertexUvs[0][9]=[s[1],s[0],s[3]],this.movieGeometry.faceVertexUvs[0][10]=[c[2],c[1],c[3]],this.movieGeometry.faceVertexUvs[0][11]=[c[1],c[0],c[3]],this.movieScreen=new xn(this.movieGeometry,this.movieMaterial),this.movieScreen.position.set(e,n,i),this.movieScreen.rotation.y=-Math.PI,this.movieScreen};if("EAC"===t)this.scene.add(r(new J,new J));else{const t=(new J).set(0,.5,0,1,0,0,0,0,1);r((new J).set(0,-.5,.5,1,0,0,0,0,1),t),this.movieScreen.layers.set(1),this.scene.add(this.movieScreen),r((new J).set(0,-.5,1,1,0,0,0,0,1),t),this.movieScreen.layers.set(2),this.scene.add(this.movieScreen)}}this.currentProjection_=t}triggerError_(t){if(this.videojsErrorsSupport_)this.player_.error(t);else{const e=document.createElement("div");e.innerHTML=$l[t.code].message;const n=e.textContent||e.innerText||"";this.player_.error({code:t.code,message:n})}}log(...t){this.options_.debug&&t.forEach((t=>{n.default.log("VR: ",t)}))}handleVrDisplayActivate_(){this.vrDisplay&&this.vrDisplay.requestPresent([{source:this.renderedCanvas}]).then((()=>{if(!this.vrDisplay.cardboardUI_||!n.default.browser.IS_IOS)return;let t=[];const e=e=>{for(let n=0;n<e.touches.length;n++)t.push(e.touches[n])},i=e=>{t.length&&(t.forEach((t=>{const e=new window.MouseEvent("click",{screenX:t.screenX,screenY:t.screenY,clientX:t.clientX,clientY:t.clientY});this.renderedCanvas.dispatchEvent(e)})),t=[])};this.renderedCanvas.addEventListener("touchstart",e),this.renderedCanvas.addEventListener("touchend",i),this.iosRevertTouchToClick_=()=>{this.renderedCanvas.removeEventListener("touchstart",e),this.renderedCanvas.removeEventListener("touchend",i),this.iosRevertTouchToClick_=null}}))}handleVrDisplayDeactivate_(){this.vrDisplay&&this.vrDisplay.isPresenting&&(this.iosRevertTouchToClick_&&this.iosRevertTouchToClick_(),this.vrDisplay.exitPresent())}requestAnimationFrame(t){return this.vrDisplay?this.vrDisplay.requestAnimationFrame(t):this.player_.requestAnimationFrame(t)}cancelAnimationFrame(t){return this.vrDisplay?this.vrDisplay.cancelAnimationFrame(t):this.player_.cancelAnimationFrame(t)}togglePlay_(){this.player_.paused()?this.player_.play():this.player_.pause()}animate_(){if(this.initialized_){if(this.getVideoEl_().readyState===this.getVideoEl_().HAVE_ENOUGH_DATA&&this.videoTexture&&(this.videoTexture.needsUpdate=!0),this.controls3d.update(),this.omniController&&this.omniController.update(this.camera),this.effect.render(this.scene,this.camera),window.navigator.getGamepads){const t=window.navigator.getGamepads();for(let e=0;e<t.length;++e){const n=t[e];if(n&&n.timestamp&&n.timestamp!==this.prevTimestamps_[e])for(let t=0;t<n.buttons.length;++t)if(n.buttons[t].pressed){this.togglePlay_(),this.prevTimestamps_[e]=n.timestamp;break}}}this.camera.getWorldDirection(this.cameraVector),this.animationFrameId_=this.requestAnimationFrame(this.animate_)}}handleResize_(){const t=this.player_.currentWidth(),e=this.player_.currentHeight();this.effect.setSize(t,e,!1),this.camera.aspect=t/e,this.camera.updateProjectionMatrix()}setProjection(t){ql(t)?(this.currentProjection_=t,this.defaultProjection_=t):n.default.log.error("videojs-vr: please pass a valid projection "+Xl.join(", "))}init(){if(this.reset(),this.camera=new Ln(75,this.player_.currentWidth()/this.player_.currentHeight(),1,1e3),this.cameraVector=new st,"360_LR"!==this.currentProjection_&&"360_TB"!==this.currentProjection_&&"180"!==this.currentProjection_&&"180_LR"!==this.currentProjection_&&"180_MONO"!==this.currentProjection_&&"EAC_LR"!==this.currentProjection_||this.camera.layers.enable(1),this.scene=new jr,this.videoTexture=new Yo(this.getVideoEl_()),this.videoTexture.generateMipmaps=!1,this.videoTexture.minFilter=w,this.videoTexture.magFilter=w,this.videoTexture.format=C,this.changeProjection_(this.currentProjection_),"NONE"===this.currentProjection_)return this.log("Projection is NONE, dont init"),void this.reset();this.player_.removeChild("BigPlayButton"),this.player_.addChild("BigVrPlayButton",{},this.bigPlayButtonIndex_),this.player_.bigPlayButton=this.player_.getChild("BigVrPlayButton"),(this.options_.forceCardboard||n.default.browser.IS_ANDROID||n.default.browser.IS_IOS)&&this.addCardboardButton_(),n.default.browser.IS_IOS&&this.player_.controlBar&&this.player_.controlBar.fullscreenToggle&&this.player_.controlBar.fullscreenToggle.hide(),this.camera.position.set(0,0,0),this.renderer=new kr({devicePixelRatio:window.devicePixelRatio,alpha:!1,clearColor:16777215,antialias:!0});const t=this.renderer.getContext("webgl"),e=t.texImage2D;t.texImage2D=(...n)=>{try{return e.apply(t,n)}catch(t){throw this.reset(),this.player_.pause(),this.triggerError_({code:"web-vr-hls-cors-not-supported",dismiss:!1}),new Error(t)}},this.renderer.setSize(this.player_.currentWidth(),this.player_.currentHeight(),!1),this.effect=new Gl(this.renderer),this.effect.setSize(this.player_.currentWidth(),this.player_.currentHeight(),!1),this.vrDisplay=null,this.prevTimestamps_=[],this.renderedCanvas=this.renderer.domElement,this.renderedCanvas.setAttribute("style","width: 100%; height: 100%; position: absolute; top:0;");const i=this.getVideoEl_().style;if(this.player_.el().insertBefore(this.renderedCanvas,this.player_.el().firstChild),i.zIndex="-1",i.opacity="0",window.navigator.getVRDisplays?(this.log("is supported, getting vr displays"),window.navigator.getVRDisplays().then((t=>{if(t.length>0&&(this.log("Displays found",t),this.vrDisplay=t[0],this.vrDisplay.isPolyfilled||(this.log("Real HMD found using VRControls",this.vrDisplay),this.addCardboardButton_(),this.controls3d=new Hl(this.camera))),!this.controls3d){this.log("no HMD found Using Orbit & Orientation Controls");const t={camera:this.camera,canvas:this.renderedCanvas,halfView:0===this.currentProjection_.indexOf("180"),orientation:n.default.browser.IS_IOS||n.default.browser.IS_ANDROID||!1};!1===this.options_.motionControls&&(t.orientation=!1),this.controls3d=new Wl(t),this.canvasPlayerControls=new Yl(this.player_,this.renderedCanvas,this.options_)}this.animationFrameId_=this.requestAnimationFrame(this.animate_)}))):window.navigator.getVRDevices?this.triggerError_({code:"web-vr-out-of-date",dismiss:!1}):this.triggerError_({code:"web-vr-not-supported",dismiss:!1}),this.options_.omnitone){const t=ll();this.omniController=new Ql(t,this.options_.omnitone,this.getVideoEl_(),this.options_.omnitoneOptions),this.omniController.one("audiocontext-suspended",(()=>{this.player.pause(),this.player.one("playing",(()=>{t.resume()}))}))}this.on(this.player_,"fullscreenchange",this.handleResize_),window.addEventListener("vrdisplaypresentchange",this.handleResize_,!0),window.addEventListener("resize",this.handleResize_,!0),window.addEventListener("vrdisplayactivate",this.handleVrDisplayActivate_,!0),window.addEventListener("vrdisplaydeactivate",this.handleVrDisplayDeactivate_,!0),this.initialized_=!0,this.trigger("initialized")}addCardboardButton_(){this.player_.controlBar.getChild("CardboardButton")||this.player_.controlBar.addChild("CardboardButton",{})}getVideoEl_(){return this.player_.el().getElementsByTagName("video")[0]}reset(){if(!this.initialized_)return;this.omniController&&(this.omniController.off("audiocontext-suspended"),this.omniController.dispose(),this.omniController=void 0),this.controls3d&&(this.controls3d.dispose(),this.controls3d=null),this.canvasPlayerControls&&(this.canvasPlayerControls.dispose(),this.canvasPlayerControls=null),this.effect&&(this.effect.dispose(),this.effect=null),window.removeEventListener("resize",this.handleResize_,!0),window.removeEventListener("vrdisplaypresentchange",this.handleResize_,!0),window.removeEventListener("vrdisplayactivate",this.handleVrDisplayActivate_,!0),window.removeEventListener("vrdisplaydeactivate",this.handleVrDisplayDeactivate_,!0),this.player_.getChild("BigPlayButton")||this.player_.addChild("BigPlayButton",{},this.bigPlayButtonIndex_),this.player_.getChild("BigVrPlayButton")&&this.player_.removeChild("BigVrPlayButton"),this.player_.getChild("CardboardButton")&&this.player_.controlBar.removeChild("CardboardButton"),n.default.browser.IS_IOS&&this.player_.controlBar&&this.player_.controlBar.fullscreenToggle&&this.player_.controlBar.fullscreenToggle.show();const t=this.getVideoEl_().style;t.zIndex="",t.opacity="",this.currentProjection_=this.defaultProjection_,this.iosRevertTouchToClick_&&this.iosRevertTouchToClick_(),this.renderedCanvas&&this.renderedCanvas.parentNode.removeChild(this.renderedCanvas),this.animationFrameId_&&this.cancelAnimationFrame(this.animationFrameId_),this.initialized_=!1}dispose(){super.dispose(),this.reset()}polyfillVersion(){return u.version}}return nc.prototype.setTimeout=ec.prototype.setTimeout,nc.prototype.clearTimeout=ec.prototype.clearTimeout,nc.VERSION="2.0.0",n.default.registerPlugin("vr",nc),nc}));
diff --git a/src/App.vue b/src/App.vue
index 41d8258..ba7ad8a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,164 @@
 <script setup>
+import { onMounted, onBeforeUnmount } from 'vue';
+import { getHomeList } from "./api/detail";
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
+
+// 设置页面主题
+const setPageTheme = (style) => {
+  // 移除所有主题
+  document.documentElement.removeAttribute('data-theme');
+  
+  // 设置新主题
+  if (['1', '2', '3'].includes(style)) {
+    document.documentElement.setAttribute('data-theme', style);
+    console.log('设置主题:', style);
+  }
+};
+
+// 获取并设置主题
+const initTheme = async () => {
+  getHomeList()
+    .then((res) => {
+      if (res.code === 0) {
+        console.log('获取首页数据成功:', res);
+        setPageTheme(res.appView.pageStyle);
+      }
+    })
+    .catch((error) => {
+      console.error("获取首页数据失败:", error);
+    });
+};
+
+// 监听路由变化
+watch(
+  () => route.params.id,
+  async (newId) => {
+    if (newId) {
+      await initTheme();
+    }
+  }
+);
+
+onMounted(() => {
+  initTheme();
+});
+
+onBeforeUnmount(() => {
+  document.documentElement.removeAttribute('data-theme');
+});
 </script>
 
 <template>
   <router-view></router-view>
 </template>
 
-<style scoped>
+<style>
+/* 主题基础变量 */
+:root {
+  --primary-color: #1989fa;
+  --secondary-color: #409eff;
+  --text-color: #333;
+  --link-color: #1989fa;
+  --border-color: #ebeef5;
+  --background-color: #f5f6f8;
+  --header-background: #fff;
+}
 
+/* 蓝色主题 (默认) */
+html[data-theme="1"] {
+  --primary-color: #1989fa;
+  --secondary-color: #409eff;
+  --link-color: #1989fa;
+  --border-color: #ebeef5;
+  .header{
+    background: linear-gradient(to bottom, rgb(27, 163, 251), 70%, rgba(27, 163, 251, 0.45));
+  }
+}
+
+/* 红色主题 */
+html[data-theme="2"] {
+  --primary-color: #D10005;
+  --secondary-color: #D10005;
+  --link-color: #D10005;
+  --border-color: #FFFFFF;
+  --background-color: #FFFFFF;
+  
+  /* 添加红色主题特定的滤镜 */
+  /* filter: hue-rotate(340deg) saturate(1.2); */
+}
+
+/* 灰色主题 */
+html[data-theme="3"] {
+  filter: grayscale(100%) !important;
+  .header{
+    background: linear-gradient(to bottom, rgb(102, 102, 102), 70%, rgba(102, 102, 102, 0.2));
+  }
+}
+
+/* 应用主题变量 */
+body {
+  background-color: var(--background-color);
+  color: var(--text-color);
+}
+
+/* 主题切换过渡效果 */
+html {
+  transition: filter 0.3s ease;
+}
+
+/* 通用组件样式 */
+.van-button--primary {
+  background-color: var(--primary-color) !important;
+  border-color: var(--primary-color) !important;
+}
+
+.van-nav-bar {
+  background-color: var(--header-background) !important;
+}
+
+.van-nav-bar__title {
+  color: var(--text-color) !important;
+}
+
+/* 重置播放器的filter */
+.prism-player,
+.video-player,
+.vjs-video-player {
+  filter: none !important;
+}
+
+/* 图片滤镜重置 */
+img {
+  transition: filter 0.3s ease;
+}
+
+/* 红色主题下重置某些元素的滤镜 */
+html[data-theme="2"] {
+  /* .prism-player,
+  .video-player,
+  .vjs-video-player,
+  img[data-reset-filter="true"] {
+    filter: hue-rotate(-340deg) saturate(0.8) !important;
+  } */
+  .header{
+    background: linear-gradient(to bottom, rgb(209, 0, 5), 70%, rgba(209, 0, 5, 0.2));
+  }
+ .channel{
+  position: relative;
+ }
+  
+  .channel::before{
+    content: url('./assets/img/red.png');
+    width: 120px;
+    height:120px;
+    position: absolute;
+    top: -20px;
+    left: -10px;
+    z-index: 0;
+  }
+
+}
 </style>
     
\ No newline at end of file
diff --git a/src/api/detail.js b/src/api/detail.js
new file mode 100644
index 0000000..d2bc04c
--- /dev/null
+++ b/src/api/detail.js
@@ -0,0 +1,52 @@
+import request from '../utils/request'
+
+
+// 条件搜索
+export function getSearch(params) {
+  return request({
+    url: '/app/live/scene/appSearch',
+    method: 'get',
+    params: params
+  })
+}
+// APP查询热点榜
+export function getHot(params) {
+  return request({
+    url: '/foreign/live/getHotList',
+    method: 'get',
+    params: params
+  })
+}
+// 首页列表
+export function getHomeList(params) {
+  return request({
+    url: '/live/channel/appView',
+    method: 'post',
+    data: params
+  })
+}
+// 获取更多直播
+export function getMoreLive(params) {
+  return request({
+    url: '/foreign/live/getMoreScenes',
+    method: 'get',
+    params: params
+  })
+}
+// 评论点赞
+  export function getCommentLike(params) {
+    return request({
+      url: '/foreign/live/addLiveCount',
+      method: 'get',
+      params: params
+    })
+  }
+// 报道点赞功能
+export function getReportLike(params) {
+  return request({
+    url: '/foreign/live/addReportLiveCount',
+    method: 'get',
+    params: params
+  })
+}
+
diff --git a/src/api/index.js b/src/api/index.js
index b84ade4..e1a0ce2 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -1,6 +1,6 @@
 import request from '../utils/request'
 
-
+// 详情页
 export function scene(params) {
     return request({
       url: '/foreign/live/scene/get/' + params.id,
@@ -38,10 +38,17 @@ export function scene(params) {
   
   // 评论
   export function commentList(params) {
+    console.log('发起评论列表请求，参数:', params);
     return request({
       url: '/foreign/live/comment/list',
       method: 'get',
       params: params
+    }).then(response => {
+      console.log('评论列表请求成功，响应:', response);
+      return response;
+    }).catch(error => {
+      console.error('评论列表请求失败:', error);
+      throw error;
     });
   }
   
@@ -64,7 +71,7 @@ export function scene(params) {
   // 添加评论
   export function addComment(formData) {
     return request({
-      url: '/comment/create',
+      url: '/foreign/live/comment/create',
       method: 'post',
       headers: {
         'Content-Type': 'multipart/form-data'
@@ -84,4 +91,14 @@ export function scene(params) {
         'Content-Type': 'multipart/form-data'
       }
     });
-  }
\ No newline at end of file
+  
+  }
+
+    // 首页列表
+    export function homeList(params) {
+      return request({
+        url: '/foreign/live/getAppAllScene',
+        method: 'get',
+        params: params
+      });
+    }
\ No newline at end of file
diff --git a/src/api/search.js b/src/api/search.js
new file mode 100644
index 0000000..02c60da
--- /dev/null
+++ b/src/api/search.js
@@ -0,0 +1,11 @@
+import request from '../utils/request'
+
+// 条件搜索
+export function search(params) {
+    return request({
+      url: '/foreign/live/appSearch',
+      method: 'post',
+      data: params
+    });
+  }
+  
\ No newline at end of file
diff --git a/src/assets/css/index.scss b/src/assets/css/index.scss
index f2256d9..4a0c231 100644
--- a/src/assets/css/index.scss
+++ b/src/assets/css/index.scss
@@ -28,11 +28,12 @@ body {
 .live_status{
   width:55px;
   padding:3px;
-  text-align: end;
-   background-color: #F12742;
-   position: relative;
-   font-size: 12px;
-   border-radius: 5px;
+  text-align: right;
+  background-color: #F12742;
+  position: relative;
+  font-size: 12px;
+  border-radius: 5px;
+  color: #fff;
 }
 .live_status::before{
  width:10px;
@@ -41,26 +42,28 @@ body {
  content:'';
  background: url("@/assets/img/live.png") no-repeat;
  background-size: 100% 100%;
- top:5px;
+ top:6px;
  left: 3px;
 
 }
 .live_coming {
+  width:55px;
   padding:3px;
   text-align: center;
-  width:55px;
   font-size: 12px;
-   border-radius: 5px;
-   background-image: linear-gradient(to left, #EFBE26, #F58C05);
+  border-radius: 5px;
+  background-image: linear-gradient(to left, #EFBE26, #F58C05);
+  color: #fff;
 }
 
 .live_review {
-padding:3px;
-text-align: center;
-width:55px;
-font-size: 12px;
-   border-radius: 5px;
-background-image: linear-gradient(to left, #4BB4FB, #1678ED);
+  width:55px;
+  padding:3px;
+  text-align: center;
+  font-size: 12px;
+  border-radius: 5px;
+  background-image: linear-gradient(to left, #4BB4FB, #1678ED);
+  color: #fff;
 }
 // @media screen and (min-width: 1024px) {
 //   .page {
@@ -70,4 +73,4 @@ background-image: linear-gradient(to left, #4BB4FB, #1678ED);
 //     overflow: hidden;
 //   }
  
-// }
\ No newline at end of file
+// }
diff --git a/src/assets/img/bigstop.png b/src/assets/img/bigstop.png
new file mode 100644
index 0000000..05f5067
Binary files /dev/null and b/src/assets/img/bigstop.png differ
diff --git a/src/assets/img/like-active.png b/src/assets/img/like-active.png
new file mode 100644
index 0000000..c46b6a3
--- /dev/null
+++ b/src/assets/img/like-active.png
@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 10C-2.7674e-08 11.3132 0.258658 12.6136 0.761205 13.8268C1.26375 15.0401 2.00035 16.1425 2.92893 17.0711C3.85752 17.9997 4.95991 18.7362 6.17317 19.2388C7.38642 19.7413 8.68678 20 10 20C11.3132 20 12.6136 19.7413 13.8268 19.2388C15.0401 18.7362 16.1425 17.9997 17.0711 17.0711C17.9997 16.1425 18.7362 15.0401 19.2388 13.8268C19.7413 12.6136 20 11.3132 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7362 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C2.00035 3.85752 1.26375 4.95991 0.761205 6.17317C0.258658 7.38642 -1.95685e-08 8.68678 0 10Z" fill="#EEEEEE"/>
+<path d="M15.8947 7.91408C15.4828 5.99708 14.0174 4.79806 11.9342 5.22866C11.2803 5.36379 10.7637 5.73133 10.3052 6.21239C10.2664 6.19527 10.2506 6.19167 10.24 6.18266C10.211 6.15743 10.1828 6.13131 10.1564 6.10338C9.55884 5.47009 8.81955 5.17912 7.97025 5.14398C6.95461 5.10254 6.09211 5.44306 5.44612 6.25202C4.31167 7.67176 4.28174 9.80045 5.34227 11.3229C5.88177 12.0976 6.5348 12.7606 7.25473 13.3525C7.99577 13.9624 8.75354 14.5524 9.51571 15.1344C9.99361 15.4992 10.5129 15.5253 10.96 15.1947C12.2607 14.2308 13.5695 13.275 14.6564 12.0463C15.6993 10.8644 16.2406 9.52479 15.8947 7.91408ZM7.26529 10.5599C7.172 10.6292 7.06287 10.6626 6.95549 10.6626C6.79179 10.6626 6.63074 10.5851 6.52776 10.4392C5.51389 9.00771 6.24613 7.724 6.27693 7.66995C6.31262 7.60912 6.35967 7.55608 6.4154 7.51387C6.47112 7.47165 6.53443 7.4411 6.6017 7.42395C6.66897 7.4068 6.73888 7.40339 6.80744 7.41391C6.876 7.42443 6.94186 7.44869 7.00126 7.48528C7.12046 7.55865 7.2066 7.67714 7.24103 7.81507C7.27547 7.95301 7.25541 8.09927 7.1852 8.22217C7.14208 8.30145 6.79972 8.98249 7.38234 9.80496C7.55396 10.0464 7.50116 10.3842 7.26529 10.5599Z" fill="#F23D4F"/>
+<path d="M14.1477 5.46714C13.529 5.15291 12.7742 5.05086 11.9133 5.22812C11.2613 5.3624 10.7461 5.72766 10.2889 6.20572C10.2503 6.18871 10.2345 6.18513 10.2239 6.17618C10.195 6.15111 10.1669 6.12515 10.1406 6.09739C9.54467 5.46804 8.80748 5.17888 7.96059 5.14396C6.94784 5.10278 6.08779 5.44118 5.44363 6.24511C4.3124 7.65601 4.28256 9.77146 5.34007 11.2844C5.87804 12.0543 6.52922 12.7132 7.2471 13.3014C7.65256 13.6344 8.06415 13.9603 8.4775 14.2835C11.7983 13.5422 14.2846 10.5262 14.2846 6.91565C14.2851 6.42943 14.2393 5.94431 14.1477 5.46714ZM7.25851 10.5262C7.16549 10.5951 7.05666 10.6282 6.9496 10.6282C6.78636 10.6282 6.62576 10.5512 6.52308 10.4062C5.51208 8.98365 6.24225 7.70793 6.27296 7.65422C6.30855 7.59376 6.35547 7.54105 6.41103 7.4991C6.4666 7.45715 6.52973 7.42679 6.59681 7.40974C6.66389 7.3927 6.7336 7.38931 6.80197 7.39977C6.87033 7.41023 6.936 7.43433 6.99523 7.47069C7.11409 7.5436 7.19999 7.66136 7.23433 7.79843C7.26866 7.93551 7.24866 8.08087 7.17865 8.203C7.13565 8.28178 6.79426 8.95859 7.37523 9.77594C7.54637 10.0159 7.49371 10.3516 7.25851 10.5262Z" fill="#FC4956"/>
+<path d="M12.2676 5.22403C11.5841 5.35206 11.0441 5.70028 10.5648 6.15604C10.5243 6.13983 10.5078 6.13641 10.4967 6.12788C10.4664 6.10398 10.4369 6.07923 10.4093 6.05277C9.7847 5.45277 9.01194 5.17709 8.12419 5.14381C7.06257 5.10455 6.16102 5.42717 5.48577 6.1936C4.29996 7.5387 4.26868 9.55549 5.37722 10.9979C5.49037 11.1455 5.60997 11.2872 5.73232 11.4263C9.29345 11.0653 12.1278 8.46644 12.5703 5.17709C12.471 5.18989 12.3698 5.20526 12.2676 5.22403ZM7.38731 10.275C7.2898 10.3407 7.17572 10.3723 7.06349 10.3723C6.89238 10.3723 6.72403 10.2989 6.61639 10.1606C5.55661 8.80442 6.32201 7.5882 6.35421 7.53699C6.39151 7.47935 6.44069 7.4291 6.49894 7.38911C6.55719 7.34912 6.62336 7.32017 6.69368 7.30392C6.76399 7.28767 6.83707 7.28444 6.90873 7.29441C6.9804 7.30438 7.04924 7.32735 7.11133 7.36202C7.23592 7.43153 7.32597 7.5438 7.36196 7.67448C7.39795 7.80516 7.37698 7.94374 7.3036 8.06018C7.25852 8.13529 6.90066 8.78052 7.50966 9.55976C7.68905 9.78849 7.63386 10.1086 7.38731 10.275Z" fill="#FF5C64"/>
+<path d="M8.23558 5.14364C7.14044 5.10646 6.21042 5.41193 5.51385 6.13761C4.8543 6.8245 4.54113 7.69725 4.57245 8.5692C5.10832 8.47057 5.63082 8.32515 6.13165 8.13524C6.20378 7.71099 6.39452 7.433 6.41066 7.40956C6.44914 7.35499 6.49987 7.30741 6.55996 7.26955C6.62005 7.23168 6.68831 7.20427 6.76085 7.18889C6.83338 7.1735 6.90877 7.17044 6.98269 7.17988C7.05662 7.18932 7.12764 7.21108 7.19168 7.2439C7.31315 7.30613 7.39667 7.39987 7.43842 7.50573C8.35621 6.96285 9.13095 6.26294 9.71317 5.45072C9.26619 5.26 8.77176 5.16222 8.23558 5.14364Z" fill="#FF716E"/>
+</svg>
diff --git a/src/assets/img/like-active.svg b/src/assets/img/like-active.svg
new file mode 100644
index 0000000..c46b6a3
--- /dev/null
+++ b/src/assets/img/like-active.svg
@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 10C-2.7674e-08 11.3132 0.258658 12.6136 0.761205 13.8268C1.26375 15.0401 2.00035 16.1425 2.92893 17.0711C3.85752 17.9997 4.95991 18.7362 6.17317 19.2388C7.38642 19.7413 8.68678 20 10 20C11.3132 20 12.6136 19.7413 13.8268 19.2388C15.0401 18.7362 16.1425 17.9997 17.0711 17.0711C17.9997 16.1425 18.7362 15.0401 19.2388 13.8268C19.7413 12.6136 20 11.3132 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7362 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C2.00035 3.85752 1.26375 4.95991 0.761205 6.17317C0.258658 7.38642 -1.95685e-08 8.68678 0 10Z" fill="#EEEEEE"/>
+<path d="M15.8947 7.91408C15.4828 5.99708 14.0174 4.79806 11.9342 5.22866C11.2803 5.36379 10.7637 5.73133 10.3052 6.21239C10.2664 6.19527 10.2506 6.19167 10.24 6.18266C10.211 6.15743 10.1828 6.13131 10.1564 6.10338C9.55884 5.47009 8.81955 5.17912 7.97025 5.14398C6.95461 5.10254 6.09211 5.44306 5.44612 6.25202C4.31167 7.67176 4.28174 9.80045 5.34227 11.3229C5.88177 12.0976 6.5348 12.7606 7.25473 13.3525C7.99577 13.9624 8.75354 14.5524 9.51571 15.1344C9.99361 15.4992 10.5129 15.5253 10.96 15.1947C12.2607 14.2308 13.5695 13.275 14.6564 12.0463C15.6993 10.8644 16.2406 9.52479 15.8947 7.91408ZM7.26529 10.5599C7.172 10.6292 7.06287 10.6626 6.95549 10.6626C6.79179 10.6626 6.63074 10.5851 6.52776 10.4392C5.51389 9.00771 6.24613 7.724 6.27693 7.66995C6.31262 7.60912 6.35967 7.55608 6.4154 7.51387C6.47112 7.47165 6.53443 7.4411 6.6017 7.42395C6.66897 7.4068 6.73888 7.40339 6.80744 7.41391C6.876 7.42443 6.94186 7.44869 7.00126 7.48528C7.12046 7.55865 7.2066 7.67714 7.24103 7.81507C7.27547 7.95301 7.25541 8.09927 7.1852 8.22217C7.14208 8.30145 6.79972 8.98249 7.38234 9.80496C7.55396 10.0464 7.50116 10.3842 7.26529 10.5599Z" fill="#F23D4F"/>
+<path d="M14.1477 5.46714C13.529 5.15291 12.7742 5.05086 11.9133 5.22812C11.2613 5.3624 10.7461 5.72766 10.2889 6.20572C10.2503 6.18871 10.2345 6.18513 10.2239 6.17618C10.195 6.15111 10.1669 6.12515 10.1406 6.09739C9.54467 5.46804 8.80748 5.17888 7.96059 5.14396C6.94784 5.10278 6.08779 5.44118 5.44363 6.24511C4.3124 7.65601 4.28256 9.77146 5.34007 11.2844C5.87804 12.0543 6.52922 12.7132 7.2471 13.3014C7.65256 13.6344 8.06415 13.9603 8.4775 14.2835C11.7983 13.5422 14.2846 10.5262 14.2846 6.91565C14.2851 6.42943 14.2393 5.94431 14.1477 5.46714ZM7.25851 10.5262C7.16549 10.5951 7.05666 10.6282 6.9496 10.6282C6.78636 10.6282 6.62576 10.5512 6.52308 10.4062C5.51208 8.98365 6.24225 7.70793 6.27296 7.65422C6.30855 7.59376 6.35547 7.54105 6.41103 7.4991C6.4666 7.45715 6.52973 7.42679 6.59681 7.40974C6.66389 7.3927 6.7336 7.38931 6.80197 7.39977C6.87033 7.41023 6.936 7.43433 6.99523 7.47069C7.11409 7.5436 7.19999 7.66136 7.23433 7.79843C7.26866 7.93551 7.24866 8.08087 7.17865 8.203C7.13565 8.28178 6.79426 8.95859 7.37523 9.77594C7.54637 10.0159 7.49371 10.3516 7.25851 10.5262Z" fill="#FC4956"/>
+<path d="M12.2676 5.22403C11.5841 5.35206 11.0441 5.70028 10.5648 6.15604C10.5243 6.13983 10.5078 6.13641 10.4967 6.12788C10.4664 6.10398 10.4369 6.07923 10.4093 6.05277C9.7847 5.45277 9.01194 5.17709 8.12419 5.14381C7.06257 5.10455 6.16102 5.42717 5.48577 6.1936C4.29996 7.5387 4.26868 9.55549 5.37722 10.9979C5.49037 11.1455 5.60997 11.2872 5.73232 11.4263C9.29345 11.0653 12.1278 8.46644 12.5703 5.17709C12.471 5.18989 12.3698 5.20526 12.2676 5.22403ZM7.38731 10.275C7.2898 10.3407 7.17572 10.3723 7.06349 10.3723C6.89238 10.3723 6.72403 10.2989 6.61639 10.1606C5.55661 8.80442 6.32201 7.5882 6.35421 7.53699C6.39151 7.47935 6.44069 7.4291 6.49894 7.38911C6.55719 7.34912 6.62336 7.32017 6.69368 7.30392C6.76399 7.28767 6.83707 7.28444 6.90873 7.29441C6.9804 7.30438 7.04924 7.32735 7.11133 7.36202C7.23592 7.43153 7.32597 7.5438 7.36196 7.67448C7.39795 7.80516 7.37698 7.94374 7.3036 8.06018C7.25852 8.13529 6.90066 8.78052 7.50966 9.55976C7.68905 9.78849 7.63386 10.1086 7.38731 10.275Z" fill="#FF5C64"/>
+<path d="M8.23558 5.14364C7.14044 5.10646 6.21042 5.41193 5.51385 6.13761C4.8543 6.8245 4.54113 7.69725 4.57245 8.5692C5.10832 8.47057 5.63082 8.32515 6.13165 8.13524C6.20378 7.71099 6.39452 7.433 6.41066 7.40956C6.44914 7.35499 6.49987 7.30741 6.55996 7.26955C6.62005 7.23168 6.68831 7.20427 6.76085 7.18889C6.83338 7.1735 6.90877 7.17044 6.98269 7.17988C7.05662 7.18932 7.12764 7.21108 7.19168 7.2439C7.31315 7.30613 7.39667 7.39987 7.43842 7.50573C8.35621 6.96285 9.13095 6.26294 9.71317 5.45072C9.26619 5.26 8.77176 5.16222 8.23558 5.14364Z" fill="#FF716E"/>
+</svg>
diff --git a/src/assets/img/red.png b/src/assets/img/red.png
new file mode 100644
index 0000000..c5a9e88
Binary files /dev/null and b/src/assets/img/red.png differ
diff --git a/src/assets/img/unlike.png b/src/assets/img/unlike.png
new file mode 100644
index 0000000..1c78538
Binary files /dev/null and b/src/assets/img/unlike.png differ
diff --git a/src/assets/js/weixinShare/index.js b/src/assets/js/weixinShare/index.js
index cd807e6..89e43ec 100644
--- a/src/assets/js/weixinShare/index.js
+++ b/src/assets/js/weixinShare/index.js
@@ -5,15 +5,21 @@
  * 参考：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111
  */
 
-const wx = require("./weixin-jssdk-1.6.0");
-const info = require("../../../api/modules/info");
+// 使用require导入微信SDK
+// const wx = require("./weixin-jssdk-1.6.0");
+import  wx from "./weixin-jssdk-1.6.0";
+import { getWXSig } from "../../../api/index";
+// const info = require("../../../api/modules/info");
 // const headLogo = require('../../img/icon-report-name.png');
 // const headLogo='https://aijinan.media.zhongkedongxin.com/image/default/F94790FC1B29416881B8D64C4EE1F23B-6-2.jpg';
 
+// 获取基础URL
+const baseUrl = window.location.origin;
+
 let link = window.location.href.split("#")[0];
 if (link.indexOf("&") > -1) {
   link = link.substring(0, link.indexOf("&"));
-  console.log("!!!!!!!!111新增测试log", link);
+  console.log("当前分享链接:", link);
   window.location.href = link;
 }
 let shareOpt = {
@@ -24,16 +30,20 @@ let shareOpt = {
 };
 
 function setShareFunc(opt) {
-  console.log("-------------------------setShareFunc opt", opt.imgUrl);
-  opt.imgUrl = opt.imgUrl.replace(/\?[\w\W]*$/, "").replace(/^https/, "http");
-  // opt.link=encodeURIComponent(opt.link);
-  // 分享给朋友 updateAppMessageShareData
+  console.log("设置分享配置:", opt);
+  
+  // 处理图片URL
+  if (opt.imgUrl) {
+    opt.imgUrl = opt.imgUrl.replace(/\?[\w\W]*$/, "").replace(/^https/, "http");
+    opt.imgUrl = opt.imgUrl + "?x-oss-process=image/resize,w_400";
+  }
+
+  // 分享给朋友
   wx.updateAppMessageShareData({
     title: opt.title,
     desc: opt.desc,
     link: opt.link,
-    imgUrl: opt.imgUrl + "?x-oss-process=image/resize,w_400",
-    // imgUrl: headLogo,
+    imgUrl: opt.imgUrl
   });
 
   // 分享朋友圈
@@ -41,30 +51,28 @@ function setShareFunc(opt) {
     title: opt.title,
     desc: opt.desc,
     link: opt.link,
-    // link: window.location.href,//分享链接 该链接域名或路径必须与当前页面对应的公众号一直
-    imgUrl: opt.imgUrl + "?x-oss-process=image/resize,w_400",
-    // imgUrl: headLogo,
+    imgUrl: opt.imgUrl
   });
+
   // 分享到微博
   wx.onMenuShareWeibo({
     title: opt.title,
     desc: opt.desc,
     link: opt.link,
-    imgUrl: opt.imgUrl + "?x-oss-process=image/resize,w_400",
-    // imgUrl: headLogo,
+    imgUrl: opt.imgUrl
   });
 }
 
-// 后台传值  获取微信签名信息成功后初始化分享功能的部分
+// 初始化微信分享配置
 function initShare(wxSignature, opt) {
-  console.log("initShare opt", opt);
+  console.log("初始化微信分享配置:", { wxSignature, opt });
+  
   wx.config({
-    debug: false, // 上线时记得改为 false
+    debug: false,
     appId: wxSignature.appid,
     timestamp: wxSignature.timeStamp,
     nonceStr: wxSignature.nonceStr,
     signature: wxSignature.sign,
-    // ↓ 配置需要用到的微信接口 ↓
     jsApiList: [
       "checkJsApi",
       "updateAppMessageShareData",
@@ -72,30 +80,47 @@ function initShare(wxSignature, opt) {
       "onMenuShareWeibo",
     ],
   });
-  wx.ready(function() {
+
+  wx.ready(() => {
     setShareFunc(opt);
   });
+
+  wx.error((err) => {
+    console.error("微信JS-SDK配置失败:", err);
+  });
 }
 
-export default function(opt) {
-  console.log("!!!!!!!!!!!!!!!!!!!!opt", opt);
-  info
-    .getWXSig(encodeURIComponent(link))
-    .then((res) => {
-      console.log("Weixin Signatrue SUCCESS", res);
-      let resData = res.data;
-      if (resData.code === 0) {
-        opt.link = link;
-        // console.log("---------------",link);
-        // opt.link='http://test.zhongkedongxin.com/live/merge/detail/493';
-        initShare(resData.data, opt);
-      } else {
-        console.log("Weixin Signatrue ERROR", resData.msg);
-      }
-    })
-    .catch((error) => {
-      console.log("Weixin Signatrue ERROR", error);
-    });
+// 导出分享函数
+export default async function(opt) {
+  try {
+    console.log("开始配置分享:", opt);
+    
+    // 从路由参数中获取场景ID
+    const currentPath = window.location.pathname;
+    const sceneId = currentPath.split('/').pop(); // 获取URL最后一段作为sceneId
+    
+    if (!sceneId) {
+      console.error("未找到场景ID");
+      return;
+    }
+
+    // 构建分享链接
+    const shareLink = `${baseUrl}/detail/${sceneId}`;
+    console.log("分享链接:", shareLink);
+    
+    // 获取微信签名
+    const res = await getWXSig(encodeURIComponent(shareLink));
+    console.log("获取微信签名成功:", res);
+
+    if (res.code === 0) {
+      opt.link = shareLink;
+      initShare(res.data, opt);
+    } else {
+      console.error("获取微信签名失败:", res.msg);
+    }
+  } catch (error) {
+    console.error("微信分享配置失败:", error);
+  }
 }
 // 导出分享函数
 // export default function (opt) {
diff --git a/src/assets/js/weixinShare/weixin-jssdk-1.6.0.js b/src/assets/js/weixinShare/weixin-jssdk-1.6.0.js
index 3136a1d..30d2bf5 100644
--- a/src/assets/js/weixinShare/weixin-jssdk-1.6.0.js
+++ b/src/assets/js/weixinShare/weixin-jssdk-1.6.0.js
@@ -1,69 +1,65 @@
-! function (e, n) {
-    "function" == typeof define && (define.amd || define.cmd) ? define(function () {
-        return n(e)
-    }) : n(e, !0)
-}(window, function (o, e) {
-    if (!o.jWeixin) {
+const initWeixin = function (window) {
+    if (!window.jWeixin) {
         var n, c = {
-                config: "preVerifyJSAPI",
-                onMenuShareTimeline: "menu:share:timeline",
-                onMenuShareAppMessage: "menu:share:appmessage",
-                onMenuShareQQ: "menu:share:qq",
-                onMenuShareWeibo: "menu:share:weiboApp",
-                onMenuShareQZone: "menu:share:QZone",
-                previewImage: "imagePreview",
-                getLocation: "geoLocation",
-                openProductSpecificView: "openProductViewWithPid",
-                addCard: "batchAddCard",
-                openCard: "batchViewCard",
-                chooseWXPay: "getBrandWCPayRequest",
-                openEnterpriseRedPacket: "getRecevieBizHongBaoRequest",
-                startSearchBeacons: "startMonitoringBeacons",
-                stopSearchBeacons: "stopMonitoringBeacons",
-                onSearchBeacons: "onBeaconsInRange",
-                consumeAndShareCard: "consumedShareCard",
-                openAddress: "editAddress"
-            },
-            a = function () {
-                var e = {};
-                for (var n in c) e[c[n]] = n;
-                return e
-            }(),
-            i = o.document,
-            t = i.title,
-            r = navigator.userAgent.toLowerCase(),
-            s = navigator.platform.toLowerCase(),
-            d = !(!s.match("mac") && !s.match("win")),
-            u = -1 != r.indexOf("wxdebugger"),
-            l = -1 != r.indexOf("micromessenger"),
-            p = -1 != r.indexOf("android"),
-            f = -1 != r.indexOf("iphone") || -1 != r.indexOf("ipad"),
-            m = (n = r.match(/micromessenger\/(\d+\.\d+\.\d+)/) || r.match(/micromessenger\/(\d+\.\d+)/)) ? n[1] : "",
-            g = {
-                initStartTime: L(),
-                initEndTime: 0,
-                preVerifyStartTime: 0,
-                preVerifyEndTime: 0
-            },
-            h = {
-                version: 1,
-                appId: "",
-                initTime: 0,
-                preVerifyTime: 0,
-                networkType: "",
-                isPreVerifyOk: 1,
-                systemType: f ? 1 : p ? 2 : -1,
-                clientVersion: m,
-                url: encodeURIComponent(location.href)
-            },
-            v = {},
-            S = {
-                _completes: []
-            },
-            y = {
-                state: 0,
-                data: {}
-            };
+            config: "preVerifyJSAPI",
+            onMenuShareTimeline: "menu:share:timeline",
+            onMenuShareAppMessage: "menu:share:appmessage",
+            onMenuShareQQ: "menu:share:qq",
+            onMenuShareWeibo: "menu:share:weiboApp",
+            onMenuShareQZone: "menu:share:QZone",
+            previewImage: "imagePreview",
+            getLocation: "geoLocation",
+            openProductSpecificView: "openProductViewWithPid",
+            addCard: "batchAddCard",
+            openCard: "batchViewCard",
+            chooseWXPay: "getBrandWCPayRequest",
+            openEnterpriseRedPacket: "getRecevieBizHongBaoRequest",
+            startSearchBeacons: "startMonitoringBeacons",
+            stopSearchBeacons: "stopMonitoringBeacons",
+            onSearchBeacons: "onBeaconsInRange",
+            consumeAndShareCard: "consumedShareCard",
+            openAddress: "editAddress"
+        },
+        a = function () {
+            var e = {};
+            for (var n in c) e[c[n]] = n;
+            return e
+        }(),
+        i = window.document,
+        t = i.title,
+        r = navigator.userAgent.toLowerCase(),
+        s = navigator.platform.toLowerCase(),
+        d = !(!s.match("mac") && !s.match("win")),
+        u = -1 != r.indexOf("wxdebugger"),
+        l = -1 != r.indexOf("micromessenger"),
+        p = -1 != r.indexOf("android"),
+        f = -1 != r.indexOf("iphone") || -1 != r.indexOf("ipad"),
+        m = (n = r.match(/micromessenger\/(\d+\.\d+\.\d+)/) || r.match(/micromessenger\/(\d+\.\d+)/)) ? n[1] : "",
+        g = {
+            initStartTime: L(),
+            initEndTime: 0,
+            preVerifyStartTime: 0,
+            preVerifyEndTime: 0
+        },
+        h = {
+            version: 1,
+            appId: "",
+            initTime: 0,
+            preVerifyTime: 0,
+            networkType: "",
+            isPreVerifyOk: 1,
+            systemType: f ? 1 : p ? 2 : -1,
+            clientVersion: m,
+            url: encodeURIComponent(location.href)
+        },
+        v = {},
+        S = {
+            _completes: []
+        },
+        y = {
+            state: 0,
+            data: {}
+        };
         O(function () {
             g.initEndTime = L()
         });
@@ -111,9 +107,9 @@
                             S._completes = []
                         }
                     }), w.invoke || (w.invoke = function (e, n, i) {
-                        o.WeixinJSBridge && WeixinJSBridge.invoke(e, x(n), i)
+                        window.WeixinJSBridge && WeixinJSBridge.invoke(e, x(n), i)
                     }, w.on = function (e, n) {
-                        o.WeixinJSBridge && WeixinJSBridge.on(e, n)
+                        window.WeixinJSBridge && WeixinJSBridge.on(e, n)
                     })
                 },
                 ready: function (e) {
@@ -579,7 +575,7 @@
                     getEnv: function (e) {
                         O(function () {
                             e({
-                                miniprogram: "miniprogram" === o.__wxjs_environment
+                                miniprogram: "miniprogram" === window.__wxjs_environment
                             })
                         })
                     }
@@ -587,7 +583,7 @@
             },
             T = 1,
             k = {};
-        return i.addEventListener("error", function (e) {
+        return window.addEventListener("error", function (e) {
             if (!p) {
                 var n = e.target,
                     i = n.tagName,
@@ -607,7 +603,7 @@
                         })
                     }
             }
-        }, !0), i.addEventListener("load", function (e) {
+        }, !0), window.addEventListener("load", function (e) {
             if (!p) {
                 var n = e.target,
                     i = n.tagName;
@@ -617,17 +613,17 @@
                     t && (k[t] = !1)
                 }
             }
-        }, !0), e && (o.wx = o.jWeixin = w), w
+        }, !0), window.wx = window.jWeixin = w, w
     }
 
     function M(n, e, i) {
-        o.WeixinJSBridge ? WeixinJSBridge.invoke(n, x(e), function (e) {
+        window.WeixinJSBridge ? WeixinJSBridge.invoke(n, x(e), function (e) {
             A(n, e, i)
         }) : B(n, i)
     }
 
     function P(n, i, t) {
-        o.WeixinJSBridge ? WeixinJSBridge.on(n, function (e) {
+        window.WeixinJSBridge ? WeixinJSBridge.on(n, function (e) {
             t && t.trigger && t.trigger(e), A(n, e, i)
         }) : B(n, t || i)
     }
@@ -697,6 +693,9 @@
     }
 
     function O(e) {
-        l && (o.WeixinJSBridge ? e() : i.addEventListener && i.addEventListener("WeixinJSBridgeReady", e, !1))
+        l && (window.WeixinJSBridge ? e() : i.addEventListener && i.addEventListener("WeixinJSBridgeReady", e, !1))
     }
-});
\ No newline at end of file
+};
+
+// 导出微信SDK
+export default initWeixin(window);
\ No newline at end of file
diff --git a/src/components/AliPlayer copy.vue b/src/components/AliPlayer copy.vue
new file mode 100644
index 0000000..587a6f0
--- /dev/null
+++ b/src/components/AliPlayer copy.vue	
@@ -0,0 +1,371 @@
+<template>
+  <div class="ali-player-container" ref="playerContainer">
+    <div :id="playerId"></div>
+    <!-- 封面图 -->
+    <div v-if="!playerReady" class="player-cover">
+      <img :src="poster" alt="视频封面" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount, watch, nextTick } from 'vue';
+
+const props = defineProps({
+  videoUrl: {
+    type: String,
+    required: true
+  },    
+  isLive: {
+    type: Boolean,
+    default: false
+  },
+  autoplay: {
+    type: Boolean,
+    default: false
+  },
+  poster: {
+    type: String,
+    default: ''
+  }
+});
+
+const emit = defineEmits(['ready', 'error', 'play', 'pause', 'timeupdate']);
+
+const playerContainer = ref(null);
+const playerReady = ref(false);
+let player = null;
+
+// 生成唯一播放器ID
+const playerId = `ali-player-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+
+const initPlayer = async () => {
+  // 等待DOM渲染完成
+  await nextTick();
+  
+  // 确保容器存在
+  if (!document.getElementById(playerId)) {
+    console.log('等待播放器容器创建...');
+    return;
+  }
+
+  // 确保阿里播放器已加载
+  if (!window.Aliplayer) {
+    console.log('等待阿里播放器加载...');
+    return;
+  }
+
+  try {
+    // 处理视频URL
+    let videoUrl = props.videoUrl;
+    if (videoUrl.startsWith('https://')) {
+      videoUrl = videoUrl.replace('https://', 'http://');
+    }
+
+    // 播放器配置
+    const options = {
+      id: playerId,
+      source: videoUrl,
+      cover: props.poster,
+      autoplay: false, // 初始不自动播放
+      isLive: props.isLive,
+      width: '100%',
+      height: '100%',
+      playsinline: true,
+      preload: true,
+      controlBarVisibility: 'hover',
+      useH5Prism: true,
+      x5_video_position: 'top',
+      x5_type: 'h5',
+      x5_fullscreen: true,
+      encryptType: 1,
+      format: 'm3u8',
+      mediaType: 'video/x-mpegURL',
+      hlsOption: {
+        debug: false,
+        enableWorker: true,
+        enableStashBuffer: true,
+        stashInitialSize: 1024 * 64,
+        autoStartLoad: true,
+        maxBufferSize: 1024 * 1024 * 50,
+        maxBufferLength: 60,
+        defaultAudioCodec: 'mp4a.40.2',
+        xhrSetup: function(xhr, url) {
+          xhr.withCredentials = false;
+        },
+        fetchSetup: function(context, initParams) {
+          return new Promise((resolve, reject) => {
+            fetch(context.url, {
+              method: 'GET',
+              mode: 'cors',
+              credentials: 'omit',
+              headers: {
+                'Accept': 'application/x-mpegURL,application/vnd.apple.mpegurl',
+                'Content-Type': 'application/x-mpegURL'
+              }
+            })
+            .then(response => {
+              if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+              }
+              return response;
+            })
+            .then(resolve)
+            .catch(reject);
+          });
+        }
+      },
+      // skinLayout: [
+      //   { name: "bigPlayButton", align: "cc" },
+      //   { name: "H5Loading", align: "cc" },
+      //   { name: "errorDisplay", align: "tlabs" },
+      //   { name: "controlBar", align: "blabs", x: 0, y: 0, children: [
+      //     ...(props.isLive ? [] : [{ name: "progress", align: "tlabs", x: 0, y: 0 }]),
+      //     { name: "playButton", align: "tl", x: 15, y: 12 },
+      //     ...(props.isLive ? [] : [{ name: "timeDisplay", align: "tl", x: 10, y: 7 }]),
+      //     { name: "fullScreenButton", align: "tr", x: 10, y: 12 },
+      //     { name: "volume", align: "tr", x: 5, y: 10 }
+      //   ]}
+      // ]
+      skinLayout: [
+          {
+            name: "bigPlayButton",
+            align: "cc",
+            // align: "blabs",
+            // x: 30,
+            // y: 80,
+          },
+          {
+            name: "H5Loading",
+            align: "cc",
+          },
+          {
+            name: "errorDisplay",
+            align: "tlabs",
+            x: 0,
+            y: 0,
+          },
+          {
+            name: "infoDisplay",
+          },
+          {
+            name: "tooltip",
+            align: "blabs",
+            x: 0,
+            y: 56,
+          },
+          {
+            name: "thumbnail",
+          },
+          {
+            name: "controlBar",
+            align: "blabs",
+            x: 0,
+            y: 0,
+            children: [
+              {
+                name: "progress",
+                align: "blabs",
+                x: 0,
+                y: 44,
+              },
+              {
+                name: "playButton",
+                align: "tl",
+                x: 15,
+                y: 12,
+              },
+              {
+                name: "timeDisplay",
+                align: "tl",
+                x: 10,
+                y: 7,
+              },
+              {
+                name: "fullScreenButton",
+                align: "tr",
+                x: 10,
+                y: 12,
+              },
+              {
+                name: "volume",
+                align: "tr",
+                x: 5,
+                y: 10,
+              },
+            ],
+          },
+        ],
+    };
+
+    // 创建播放器实例
+    player = new window.Aliplayer(options, function(player) {
+      console.log('播放器创建成功');
+    });
+
+    // 监听视频加载成功
+    player.on('ready', () => {
+      console.log('视频准备就绪，开始播放');
+      playerReady.value = true;
+      // 视频准备就绪后自动播放
+      player.play();
+      emit('ready', player);
+    });
+
+    // 错误处理
+    player.on('error', (error) => {
+      console.log('播放器错误，保持显示封面图:', error);
+      playerReady.value = false;
+      emit('error', error);
+    });
+
+    // 添加更多事件监听
+    player.on('play', () => {
+      console.log('开始播放');
+      emit('play');
+    });
+
+    player.on('pause', () => {
+      console.log('暂停播放');
+      emit('pause');
+    });
+
+    player.on('waiting', () => {
+      console.log('视频缓冲中...');
+    });
+
+    player.on('timeupdate', () => {
+      emit('timeupdate', player.getCurrentTime());
+    });
+
+    player.on('ended', () => {
+      console.log('播放结束');
+      if (props.isLive) {
+        setTimeout(() => {
+          player.loadByUrl(videoUrl);
+        }, 3000);
+      }
+    });
+
+  } catch (error) {
+    console.log('初始化播放器失败，保持显示封面图:', error);
+    playerReady.value = false;
+    emit('error', error);
+  }
+};
+
+// 监听视频源变化
+watch(() => props.videoUrl, (newUrl, oldUrl) => {
+  if (newUrl && newUrl !== oldUrl) {
+    playerReady.value = false; // 重置状态，显示封面图
+    if (player) {
+      try {
+        player.loadByUrl(newUrl);
+      } catch (error) {
+        console.log('加载新视频源失败，保持显示封面图:', error);
+        emit('error', error);
+      }
+    } else {
+      // 如果播放器不存在，重新初始化
+      nextTick(() => {
+        initPlayer();
+      });
+    }
+  }
+});
+
+// 对外暴露的方法
+defineExpose({
+  play: () => player?.play(),
+  pause: () => player?.pause(),
+  seek: (time) => player?.seek(time),
+  getCurrentTime: () => player?.getCurrentTime(),
+  getDuration: () => player?.getDuration(),
+  getPlayer: () => player
+});
+
+onMounted(() => {
+  // 延迟初始化播放器，确保DOM已渲染
+  nextTick(() => {
+    const initInterval = setInterval(() => {
+      if (document.getElementById(playerId) && window.Aliplayer) {
+        clearInterval(initInterval);
+        initPlayer();
+      }
+    }, 100);
+
+    // 设置超时，避免无限等待
+    setTimeout(() => {
+      clearInterval(initInterval);
+    }, 5000);
+  });
+});
+
+onBeforeUnmount(() => {
+  if (player) {
+    try {
+      player.dispose();
+    } catch (error) {
+      console.log('销毁播放器失败:', error);
+    }
+    player = null;
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+// .ali-player-container {
+//   position: relative;
+//   width: 100%;
+//   height: 100%;
+//   background: #000;
+
+//   [id^="ali-player"] {
+//     width: 100%;
+//     height: 100%;
+//   }
+
+//   .player-cover {
+//     position: absolute;
+//     top: 0;
+//     left: 0;
+//     width: 100%;
+//     height: 100%;
+//     z-index: 2;
+//     background: #000;
+//     display: flex;
+//     align-items: center;
+//     justify-content: center;
+
+//     img {
+//       width: 100%;
+//       height: 100%;
+//       object-fit: contain;
+//     }
+//   }
+
+//   :deep(.prism-player) {
+//   .prism-controlbar {
+//     width: 90%;
+//     position: absolute;
+//     left: 50%;
+//     transform: translateX(-50%);  // 修改为-50%实现真正居中
+    
+//     .prism-progress {
+//       .prism-progress-played {
+//         background: #F1253E !important;
+//       }
+//     }
+//   }
+// }
+// }
+
+
+// @media screen and (orientation: landscape) {
+//   .ali-player-container {
+//     height: 100vh;
+//   }
+// }
+
+
+</style> 
\ No newline at end of file
diff --git a/src/components/AliPlayer.vue b/src/components/AliPlayer.vue
new file mode 100644
index 0000000..68c7bb0
--- /dev/null
+++ b/src/components/AliPlayer.vue
@@ -0,0 +1,507 @@
+<template>
+  <div class="ali-player-container" ref="playerContainer">
+    <div :id="playerId" class="player-element"></div>
+    <!-- 封面图 -->
+    <div v-if="!playerReady" class="player-cover">
+      <img :src="poster" alt="视频封面" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount, watch, nextTick } from 'vue';
+
+const props = defineProps({
+  videoUrl: {
+    type: String,
+    required: true
+  },
+  isLive: {
+    type: Boolean,
+    default: false
+  },
+  autoplay: {
+    type: Boolean,
+    default: false
+  },
+  poster: {
+    type: String,
+    default: ''
+  }
+});
+
+const emit = defineEmits(['ready', 'error', 'play', 'pause', 'timeupdate']);
+
+const playerContainer = ref(null);
+const playerReady = ref(false);
+let player = null;
+
+// 生成唯一播放器ID
+const playerId = `ali-player-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+
+// 检测当前设备
+const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
+const isAndroid = /Android/i.test(navigator.userAgent);
+
+// 定义全屏变化处理函数
+const handleFullScreenChange = () => {
+  const isFullScreen = document.fullscreenElement || 
+                      document.webkitFullscreenElement || 
+                      document.mozFullScreenElement || 
+                      document.msFullscreenElement;
+  
+  if (isFullScreen) {
+    console.log('进入全屏模式');
+    // 可以添加全屏时的特殊处理
+  } else {
+    console.log('退出全屏模式');
+    // 可以添加退出全屏时的特殊处理
+  }
+};
+
+const initPlayer = async () => {
+  // 等待DOM渲染完成
+  await nextTick();
+  
+  // 确保容器存在
+  if (!document.getElementById(playerId)) {
+    console.log('等待播放器容器创建...');
+    return;
+  }
+
+  // 确保阿里播放器已加载
+  if (!window.Aliplayer) {
+    console.log('等待阿里播放器加载...');
+    return;
+  }
+
+  try {
+    // 处理视频URL
+    let videoUrl = props.videoUrl;
+    if (videoUrl.startsWith('https://')) {
+      videoUrl = videoUrl.replace('https://', 'http://');
+    }
+
+    // 针对移动端的特殊配置
+    const mobileConfig = {
+      // iOS特有配置
+      ...(isIOS ? {
+        // iOS需要的特殊配置
+        playsinline: true,  // iOS上内联播放
+        // iOS 10+支持的内联播放配置
+        "webkit-playsinline": true,
+        // iOS微信特殊处理
+        "x5-playsinline": true,
+      } : {}),
+      
+      // Android特有配置
+      ...(isAndroid ? {
+        // 腾讯X5内核配置
+        "x5-video-player-type": "h5-page",  // 使用H5播放器
+        "x5-video-player-fullscreen": true, // 全屏模式
+        "x5-video-orientation": "landscape", // 横屏
+        // 华为浏览器配置
+        "x5-video-ignore-metadata-size": true,
+      } : {})
+    };
+
+    // 播放器配置
+    const options = {
+      id: playerId,
+      source: videoUrl,
+      cover: props.poster,
+      autoplay: false, // 初始不自动播放
+      isLive: props.isLive,
+      width: '100%',
+      height: '100%',
+      playsinline: true,       // iOS内联播放
+      "webkit-playsinline": true, // iOS Safari
+      "x5-playsinline": true,  // 微信浏览器
+      "x5-video-player-type": "h5",  // 启用H5播放器
+      "x5-video-player-fullscreen": true, // 全屏时使用H5播放器
+      "x5-video-orientation": "portraint", // 竖屏播放
+      preload: true,
+      controlBarVisibility: 'hover',
+      useH5Prism: true,        // 使用H5播放器
+      encryptType: 1,
+      format: 'm3u8',
+      mediaType: 'video/x-mpegURL',
+      rePlay: false,           // 播放结束后不自动重播
+      // 合并针对移动端的特殊配置
+      ...mobileConfig,
+      hlsOption: {
+        debug: false,
+        enableWorker: true,
+        enableStashBuffer: true,
+        stashInitialSize: 1024 * 64,
+        autoStartLoad: true,
+        maxBufferSize: 1024 * 1024 * 50,
+        maxBufferLength: 60,
+        defaultAudioCodec: 'mp4a.40.2',
+        xhrSetup: function(xhr, url) {
+          xhr.withCredentials = false;
+        },
+        fetchSetup: function(context, initParams) {
+          return new Promise((resolve, reject) => {
+            fetch(context.url, {
+              method: 'GET',
+              mode: 'cors',
+              credentials: 'omit',
+              headers: {
+                'Accept': 'application/x-mpegURL,application/vnd.apple.mpegurl',
+                'Content-Type': 'application/x-mpegURL'
+              }
+            })
+            .then(response => {
+              if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+              }
+              return response;
+            })
+            .then(resolve)
+            .catch(reject);
+          });
+        }
+      },
+      skinLayout: [
+        {
+          name: "bigPlayButton",
+          align: "cc",
+        },
+        {
+          name: "H5Loading",
+          align: "cc",
+        },
+        {
+          name: "errorDisplay",
+          align: "tlabs",
+          x: 0,
+          y: 0,
+        },
+        {
+          name: "infoDisplay",
+        },
+        {
+          name: "tooltip",
+          align: "blabs",
+          x: 0,
+          y: 56,
+        },
+        {
+          name: "thumbnail",
+        },
+        {
+          name: "controlBar",
+          align: "blabs",
+          x: 0,
+          y: 0,
+          children: [
+            {
+              name: "progress",
+              align: "blabs",
+              x: 0,
+              y: 44,
+            },
+            {
+              name: "playButton",
+              align: "tl",
+              x: 15,
+              y: 12,
+            },
+            {
+              name: "timeDisplay",
+              align: "tl",
+              x: 10,
+              y: 7,
+            },
+            {
+              name: "fullScreenButton",
+              align: "tr",
+              x: 10,
+              y: 12,
+            },
+            {
+              name: "volume",
+              align: "tr",
+              x: 5,
+              y: 10,
+            },
+          ],
+        },
+      ],
+    };
+
+    // 创建播放器实例
+    player = new window.Aliplayer(options, function(player) {
+      console.log('播放器创建成功');
+      
+      // 添加事件监听，处理全屏进入退出
+      document.addEventListener('fullscreenchange', handleFullScreenChange);
+      document.addEventListener('webkitfullscreenchange', handleFullScreenChange);
+      document.addEventListener('mozfullscreenchange', handleFullScreenChange);
+      document.addEventListener('MSFullscreenChange', handleFullScreenChange);
+    });
+
+    // 监听视频加载成功
+    player.on('ready', () => {
+      console.log('视频准备就绪，开始播放');
+      playerReady.value = true;
+      
+      // 针对iOS设备的特殊处理
+      if (isIOS) {
+        const video = document.querySelector(`#${playerId} video`);
+        if (video) {
+          video.setAttribute('playsinline', 'playsinline');
+          video.setAttribute('webkit-playsinline', 'true');
+          video.setAttribute('x5-playsinline', 'true');
+        }
+      }
+      
+      // 视频准备就绪后自动播放
+      player.play();
+      emit('ready', player);
+    });
+
+    // 错误处理
+    player.on('error', (error) => {
+      console.log('播放器错误，保持显示封面图:', error);
+      playerReady.value = false;
+      emit('error', error);
+    });
+
+    // 添加更多事件监听
+    player.on('play', () => {
+      console.log('开始播放');
+      emit('play');
+    });
+
+    player.on('pause', () => {
+      console.log('暂停播放');
+      emit('pause');
+    });
+
+    player.on('waiting', () => {
+      console.log('视频缓冲中...');
+    });
+
+    player.on('timeupdate', () => {
+      emit('timeupdate', player.getCurrentTime());
+    });
+
+    player.on('ended', () => {
+      console.log('播放结束');
+      if (props.isLive) {
+        setTimeout(() => {
+          player.loadByUrl(videoUrl);
+        }, 3000);
+      }
+    });
+
+    // 监听全屏按钮点击
+    player.on('requestFullScreen', () => {
+      console.log('用户请求全屏');
+      
+      // 针对iOS的特殊处理
+      if (isIOS) {
+        const video = document.querySelector(`#${playerId} video`);
+        if (video && video.webkitEnterFullscreen) {
+          try {
+            video.webkitEnterFullscreen();
+          } catch (e) {
+            console.error('iOS进入全屏失败:', e);
+          }
+        }
+      }
+    });
+
+  } catch (error) {
+    console.log('初始化播放器失败，保持显示封面图:', error);
+    playerReady.value = false;
+    emit('error', error);
+  }
+};
+
+// 监听视频源变化
+watch(() => props.videoUrl, (newUrl, oldUrl) => {
+  if (newUrl && newUrl !== oldUrl) {
+    playerReady.value = false; // 重置状态，显示封面图
+    if (player) {
+      try {
+        player.loadByUrl(newUrl);
+      } catch (error) {
+        console.log('加载新视频源失败，保持显示封面图:', error);
+        emit('error', error);
+      }
+    } else {
+      // 如果播放器不存在，重新初始化
+      nextTick(() => {
+        initPlayer();
+      });
+    }
+  }
+});
+
+// 对外暴露的方法
+defineExpose({
+  play: () => player?.play(),
+  pause: () => player?.pause(),
+  seek: (time) => player?.seek(time),
+  getCurrentTime: () => player?.getCurrentTime(),
+  getDuration: () => player?.getDuration(),
+  getPlayer: () => player,
+  requestFullscreen: () => {
+    if (player) {
+      player.requestFullScreen();
+    }
+  }
+});
+
+onMounted(() => {
+  // 延迟初始化播放器，确保DOM已渲染
+  nextTick(() => {
+    const initInterval = setInterval(() => {
+      if (document.getElementById(playerId) && window.Aliplayer) {
+        clearInterval(initInterval);
+        initPlayer();
+      }
+    }, 100);
+
+    // 设置超时，避免无限等待
+    setTimeout(() => {
+      clearInterval(initInterval);
+    }, 5000);
+  });
+});
+
+onBeforeUnmount(() => {
+  // 移除全屏事件监听
+  document.removeEventListener('fullscreenchange', handleFullScreenChange);
+  document.removeEventListener('webkitfullscreenchange', handleFullScreenChange);
+  document.removeEventListener('mozfullscreenchange', handleFullScreenChange);
+  document.removeEventListener('MSFullscreenChange', handleFullScreenChange);
+  
+  if (player) {
+    try {
+      player.dispose();
+    } catch (error) {
+      console.log('销毁播放器失败:', error);
+    }
+    player = null;
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.ali-player-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  z-index: 1;
+
+  .player-element {
+    width: 100%;
+    height: 100%;
+  }
+
+  [id^="ali-player"] {
+    width: 100%;
+    height: 100%;
+  }
+
+  .player-cover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    background: #000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  /* 自定义阿里播放器样式 */
+  :deep(.prism-player) {
+    width: 100% !important;
+    height: 100% !important;
+    
+    video {
+      width: 100% !important;
+      height: 100% !important;
+      object-fit: contain;
+    }
+    
+    .prism-controlbar {
+      width: 90%;
+      position: absolute;
+      left: 50%;
+      transform: translateX(5%);
+      bottom: 10px;
+      
+      .prism-progress {
+        .prism-progress-played {
+          background: #F1253E !important;
+        }
+      }
+    }
+    
+    // 新增样式：播放按钮左对齐
+    .prism-play-btn.playing {
+      margin-left: 0 !important;
+    }
+    .prism-play-btn {
+      margin-left: 0 !important;
+    }
+    
+    // 新增样式：全屏按钮右对齐
+    .prism-fullscreen-btn {
+      margin-right: 0 !important;
+    }
+  }
+}
+
+/* 全屏模式样式 */
+:deep(.prism-player .prism-fullscreen) {
+  width: 100vw !important;
+  height: 100vh !important;
+  
+  video {
+    width: 100vw !important;
+    height: 100vh !important;
+    object-fit: contain;
+  }
+}
+
+/* 横屏模式优化 */
+@media screen and (orientation: landscape) {
+  .ali-player-container {
+    height: 100vh;
+  }
+  
+  :deep(.prism-player) {
+    height: 100vh !important;
+  }
+}
+
+/* iOS特殊处理 */
+@supports (-webkit-overflow-scrolling: touch) {
+  .ali-player-container {
+    /* iOS特有CSS属性 */
+    -webkit-overflow-scrolling: touch;
+  }
+  
+  :deep(.prism-player video) {
+    /* iOS视频全屏处理 */
+    position: static !important;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/AliPlayer备份.vue b/src/components/AliPlayer备份.vue
new file mode 100644
index 0000000..68c7bb0
--- /dev/null
+++ b/src/components/AliPlayer备份.vue
@@ -0,0 +1,507 @@
+<template>
+  <div class="ali-player-container" ref="playerContainer">
+    <div :id="playerId" class="player-element"></div>
+    <!-- 封面图 -->
+    <div v-if="!playerReady" class="player-cover">
+      <img :src="poster" alt="视频封面" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount, watch, nextTick } from 'vue';
+
+const props = defineProps({
+  videoUrl: {
+    type: String,
+    required: true
+  },
+  isLive: {
+    type: Boolean,
+    default: false
+  },
+  autoplay: {
+    type: Boolean,
+    default: false
+  },
+  poster: {
+    type: String,
+    default: ''
+  }
+});
+
+const emit = defineEmits(['ready', 'error', 'play', 'pause', 'timeupdate']);
+
+const playerContainer = ref(null);
+const playerReady = ref(false);
+let player = null;
+
+// 生成唯一播放器ID
+const playerId = `ali-player-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+
+// 检测当前设备
+const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
+const isAndroid = /Android/i.test(navigator.userAgent);
+
+// 定义全屏变化处理函数
+const handleFullScreenChange = () => {
+  const isFullScreen = document.fullscreenElement || 
+                      document.webkitFullscreenElement || 
+                      document.mozFullScreenElement || 
+                      document.msFullscreenElement;
+  
+  if (isFullScreen) {
+    console.log('进入全屏模式');
+    // 可以添加全屏时的特殊处理
+  } else {
+    console.log('退出全屏模式');
+    // 可以添加退出全屏时的特殊处理
+  }
+};
+
+const initPlayer = async () => {
+  // 等待DOM渲染完成
+  await nextTick();
+  
+  // 确保容器存在
+  if (!document.getElementById(playerId)) {
+    console.log('等待播放器容器创建...');
+    return;
+  }
+
+  // 确保阿里播放器已加载
+  if (!window.Aliplayer) {
+    console.log('等待阿里播放器加载...');
+    return;
+  }
+
+  try {
+    // 处理视频URL
+    let videoUrl = props.videoUrl;
+    if (videoUrl.startsWith('https://')) {
+      videoUrl = videoUrl.replace('https://', 'http://');
+    }
+
+    // 针对移动端的特殊配置
+    const mobileConfig = {
+      // iOS特有配置
+      ...(isIOS ? {
+        // iOS需要的特殊配置
+        playsinline: true,  // iOS上内联播放
+        // iOS 10+支持的内联播放配置
+        "webkit-playsinline": true,
+        // iOS微信特殊处理
+        "x5-playsinline": true,
+      } : {}),
+      
+      // Android特有配置
+      ...(isAndroid ? {
+        // 腾讯X5内核配置
+        "x5-video-player-type": "h5-page",  // 使用H5播放器
+        "x5-video-player-fullscreen": true, // 全屏模式
+        "x5-video-orientation": "landscape", // 横屏
+        // 华为浏览器配置
+        "x5-video-ignore-metadata-size": true,
+      } : {})
+    };
+
+    // 播放器配置
+    const options = {
+      id: playerId,
+      source: videoUrl,
+      cover: props.poster,
+      autoplay: false, // 初始不自动播放
+      isLive: props.isLive,
+      width: '100%',
+      height: '100%',
+      playsinline: true,       // iOS内联播放
+      "webkit-playsinline": true, // iOS Safari
+      "x5-playsinline": true,  // 微信浏览器
+      "x5-video-player-type": "h5",  // 启用H5播放器
+      "x5-video-player-fullscreen": true, // 全屏时使用H5播放器
+      "x5-video-orientation": "portraint", // 竖屏播放
+      preload: true,
+      controlBarVisibility: 'hover',
+      useH5Prism: true,        // 使用H5播放器
+      encryptType: 1,
+      format: 'm3u8',
+      mediaType: 'video/x-mpegURL',
+      rePlay: false,           // 播放结束后不自动重播
+      // 合并针对移动端的特殊配置
+      ...mobileConfig,
+      hlsOption: {
+        debug: false,
+        enableWorker: true,
+        enableStashBuffer: true,
+        stashInitialSize: 1024 * 64,
+        autoStartLoad: true,
+        maxBufferSize: 1024 * 1024 * 50,
+        maxBufferLength: 60,
+        defaultAudioCodec: 'mp4a.40.2',
+        xhrSetup: function(xhr, url) {
+          xhr.withCredentials = false;
+        },
+        fetchSetup: function(context, initParams) {
+          return new Promise((resolve, reject) => {
+            fetch(context.url, {
+              method: 'GET',
+              mode: 'cors',
+              credentials: 'omit',
+              headers: {
+                'Accept': 'application/x-mpegURL,application/vnd.apple.mpegurl',
+                'Content-Type': 'application/x-mpegURL'
+              }
+            })
+            .then(response => {
+              if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+              }
+              return response;
+            })
+            .then(resolve)
+            .catch(reject);
+          });
+        }
+      },
+      skinLayout: [
+        {
+          name: "bigPlayButton",
+          align: "cc",
+        },
+        {
+          name: "H5Loading",
+          align: "cc",
+        },
+        {
+          name: "errorDisplay",
+          align: "tlabs",
+          x: 0,
+          y: 0,
+        },
+        {
+          name: "infoDisplay",
+        },
+        {
+          name: "tooltip",
+          align: "blabs",
+          x: 0,
+          y: 56,
+        },
+        {
+          name: "thumbnail",
+        },
+        {
+          name: "controlBar",
+          align: "blabs",
+          x: 0,
+          y: 0,
+          children: [
+            {
+              name: "progress",
+              align: "blabs",
+              x: 0,
+              y: 44,
+            },
+            {
+              name: "playButton",
+              align: "tl",
+              x: 15,
+              y: 12,
+            },
+            {
+              name: "timeDisplay",
+              align: "tl",
+              x: 10,
+              y: 7,
+            },
+            {
+              name: "fullScreenButton",
+              align: "tr",
+              x: 10,
+              y: 12,
+            },
+            {
+              name: "volume",
+              align: "tr",
+              x: 5,
+              y: 10,
+            },
+          ],
+        },
+      ],
+    };
+
+    // 创建播放器实例
+    player = new window.Aliplayer(options, function(player) {
+      console.log('播放器创建成功');
+      
+      // 添加事件监听，处理全屏进入退出
+      document.addEventListener('fullscreenchange', handleFullScreenChange);
+      document.addEventListener('webkitfullscreenchange', handleFullScreenChange);
+      document.addEventListener('mozfullscreenchange', handleFullScreenChange);
+      document.addEventListener('MSFullscreenChange', handleFullScreenChange);
+    });
+
+    // 监听视频加载成功
+    player.on('ready', () => {
+      console.log('视频准备就绪，开始播放');
+      playerReady.value = true;
+      
+      // 针对iOS设备的特殊处理
+      if (isIOS) {
+        const video = document.querySelector(`#${playerId} video`);
+        if (video) {
+          video.setAttribute('playsinline', 'playsinline');
+          video.setAttribute('webkit-playsinline', 'true');
+          video.setAttribute('x5-playsinline', 'true');
+        }
+      }
+      
+      // 视频准备就绪后自动播放
+      player.play();
+      emit('ready', player);
+    });
+
+    // 错误处理
+    player.on('error', (error) => {
+      console.log('播放器错误，保持显示封面图:', error);
+      playerReady.value = false;
+      emit('error', error);
+    });
+
+    // 添加更多事件监听
+    player.on('play', () => {
+      console.log('开始播放');
+      emit('play');
+    });
+
+    player.on('pause', () => {
+      console.log('暂停播放');
+      emit('pause');
+    });
+
+    player.on('waiting', () => {
+      console.log('视频缓冲中...');
+    });
+
+    player.on('timeupdate', () => {
+      emit('timeupdate', player.getCurrentTime());
+    });
+
+    player.on('ended', () => {
+      console.log('播放结束');
+      if (props.isLive) {
+        setTimeout(() => {
+          player.loadByUrl(videoUrl);
+        }, 3000);
+      }
+    });
+
+    // 监听全屏按钮点击
+    player.on('requestFullScreen', () => {
+      console.log('用户请求全屏');
+      
+      // 针对iOS的特殊处理
+      if (isIOS) {
+        const video = document.querySelector(`#${playerId} video`);
+        if (video && video.webkitEnterFullscreen) {
+          try {
+            video.webkitEnterFullscreen();
+          } catch (e) {
+            console.error('iOS进入全屏失败:', e);
+          }
+        }
+      }
+    });
+
+  } catch (error) {
+    console.log('初始化播放器失败，保持显示封面图:', error);
+    playerReady.value = false;
+    emit('error', error);
+  }
+};
+
+// 监听视频源变化
+watch(() => props.videoUrl, (newUrl, oldUrl) => {
+  if (newUrl && newUrl !== oldUrl) {
+    playerReady.value = false; // 重置状态，显示封面图
+    if (player) {
+      try {
+        player.loadByUrl(newUrl);
+      } catch (error) {
+        console.log('加载新视频源失败，保持显示封面图:', error);
+        emit('error', error);
+      }
+    } else {
+      // 如果播放器不存在，重新初始化
+      nextTick(() => {
+        initPlayer();
+      });
+    }
+  }
+});
+
+// 对外暴露的方法
+defineExpose({
+  play: () => player?.play(),
+  pause: () => player?.pause(),
+  seek: (time) => player?.seek(time),
+  getCurrentTime: () => player?.getCurrentTime(),
+  getDuration: () => player?.getDuration(),
+  getPlayer: () => player,
+  requestFullscreen: () => {
+    if (player) {
+      player.requestFullScreen();
+    }
+  }
+});
+
+onMounted(() => {
+  // 延迟初始化播放器，确保DOM已渲染
+  nextTick(() => {
+    const initInterval = setInterval(() => {
+      if (document.getElementById(playerId) && window.Aliplayer) {
+        clearInterval(initInterval);
+        initPlayer();
+      }
+    }, 100);
+
+    // 设置超时，避免无限等待
+    setTimeout(() => {
+      clearInterval(initInterval);
+    }, 5000);
+  });
+});
+
+onBeforeUnmount(() => {
+  // 移除全屏事件监听
+  document.removeEventListener('fullscreenchange', handleFullScreenChange);
+  document.removeEventListener('webkitfullscreenchange', handleFullScreenChange);
+  document.removeEventListener('mozfullscreenchange', handleFullScreenChange);
+  document.removeEventListener('MSFullscreenChange', handleFullScreenChange);
+  
+  if (player) {
+    try {
+      player.dispose();
+    } catch (error) {
+      console.log('销毁播放器失败:', error);
+    }
+    player = null;
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.ali-player-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  z-index: 1;
+
+  .player-element {
+    width: 100%;
+    height: 100%;
+  }
+
+  [id^="ali-player"] {
+    width: 100%;
+    height: 100%;
+  }
+
+  .player-cover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    background: #000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  /* 自定义阿里播放器样式 */
+  :deep(.prism-player) {
+    width: 100% !important;
+    height: 100% !important;
+    
+    video {
+      width: 100% !important;
+      height: 100% !important;
+      object-fit: contain;
+    }
+    
+    .prism-controlbar {
+      width: 90%;
+      position: absolute;
+      left: 50%;
+      transform: translateX(5%);
+      bottom: 10px;
+      
+      .prism-progress {
+        .prism-progress-played {
+          background: #F1253E !important;
+        }
+      }
+    }
+    
+    // 新增样式：播放按钮左对齐
+    .prism-play-btn.playing {
+      margin-left: 0 !important;
+    }
+    .prism-play-btn {
+      margin-left: 0 !important;
+    }
+    
+    // 新增样式：全屏按钮右对齐
+    .prism-fullscreen-btn {
+      margin-right: 0 !important;
+    }
+  }
+}
+
+/* 全屏模式样式 */
+:deep(.prism-player .prism-fullscreen) {
+  width: 100vw !important;
+  height: 100vh !important;
+  
+  video {
+    width: 100vw !important;
+    height: 100vh !important;
+    object-fit: contain;
+  }
+}
+
+/* 横屏模式优化 */
+@media screen and (orientation: landscape) {
+  .ali-player-container {
+    height: 100vh;
+  }
+  
+  :deep(.prism-player) {
+    height: 100vh !important;
+  }
+}
+
+/* iOS特殊处理 */
+@supports (-webkit-overflow-scrolling: touch) {
+  .ali-player-container {
+    /* iOS特有CSS属性 */
+    -webkit-overflow-scrolling: touch;
+  }
+  
+  :deep(.prism-player video) {
+    /* iOS视频全屏处理 */
+    position: static !important;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/VRPlayer.vue b/src/components/VRPlayer.vue
new file mode 100644
index 0000000..67d8f86
--- /dev/null
+++ b/src/components/VRPlayer.vue
@@ -0,0 +1,388 @@
+<template>
+  <div class="vr-player-container" ref="playerContainer">
+    <video
+      ref="videoElement"
+      class="video-js vjs-default-skin"
+      playsinline
+      webkit-playsinline
+      crossorigin="anonymous"
+    >
+    </video>
+
+    <!-- iOS陀螺仪权限提示 -->
+    <div class="gyro-tip" v-if="showGyroTip" @click="requestGyroPermission">
+      <div class="tip-content">
+        <span class="tip-icon">📱</span>
+        <span>点击开启陀螺仪,体验更好的VR效果</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount, watch } from 'vue';
+
+const props = defineProps({
+  videoUrl: {
+    type: String,
+    required: true
+  },
+  isLive: {
+    type: Boolean,
+    default: false
+  },
+  projection: {
+    type: String,
+    default: '360' // 可选: '360', '180', '360_LR', '360_TB', 'EAC', 'EAC_LR'等
+  },
+  autoplay: {
+    type: Boolean,
+    default: false
+  },
+  poster: {
+    type: String,
+    default: ''
+  }
+});
+
+const emit = defineEmits(['ready', 'error', 'play', 'pause', 'timeupdate', 'fullscreenchange']);
+
+const playerContainer = ref(null);
+const videoElement = ref(null);
+const showGyroTip = ref(false);
+let player = null;
+
+// 初始化播放器
+const initPlayer = () => {
+  if (!videoElement.value) {
+    console.error('视频元素不存在');
+    return;
+  }
+
+  console.log('开始初始化VR播放器:', {
+    videoUrl: props.videoUrl,
+    isLive: props.isLive,
+    projection: props.projection
+  });
+
+  try {
+    // 检查videojs是否可用
+    if (!window.videojs) {
+      throw new Error('Video.js未加载');
+    }
+
+    // 播放器配置
+    const options = {
+      controls: true,
+      autoplay: props.autoplay,
+      fluid: true,
+      playsinline: true,
+      poster: props.poster,
+      sources: [{
+        src: props.videoUrl,
+        type: props.isLive ? 'application/x-mpegURL' : 'video/mp4'
+      }],
+      controlBar: {
+        volumePanel: {
+          inline: true
+        },
+        pictureInPictureToggle: false
+      }
+    };
+
+    console.log('播放器配置:', options);
+
+    // 如果已存在播放器实例，先销毁
+    if (player) {
+      console.log('销毁已存在的播放器实例');
+      player.dispose();
+      player = null;
+    }
+
+    // 创建播放器实例
+    player = window.videojs(videoElement.value, options, function onPlayerReady() {
+      console.log('播放器准备就绪');
+      
+      // 初始化VR插件
+      try {
+        this.vr({
+          projection: props.projection,
+          debug: true,
+          forceCardboard: false,
+          motionControls: true,
+          sphereDetail: 32,
+          initFov: 100,
+          crossOrigin: 'anonymous'
+        });
+        
+        console.log('VR插件初始化成功');
+        
+        // 监听VR模式就绪
+        this.on('vrready', () => {
+          console.log('VR模式就绪');
+          checkDeviceSupport();
+        });
+      } catch (vrError) {
+        console.error('VR插件初始化失败:', vrError);
+        emit('error', vrError);
+      }
+    });
+
+    // 事件监听
+    player.on('ready', () => {
+      console.log('播放器ready事件触发');
+      emit('ready', player);
+    });
+
+    player.on('error', (error) => {
+      console.error('播放器错误:', error);
+      emit('error', error);
+    });
+
+    player.on('loadedmetadata', () => {
+      console.log('视频元数据加载完成');
+      if (player.tech(true).vhs) {
+        const qualities = player.tech(true).vhs.representations();
+        console.log('可用清晰度:', qualities);
+      }
+    });
+
+    // 监听全屏变化
+    player.on('fullscreenchange', () => {
+      emit('fullscreenchange', player.isFullscreen());
+      if (player.isFullscreen()) {
+        lockLandscape();
+      }
+    });
+
+  } catch (error) {
+    console.error('初始化播放器失败:', error);
+    emit('error', error);
+  }
+};
+
+// 检查设备支持
+const checkDeviceSupport = () => {
+  const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+  const hasGyro = window.DeviceOrientationEvent !== undefined;
+  
+  if (isMobile && hasGyro) {
+    if (videojs.browser.IS_IOS) {
+      checkGyroPermission();
+    }
+  }
+};
+
+// 检查陀螺仪权限
+const checkGyroPermission = () => {
+  if (typeof DeviceOrientationEvent !== 'undefined' && 
+      typeof DeviceOrientationEvent.requestPermission === 'function') {
+    showGyroTip.value = true;
+  }
+};
+
+// 请求陀螺仪权限
+const requestGyroPermission = async () => {
+  try {
+    const permission = await DeviceOrientationEvent.requestPermission();
+    if (permission === 'granted') {
+      showGyroTip.value = false;
+      console.log('陀螺仪权限已授权');
+    }
+  } catch (error) {
+    console.error('获取陀螺仪权限失败:', error);
+  }
+};
+
+// 锁定横屏
+const lockLandscape = () => {
+  try {
+    if (screen.orientation && screen.orientation.lock) {
+      screen.orientation.lock('landscape').catch(() => {});
+    }
+  } catch (e) {
+    console.warn('横屏锁定失败:', e);
+  }
+};
+
+// 监听属性变化
+watch(() => props.videoUrl, (newUrl, oldUrl) => {
+  console.log('视频URL变化:', { newUrl, oldUrl });
+  if (player && newUrl && newUrl !== oldUrl) {
+    console.log('更新视频源');
+    player.src({
+      src: newUrl,
+      type: props.isLive ? 'application/x-mpegURL' : 'video/mp4'
+    });
+  }
+}, { immediate: true });
+
+watch(() => props.projection, (newProjection) => {
+  if (player && player.vr()) {
+    player.vr().projection(newProjection);
+  }
+});
+
+// 对外暴露的方法
+defineExpose({
+  play: () => player?.play(),
+  pause: () => player?.pause(),
+  seek: (time) => player?.currentTime(time),
+  toggleFullscreen: () => player?.isFullscreen() ? player.exitFullscreen() : player.requestFullscreen(),
+  getPlayer: () => player
+});
+
+onMounted(() => {
+  initPlayer();
+});
+
+onBeforeUnmount(() => {
+  if (player) {
+    player.dispose();
+    player = null;
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.vr-player-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  
+  :deep(.video-js) {
+    width: 100%;
+    height: 100%;
+    
+    // 优化移动端控制栏
+    .vjs-control-bar {
+      display: flex;
+      align-items: center;
+      background: rgba(0, 0, 0, 0.7);
+      backdrop-filter: blur(10px);
+      
+      .vjs-progress-control {
+        position: absolute;
+        top: -10px;
+        left: 0;
+        right: 0;
+        width: 100%;
+        height: 5px;
+        
+        .vjs-progress-holder {
+          margin: 0;
+          border-radius: 2px;
+          
+          .vjs-play-progress {
+            background: #ff0000;
+            border-radius: 2px;
+          }
+          
+          .vjs-load-progress {
+            background: rgba(255, 255, 255, 0.3);
+            border-radius: 2px;
+          }
+        }
+      }
+      
+      .vjs-play-control {
+        order: 1;
+      }
+      
+      .vjs-current-time {
+        order: 2;
+      }
+      
+      .vjs-time-divider {
+        order: 3;
+      }
+      
+      .vjs-duration {
+        order: 4;
+      }
+      
+      .vjs-volume-panel {
+        order: 5;
+      }
+      
+      .vjs-fullscreen-control {
+        order: 6;
+      }
+    }
+    
+    // VR模式按钮样式
+    .vjs-vr-controls {
+      position: absolute;
+      right: 10px;
+      top: 10px;
+      z-index: 1;
+      
+      button {
+        background: rgba(0, 0, 0, 0.5);
+        border-radius: 4px;
+        padding: 8px;
+        border: none;
+        cursor: pointer;
+        
+        &:hover {
+          background: rgba(0, 0, 0, 0.7);
+        }
+      }
+    }
+  }
+}
+
+.gyro-tip {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: rgba(0, 0, 0, 0.8);
+  padding: 12px 20px;
+  border-radius: 8px;
+  z-index: 2;
+  cursor: pointer;
+  
+  .tip-content {
+    display: flex;
+    align-items: center;
+    color: #fff;
+    font-size: 14px;
+    
+    .tip-icon {
+      margin-right: 8px;
+      font-size: 20px;
+    }
+  }
+}
+
+/* 横屏模式优化 */
+@media screen and (orientation: landscape) {
+  .vr-player-container {
+    :deep(.video-js) {
+      .vjs-control-bar {
+        height: 50px;
+        padding: 0 15px;
+        
+        .vjs-progress-control {
+          top: -15px;
+          height: 6px;
+        }
+        
+        .vjs-play-control,
+        .vjs-volume-panel,
+        .vjs-fullscreen-control {
+          width: 40px;
+          height: 40px;
+        }
+        
+        .vjs-current-time,
+        .vjs-duration {
+          font-size: 14px;
+        }
+      }
+    }
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/components/contentList.vue b/src/components/contentList.vue
index b2141d2..fea4798 100644
--- a/src/components/contentList.vue
+++ b/src/components/contentList.vue
@@ -1,114 +1,170 @@
 <template>
   <div class="all_list">
     <div class="grid_list">
-      <div class="list_item" v-for="(item, index) in moreList" :key="index">
-        <img :src="item.img" alt="Event 1" @click="goDetail(item)" />
-        <p>{{item.title}}</p>
+      <div class="list_item" v-for="(item, index) in displayList" :key="index">
+        <div class="status-tag" :class="getStatusClass(item.liveState)">
+          {{ getStatusText(item.liveState) }}
+        </div>
+        <img :src="item.liveImageShow" alt="Event Cover" @click="goDetail(item)" />
+        <p>{{ item.title }}</p>
       </div>
     </div>
+    <div v-if="displayList.length === 0" class="empty-list">
+      <p>暂无内容</p>
+    </div>
   </div>
 </template>
+
 <script setup>
-import {ref} from 'vue';
-import pic from '../assets/img/top1.png';
-import {useRouter} from 'vue-router';
+import { ref, computed } from 'vue';
+import { useRouter } from 'vue-router';
+
 const router = useRouter();
-const moreList =ref([
-    {
-        id: 1,
-        title: "章丘区高官寨甜瓜季乡村好时节活动",
-        img:pic
-    },
-    {
-        id: 2,
-        title: "中华人民共和国第十四届全国人民代表大会",
-        img:pic
-    },
-    {
-        id: 3,
-        title: "泉在济南·龙山文化旅游季活动",
-        img:pic
-    },
-    {
-        id: 4,
-        title: "乡村好时节·花开北市樱花旅游节",
-        img:pic
-    },
-    {
-        id: 5,
-        title: "国际学校名校展",
-        img:pic
-    },
-    {
-        id: 6,
-        title: "爱牙医生来",
-        img:pic
-    },
-    {
-        id: 7,
-        title: "宏观经济形势与政策",
-        img:pic
-    },
-    {
-        id: 8,
-        title: "学在济南·聚在泉城",
-        img:pic
-    },
-    {
-        id: 9,
-        title: "文明济南·礼安齐鲁",
-        img:pic
-    },
-    {
-        id: 10,
-        title: "民主主题记者会",
-        img:pic,
-    },
-    {
-        id: 8,
-        title: "学在济南·聚在泉城",
-        img:pic
-    },
-    {
-        id: 9,
-        title: "文明济南·礼安齐鲁",
-        img:pic
-    },
-    {
-        id: 10,
-        title: "民主主题记者会",
-        img:pic,
-    }
-])
+
+const props = defineProps({
+  items: {
+    type: Array,
+    default: () => []
+  }
+});
+
+const moreList = ref([]);
+
+// 计算属性：根据props.items或moreList显示内容
+const displayList = computed(() => {
+  return props.items.length > 0 ? props.items : moreList.value;
+});
+
+// 根据直播状态获取状态文本
+const getStatusText = (liveState) => {
+  switch (Number(liveState)) {
+    case 0:
+      return '预告';
+    case 1:
+      return '直播中';
+    case 2:
+      return '回顾';
+    default:
+      return '未知';
+  }
+};
+
+// 根据直播状态获取CSS类名
+const getStatusClass = (liveState) => {
+  switch (Number(liveState)) {
+    case 0:
+      return 'live_coming';
+    case 1:
+      return 'live_status';
+    case 2:
+      return 'live_review';
+    default:
+      return '';
+  }
+};
 
 const goDetail = (item) => {
-    console.log(item)
-    router.push({
-      name: 'Detail',
-      query: { item: item.id }
-      
-    })
-}
+  console.log('跳转到详情页:', item);
+  router.push({
+    name: 'Detail',
+    params: { id: item.id }
+  });
+};
+
+// 外部调用的方法，更新列表数据
+const updateList = (newList) => {
+  if (Array.isArray(newList)) {
+    moreList.value = newList;
+    console.log('更新列表数据:', moreList.value);
+  }
+};
+
+// 暴露方法给父组件
+defineExpose({
+  updateList
+});
 </script>
+
 <style lang="scss" scoped>
 .all_list {
-  width: 90%;
+  width: 100%;
+  padding: 0 10px;
   margin: 10px auto;
   height: calc(100vh - 120px);
   overflow-y: scroll;
 }
+
 .grid_list {
   width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: 10px;
+  gap: 5px 10px;
+  
   .list_item {
     width: 100%;
     height: auto;
+    position: relative;
+    border-radius: 8px;
+    overflow: hidden;
+    
     img {
       width: 100%;
-      height: 102px;
+      height: 120px;
+      object-fit: cover;
+      display: block;
+      transition: transform 0.3s ease;
+      border-radius: 8px;
+      
+      &:hover {
+        transform: scale(1.05);
+      }
+    }
+    
+    p {
+      margin: 0;
+      font-size: 14px;
+      color: #333;
+      line-height: 1.5;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
+    
+    .status-tag {
+      position: absolute;
+      top: 8px;
+      left: 8px;
+      z-index: 10;
+      padding: 2px 6px;
+      border-radius: 4px;
+      font-size: 12px;
+      color: #fff;
+      
+      &.live_coming {
+        background: #ff9800;
+      }
+      
+      &.live_status {
+        background: #f44336;
+      }
+      
+      &.live_review {
+        background: #4caf50;
+      }
     }
   }
 }
+
+.empty-list {
+  width: 100%;
+  padding: 40px 0;
+  text-align: center;
+  
+  p {
+    color: #999;
+    font-size: 16px;
+  }
+}
 </style>
diff --git a/src/components/countDown.vue b/src/components/countDown.vue
index 9f6c146..4013ad6 100644
--- a/src/components/countDown.vue
+++ b/src/components/countDown.vue
@@ -15,12 +15,12 @@
   </div> -->
   <div class="main">
     <div class="main_left">
-      <P> 距离直播开始还有：</P>
-      <p class="time">{{ h }}:{{ m }}:{{ s }}</p>
+      <p>距离直播开始还有：</p>
+      <p class="time">{{ formatTime() }}</p>
     </div>
-    <div class="main_left">
-        <p class="views">500人次观看</p>
-        <button>预告</button>
+    <div class="main_right">
+      <p class="views" v-if="viewCount">{{ viewCount }}人次观看</p>
+      <div class="status-badge">预告</div>
     </div>
   </div>
 </template>
@@ -28,33 +28,47 @@
 <script setup>
 import { ref, onMounted, onBeforeUnmount } from "vue";
 
-const props = defineProps(["countdownTime"]);
-const showTime = ref(0);
-const timeInterval = ref(null);
+const props = defineProps({
+  countdownTime: {
+    type: Number,
+    required: true
+  },
+  viewCount: {
+    type: [Number, String],
+    default: 0
+  }
+});
+
+// 定义emit事件
+const emit = defineEmits(['countdown-end']);
+
 const totalTime = ref(0);
 const d = ref("00");
 const h = ref("00");
 const m = ref("00");
 const s = ref("00");
+let timeInterval = null;
 
 onMounted(() => {
   init();
 });
 
 onBeforeUnmount(() => {
-  clearInterval(timeInterval.value);
+  clearInterval(timeInterval);
 });
 
 function init() {
-  console.log("[init] --> ", props.countdownTime);
   totalTime.value = props.countdownTime;
-  timeInterval.value = setInterval(() => {
-    parseTime(totalTime.value);
-
+  parseTime(totalTime.value);
+  
+  timeInterval = setInterval(() => {
     totalTime.value--;
-    if (totalTime.value < 0) {
-      clearInterval(timeInterval.value);
-      location.replace(location.href);
+    parseTime(totalTime.value);
+    
+    if (totalTime.value <= 0) {
+      clearInterval(timeInterval);
+      // 不再刷新页面，而是触发事件通知父组件
+      emit('countdown-end');
     }
   }, 1000);
 }
@@ -72,39 +86,61 @@ function parseTime(total) {
   m.value = min < 10 ? "0" + min : min;
   s.value = second < 10 ? "0" + second : second;
 }
+
+function formatTime() {
+  if (d.value !== "00") {
+    return `${d.value}天 ${h.value}:${m.value}:${s.value}`;
+  }
+  return `${h.value}:${m.value}:${s.value}`;
+}
 </script>
 
 <style lang="scss" scoped>
-.main{
-    width: 100%;
-    padding:10px 20px;
+.main {
+  width: 100%;
+  padding: 15px 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  
+  .main_left {
     display: flex;
-    justify-content: space-between;
-    height:80px;
+    flex-direction: column;
     
-    .main_left{
-        display: flex;
-        justify-content: space-between;
-        flex-direction: column;
-        align-items: center;
-       .time{
-        font-size: 36px;
-        margin-left: 10px;
-       }
-       .views{
-        font-size: 12px;
-       }
-       p{
-        font-size: 16px;
-       }
-       button{
-        padding:5px 15px;
-        background-color: #D7000F;
-        border:none;
-        color: #fff;
-        border-radius: 5px;
-        font-size: 16px;
-       }
+    p {
+      font-size: 14px;
+      color: #666;
+      margin: 0 0 5px 0;
     }
+    
+    .time {
+      font-size: 32px;
+      font-weight: bold;
+      color: #333;
+      margin: 0;
+    }
+  }
+  
+  .main_right {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    
+    .views {
+      font-size: 12px;
+      color: #999;
+      margin: 0 0 8px 0;
+    }
+    
+    .status-badge {
+      padding: 4px 12px;
+      background-color: #D7000F;
+      color: #fff;
+      border-radius: 4px;
+      font-size: 14px;
+    }
+  }
 }
 </style>
diff --git a/src/components/header.vue b/src/components/header.vue
index adf5f0c..74f9269 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="header">
-    <div class="top"></div>
+    <!-- <div class="top"></div> -->
     <div class="header-content">
       <div class="logo">
         <img src="../assets/img/logo.png" alt="" />
@@ -39,15 +39,29 @@ const onSearch = () => {
 ::v-deep(.van-search){
   padding:0;
 }
+::v-deep(.van-search__content){
+background: rgba($color: #fff, $alpha: 0.3);
+color:#fff;
+.van-icon-search {
+    color: #fff !important;
+  }
+  
+  .van-field__control::placeholder {
+    color: #fff !important;
+    opacity: 0.8;
+   
+  }
+}
 .header {
   width: 100%;
   height: 64px;
-  background: linear-gradient(
-    to bottom,
-    rgba(27, 163, 251, 100%),
-    70%,
-    rgba(27, 163, 251, 45%)
-  );
+  // background: linear-gradient(
+  
+  //   to bottom,
+  //   rgba(27, 163, 251, 100%),
+  //   70%,
+  //   rgba(27, 163, 251, 45%)
+  // );
   display: flex;
   .header-content {
     width: 90%;
diff --git a/src/components/moreLive.vue b/src/components/moreLive.vue
index fefd606..aadb24d 100644
--- a/src/components/moreLive.vue
+++ b/src/components/moreLive.vue
@@ -2,13 +2,12 @@
   <div class="moreLive">
     <p>更多直播</p>
    <div class="live_list">
-    <div class="moreLive-list" v-for="(item, index) in lives" :key="index" @click="goDetail(item)">
-        <img src="../assets/img/big1.png" />
+    <div class="moreLive-list" v-for="(item, index) in liveList" :key="index" @click="goDetail(item)">
+      <img :src="item.liveImageShow" :alt="item.title">
         <div class="live_info">
           <div class="live_title">
-            <!-- <p :class="{ 'live_status': item.status === '直播中', 'live_coming': item.status === '预告', 'live_review': item.status === '精彩回顾' }">{{ item.status }}</p> -->
-            <p :class="{ 'live_status': getStatusClass(item.status) === '直播中', 'live_coming': getStatusClass(item.status) === '预告', 'live_review': getStatusClass(item.status) === '精彩回顾' }">{{ getStatusText(item.status) }}</p>
-            <p class="live_see">{{item.viewers}}人次观看</p>
+            <p :class="{ 'live_status': getStatusClass(item.liveState) === '直播中', 'live_coming': getStatusClass(item.liveState) === '预告', 'live_review': getStatusClass(item.liveState) === '精彩回顾' }">{{ getStatusText(item.liveState) }}</p>
+            <p class="live_see">{{item.views_show}}人次观看</p>
           </div>
           <p>{{item.title}}</p>
         </div>   
@@ -17,7 +16,8 @@
   </div>
 </template>
 <script setup>
-import {ref} from 'vue';
+import {ref,onMounted} from 'vue';
+import { getMoreLive } from '../api/detail';
 import { useRouter } from 'vue-router'
 const router = useRouter()
 const lives = ref([
@@ -29,9 +29,9 @@ const lives = ref([
 ])
 // 定义状态码与状态文本的映射
 const statusMap = {
-  '0': '预告',
-  '1': '直播中',
-  '2': '精彩回顾',
+  0: '预告',
+  1: '直播中',
+  2: '精彩回顾',
 };
 
 
@@ -41,20 +41,41 @@ const getStatusText = (status) => statusMap[status] || '';
 // 根据状态码返回对应的CSS类名
 const getStatusClass = (status) => statusMap[status] || '';
 
-const goDetail=(item)=>{
-  console.log(item)
-  // router.push({
-  //       name:'Detail',
-  //       query:{id:item.id}
-  //     })
-}
+const emit = defineEmits(['select-live']);
+
+const goDetail = (item) => {
+  console.log('选择直播:', item);
+  // 确保发送完整的直播信息
+  emit('select-live', {
+    id: item.id,
+    videoUrl: item.playUrl || item.videoUrl, // 确保有播放地址
+    liveState: item.liveState,
+    titleImage: item.liveImageShow,
+    title: item.title
+  });
+};
+
+const liveList = ref([]);
+// 获取更多直播列表
+const getMoreLiveList = async () => {
+  try {
+    const res = await getMoreLive();
+    if (res.code === 0) {
+      liveList.value = res.MoreScenes || [];
+    }
+  } catch (error) {
+    console.error('获取更多直播列表失败:', error);
+  }
+};
+
+onMounted(() => {
+  getMoreLiveList();
+});
 </script>
 <style lang="scss" scoped>
 .moreLive {
   padding: 10px;
-  // p{
-  //  font-size: 16px;
- // }
+
   .live_list{
     width:100%;
     height: calc(100vh - 50px);
@@ -64,6 +85,12 @@ const goDetail=(item)=>{
     height: 128px;
     margin:10px 0;
     position: relative;
+    img{
+      width: 100%;
+      height: 100%;
+      border-radius: 5px;
+      object-fit: cover;
+    }
     .live_info{
     padding:5px;
     position: absolute;
diff --git a/src/components/pageAbstract.vue b/src/components/pageAbstract.vue
index 2250958..af7f42a 100644
--- a/src/components/pageAbstract.vue
+++ b/src/components/pageAbstract.vue
@@ -1,14 +1,14 @@
 <template>
-  <div class="abstract">
-    <div class="title">{{ title }}济南移动直播平台移动端开发的标题</div>
+  <div class="abstract"  v-if="sceneData">
+    <div class="title">{{ sceneData.title }}</div>
     <div class="info">
       <div class="info-item">
         <span class="name">直播时间：</span>
-        <span class="info-item-text">2024年5约我接地极{{ infoDate }}</span>
+        <span class="info-item-text">{{ sceneData.liveStart }}</span>
       </div>
       <div class="info-item">
         <span class="name">直播地点：</span>
-        <span class="info-item-text">济南{{ infoPlace }}</span>
+        <span class="info-item-text">{{ sceneData.livePosition }}</span>
       </div>
       <div class="info-item">
         <span class="name">直播简介：</span>
@@ -16,15 +16,44 @@
         class="info-item-text"
            style="display: inline;" 
             rows="3"
-            :content="text"
+             :content="sceneData.liveDesc"
             expand-text="展开"
             collapse-text="收起"
           />
       </div>
+      <!-- <div class="info-item" v-if="sceneData.liveDescHref">
+        <span class="name">相关链接：</span>
+        <a :href="sceneData.liveDescHref" target="_blank" class="info-item-text">
+          {{ sceneData.liveDescHref }}
+        </a>
+      </div> -->
     </div>
   </div>
 </template>
 <script setup>
+import { defineProps, ref, onMounted } from 'vue';
+
+const props = defineProps({
+  sceneData: {
+    type: Object,
+    default: () => null
+  }
+});
+
+const isLoaded = ref(false);
+
+// 暴露给父组件的方法，用于主动标记已加载
+const loadData = () => {
+  isLoaded.value = true;
+  console.log('简介组件加载完成');
+};
+
+// 暴露方法给父组件
+defineExpose({
+  loadData
+});
+
+console.log('简介组件数据:', props.sceneData);
 const text =
   "那一天我二十一岁，在我一生的黄金时代。我有好多奢望。我想爱，想吃，还想在一瞬间变成天上半明半暗的云。后来我才知道，生活就是个缓慢受锤的过程，人一天天老下去，奢望也一天天消失，最后变得像挨了锤的牛一样。可是我过二十一岁生日时没有预见到这一点。我觉得自己会永远生猛下去，什么也锤不了我。";
 </script>
diff --git a/src/components/pageComment copy.vue b/src/components/pageComment copy.vue
new file mode 100644
index 0000000..283f3bf
--- /dev/null
+++ b/src/components/pageComment copy.vue	
@@ -0,0 +1,381 @@
+<template>
+    <div class="comment">
+      <div class="comment-scroll">
+        <van-list
+          v-model:loading="loading"
+          :finished="finished"
+          finished-text="没有更多评论了"
+          @load="loadMore"
+        >
+          <div class="scroll-main" id="dataListComment">
+            <div class="comment-card" v-for="(item, index) in getCommentList" :key="index">
+              <div class="comment-card-main">
+                <div class="headImg">
+                  <img v-if="item.headImg" :src="item.headImg" alt />
+                  <img v-else :src="defaultAvatar" alt />
+                </div>
+                <span class="top-name">{{item.userName||'游客'}}:&nbsp;&nbsp;</span>
+                <span class="content-bottom">{{item.text}}</span>
+              </div>
+            </div>
+          </div>
+        </van-list>
+      </div>
+
+      <div class="comment-input">
+        <img :src="defaultAvatar"/>
+        <form @submit.prevent="submitComment">
+          <van-search
+            class="input-class"
+            v-model="commentText"
+            type="text"
+            placeholder="我来说几句......"
+            clearable
+            background="#ededed"
+            left-icon
+            @search="submitComment"
+          />
+          <canvas id="thumsCanvas" width="200" height="1000"></canvas>
+          <div class="iconShare">
+            <img src="../assets/img/like.svg" alt @click="clickLikeThumb" />
+          </div>
+        </form>
+      </div>
+    </div>
+</template>
+
+<script setup>
+import {ref, onMounted, watch, onUnmounted} from 'vue';
+import {commentList, addComment} from '../api/index';
+import {getCommentLike} from '../api/detail';
+import {showNotify} from 'vant';
+import defaultAvatar from '../assets/img/logo.png';
+import ThumbsUpAni from '../utils/canvas';
+
+const getCommentList = ref([]);
+const commentText = ref('');
+const loading = ref(false);
+const finished = ref(false);
+const page = ref(1);
+const pageSize = ref(10);
+let thumbsUpAnimation = null;
+let thumbsUpInterval = null;
+const clickDebounce = ref(false);
+
+const props = defineProps({
+  sceneData: {
+    type: Object,
+    default: () => ({})
+  }
+});
+
+// 点赞功能
+const clickLikeThumb = async () => {
+  if (clickDebounce.value) return;
+  clickDebounce.value = true;
+
+  try {
+    const res = await getCommentLike({
+      sceneId: props.sceneData.id
+    });
+
+    if (res.code === 0) {
+      // 播放点赞动画
+      if (!thumbsUpAnimation) {
+        thumbsUpAnimation = new ThumbsUpAni();
+      }
+      thumbsUpAnimation.start();
+      
+      // showNotify({ type: 'success', message: '点赞成功' });
+    } 
+  } catch (error) {
+    console.error('点赞失败:', error);
+    // showNotify({ type: 'danger', message: '点赞失败，请稍后重试' });
+  } finally {
+    // 300ms后重置防抖标志
+    setTimeout(() => {
+      clickDebounce.value = false;
+    }, 300);
+  }
+};
+
+// 加载评论列表
+const loadMore = async () => {
+  console.log('loadMore被调用，当前场景ID:', props.sceneData?.id);
+  
+  if (!props.sceneData?.id) {
+    console.log('场景ID不存在，终止加载评论');
+    loading.value = false;
+    finished.value = true;
+    return;
+  }
+  
+  if (loading.value) {
+    console.log('正在加载中，忽略此次加载请求');
+    return;
+  }
+  
+  loading.value = true;
+  console.log('开始加载评论列表，页码:', page.value, '每页数量:', pageSize.value);
+  
+  try {
+    const res = await commentList({
+      sceneId: props.sceneData.id,
+      page: page.value,
+      size: pageSize.value
+    });
+
+    if (res && res.code === 0) {
+      const processedComments = initCommentLikeStatus(res.data || []);
+      
+      if (page.value === 1) {
+        getCommentList.value = processedComments;
+      } else {
+        getCommentList.value.push(...processedComments);
+      }
+      
+      if (!res.data || res.data.length < pageSize.value) {
+        finished.value = true;
+        console.log("没有更多评论数据，设置完成状态");
+      } else {
+        page.value += 1;
+        console.log("还有更多评论，页码增加到:", page.value);
+      }
+    } else {
+      // API返回错误码
+      console.error("评论列表API返回错误:", res);
+      finished.value = true;
+      loading.value = false;
+      
+      if (res) {
+        showNotify({ type: 'warning', message: res.msg || '获取评论失败' });
+      }
+    }
+  } catch (error) {
+    console.error('获取评论列表失败:', error);
+    showNotify({ type: 'danger', message: '获取评论失败' });
+    finished.value = true;
+  } finally {
+    loading.value = false;
+    console.log('评论加载完成，loading:', loading.value, 'finished:', finished.value);
+  }
+};
+
+// 提交评论
+const submitComment = async () => {
+  if (!commentText.value.trim()) {
+    showNotify({ type: 'warning', message: '请输入评论内容' });
+    return;
+  }
+
+  try {
+    const formData = new FormData();
+    formData.append('sceneId', props.sceneData.id);
+    formData.append('text', commentText.value);
+
+    const res = await addComment(formData);
+    if (res.code === 0) {
+      showNotify({ type: 'success', message: '评论成功' });
+      commentText.value = '';
+      // 重新加载评论列表
+      page.value = 1;
+      finished.value = false;
+      getCommentList.value = [];
+      await loadMore();
+    }
+  } catch (error) {
+    console.error('提交评论失败:', error);
+    showNotify({ type: 'danger', message: '评论失败，请稍后重试' });
+  }
+};
+
+// 初始化评论列表时，添加点赞状态
+const initCommentLikeStatus = (comments) => {
+  if (!comments) return [];
+  
+  return comments.map(comment => {
+    const storageKey = `comment_liked_${comment.id}`;
+    const isLiked = localStorage.getItem(storageKey) === 'true';
+    return {
+      ...comment,
+      isLiked,
+      likeCount: comment.likeCount || 0
+    };
+  });
+};
+
+// 父组件调用的加载数据方法
+const loadData = () => {
+  console.log('loadData被调用，当前场景ID:', props.sceneData?.id);
+  if (!props.sceneData?.id) {
+    console.log('场景ID不存在，无法加载评论');
+    loading.value = false;
+    finished.value = true;
+    return;
+  }
+
+  // 强制重置状态，无论是否已有数据都重新加载
+  console.log('重置评论列表状态，准备重新加载数据');
+  page.value = 1;
+  finished.value = false;
+  loading.value = false; // 确保loading为false，避免loadMore中的loading检查阻止加载
+  getCommentList.value = []; // 清空现有数据
+  
+  // 立即执行loadMore，不需要延迟
+  loadMore();
+};
+
+// 暴露方法给父组件
+defineExpose({
+  loadData
+});
+
+// 格式化时间
+const formatTime = (time) => {
+  if (!time) return '';
+  const date = new Date(time);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+  
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+};
+
+// 组件卸载时清理
+onUnmounted(() => {
+  if (thumbsUpInterval) {
+    clearInterval(thumbsUpInterval);
+    thumbsUpInterval = null;
+  }
+  if (thumbsUpAnimation) {
+    thumbsUpAnimation = null;
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.comment {
+  height: 100%;
+
+  .comment-scroll {
+    height: calc(100vh - 175px);
+    overflow: scroll;
+    .scroll-main {
+      height: 100%;
+
+      .comment-card {
+        padding: 10px 20px;
+       
+        .comment-card-main {
+          display: inline-block;
+          padding: 5px 10px;
+          width: auto;
+          background-color: #EEEEEE;
+          border-radius: 10px;
+
+          .headImg {
+            display: inline-block;
+            vertical-align: middle;
+            width: 30px;
+            height: 30px;
+            img {
+              width: 100%;
+              height: 100%;
+              border-radius: 50%;
+            }
+          }
+
+          .top-name {
+            margin-left: 10px;
+            font-size: 16px;
+            color: #777882;
+          }
+
+          .content-bottom {
+            font-family: MicrosoftYaHei-Bold;
+            font-size: 16px;
+            color: rgba(0,0,0,80%);
+            line-height: 19px;
+            letter-spacing: 0px;
+          }
+        }
+      }
+    }
+  }
+
+  .comment-input {
+    position: fixed;
+    bottom: 0;
+    display: flex;
+    padding: 0 10px;
+    width: 100%;
+    justify-content: space-between;
+    align-items: center;
+    height: 50px;
+    background-color: #fff;
+    z-index: 1;
+
+    img {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+    }
+
+    form {
+      display: flex;
+      width: 85%;
+      justify-content: space-between;
+      align-items: center;
+
+      .iconShare {
+        width: 35px;
+        height: 35px;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .input-class.van-search {
+        padding: 0;
+        width: 85%;
+    
+        .van-search__content {
+          background-color: rgba(255,255,255,0.3);
+          border-radius: 15px;
+          color: #454545;
+
+          .van-cell {
+            font-size: 12px !important;
+            padding: 5px 7px;
+          }
+        }
+      }
+    }
+  }
+}
+
+#thumsCanvas {
+  position: fixed;
+  bottom: 50px;
+  right: 0;
+  width: 100px;
+  margin: auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent !important;
+  pointer-events: none;
+  z-index: 2;
+}
+</style>
+
+<style lang="scss">
+.van-pull-refresh__track {
+  height: 100% !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/pageComment.vue b/src/components/pageComment.vue
index b910910..5c87f35 100644
--- a/src/components/pageComment.vue
+++ b/src/components/pageComment.vue
@@ -1,244 +1,339 @@
 <template>
     <div class="comment">
       <div class="comment-scroll">
-        <!-- <mescroll-vue class="mescrollPadding" ref="mescroll" :up="mescrollUp" @init="mescrollInit"> -->
+        <van-list
+          v-model:loading="loading"
+          :finished="finished"
+          finished-text="没有更多评论了"
+          @load="loadMore"
+        >
           <div class="scroll-main" id="dataListComment">
-            <div class="comment-card" v-for="(item, index) in commentData" :key="index">
+            <div class="comment-card" v-for="(item, index) in getCommentList" :key="index">
               <div class="comment-card-main">
-              <!-- 评论头像 -->
                 <div class="headImg">
                   <img v-if="item.headImg" :src="item.headImg" alt />
-                  <img v-else :src="imageAvatarUrl" alt />
+                  <img v-else :src="defaultAvatar" alt />
                 </div>
                 <span class="top-name">{{item.userName||'游客'}}:&nbsp;&nbsp;</span>
                 <span class="content-bottom">{{item.text}}</span>
-                <!-- <div class="content">
-                  <div class="content-top">
-                    <div class="top-name">{{item.userName||'游客'}}</div>
-                    <div class="content-bottom">{{item.text}}</div>
-                  </div>
-               
-                </div> -->
               </div>
-  
-              <div class="botton-line"></div> 
             </div>
           </div>
-        <!-- </mescroll-vue> -->
+        </van-list>
       </div>
-  
+
       <div class="comment-input">
-        <img src="../assets/img/logo.png"/>
-        <form action="/">
+        <img :src="defaultAvatar"/>
+        <form @submit.prevent="submitComment">
           <van-search
             class="input-class"
-            v-model="showSubmitMsg"
+            v-model="commentText"
             type="text"
             placeholder="我来说几句......"
             clearable
             background="#ededed"
             left-icon
-            id="vanInput"
-            @search="inputCommentHandler"
+            @search="submitComment"
           />
-          <canvas  id="thumsCanvas" width="200" height="1000"></canvas>
-          <div class="iconShare" @click="inputCommentHandler">
-            <img  src="../assets/img/like.svg" alt  @click="clickLikeThumb" />   
+          <canvas id="thumsCanvas" width="200" height="1000"></canvas>
+          <div class="iconShare">
+            <img src="../assets/img/like.svg" alt @click="clickLikeThumb" />
           </div>
         </form>
       </div>
     </div>
-  </template>
-  <script setup>
-  import {onMounted, ref} from 'vue';
-  import {commentList,addComment} from '../api/index';
-  import ThumbsUpAni from  '../utils/canvas'
-  const imageAvatarUrl = ref(null);
-const commentData= ref([]);
-const showSubmitMsg = ref('');
-// 获取评论列表
-const getCommentList = async  () => {
-  let params = {
-    sceneId:2057,
-        size: 10,
-        page: 1,
-      
-      };
-  commentList(params)
-    .then((res) => {
-      console.log("获取评论列表",res);
-      commentData.value  =res.data;
-      imageAvatarUrl.value = res.anonymousUrl
-    })
-    .catch((error) => {
-      console.error("登录接口请求失败", error);
-    });
-};
+</template>
+
+<script setup>
+import {ref, onMounted, watch, onUnmounted} from 'vue';
+import {commentList, addComment} from '../api/index';
+import {getCommentLike} from '../api/detail';
+import {showNotify} from 'vant';
+import defaultAvatar from '../assets/img/logo.png';
+import ThumbsUpAni from '../utils/canvas';
+
+const getCommentList = ref([]);
+const commentText = ref('');
+const loading = ref(false);
+const finished = ref(false);
+const page = ref(1);
+const pageSize = ref(10);
+let thumbsUpAnimation = null;
+let thumbsUpInterval = null;
+const clickDebounce = ref(false);
+
+const props = defineProps({
+  sceneData: {
+    type: Object,
+    default: () => ({})
+  }
+});
 
 // 点赞功能
-const clickLikeThumb=()=> {
+const clickLikeThumb = async () => {
+  if (clickDebounce.value) return;
+  clickDebounce.value = true;
 
-      const thumbsUpAni = new ThumbsUpAni();
-      console.log("点击",thumbsUpAni);
-      setInterval(() => {
-        thumbsUpAni.start();
-      }, 300);
+  try {
+    const res = await getCommentLike({
+      sceneId: props.sceneData.id
+    });
 
-    }
-    onMounted(()=>{
-      getCommentList();
-    })
-    // 评论输入
-    const inputCommentHandler =()=>{
-      console.log("评论输入",showSubmitMsg.value);
-       // 检测是否填写内容
-       if (showSubmitMsg.value.length < 1) {
-        return false;
+    if (res.code === 0) {
+      // 播放点赞动画
+      if (!thumbsUpAnimation) {
+        thumbsUpAnimation = new ThumbsUpAni();
       }
-      let utoken = null;
-      let sceneId = 2057;
-      let text = JSON.parse(JSON.stringify(showSubmitMsg.value));
+      thumbsUpAnimation.start();
+      
+      // showNotify({ type: 'success', message: '点赞成功' });
+    } 
+  } catch (error) {
+    console.error('点赞失败:', error);
+    // showNotify({ type: 'danger', message: '点赞失败，请稍后重试' });
+  } finally {
+    // 300ms后重置防抖标志
+    setTimeout(() => {
+      clickDebounce.value = false;
+    }, 300);
+  }
+};
 
-      // 拼装 formData
-      let formdate = new FormData();
-      formdate.append("utoken", utoken);
-      formdate.append("sceneId", sceneId);
-      formdate.append("text", text);
+// 加载评论列表
+const loadMore = async () => {
+  console.log('loadMore被调用，当前场景ID:', props.sceneData?.id);
+  
+  if (!props.sceneData?.id) {
+    console.log('场景ID不存在，终止加载评论');
+    loading.value = false;
+    finished.value = true;
+    return;
+  }
+  
+  if (loading.value) {
+    console.log('正在加载中，忽略此次加载请求');
+    return;
+  }
+  
+  loading.value = true;
+  console.log('开始加载评论列表，页码:', page.value, '每页数量:', pageSize.value);
+  
+  try {
+    const res = await commentList({
+      sceneId: props.sceneData.id,
+      page: page.value,
+      size: pageSize.value
+    });
 
-      let vanInput = document.querySelector("#vanInput");
-      vanInput.blur();
-      window.scroll(0, 0);
-      // 调用api
-     addComment(formdate)
-        .then(({ data }) => {
-          showNotify({ type: "primary", message: "评论成功" });
-          this.mescroll.triggerDownScroll(); // 调用upCallback
-          showSubmitMsg.value = "";
-        })
-        .catch(e => {
-          // 联网失败的回调,隐藏下拉刷新和上拉加载的状态;
-          this.mescroll.endDownScroll();
-          console.log("%c 提交评论 error ", "color:red", e, "提交失败");
-          showNotify({ type: "danger", message: "网络繁忙，请稍后再试。" });
-          showSubmitMsg.value = "";
-        });
-    
+    if (res && res.code === 0) {
+      const processedComments = initCommentLikeStatus(res.data || []);
+      
+      if (page.value === 1) {
+        getCommentList.value = processedComments;
+      } else {
+        getCommentList.value.push(...processedComments);
+      }
+      
+      if (!res.data || res.data.length < pageSize.value) {
+        finished.value = true;
+        console.log("没有更多评论数据，设置完成状态");
+      } else {
+        page.value += 1;
+        console.log("还有更多评论，页码增加到:", page.value);
+      }
+    } else {
+      // API返回错误码
+      console.error("评论列表API返回错误:", res);
+      finished.value = true;
+      loading.value = false;
+      
+      if (res) {
+        showNotify({ type: 'warning', message: res.msg || '获取评论失败' });
+      }
     }
+  } catch (error) {
+    console.error('获取评论列表失败:', error);
+    showNotify({ type: 'danger', message: '获取评论失败' });
+    finished.value = true;
+  } finally {
+    loading.value = false;
+    console.log('评论加载完成，loading:', loading.value, 'finished:', finished.value);
+  }
+};
+
+// 提交评论
+const submitComment = async () => {
+  if (!commentText.value.trim()) {
+    showNotify({ type: 'warning', message: '请输入评论内容' });
+    return;
+  }
+
+  try {
+    const formData = new FormData();
+    formData.append('sceneId', props.sceneData.id);
+    formData.append('text', commentText.value);
+
+    const res = await addComment(formData);
+    if (res.code === 0) {
+      showNotify({ type: 'success', message: '评论成功' });
+      commentText.value = '';
+      // 重新加载评论列表
+      page.value = 1;
+      finished.value = false;
+      getCommentList.value = [];
+      await loadMore();
+    }
+  } catch (error) {
+    console.error('提交评论失败:', error);
+    showNotify({ type: 'danger', message: '评论失败，请稍后重试' });
+  }
+};
+
+// 初始化评论列表时，添加点赞状态
+const initCommentLikeStatus = (comments) => {
+  if (!comments) return [];
+  
+  return comments.map(comment => {
+    const storageKey = `comment_liked_${comment.id}`;
+    const isLiked = localStorage.getItem(storageKey) === 'true';
+    return {
+      ...comment,
+      isLiked,
+      likeCount: comment.likeCount || 0
+    };
+  });
+};
+
+// 父组件调用的加载数据方法
+const loadData = () => {
+  console.log('loadData被调用，当前场景ID:', props.sceneData?.id);
+  if (!props.sceneData?.id) {
+    console.log('场景ID不存在，无法加载评论');
+    loading.value = false;
+    finished.value = true;
+    return;
+  }
+
+  // 强制重置状态，无论是否已有数据都重新加载
+  console.log('重置评论列表状态，准备重新加载数据');
+  page.value = 1;
+  finished.value = false;
+  loading.value = false; // 确保loading为false，避免loadMore中的loading检查阻止加载
+  getCommentList.value = []; // 清空现有数据
+  
+  // 立即执行loadMore，不需要延迟
+  loadMore();
+};
+
+// 暴露方法给父组件
+defineExpose({
+  loadData
+});
+
+// 格式化时间
+const formatTime = (time) => {
+  if (!time) return '';
+  const date = new Date(time);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+  
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+};
+
+// 组件卸载时清理
+onUnmounted(() => {
+  if (thumbsUpInterval) {
+    clearInterval(thumbsUpInterval);
+    thumbsUpInterval = null;
+  }
+  if (thumbsUpAnimation) {
+    thumbsUpAnimation = null;
+  }
+});
 </script>
+
 <style lang="scss" scoped>
-#thumsCanvas {
-  position:fixed;
-  bottom:50px;
-  right:0;
-  width: 100px;
-  margin: auto;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  background-color: transparent!important;
-}
-
-
 .comment {
   height: 100%;
 
   .comment-scroll {
     height: calc(100vh - 175px);
     overflow: scroll;
+    background-color: #fff;
     .scroll-main {
       height: 100%;
 
       .comment-card {
-        // border: 1px solid blue;
-        padding:10px 20px;
+        padding: 10px 20px;
        
-        .comment-card-main {
-          display:inline-block;
-          padding:5px 10px;
+        .comment-card-main { 
+          display: inline-block;
+          padding: 5px 10px;
           width: auto;
           background-color: #EEEEEE;
           border-radius: 10px;
 
           .headImg {
             display: inline-block;
-            vertical-align:middle;
+            vertical-align: middle;
             width: 30px;
             height: 30px;
             img {
               width: 100%;
               height: 100%;
               border-radius: 50%;
-      
             }
           }
-          .top-name{
+
+          .top-name {
             margin-left: 10px;
             font-size: 16px;
             color: #777882;
-            
           }
-            .content-bottom {
-              font-family: MicrosoftYaHei-Bold;
-              font-size: 16px;
-              color: rgba(0,0,0,80%);
-              line-height: 19px;
-              letter-spacing: 0px;
-            }
-          // .content {
-          //   width: 268px;
-          //   .content-top {
-          //     display: flex;
-          //     justify-content: space-between;
-          //     margin-bottom: 10px;
-          //     font-size: 15px;
-          //     color: #5c5c5c;
-          //   }
-          //   .content-bottom {
-          //     font-family: MicrosoftYaHei-Bold;
-          //     font-size: 17px;
-          //     color: #454545;
-          //     line-height: 19px;
-          //     letter-spacing: 0px;
-          //   }
-          // }
-        }
 
-        // .botton-line {
-        //   height: 1px;
-        //   width: 100%;
-        //   margin-left: 9px;
-        //   background-color: rgba(160, 160, 160, 0.52);
-        // }
+          .content-bottom {
+            font-family: MicrosoftYaHei-Bold;
+            font-size: 16px;
+            color: rgba(0,0,0,80%);
+            line-height: 1.5;
+            letter-spacing: 0px;
+          }
+        }
       }
     }
   }
+
   .comment-input {
     position: fixed;
-    bottom:0;
+    bottom: 0;
     display: flex;
-    padding:0 10px;
+    padding: 0 10px;
     width: 100%;
     justify-content: space-between;
-   
     align-items: center;
     height: 50px;
     background-color: #fff;
-    img{
-      width:40px;
+    z-index: 1;
+
+    img {
+      width: 40px;
       height: 40px;
       border-radius: 50%;
     }
+
     form {
       display: flex;
       width: 85%;
       justify-content: space-between;
       align-items: center;
-      // padding: 0 12px;
 
       .iconShare {
-        width: 40px;
-        height: 40px;
+        width: 35px;
+        height: 35px;
         img {
           width: 100%;
           height: 100%;
@@ -246,13 +341,12 @@ const clickLikeThumb=()=> {
       }
 
       .input-class.van-search {
-        // padding-top: 7px;
         padding: 0;
         width: 85%;
+    
         .van-search__content {
-          background-color: #fff;
+          background-color: rgba(255,255,255,0.3);
           border-radius: 15px;
-
           color: #454545;
 
           .van-cell {
@@ -264,7 +358,23 @@ const clickLikeThumb=()=> {
     }
   }
 }
+
+#thumsCanvas {
+  position: fixed;
+  bottom: 50px;
+  right: 0;
+  width: 100px;
+  margin: auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent !important;
+  pointer-events: none;
+  z-index: 2;
+}
 </style>
+
 <style lang="scss">
 .van-pull-refresh__track {
   height: 100% !important;
diff --git a/src/components/pageReport.vue b/src/components/pageReport.vue
index f691daa..c463aac 100644
--- a/src/components/pageReport.vue
+++ b/src/components/pageReport.vue
@@ -7,81 +7,114 @@
 
     <!-- 上下拉  -->
     <div class="scroll">
-      <mescroll-vue
-        class="mescrollPadding"
-        ref="mescroll"
-        :up="mescrollUp"
-        @init="mescrollInit"
-      >
-        <div id="liveView" ref="liveView" class="liveView">
-          <div>
-            <van-divider>直播视角</van-divider>
-            <!-- 多个视角 -->
-            <div class="viewSelect liveTab" >
-              <div
-                class="liveTabCell"
-                active-class="selectedTab"
-                v-for="(item, index) in liveList"
-                :key="index"
-                :selected="index === liveTabIndex"
-                @click="goStore(index)"
-              >
-                <div class="selectPicItem" >
-                  <div class="select-pic-item-img">
-                    <img  v-if="item.coverUrl" :src="item.coverUrl" alt />
-                    <img v-else :src="defineBigBg" alt />
-                  </div>
-                  <div class="coverTitle" :title="item.name">
-                    {{ item.name }}
+      <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+        <van-list
+          v-model:loading="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          @load="onLoad"
+        >
+          <!-- 直播视角部分 -->
+          <div
+            id="liveView"
+            ref="liveView"
+            class="liveView"
+            v-if="liveList && liveList.length > 1"
+          >
+            <div>
+              <van-divider>直播视角</van-divider>
+              <div class="viewSelect liveTab">
+                <div
+                  class="liveTabCell"
+                  :class="{ 'selected-tab': index === liveTabIndex }"
+                  v-for="(item, index) in liveList"
+                  :key="index"
+                  @click="goStore(index)"
+                >
+                  <div class="selectPicItem">
+                    <div class="select-pic-item-img">
+                      <img
+                        v-if="item.coverUrl"
+                        :src="item.coverUrl"
+                        alt="视角封面"
+                      />
+                      <img v-else :src="defineBigBg" alt="默认封面" />
+                      <!-- <div class="play-icon">
+                        <img :src="bigplay" alt="播放" />
+                      </div> -->
+                    </div>
+                    <div class="coverTitle" :title="item.name">
+                      {{ item.name }}
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-        <!-- 报道 -->
-        <div class="report" id="dataList" ref="dataList">
+          <!-- 报道 -->
+          <div class="report" id="dataList" ref="dataList">
             <page-abstract></page-abstract>
-          <div
-            class="reportCell"
-            v-for="(item, index) in reportDataList"
-            :key="index"
-          >
-            <div class="reportLeft">
-              <img
-                class="reportLeftImg"
-                src="../assets/img/ijnan_line.png"
-                alt
-              />
-            </div>
-            <div class="reportRight">
-              <div class="reportCellTopInfo">
-                <span class="reportDate">{{ item.reportDate }}</span>
-                <div class="repoterUser">
-                  <!-- <div class="userImg">
-                      <img class="userImgUrl" :src="userImg" alt />
-                    </div>-->
-                  <!-- 报道：logo -->
-                  <div class="userName">
-                    <img class="userImgUrl" :src="imageLogoUrl" alt />
+            <div
+              class="reportCell"
+              v-for="(item, index) in reportDataList"
+              :key="index"
+            >
+              <div class="reportLeft">
+                <img
+                  class="reportLeftImg"
+                  src="../assets/img/ijnan_line.png"
+                  alt
+                />
+              </div>
+              <div class="reportRight">
+                <div class="reportCellTopInfo">
+                  <span class="reportDate">{{ item.reportDate }}</span>
+                  <div class="repoterUser">
+                    <!-- <div class="userImg">
+                        <img class="userImgUrl" :src="userImg" alt />
+                      </div>-->
+                    <!-- 报道：logo -->
+                    <!-- <div class="userName">
+                      <img class="userImgUrl" :src="imageLogoUrl" alt />
+                    </div> -->
                   </div>
                 </div>
-              </div>
-              <div class="reportRightMain reportBorderLeft">
+                <div class="reportRightMain reportBorderLeft">
                   <div class="reportRightMainBg">
                     <!-- 修改各种 reportType  1视频 2音频 3图文 4文字 -->
-                    <div v-if="item.reportType === '4'" class="reportRightMainTxt">
-                      <!-- <div v-html="changeStr(item.content)"></div> -->
-                      <van-text-ellipsis
-        class="imgTxtContant"
-           style="display: inline;" 
-            rows="3"
-            :content="item.content"
-            expand-text="展开"
-            collapse-text="收起"
-          />
+                    <div
+                      v-if="item.reportType === '4'"
+                      class="reportRightMainTxt"
+                    >
+                      <div class="content-with-like">
+                        <van-text-ellipsis
+                          class="imgTxtContant"
+                          style="display: inline"
+                          rows="3"
+                          :content="item.content"
+                          expand-text="展开"
+                          collapse-text="收起"
+                        />
+                        <div v-show="showLikeButton" class="like-button" @click.stop="toggleLike(item)">
+                          <img 
+                            v-if="isLiked(item)"
+                            :src="likeActive"
+                            class="like-icon liked"
+                            alt="已点赞"
+                          />
+                          <img 
+                            v-else
+                            :src="unlike"
+                            class="like-icon"
+                            alt="未点赞"
+                          />
+                        </div>
+                      </div>
                     </div>
-                    <div v-if="item.reportType === '3'" class="reportRightMainDefine">
+                    <div
+                      v-if="item.reportType === '3'"
+                      class="reportRightMainDefine"
+                    >
                       <div class="imgTxt" v-if="item.imgList">
                         <div class="singleImg" v-if="item.imgList.length === 1">
                           <img
@@ -93,7 +126,10 @@
                           />
                           <img v-else :src="defineBigBg" alt />
                         </div>
-                        <div class="doubleImg" v-else-if="  item.imgList.length === 2">
+                        <div
+                          class="doubleImg"
+                          v-else-if="item.imgList.length === 2"
+                        >
                           <div class="doubleImgRact">
                             <img
                               v-if="item.imgList[0]"
@@ -115,10 +151,13 @@
                             <img v-else :src="defineBigBg" alt />
                           </div>
                         </div>
-                        <div class="doubleImg" v-else-if="item.imgList.length === 3">
+                        <div
+                          class="doubleImg"
+                          v-else-if="item.imgList.length === 3"
+                        >
                           <div
                             class="doubleImgRact3"
-                            v-for="(imgItem,index) in item.imgList"
+                            v-for="(imgItem, index) in item.imgList"
                             :key="index"
                           >
                             <img
@@ -134,7 +173,7 @@
                         <div class="doubleImgOther" v-else>
                           <div
                             class="doubleImgRact"
-                            v-for="(imgItem,index) in item.imgList"
+                            v-for="(imgItem, index) in item.imgList"
                             :key="index"
                           >
                             <img
@@ -148,462 +187,1164 @@
                           </div>
                         </div>
                       </div>
-                      <!-- <div class="imgTxtContant" v-html="changeStr(item.content)"></div> -->
-                      <van-text-ellipsis
-        class="imgTxtContant"
-           style="display: inline;" 
-            rows="3"
-            :content="item.content"
-            expand-text="展开"
-            collapse-text="收起"
-          />
+                      <div class="content-with-like">
+                        <van-text-ellipsis
+                          class="imgTxtContant"
+                          style="display: inline"
+                          rows="3"
+                          :content="item.content"
+                          expand-text="展开"
+                          collapse-text="收起"
+                        />
+                        <div v-show="showLikeButton" class="like-button" @click.stop="toggleLike(item)">
+                          <img 
+                            v-if="isLiked(item)"
+                            :src="likeActive"
+                            class="like-icon liked"
+                            alt="已点赞"
+                          />
+                          <img 
+                            v-else
+                            :src="unlike"
+                            class="like-icon"
+                            alt="未点赞"
+                          />
+                        </div>
+                      </div>
                     </div>
-                    <div v-if="item.reportType === '2'" class="reportRightMainDefine">
-                      <div class="audioBubble" @click="audioPlay(item.mediaUrl)">
-                        <div class="audioIcon">
+                    <div
+                      v-if="item.reportType === '2'"
+                      class="reportRightMainDefine"
+                    >
+                      <div
+                        class="audioBubble"
+                        @click="audioPlay(item.mediaUrl)"
+                      >
+                        <div
+                          class="audioIcon"
+                          :class="{
+                            playing: currentAudioUrl === item.mediaUrl,
+                          }"
+                        >
                           <img :src="icAudio" alt />
                         </div>
-  
-                        <div
-                          class="audio-p-time"
-                          :ref="'audio-p-'+index"
-                        >{{duration2Time(item.audioDuration)}}</div>
+                        <div class="audio-p-time">
+                          {{ duration2Time(item.audioDuration) }}
+                        </div>
+                      </div>
+                      <div class="content-with-like">
+                        <van-text-ellipsis
+                          class="imgTxtContant"
+                          style="display: inline"
+                          rows="3"
+                          :content="item.content"
+                          expand-text="展开"
+                          collapse-text="收起"
+                        />
+                        <div v-show="showLikeButton" class="like-button" @click.stop="toggleLike(item)">
+                          <img 
+                            v-if="isLiked(item)"
+                            :src="likeActive"
+                            class="like-icon liked"
+                            alt="已点赞"
+                          />
+                          <img 
+                            v-else
+                            :src="unlike"
+                            class="like-icon"
+                            alt="未点赞"
+                          />
+                        </div>
                       </div>
-                      <!-- <div class="imgTxtContant" v-html="changeStr(item.content)"></div> -->
-                      <van-text-ellipsis
-        class="imgTxtContant"
-           style="display: inline;" 
-            rows="3"
-            :content="item.content"
-            expand-text="展开"
-            collapse-text="收起"
-          />
                     </div>
-                    <div v-if="item.reportType === '1'" class="reportRightMainDefine">
+                    <div
+                      v-if="item.reportType === '1'"
+                      class="reportRightMainDefine"
+                    >
                       <div class="videoClass">
                         <div
                           class="posterPic"
-                          v-if="index!==posterIndex"
-                          @click="playIndexVideo(index,item)"
+                          v-if="index !== posterIndex"
+                          @click="playIndexVideo(index, item)"
                         >
-                          <img v-if="item.imgList" :src="item.imgList[0]" :οnerrοr="defineBg" alt />
+                          <img
+                            v-if="item.imgList"
+                            :src="item.imgList[0]"
+                            :οnerrοr="defineBg"
+                            alt
+                          />
                           <img v-else :src="defineBg" alt />
+                          <div class="play-icon-big">
+                            <img :src="bigplay" alt="播放" />
+                          </div>
                         </div>
+                        <!-- 视频容器将插入这里 -->
                         <div
-                          v-if="index!==posterIndex"
-                          class="posterPlay"
-                          @click="playIndexVideo(index,item)"
-                        >
-                          <img :src="iconPlayVideo" alt />
-                        </div>
-                        <video
-                          :src="item.mediaUrl"
-                          :poster="item.imgList?item.imgList[0]:''"
-                          ref="videoPlay"
-                          @play="onVideoPlay"
-                          controls
-                          x5-playsinline
-                          playsinline="true"
-                          webkit-playsinline="true"
-                          x-webkit-airplay="true"
-                          x5-video-player-type="h5"
-                          x5-video-player-fullscreen
-                          x5-video-orientation="portraint"
-                        ></video>
+                          class="videoContainer"
+                          v-if="index === posterIndex"
+                        ></div>
+                      </div>
+                      <div class="content-with-like">
+                        <van-text-ellipsis
+                          class="imgTxtContant"
+                          style="display: inline"
+                          rows="3"
+                          :content="item.content"
+                          expand-text="展开"
+                          collapse-text="收起"
+                        />
+                        <div v-show="showLikeButton" class="like-button" @click.stop="toggleLike(item)">
+                          <img 
+                            v-if="isLiked(item)"
+                            :src="likeActive"
+                            class="like-icon liked"
+                            alt="已点赞"
+                          />
+                          <img 
+                            v-else
+                            :src="unlike"
+                            class="like-icon"
+                            alt="未点赞"
+                          />
+                        </div>
                       </div>
-                      <!-- <div class="imgTxtContant" v-html="changeStr(item.content)"></div> -->
-                      <van-text-ellipsis
-        class="imgTxtContant"
-           style="display: inline;" 
-            rows="3"
-            :content="item.content"
-            expand-text="展开"
-            collapse-text="收起"
-          />
                     </div>
-                    <div v-if="item.contentHref!=null&&item.contentHref.length>0" class="crefer">
+                    <div
+                      v-if="
+                        item.contentHref != null && item.contentHref.length > 0
+                      "
+                      class="crefer"
+                    >
                       <div class="title">相关报道</div>
-                      <divider class="crefer-line"></divider>
+                      <van-divider class="crefer-line"></van-divider>
                       <div class="crefer-a">
-                        <a :href="item.contentHref">{{item.relatedReport?item.relatedReport:'相关链接'}}</a>
+                        <a :href="item.contentHref">{{
+                          item.relatedReport ? item.relatedReport : "相关链接"
+                        }}</a>
                       </div>
                     </div>
                   </div>
                 </div>
+              </div>
             </div>
           </div>
-        </div>
-      </mescroll-vue> 
+        </van-list>
+      </van-pull-refresh>
     </div>
-    <audio ref="audio" class="audioClass" controls="controls">不支持</audio>
+    <audio
+      ref="audioRef"
+      class="audioClass"
+      controls="controls"
+      @ended="handleAudioEnded"
+      @error="handleAudioError"
+      @canplay="handleAudioCanPlay"
+      @stalled="handleAudioStalled"
+    >
+      不支持
+    </audio>
   </div>
 </template>
 <script setup>
-import { ref } from "vue";
-import MescrollVue from 'mescroll.js/mescroll.vue'
-import defineBigBg from '../assets/img/defineBigBg.png';
-import {report} from '../api/index';
-const  liveTabIndex = ref(0);
-const liveList = ref([
-            {
-                "name": "珍珠泉",
-                "coverUrl": "https://v.livejinan.cn/image/default/B861748A8C2144E4B5D495EC2E145E36-6-2.jpg",
-                "playUrl": "https://play.livejinan.cn/caeUaEzv/435e3a9910934a02963efbc816bc6fb5.m3u8?auth_key=1762000667-0-0-978bb1670d6778fafd715add79508ca9"
-            },
-            {
-                "name": "回马泉",
-                "coverUrl": "https://v.livejinan.cn/image/default/A9E4B702DCDD433E9D9F96CC5B547B95-6-2.jpg",
-                "playUrl": "https://play.livejinan.cn/caeUaEzv/af6c1c5167944ae0b17455b475b49ad3.m3u8?auth_key=1762000667-0-0-84ac0c225eec8c42992a278f7398fbe3"
-            },
-            {
-                "name": "黑虎泉",
-                "coverUrl": "https://v.livejinan.cn/image/default/5690007EE0224437A447503EE7833466-6-2.jpg",
-                "playUrl": "https://play.livejinan.cn/caeUaEzv/d8808c0620ca4ea8875bf02a6f48d74b.m3u8?auth_key=1762000667-0-0-871ee007886d35f6239d31547e1ff4fc"
-            },
-            {
-                "name": "趵突泉",
-                "coverUrl": "https://v.livejinan.cn/image/default/5AD9515D81F84C5B81D1AEAA90E52D88-6-2.jpg",
-                "playUrl": "https://play.livejinan.cn/caeUaEzv/62575b41a6bc4e7d9bdeb7930bb60f90.m3u8?auth_key=1762000667-0-0-b78d8b16b6d8f8a1f1231fd03bce22ee"
-            },
-            {
-                "name": "五龙潭泉群",
-                "coverUrl": "https://v.livejinan.cn/image/default/6ADAC0A084CB4A02957C59B5E3E377C1-6-2.jpg",
-                "playUrl": "https://play.livejinan.cn/caeUaEzv/c6d0d2464deb43dd89b0c0d560596fc5.m3u8?auth_key=1762000667-0-0-6e72ab4b79fa2531d0ecfb105101e323"
-            }
-     
+import { ref, watch, onMounted, onBeforeUnmount, reactive } from "vue";
+import { showImagePreview, showNotify } from "vant";
+import defineBigBg from "../assets/img/defineBigBg.png";
+import defineBg from "../assets/img/defineBg.png";
+import bigplay from "../assets/img/bigplay.png";
+import bigstop from "../assets/img/bigstop.png";
+import unlike from "../assets/img/unlike.png";
+import likeActive from "../assets/img/like-active.svg";
+import { report } from "../api/index";
+import { useRouter } from "vue-router";
+import { getMoreLive, getReportLike } from "../api/detail";
 
-])
-const reportDataList = ref([
-  {
-    reportType: "3",
-    reportDate: "2021-10-09 07:32",
-    mediaUrl: null,
-    relatedReport: "",
-    widthAndHeight: ["1.77:1"],
-    id: "36377",
-    contentHref: "",
-    reporterName: "王晨",
-    content:
-      "　　今年入夏以来，随着降雨逐渐增多，济南趵突泉地下水位创56年之最，突破30米“大关”。与此同时，众泉也更加欢畅奔腾。自古有“波涛声震大明湖”、“石激湍声成虎吼”、“水若涌轮”的吟咏，而今天，爱济南通过5G技术和“千里眼”点位，带大家沉浸式体验不一样的泉水下的美丽世界。\n　　甘甜的泉水清澈见底，水藻飘摆，水泡咕噜咕噜冒个不停，不时有鱼儿穿梭其间……这里没有主持人，没有解说字幕，也没有配音，更没有绚丽的镜头切换和后期制作，这里只有最真实的泉水下的世界。\n　　请你放下所有烦恼和压力，快来近距离地体验和享受这段最美妙的泉城水下世界。",
-    imgList: [
-      "https://v.livejinan.cn/image/default/5D19FFA43A2A436DA89BB5CCFAD776C6-6-2.jpg?x-oss-process=image/resize,w_600",
-    ],
-  },
-  {
-    reportType: "3",
-    reportDate: "2021-10-09 09:09",
-    mediaUrl: null,
-    relatedReport: "",
-    widthAndHeight: ["1.33:1"],
-    id: "36378",
-    contentHref: "",
-    reporterName: "张静",
-    content:
-      "　　近年来，济南报业坚持“融合赋能，伴生城市成长”理念，聚力内容、平台和技术三方面创新，媒体融合的“济南模式、山东特色”更加鲜明。2020年初，济南报业依托爱济南新闻客户端布局慢直播项目，推出“大型城市形象宣传平台——直播济南”，对济南200多个“点位”进行24小时直播，在全国地方媒体中开创先河。\n\n　　“直播济南”，根植济南、面向全国、沟通世界，以传播济南好声音、讲好济南故事为己任，以助力建设“大强美富通”现代化国际大都市、塑造良好城市形象为使命。围绕这个使命，“直播济南”运用图文直播、移动直播、短视频直播、航拍直播VR直播等多种直播形态，让受众沉浸式体验，身临其境感受泉城新面貌。\n\n　　从图片到视频再到VR，用直观而又有视觉冲击力的表现形式，全方位、立体化展示济南的发展成绩。目前，“大型城市形象宣传平台——直播济南”已陆续推出“重点项目巡礼季”、“文化旅游季”、“电商带货季”、“乡村振兴季”等大型直播。济南报业与人民视频、央视频、学习强国、今日头条、百度等重要媒体平台积极互动，同步直播济南，面向全网传播。同时，济南报业坚持对时政活动、重点工作、市委市政府新闻发布会等进行常态化直播，传播力大幅提升，赢得广泛关注和认可。（王晨 孙明超 苏岭红 张静）",
-    imgList: [
-      "https://v.livejinan.cn/image/default/29002AF6D93C41B7AFC5DC9A882CC476-6-2.png?x-oss-process=image/resize,w_600",
-    ],
-  },
-]);
-// 引入MescrollVue组件
-const mescroll = ref(null);
+// 创建一个临时icAudio变量
+const icAudio =ref(bigplay);
+// 使用路由
+const router = useRouter();
 
-// Mescroll上拉加载的配置
-const mescrollUp = {
-  // 是否自动加载第一页
-  auto: true,
-  // 回调函数,用于获取数据
-  // callback: upCallback,
-  // 无数据时的提示文本
-  empty: {
-    tip: '暂无更多数据'
+const props = defineProps({
+  sceneData: {
+    type: Object,
+    default: () => ({}),
   },
-  // 加载失败时的提示文本
-  error: {
-    tip: '加载失败,点击重新加载'
+});
+
+// 数据初始化
+const reportDataList = ref([]);
+const likedReports = ref({});
+const clickDebounce = ref(false);
+
+// 检查是否已点赞
+const isLiked = (item) => {
+  if (!item || !item.id) return false;
+  const storageKey = `report_liked_${item.id}`;
+  const liked = localStorage.getItem(storageKey) === 'true';
+  // 同步更新响应式状态
+  if (liked !== likedReports.value[item.id]) {
+    likedReports.value[item.id] = liked;
+  }
+  return liked;
+};
+
+// 切换点赞状态
+const toggleLike = async (item) => {
+  if (!item.id || !props.sceneData?.id) return;
+  
+  // 防抖处理
+  if (clickDebounce.value) return;
+  clickDebounce.value = true;
+  
+  const storageKey = `report_liked_${item.id}`;
+  const currentLiked = localStorage.getItem(storageKey) === 'true';
+  console.log('当前点赞状态:', currentLiked); // 添加调试日志
+  
+  try {
+    // 如果当前未点赞，则调用点赞接口
+    if (!currentLiked) {
+      console.log('准备点赞:', item.id); // 添加调试日志
+      // 先更新UI状态
+      localStorage.setItem(storageKey, 'true');
+      likedReports.value[item.id] = true;
+      
+      // 调用点赞接口
+      const res = await getReportLike({
+        reportId: item.id,
+        sceneId: props.sceneData.id
+      });
+      
+      if (res.code === 0) {
+        console.log('点赞成功'); // 添加调试日志
+        // 更新点赞数
+        item.likeCount = (item.likeCount || 0) + 1;
+      } else {
+        console.log('点赞失败:', res.msg); // 添加调试日志
+        // 如果接口失败，回滚状态
+        localStorage.setItem(storageKey, 'false');
+        likedReports.value[item.id] = false;
+        showNotify({ type: 'danger', message: res.msg || '点赞失败' });
+      }
+    } else {
+      console.log('取消点赞:', item.id); // 添加调试日志
+      // 如果是取消点赞，直接更新前端状态，不调用接口
+      localStorage.setItem(storageKey, 'false');
+      likedReports.value[item.id] = false;
+      // 更新点赞数
+      item.likeCount = Math.max(0, (item.likeCount || 1) - 1);
+    }
+  } catch (error) {
+    console.error('点赞操作失败:', error); // 添加调试日志
+    // 发生错误时回滚到未点赞状态
+    localStorage.setItem(storageKey, 'false');
+    likedReports.value[item.id] = false;
+    showNotify({ type: 'danger', message: '点赞失败，请重试' });
+  } finally {
+    // 300ms后重置防抖标志
+    setTimeout(() => {
+      clickDebounce.value = false;
+    }, 300);
   }
 };
 
-// Mescroll初始化完成的回调
-const mescrollInit = (mescroll) => {
-  console.log('Mescroll 初始化完成');
-  // 这里可以做一些初始化后的操作，比如保存mescroll实例到外部变量
-  // this.mescroll = mescroll;
+// 初始化加载本地存储的点赞状态
+const initLikedReports = () => {
+  if (!reportDataList.value) return;
+  
+  reportDataList.value.forEach(item => {
+    if (item && item.id) {
+      const storageKey = `report_liked_${item.id}`;
+      const isLiked = localStorage.getItem(storageKey) === 'true';
+      likedReports.value[item.id] = isLiked;
+      
+      // 如果已点赞，确保点赞数至少为1
+      if (isLiked && (!item.likeCount || item.likeCount < 1)) {
+        item.likeCount = 1;
+      }
+    }
+  });
 };
 
-// 上拉加载的回调函数，用于获取数据
-const upCallback = (page) => {
- 
-};
-// 获取报道列表
+// 监听报道列表变化，更新点赞状态
+watch(() => reportDataList.value, (newVal) => {
+  if (newVal) {
+    initLikedReports();
+  }
+}, { deep: true });
 
-const getReportList = () => {
-  let params = {
-        sceneId:2057,
-        size: 10,
-        page: 1
-      };
-  report(params)
-    .then((res) => {
-      console.log("获取报道列表",res);
+// 是否显示点赞按钮
+const showLikeButton = ref(false);
+
+// 直播视角相关
+const liveTabIndex = ref(0);
+const liveList = ref([]);
+
+// 监听场景数据变化，更新直播列表
+watch(
+  () => props.sceneData,
+  (newVal) => {
+    if (newVal && newVal.liveList) {
+      liveList.value = newVal.liveList;
+      console.log("直播视角列表:", liveList.value);
+    }
+  },
+  { immediate: true }
+);
+
+// 列表相关状态
+const loading = ref(false);
+const finished = ref(false);
+const refreshing = ref(false);
+const page = ref(1);
+const pageSize = ref(10);
+const reportList = ref([]);
+const currentLiveId = ref("");
+
+// 音频播放相关
+const audioRefs = ref({});
+const playingAudioId = ref(null);
+
+// 设置音频引用
+const setAudioRef = (el, id) => {
+  if (el) {
+    audioRefs.value[id] = el;
+  }
+};
+
+// 判断音频是否正在播放
+const isPlaying = (id) => {
+  return playingAudioId.value === id;
+};
+
+// 切换音频播放状态
+const toggleAudio = (item) => {
+  const audio = audioRefs.value[item.id];
+  if (!audio) return;
+
+  if (playingAudioId.value === item.id) {
+    audio.pause();
+    playingAudioId.value = null;
+  } else {
+    // 停止其他正在播放的音频
+    if (playingAudioId.value) {
+      const playingAudio = audioRefs.value[playingAudioId.value];
+      if (playingAudio) {
+        playingAudio.pause();
+      }
+    }
+    audio.play();
+    playingAudioId.value = item.id;
+  }
+};
+
+// 音频播放结束
+const audioEnded = (id) => {
+  if (playingAudioId.value === id) {
+    playingAudioId.value = null;
+  }
+};
+
+// 加载数据
+const onLoad = async () => {
+  if (!props.sceneData?.id) return;
+  
+  try {
+    const res = await report({
+      sceneId: props.sceneData.id,
+      page: page.value,
+      size: pageSize.value
+    });
+
+    console.log('API响应数据:', res); // 添加完整的响应数据日志
+
+    if (res.code === 0) {
+      const { list = [], total = 0 } = res.data;
+      
+      // 确保likeDisplay的值正确设置
+      showLikeButton.value = Boolean(res.likeDisplay);
+      console.log('点赞按钮状态:', {
+        likeDisplay: res.likeDisplay,
+        showLikeButton: showLikeButton.value,
+        rawValue: res.data?.likeDisplay
+      });
+      
+      // 处理返回的数据
+      const processedList = list.map(item => ({
+        ...item,
+        likeCount: item.likeCount || 0
+      }));
+      
+      if (page.value === 1) {
+        reportDataList.value = processedList;
+      } else {
+        reportDataList.value = [...reportDataList.value, ...processedList];
+      }
+      
+      // 判断是否还有下一页
+      if (list.length < pageSize.value || reportDataList.value.length >= total) {
+        finished.value = true;
+      } else {
+        page.value += 1;
+      }
+    } else {
+      showNotify({ type: "danger", message: res.msg || "获取数据失败" });
+    }
+  } catch (error) {
+    console.error("获取报告列表失败:", error);
+    showNotify({ type: "danger", message: "加载失败，请重试" });
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 添加监听器来跟踪showLikeButton的变化
+watch(() => showLikeButton.value, (newVal, oldVal) => {
+  console.log('点赞按钮状态变化:', {
+    old: oldVal,
+    new: newVal,
+    timestamp: new Date().toISOString()
+  });
+}, { immediate: true });
+
+// 下拉刷新
+const onRefresh = async () => {
+  finished.value = false;
+  page.value = 1;
+  await onLoad();
+  refreshing.value = false;
+};
+
+// 监听场景变化
+watch(
+  () => props.sceneData,
+  (newVal) => {
+    // 当父组件传入场景数据变化时，不自动加载数据
+    // 只储存新的场景数据，等待被激活时加载
+    if (newVal && newVal.liveList) {
+      liveList.value = newVal.liveList;
+      console.log("直播视角列表:", liveList.value);
+    }
+  },
+  { immediate: true }
+);
+
+// 暴露给父组件的方法，用于主动加载数据
+const loadData = () => {
+  if (reportDataList.value.length === 0) {
+    // 重置状态
+    finished.value = false;
+    page.value = 1;
+    reportDataList.value = [];
+    // 加载数据
+    onLoad();
+  }
+};
+
+// 暴露方法给父组件
+defineExpose({
+  loadData
+});
+
+// 组件挂载时加载点赞数据并初始化
+onMounted(() => {
+  // 初始化点赞状态
+  initLikedReports();
+  
+  // 如果已有场景数据，初始化直播列表
+  if (props.sceneData?.liveList) {
+    liveList.value = props.sceneData.liveList;
+    console.log("直播视角列表:", liveList.value);
+    // 默认选中第一个视角，但不主动加载数据
+    if (liveList.value.length > 0) {
+      emit("change-view", liveList.value[0]);
+    }
+  }
+});
+
+// 组件卸载前清理
+onBeforeUnmount(() => {
+  // 停止音频播放
+  const audio = audioRef.value;
+  if (audio && !audio.paused) {
+    audio.pause();
+  }
+  playPromise = null;
+  currentAudioUrl = "";
+  isAudioLoading = false;
+
+  // 移除所有事件监听
+  if (audio) {
+    audio.onended = null;
+    audio.onerror = null;
+    audio.oncanplay = null;
+  }
+
+  // 停止视频播放
+  if (videoRef.value) {
+    videoRef.value.pause();
+    videoRef.value = null;
+  }
+});
+
+// 添加goToMoreLive方法
+const goToMoreLive = async () => {
+  try {
+    // 获取更多直播列表
+    const res = await getMoreLive();
+    
+    if (res.code === 0 && res.MoreScenes && res.MoreScenes.length > 0) {
+      // 取第一个直播场景
+      const firstLive = res.MoreScenes[0];
+      
+      // 跳转到详情页
+      router.push({
+        name: 'Detail',
+        params: { id: firstLive.id }
+      });
+    } else {
+      showNotify({ type: "warning", message: "没有更多直播可以观看" });
+    }
+  } catch (error) {
+    console.error("获取更多直播失败:", error);
+    showNotify({ type: "danger", message: "获取更多直播失败" });
+  }
+};
+
+// 切换直播视角
+const goStore = (index) => {
+  if (!liveList.value[index]) return;
+
+  liveTabIndex.value = index;
+  // 触发父组件事件，通知切换视角
+  emit("change-view", liveList.value[index]);
+};
+
+// 定义emit
+const emit = defineEmits(["change-view"]);
+
+// 音频播放相关
+const audioRef = ref(null);
+let currentAudioUrl = "";
+let isAudioLoading = false; // 添加标志位，防止重复操作
+let playPromise = null; // 添加变量跟踪播放Promise
+
+// 优化音频播放函数
+const audioPlay = (url) => {
+  if (!url) {
+    showNotify({ type: "warning", message: "音频文件不存在" });
+    return;
+  }
+
+  try {
+    const audio = audioRef.value;
+
+    if (!audio) {
+      console.error("找不到音频元素");
+      return;
+    }
+
+    // 如果正在加载中，不响应新的点击
+    if (isAudioLoading) {
+      return;
+    }
+
+    // 检查当前URL和播放状态
+    if (currentAudioUrl === url) {
+      // 如果是同一个音频，切换播放/暂停状态
+      if (!audio.paused) {
+        // 确保没有待处理的播放Promise
+        if (playPromise) {
+          playPromise
+            .then(() => {
+              audio.pause();
+              icAudio.value = bigplay; // 切换为播放图标
+            })
+            .catch(() => {});
+        } else {
+          audio.pause();
+          icAudio.value = bigplay; // 切换为播放图标
+        }
+        currentAudioUrl = "";
+      } else {
+        // 继续播放当前音频
+        playPromise = audio
+          .play()
+          .then(() => {
+            isAudioLoading = false;
+            icAudio.value = bigstop; // 切换为暂停图标
+          })
+          .catch((error) => {
+            console.error("音频播放失败:", error);
+            currentAudioUrl = "";
+            isAudioLoading = false;
+            icAudio.value = bigplay; // 播放失败时显示播放图标
+            showNotify({ type: "danger", message: "音频播放失败，请重试" });
+          });
+      }
+    } else {
+      // 加载新的音频
+      isAudioLoading = true;
+
+      // 如果有播放Promise在进行中，等待它完成
+      if (playPromise) {
+        playPromise
+          .then(() => {
+            loadAndPlayAudio(audio, url);
+          })
+          .catch(() => {
+            loadAndPlayAudio(audio, url);
+          });
+      } else {
+        loadAndPlayAudio(audio, url);
+      }
+    }
+  } catch (error) {
+    console.error("音频播放错误:", error);
+    isAudioLoading = false;
+    currentAudioUrl = "";
+    icAudio.value = bigplay; // 发生错误时显示播放图标
+    showNotify({ type: "danger", message: "音频播放失败，请重试" });
+  }
+};
+
+// 封装加载和播放音频的逻辑
+const loadAndPlayAudio = (audio, url) => {
+  // 确保当前没有音频在播放
+  if (!audio.paused) {
+    audio.pause();
+  }
+
+  // 重置音频并设置新源
+  audio.currentTime = 0;
+  audio.src = url;
+  currentAudioUrl = url;
+
+  // 播放新音频
+  playPromise = audio
+    .play()
+    .then(() => {
+      console.log("音频播放成功");
+      isAudioLoading = false;
+      icAudio.value = bigstop; // 播放成功时显示暂停图标
     })
     .catch((error) => {
-      console.error("登录接口请求失败", error);
+      console.error("音频播放失败:", error);
+      isAudioLoading = false;
+      currentAudioUrl = "";
+      icAudio.value = bigplay; // 播放失败时显示播放图标
+      showNotify({ type: "danger", message: "音频播放失败，请重试" });
     });
 };
+
+// 音频播放结束处理
+const handleAudioEnded = () => {
+  playPromise = null;
+  currentAudioUrl = "";
+  isAudioLoading = false;
+  icAudio.value = bigplay; // 播放结束时显示播放图标
+};
+
+// 添加音频事件处理函数
+const handleAudioError = (e) => {
+  console.error("音频加载错误:", e);
+  isAudioLoading = false;
+  currentAudioUrl = "";
+  playPromise = null;
+  showNotify({ type: "danger", message: "音频无法播放，请重试" });
+};
+
+const handleAudioCanPlay = () => {
+  console.log("音频已准备好播放");
+};
+
+const handleAudioStalled = () => {
+  console.warn("音频加载中断");
+  if (isAudioLoading) {
+    isAudioLoading = false;
+    showNotify({ type: "warning", message: "音频加载中断，请重试" });
+  }
+};
+
+console.log("pageReport", props.sceneData);
+
+// 切换直播视角
+const switchLive = (item) => {
+  if (currentLiveId.value === item.id) return;
+  currentLiveId.value = item.id;
+  emit("switch-live", item);
+};
+
+// 预览图片
+const previewImage = (url) => {
+  showImagePreview([url]);
+};
+
+// 格式化时间
+const formatTime = (time) => {
+  if (!time) return "";
+  const date = new Date(time);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  const seconds = String(date.getSeconds()).padStart(2, "0");
+
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+};
+
+// 格式化音频时长
+const duration2Time = (duration) => {
+  if (!duration) return "00:00";
+
+  const minutes = Math.floor(duration / 60);
+  const seconds = Math.floor(duration % 60);
+
+  return `${minutes.toString().padStart(2, "0")}:${seconds
+    .toString()
+    .padStart(2, "0")}`;
+};
+
+// 视频播放相关
+const posterIndex = ref(-1);
+const videoRef = ref(null);
+
+// 播放视频
+const playIndexVideo = (index, item) => {
+  if (!item.mediaUrl) {
+    showNotify({ type: "warning", message: "视频地址不存在" });
+    return;
+  }
+
+  // 如果点击的是当前正在播放的视频，则停止播放
+  if (posterIndex.value === index) {
+    if (videoRef.value) {
+      videoRef.value.pause();
+      videoRef.value = null;
+    }
+    posterIndex.value = -1;
+    return;
+  }
+
+  // 停止其他正在播放的视频
+  if (videoRef.value) {
+    videoRef.value.pause();
+    videoRef.value = null;
+  }
+
+  // 创建新的视频元素
+  const video = document.createElement("video");
+  video.src = item.mediaUrl;
+  video.controls = true;
+  video.style.width = "100%";
+  video.style.maxHeight = "300px";
+  video.style.objectFit = "contain";
+
+  // 添加必要的属性
+  video.setAttribute("x5-playsinline", "true");
+  video.setAttribute("playsinline", "true");
+  video.setAttribute("webkit-playsinline", "true");
+  video.setAttribute("x-webkit-airplay", "true");
+  video.setAttribute("x5-video-player-type", "h5");
+  video.setAttribute("x5-video-player-fullscreen", "true");
+  video.setAttribute("x5-video-orientation", "portraint");
+
+  // 视频播放事件
+  video.addEventListener("play", () => {
+    posterIndex.value = index;
+    videoRef.value = video;
+  });
+
+  // 视频结束事件
+  video.addEventListener("ended", () => {
+    posterIndex.value = -1;
+    videoRef.value = null;
+  });
+
+  // 视频错误事件
+  video.addEventListener("error", (e) => {
+    console.error("视频播放错误:", e);
+    showNotify({ type: "danger", message: "视频播放失败，请重试" });
+    posterIndex.value = -1;
+    videoRef.value = null;
+  });
+
+  // 将视频元素插入到对应的位置
+  const videoContainer = document.querySelector(
+    `.videoClass:nth-child(${index + 1})`
+  );
+  if (videoContainer) {
+    // 清空容器
+    videoContainer.innerHTML = "";
+    // 添加视频元素
+    videoContainer.appendChild(video);
+    // 开始播放
+    video.play().catch((error) => {
+      console.error("视频播放失败:", error);
+      showNotify({ type: "danger", message: "视频播放失败，请重试" });
+    });
+  }
+};
 </script>
 
 <style lang="scss" scoped>
-
 #report {
-  /* min-height: 102vw; */
   height: 100%;
-  // width:720px;
-  // margin:0 auto;
   background-color: #fff;
-  overflow-y: scroll;
-  /* padding-top: 30px; */
+  overflow-y: auto;
+  width: 100%;
+  box-sizing: border-box;
 }
-/* 悬浮框 */
-.reverseBtn {
-  z-index: 998;
-  position: absolute;
-  bottom: 20px;
-  right: 0;
-  width: 68px;
-  height: 20px;
 
-  img {
-    width: 100%;
-    height: 100%;
-    display: block;
-  }
-}
 .scroll {
   overflow: hidden;
   height: 100%;
-}
-.mescrollPadding {
+  background: #fff;
+  width: 100%;
   box-sizing: border-box;
-  /* padding-top: 15px; */
+}
+
+/* 点赞功能样式 */
+.content-with-like {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  width: 100%;
+}
+
+.like-button {
+  display: v-bind('showLikeButton ? "flex" : "none"');
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 10px;
+  cursor: pointer;
+  padding: 5px;
+  
+  .like-icon {
+    width: 20px;
+    height: 20px;
+    transition: transform 0.3s ease;
+    
+    &.liked {
+      transform: scale(1.1);
+    }
+  }
+  
+  &:active {
+    transform: scale(0.95);
+  }
+}
+
+/* 确保图标容器大小固定 */
+.content-with-like {
+  .like-button {
+    min-width: 30px;
+    min-height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 }
 
 /* 直播视角 */
 .liveView {
-  /* position: absolute; */
-  z-index: 21;
-  /* margin-top: 32px; */
-  // padding-bottom: 15px;
-  // box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
   background-color: #fff;
-  // margin-bottom: 8px;
+  padding: 10px 0;
+  margin-bottom: 10px;
+  width: 100%;
+  box-sizing: border-box;
 }
-// --------------------------
+
 .liveTab {
   width: 100%;
-  overflow-x: scroll;
+  overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
-  overflow-x: scroll;
-  overflow-y: hidden;
-  -webkit-backface-visibility: hidden;
-  -webkit-perspective: 1000;
   -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  padding: 0 10px;
   box-sizing: border-box;
+  &::-webkit-scrollbar {
+    display: none;
+  }
 }
 
 .liveTabCell {
   display: inline-block;
-  width: 75px;
+  width: 80px;
   margin: 0 5px;
-  // border-radius: 5px;
+  vertical-align: top;
+  cursor: pointer;
+  transition: all 0.25s ease;
+
+  &:hover {
+    transform: translateY(-2px);
+  }
+
+  &.selected-tab {
+    .select-pic-item-img {
+      border: 2px solid #1989fa;
+      box-shadow: 0 2px 8px rgba(25, 137, 250, 0.3);
+    }
+    .coverTitle {
+      color: #1989fa;
+      font-weight: 500;
+    }
+  }
 }
 
-.liveTabCell .selectPicItem {
-  width: 100%;
-  // height: 45px;
-  position: relative;
-  /* height: 84px; */
-  // background-color: #ccc;
-  padding: 0;
+.selectPicItem {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
-.liveTabCell .selectPicItem .select-pic-item-img {
-  display: block;
+.select-pic-item-img {
   width: 100%;
-  height: 42.186px;
-  border-radius: 5px;
+  height: 45px;
+  border-radius: 4px;
   overflow: hidden;
+  border: 2px solid transparent;
+  transition: all 0.3s;
+  position: relative;
 
   img {
     width: 100%;
     height: 100%;
     object-fit: cover;
-    object-position: center;
-    display: block;
+  }
+
+  .play-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 24px;
+    height: 24px;
+    opacity: 0.8;
+    transition: all 0.3s;
+
+    img {
+      width: 100%;
+      height: 100%;
+      filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3));
+    }
+  }
+
+  &:hover {
+    .play-icon {
+      opacity: 1;
+      transform: translate(-50%, -50%) scale(1.1);
+    }
   }
 }
 
 .coverTitle {
-  margin-top: 6px;
-  box-sizing: border-box;
+  margin-top: 8px;
+  font-size: 12px;
+  color: #333;
+  text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
   width: 100%;
-  width: 75px;
-  // min-height: 20px;
-  font-size: 10px;
-  color: #454545;
-  text-align: center;
-}
-
-.viewNameSpan {
-  font-size: 14px;
-  color: #6a6a6a;
+  transition: all 0.3s;
 }
 
 .van-divider {
+  margin: 0 0 10px 0;
+  color: #666;
+  font-size: 14px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.more-live-link {
+  color: #1989fa;
+  font-size: 12px;
+  cursor: pointer;
+  margin-left: 15px;
+}
+
+.more-live-button {
   width: 100%;
-  margin: 0 !important;
+  display: flex;
+  justify-content: center;
+  margin: 15px 0;
+  padding: 0 15px;
+  box-sizing: border-box;
 }
 
+/* 报道列表 */
 #dataList {
-  padding-top: 12px;
-  padding-bottom: 5px;
-  
+  padding: 10px 0;
+  width: 100%;
+  box-sizing: border-box;
 }
 
-.btnReview {
-  position: fixed;
-  bottom: 10px;
-  left: 25px;
-  z-index: 99999;
-  background-color: #fff;
+.report {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0;
 }
+
 .reportCell {
-  // overflow: hidden;
-//   border:1px solid red;
+  width: 100%;
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  margin-bottom: 15px;
 }
+
 .reportLeft {
-  float: left;
+  flex-shrink: 0;
   margin-left: 10px;
   margin-top: 3px;
-  width: 15px;
-  height: 15px;
-//   border:1px solid red;
+  width: 28px;
+  height: 28px;
 }
 
-.reportLeft .reportLeftImg {
+.reportLeftImg {
   display: block;
   width: 28px;
   height: 28px;
   border-radius: 50%;
+}
 
+.reportRight {
+  flex: 1;
+  margin-left: 15px;
+  margin-bottom: 2px;
+  width: calc(100% - 53px);
+  box-sizing: border-box;
+}
+
+.reportCellTopInfo {
+  padding: 5px 0;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.reportDate {
+  font-size: 14px;
+  color: #464646;
+  line-height: 16px;
+}
+
+.repoterUser {
+  display: flex;
+  align-items: center;
+  color: #279cfb;
+  margin-left: auto;
+}
+
+.reportRightMain {
+  margin: 8px 0;
+  padding: 0 15px 0 15px;
+  padding-bottom: 10px;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .reportBorderLeft {
   border-left: 1px solid rgba(136, 136, 136, 0.42);
 }
 
-.reportRight {
-  margin-left: 23px;
-  margin-bottom: 2px;
-
-}
-
-.reportCellTopInfo {
-  padding: 10px 0px 0px 20px;
- height: 28px;
-  box-sizing: border-box;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-}
-
-.repoterUser {
-  float: left;
-  color: #279cfb;
-}
-
-.userImg {
-  width: 19px;
-  height: 16px;
-  float: left;
-}
-
-.userImg > .userImgUrl {
-  height: 100%;
+.reportRightMainBg {
   width: 100%;
-  display: block;
+  box-sizing: border-box;
 }
 
-.userName {
-  width: 45px;
-  height: 12px;
-  margin-left: 5px;
-  float: left;
+.reportRightMainDefine,
+.reportRightMainTxt {
+  padding: 8px 0;
+  width: 100%;
+  box-sizing: border-box;
 }
 
-.userName > .userImgUrl {
-  width: auto;
-  height: 100%;
-  display: block;
-  object-fit: cover;
+/* 图文相关样式 */
+.imgTxt {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 10px;
+  box-sizing: border-box;
 }
 
-.reportDate {
-  // margin-left: 5px;
-  // font-size: 10px;
-  font-size: 15px;
-  color: #464646;
-  line-height: 16px;
-  float: left;
-  
-}
-
-.reportRightMain {
-  margin: 8px 0;
-  padding: 0 20px 0 15px;
-  padding-bottom: 10px;
-}
-.reportRightMainDefine {
-  padding: 8px 5px;
-}
 .singleImg {
   width: 100%;
-  text-align: center;
-  width: 306px;
-  // height: 174px;
+  max-width: 100%;
   border-radius: 5px;
   overflow: hidden;
-//   background-color: @imgBgColor;
-  /* padding-bottom: 56.25%; */
-  /* position: relative; */
+  margin: 0 auto 10px;
+  text-align: center;
+  box-sizing: border-box;
+
+  img {
+    width: 100%;
+    height: auto;
+    max-height: 250px;
+    object-fit: contain;
+    display: block;
+    border-radius: 5px;
+  }
 }
 
-.singleImg img {
+.doubleImg {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
   width: 100%;
-  height: 100%;
-  object-fit: contain;
-  display: block;
-  /* height: 100%; */
-  /* position: absolute; */
-  /* top: 0; */
-  /* left: 0; */
+  margin-bottom: 10px;
+  box-sizing: border-box;
 }
+
+.doubleImgRact,
+.doubleImgRact3 {
+  flex: 1;
+  min-width: 45%;
+  max-width: calc(50% - 3px);
+  border-radius: 5px;
+  overflow: hidden;
+  height: 120px;
+  box-sizing: border-box;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+}
+
+.doubleImgOther {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 .imgTxtContant {
-  margin-top: 12px;
-  padding: 1px 3px;
+  margin-top: 10px;
+  padding: 0;
   text-align: justify;
-  font-family: MicrosoftYaHei-Bold;
-  font-size: 17px;
-  // font-size: 13.5px;
+  font-size: 16px;
   font-weight: normal;
-  letter-spacing: 0px;
-  color: #777882;
+  color: #333;
   line-height: 1.6;
-  word-break: normal;
+  word-break: break-word;
+  width: 100%;
+  box-sizing: border-box;
+  overflow-wrap: break-word;
+  flex: 1;
+  padding-right: 10px;
 }
+
+/* 音频样式 */
 .audioClass {
   width: 1px !important;
   height: 1px !important;
@@ -612,4 +1353,161 @@ const getReportList = () => {
   left: -10px;
   opacity: 0 !important;
 }
+
+.audioBubble {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  background: #f2f3f5;
+  border-radius: 18px;
+  margin-bottom: 10px;
+  width: fit-content;
+  max-width: 100%;
+  cursor: pointer;
+  box-sizing: border-box;
+
+  .audioIcon {
+    width: 24px;
+    height: 24px;
+    margin-right: 10px;
+    flex-shrink: 0;
+
+    &.playing {
+      animation: pulse 1.2s infinite;
+    }
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  .audio-p-time {
+    font-size: 14px;
+    color: #666;
+  }
+}
+
+/* 视频样式 */
+.videoClass {
+  position: relative;
+  width: 100%;
+  border-radius: 5px;
+  overflow: hidden;
+  margin-bottom: 10px;
+  box-sizing: border-box;
+}
+
+.posterPic {
+  position: relative;
+  width: 100%;
+  height: 180px;
+  border-radius: 5px;
+  overflow: hidden;
+  background-color: #f5f5f5;
+  box-sizing: border-box;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+}
+
+.posterPlay {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 36px;
+  height: 36px;
+  opacity: 0.8;
+  transition: all 0.3s;
+  z-index: 2;
+  cursor: pointer;
+
+  img {
+    width: 100%;
+    height: 100%;
+    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3));
+  }
+
+  &:hover {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1.1);
+  }
+}
+
+.videoContainer {
+  width: 100%;
+  min-height: 180px;
+  border-radius: 5px;
+  overflow: hidden;
+  background-color: #000;
+  box-sizing: border-box;
+}
+
+/* 相关报道样式 */
+.crefer {
+  margin-top: 15px;
+  padding: 10px 0;
+  border-top: 1px solid #eee;
+  width: 100%;
+  box-sizing: border-box;
+
+  .title {
+    font-size: 14px;
+    color: #333;
+    margin-bottom: 5px;
+  }
+
+  .crefer-line {
+    margin: 5px 0;
+  }
+
+  .crefer-a {
+    a {
+      color: #1989fa;
+      text-decoration: none;
+      font-size: 14px;
+      word-break: break-all;
+    }
+  }
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+@media screen and (max-width: 375px) {
+  .doubleImgRact,
+  .doubleImgRact3 {
+    height: 100px;
+  }
+
+  .posterPic {
+    height: 160px;
+  }
+}
+
+@media screen and (max-width: 320px) {
+  .doubleImgRact,
+  .doubleImgRact3 {
+    height: 85px;
+  }
+
+  .posterPic {
+    height: 140px;
+  }
+}
 </style>
diff --git a/src/components/swipers/BaseSwiper.vue b/src/components/swipers/BaseSwiper.vue
new file mode 100644
index 0000000..6f19794
--- /dev/null
+++ b/src/components/swipers/BaseSwiper.vue
@@ -0,0 +1,350 @@
+<template>
+  <div class="base-swiper" >
+    <swiper
+      v-if="layout === '1*N'"
+      :slidesPerView="'auto'"
+      :spaceBetween="10"
+      :pagination="{
+        clickable: true,
+      }"
+      class="mySwiper"
+    >
+      <swiper-slide
+        v-for="(item, index) in items"
+        :key="index"
+        :class="{
+          'layout-single': layout === '1*N',
+        }"
+      >
+        <div class="swiper-item">
+          <div class="image-container">
+            <img
+              :src="item.titleImage"
+              :style="imageStyle"
+              @click="handleItemClick(item)"
+            />
+            <span class="status" :class="getStatusClass(item.liveState)">
+              {{ getStatusText(item.liveState) }}
+            </span>
+          </div>
+          <div class="text-container">
+            <p class="title">{{ item.title }}</p>
+          </div>
+        </div>
+      </swiper-slide>
+    </swiper>
+    <swiper
+      v-else
+      :slidesPerView="'auto'"
+      :grid="{
+        rows: 2,
+        fill: 'row'
+      }"
+      :spaceBetween="10"
+      :pagination="{
+        clickable: true,
+      }"
+      :modules="modules"
+      class="mySwiper grid-layout"
+    >
+      <swiper-slide v-for="(item, index) in items" :key="index">
+        <div class="tri">
+          <img :src="item.titleImage" alt="" @click="handleItemClick(item)" />
+          <p class="title">{{ item.title }}</p>
+          <span class="status" :class="getStatusClass(item.liveState)">
+            {{ getStatusText(item.liveState) }}
+          </span>
+        </div>
+      </swiper-slide>
+    </swiper>
+  </div>
+</template>
+
+<script setup>
+import { Swiper, SwiperSlide } from "swiper/vue";
+import "swiper/css";
+import "swiper/css/pagination";
+import "swiper/css/grid";
+import { Grid } from "swiper/modules";
+import { useRouter } from "vue-router";
+import { computed } from 'vue';
+
+const router = useRouter();
+const modules = [Grid];
+
+const props = defineProps({
+  // 数据源
+  items: {
+    type: Array,
+    default: () => [],
+  },
+  // 布局方式：'1*N' 或 '2*N'
+  layout: {
+    type: String,
+    default: "1*N",
+  },
+  // 图片样式
+  imageStyle: {
+    type: Object,
+    required: true,
+  },
+  // 页面样式
+  pageStyle: {
+    type: String,
+    default: "1"
+  },
+  // 每页显示数量
+  pageSize: {
+    type: Number,
+    default: 1,
+  },
+  // 是否显示指示器
+  showIndicators: {
+    type: Boolean,
+    default: true,
+  },
+  // 轮播容器宽度
+  swiperWidth: {
+    type: Number,
+    default: 375,
+  },
+});
+// 计算分页数据
+// const pages = computed(() => {
+//   const result = [];
+//   const items = props.items || [];
+//   for (let i = 0; i < items.length; i += props.pageSize) {
+//     result.push(items.slice(i, i + props.pageSize));
+//   }
+//   return result;
+// });
+
+// 根据pageStyle返回对应的样式类名
+// const getPageStyleClass = computed(() => {
+//   const styleMap = {
+//     '1': 'blue-style',
+//     '2': 'red-style',
+//     '3': 'gray-style'
+//   };
+//   return styleMap[props.pageStyle] || 'blue-style';
+// });
+
+// 状态文字映射
+const statusTextMap = {
+  0: "预告",
+  1: "直播中",
+  2: "精彩回顾",
+};
+
+// 获取状态文字
+const getStatusText = (status) => statusTextMap[status] || "";
+
+// 获取状态样式类
+const getStatusClass = (status) => {
+  const classMap = {
+    0: "live_coming",
+    1: "live_status",
+    2: "live_review",
+  };
+  return classMap[status] || "";
+};
+
+// 点击处理
+const handleItemClick = (item) => {
+  console.log("点击的item:", item.id);
+  router.push({
+    name: "Detail",
+    params: { id: item.id },
+  });
+
+  // router.push({
+  //   name: "Detail",
+  //   query: { item: item.id },
+  // });
+};
+</script>
+
+<style lang="scss" scoped>
+.base-swiper {
+  width: 100%;
+  transition: background-color 0.3s ease;
+
+  &.blue-style {
+    background-color: #007aff;
+  }
+
+  &.red-style {
+    background-color: #ff3b30;
+  }
+
+  &.gray-style {
+    background-color: #8e8e93;
+  }
+
+  .swiper {
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    
+    &.grid-layout {
+      height: auto;
+      // padding-bottom: 40px;
+      
+      .swiper-slide {
+        height: auto !important;
+        text-align: center;
+        font-size: 18px;
+        background: #fff;
+        display: flex;
+        flex-direction: column;
+        border-radius: 10px;
+        padding: 0;
+        margin: 0;
+        
+        .tri {
+          position: relative;
+          width: 100%;
+          height: auto;
+          display: flex;
+          flex-direction: column;
+          
+          img {
+            width: 100%;
+            object-fit: cover;
+            border-radius: 8px;
+          }
+          
+          .title {
+            text-align: left;
+            width: 100%;
+            font-size: 14px;
+            margin: 4px 0;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            line-height: 1.2;
+          }
+
+          .status {
+            position: absolute;
+            top: 8px;
+            left: 8px;
+            z-index: 10;
+          }
+        }
+      }
+    }
+    
+    .swiper-slide {
+      text-align: center;
+      font-size: 18px;
+      background: #fff;
+      display: flex;
+      flex-direction: column;
+      border-radius: 10px;
+      height: auto !important;
+      
+      .tri {
+        position: relative;
+        width: 100%;
+        height: auto;
+        
+        img {
+          width: 100%;
+          object-fit: cover;
+          border-radius: 8px;
+        }
+        
+        .title {
+          margin: 4px 0;
+          font-size: 14px;
+          line-height: 1.2;
+          text-align: left;
+          color: #333;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+  }
+  
+  .mySwiper {
+    width: 100%;
+    padding: 10px 0;
+    height: auto;
+  }
+
+  :deep(.swiper-slide) {
+    height: auto !important;
+    background: #fff;
+
+    &.layout-single {
+      width: auto;
+    }
+  }
+
+  .swiper-item {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: auto;
+
+    .image-container {
+      position: relative;
+      width: 100%;
+      // height: auto;
+
+      img {
+        display: block;
+        width: 100%;
+        object-fit: cover;
+        border-radius: 8px;
+      }
+
+      .status {
+        position: absolute;
+        top: 8px;
+        left: 8px;
+        padding: 4px 8px;
+        border-radius: 4px;
+        font-size: 12px;
+        color: #fff;
+        z-index: 1;
+
+        &.status-live {
+          background: #ff3b30;
+        }
+
+        &.status-preview {
+          background: #007aff;
+        }
+
+        &.status-review {
+          background: #34c759;
+        }
+      }
+    }
+
+    .text-container {
+      padding: 8px 0;
+      width: 100%;
+
+      .title {
+        margin: 0;
+        font-size: 14px;
+        line-height: 1.2;
+        text-align: left;
+        color: #333;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}
+
+:deep(.swiper) {
+  overflow: visible !important;
+}
+</style>
diff --git a/src/components/swipers/TypeASwiper.vue b/src/components/swipers/TypeASwiper.vue
new file mode 100644
index 0000000..521e62f
--- /dev/null
+++ b/src/components/swipers/TypeASwiper.vue
@@ -0,0 +1,63 @@
+<template>
+  <base-swiper
+    :items="items"
+    :layout="layout"
+    :image-style="imageStyle"
+  />
+</template>
+
+<script setup>
+import BaseSwiper from './BaseSwiper.vue';
+
+const props = defineProps({
+  items: {
+    type: Array,
+    default: () => []
+  },
+  layout: {
+    type: String,
+    default: '1*N'
+  }
+});
+
+const imageStyle = {
+  width: '100%',
+  height: '92px',
+  objectFit: 'cover'
+};
+</script>
+
+<style lang="scss" scoped>
+:deep(.swiper) {
+  &.grid-layout {
+    .swiper-slide {
+      width: 164px !important;
+      
+      .tri {
+        width: 164px !important;
+        
+        img {
+          width: 164px !important;
+          height: 92px !important;
+        }
+      }
+    }
+  }
+  
+  &.mySwiper {
+    .swiper-slide {
+      width: 164px !important;
+      
+      .image-container {
+        width: 164px !important;
+        height: 92px !important;
+        
+        img {
+          width: 164px !important;
+          height: 92px !important;
+        }
+      }
+    }
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/components/swipers/TypeBSwiper.vue b/src/components/swipers/TypeBSwiper.vue
new file mode 100644
index 0000000..92abd11
--- /dev/null
+++ b/src/components/swipers/TypeBSwiper.vue
@@ -0,0 +1,75 @@
+<template>
+  <base-swiper
+    :items="items"
+    :layout="layout"
+    :image-style="imageStyle"
+  />
+</template>
+
+<script setup>
+import BaseSwiper from './BaseSwiper.vue';
+
+const props = defineProps({
+  items: {
+    type: Array,
+    default: () => []
+  },
+  layout: {
+    type: String,
+    default: '1*N'
+  }
+});
+
+const imageStyle = {
+  width: '346px',
+  height: '195px',
+  objectFit: 'cover'
+};
+</script>
+
+<style lang="scss" scoped>
+:deep(.swiper-slide) {
+  width: 346px !important;
+  
+  .image-container {
+    height: 195px;
+    
+    img {
+      height: 195px !important;
+    }
+  }
+}
+
+:deep(.swiper) {
+  &.grid-layout {
+    .swiper-slide {
+      width: 346px !important;
+      
+      .tri {
+        width: 346px !important;
+        
+        img {
+          width: 346px !important;
+          height: 195px !important;
+        }
+      }
+    }
+  }
+  
+  &.mySwiper {
+    .swiper-slide {
+      width: 346px !important;
+      
+      .image-container {
+        width: 346px !important;
+        height: 195px !important;
+        
+        img {
+          width: 346px !important;
+          height: 195px !important;
+        }
+      }
+    }
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/components/swipers/TypeCSwiper.vue b/src/components/swipers/TypeCSwiper.vue
new file mode 100644
index 0000000..0dc4f19
--- /dev/null
+++ b/src/components/swipers/TypeCSwiper.vue
@@ -0,0 +1,53 @@
+<template>
+  <base-swiper
+    :items="items"
+    :layout="layout"
+    :image-style="imageStyle"
+  />
+</template>
+
+<script setup>
+import BaseSwiper from './BaseSwiper.vue';
+
+const props = defineProps({
+  items: {
+    type: Array,
+    default: () => []
+  },
+  layout: {
+    type: String,
+    default: '1*N'
+  }
+});
+
+const imageStyle = {
+  width: '161px',
+  height: '286px',
+  objectFit: 'cover'
+};
+</script>
+
+<style lang="scss" scoped>
+:deep(.swiper-slide) {
+  width: 161px !important;
+  
+  .image-container {
+    height: 286px;
+    
+    img {
+      height: 286px !important;
+    }
+  }
+}
+
+:deep(.swiper) {
+  // 2*N布局时的特殊样式
+  .swiper-slide {
+    .tri {
+      img {
+        height: 286px !important;
+      }
+    }
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/components/swipers/gridSwiper.vue b/src/components/swipers/gridSwiper.vue
index b69fd3e..ea4736c 100644
--- a/src/components/swipers/gridSwiper.vue
+++ b/src/components/swipers/gridSwiper.vue
@@ -36,9 +36,10 @@ import "swiper/css/pagination";
 
 // import required modules
 import { Grid } from "swiper/modules";
+const modules = [Grid];
 import {useRouter} from 'vue-router';
 const router = useRouter();
-const modules = [Grid];
+
 
 const slides = ref([
   {
@@ -85,6 +86,11 @@ const slides = ref([
     imageUrl: grid4,
     title: "防空紧急疏散",
   },
+  {id:'8',
+    status: '1',
+    imageUrl: grid4,
+    title: "防空紧急疏散",
+  },
  
 ]);
 // 定义状态码与状态文本的映射
@@ -110,15 +116,13 @@ const goDetail = (item) => {
     })
 }
 </script>
-<style lang="scss" scoped>
+<style lang="scss" >
 .swiper {
   width: 100%;
   height: 250px;
   margin-left: auto;
   margin-right: auto;
-}
-
-.swiper-slide {
+  .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
@@ -147,4 +151,7 @@ const goDetail = (item) => {
   }
  
 }
+}
+
+
 </style>
diff --git a/src/components/swipers/normalSwiper.vue b/src/components/swipers/normalSwiper.vue
index fc06553..d84ad6f 100644
--- a/src/components/swipers/normalSwiper.vue
+++ b/src/components/swipers/normalSwiper.vue
@@ -1,8 +1,8 @@
 <template>
   <van-swipe :autoplay="3000" lazy-render>
-    <van-swipe-item class="van-swipe-item" v-for="(item,index) in images" :key="index">
-      <img :src="item.image" @click="goDetail(item)" />
-      <p class="status" :class="{ 'live_status': getStatusClass(item.status) === '直播中', 'live_coming': getStatusClass(item.status) === '预告', 'live_review': getStatusClass(item.status) === '精彩回顾' }">{{ getStatusText(item.status) }}</p>
+    <van-swipe-item class="van-swipe-item" v-for="(item,index) in items" :key="index">
+      <img :src="item.liveImageShow" @click="goDetail(item)" />
+      <p class="status" :class="{ 'live_status': getStatusClass(item.liveState) === '直播中', 'live_coming': getStatusClass(item.liveState) === '预告', 'live_review': getStatusClass(item.liveState) === '精彩回顾' }">{{ getStatusText(item.liveState) }}</p>
     </van-swipe-item>
   </van-swipe>
 </template>
@@ -10,6 +10,12 @@
 import pic from '../../assets/img/top1.png'
 import {ref} from 'vue';
 import {useRouter} from 'vue-router';
+const props = defineProps({
+  items: {
+    type: Array,
+    default: () => []
+  }
+})
 const router = useRouter();
 const images = ref([
   {
@@ -28,9 +34,9 @@ const images = ref([
 ])
 // 定义状态码与状态文本的映射
 const statusMap = {
-  '0': '预告',
-  '1': '直播中',
-  '2': '精彩回顾',
+  0: '预告',
+  1: '直播中',
+  2: '精彩回顾',
 };
 
 
@@ -40,12 +46,11 @@ const getStatusText = (status) => statusMap[status] || '';
 // 根据状态码返回对应的CSS类名
 const getStatusClass = (status) => statusMap[status] || '';
 const goDetail = (item) => {
-    console.log(item)
+    console.log('跳转到详情页:', item);
     router.push({
       name: 'Detail',
-      query: { item: item.id }
-      
-    })
+      params: { id: item.id }
+    });
 }
 </script>
 <style lang="scss" scoped>
@@ -54,14 +59,16 @@ const goDetail = (item) => {
   height: 212px;
   position: relative;
   img {
-    width: 100%;
+    width: 100%!important;
     height: 100%;
+    object-fit: cover;
   }
   .status{
-    top:10px;    
-    left:25px;
+    top: 8px;    
+    left: 8px;
     position: absolute;
     color:#fff;
+    z-index: 10;
   }
 }
 </style>
diff --git a/src/components/title.vue b/src/components/title.vue
index 19c61c3..bad000c 100644
--- a/src/components/title.vue
+++ b/src/components/title.vue
@@ -1,16 +1,34 @@
 <template>
     <div class="title">
-        <p>直播推荐，热门精选</p>
+        <p>{{title}}</p>
         <img src="../assets/img/arraw.svg" alt="" @click="goToMore"/>
     </div>
   </template>
   <script setup>
   import { useRouter } from 'vue-router'
 const router = useRouter()
+const props = defineProps({
+  title: {
+    type: String,
+    default: ''
+  },
+  channelId: {
+    type: [String, Number],
+    default: ''
+  },
+  channelName: {
+    type: String,
+    default: ''
+  }
+})
   const goToMore=()=>{
-      console.log('跳转到更多直播')
+      console.log('跳转到栏目列表页', props.channelId)
       router.push({
-        name:'More'
+        name: 'ChannelList',
+        query: {
+          channelId: props.channelId,
+          title: props.channelName || props.title
+        }
       })
   }
   </script>
@@ -19,8 +37,9 @@ const router = useRouter()
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding:10px 0;
+    padding-top:10px;
     font-size: 16px;
+    font-weight: bolder;
   }
   </style>
   
\ No newline at end of file
diff --git a/src/doc/V1.3_直播平台（二期）产品需求PRD 2405.docx b/src/doc/V1.3_直播平台（二期）产品需求PRD 2405.docx
new file mode 100644
index 0000000..afb7e34
Binary files /dev/null and b/src/doc/V1.3_直播平台（二期）产品需求PRD 2405.docx differ
diff --git a/src/main.js b/src/main.js
index 3399211..7f737e8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,14 +1,37 @@
-
 import { createApp } from 'vue'
 import './assets/css/index.scss'
 import App from './App.vue'
 // 导入上面新建的路由文件
 import router from './router/index'
+import { 
+  Picker,
+  Popup,
+  DropdownMenu,
+  DropdownItem,
+  Search,
+  Icon,
+  Button,
+  Toast
+} from 'vant'
+import 'vant/lib/index.css'
 
-let app = createApp(App)
+const app = createApp(App)
 
+// 注册所有需要的组件
+const components = [
+  Picker,
+  Popup,
+  DropdownMenu,
+  DropdownItem,
+  Search,
+  Icon,
+  Button,
+  Toast
+]
 
+components.forEach(component => {
+  app.use(component)
+})
 app.use(router)
 
-
 app.mount('#app')
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 58c70d8..e346df5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,4 +1,4 @@
-import { createWebHashHistory, createRouter } from 'vue-router'
+import { createWebHashHistory, createRouter, createWebHistory } from 'vue-router'
 //createWebHashHistory
 import HomeView from '../views/home.vue'
 import SearchView from '../views/searchVue.vue'
@@ -14,11 +14,16 @@ const routes = [
 },
 { path: '/search', name:'Search', component: SearchView },
 { path: '/more', name:'More', component: MoreView },
-{ path: '/detail', name:'Detail', component: DetailView },
+{  path: '/detail/:id', name:'Detail', component: DetailView },
+{
+  path: '/channelList',
+  name: 'ChannelList',
+  component: () => import('../views/channelList.vue')
+},
 ]
 
 const router = createRouter({ 
-  history: createWebHashHistory(),
+  history: createWebHistory(),
   routes,
 })
 export default router;
\ No newline at end of file
diff --git a/src/utils/canvas.js b/src/utils/canvas.js
index d805981..bfcaccb 100644
--- a/src/utils/canvas.js
+++ b/src/utils/canvas.js
@@ -1,11 +1,9 @@
 function getRandom(min, max) {
     return min + Math.floor(Math.random() * (max - min + 1));
-  }
+}
   
-  export default class ThumbsUpAni {
+export default class ThumbsUpAni {
     constructor() {
-      this.loadImages(); // 预加载图片
-  
       // 读取 canvas
       const canvas = document.getElementById('thumsCanvas');
       this.context = canvas.getContext('2d');
@@ -13,63 +11,86 @@ function getRandom(min, max) {
       this.height = canvas.height;
   
       this.imgsList = []; // 点赞图像列表
-      this.renderList = []; // 渲染对象雷彪
-      // scaleTime - 百分比。图片从开始放大到最终大小，所用时长。
-      // 设置为 0.1 ，表示总共运行时间前面的 10% 的时间，点赞图片逐步放大
+      this.renderList = []; // 渲染对象列表
       this.scaleTime = 0.1;
       this.scanning = false; // 扫描器扫描标识，防止开启多个扫描器
+      this.imagesLoaded = false; // 添加图片加载状态标志
+      
+      // 在构造函数中立即开始加载图片
+      this.loadImages();
     }
   
     // 预加载图片，获取图片宽高，如果某一图片加载失败，则不显示该图片
     loadImages() {
-    //   const images = [
-    //     'jfs/t1/93992/8/9049/4680/5e0aea04Ec9dd2be8/608efd890fd61486.png',
-    //     'jfs/t1/108305/14/2849/4908/5e0aea04Efb54912c/bfa59f27e654e29c.png',
-    //     'jfs/t1/98805/29/8975/5106/5e0aea05Ed970e2b4/98803f8ad07147b9.png',
-    //     'jfs/t1/94291/26/9105/4344/5e0aea05Ed64b9187/5165fdf5621d5bbf.png',
-    //     'jfs/t1/102753/34/8504/5522/5e0aea05E0b9ef0b4/74a73178e31bd021.png',
-    //     'jfs/t1/102954/26/9241/5069/5e0aea05E7dde8bda/720fcec8bc5be9d4.png',
-    //   ];
       const images = [
-        './bg1.png',
-        './bg2.png',
-        './bg3.png',
-        './bg4.png',
-        './bg5.png',
-        './bg6.png',
-      
+        '/bg1.png',
+        '/bg2.png',
+        '/bg3.png',
+        '/bg4.png',
+        '/bg5.png',
+        '/bg6.png',
       ];
-      const promiseAll = [];
+      
+      let loadedCount = 0;
+      const totalImages = images.length;
+      
       images.forEach((src) => {
-        const p = new Promise(function(resolve) {
-          const img = new Image();
-          img.onerror = img.onload = resolve.bind(null, img);
-        //   img.src = 'https://img12.360buyimg.com/img/' + src;
-          img.src = src;
-          console.log("src",img.src);
-        });
-        promiseAll.push(p);
-      });
-      Promise.all(promiseAll).then((imgsList) => {
-        this.imgsList = imgsList.filter((d) => {
-          if (d && d.width > 0) return true;
-          return false;
-        });
-        if (this.imgsList.length == 0) {
-          dLog('error', 'imgsList load all error');
-          return;
-        }
+        const img = new Image();
+        img.onload = () => {
+          if (img.width > 0) {
+            this.imgsList.push(img);
+          }
+          loadedCount++;
+          
+          // 当所有图片都加载完成时
+          if (loadedCount === totalImages) {
+            this.imagesLoaded = true;
+            if (this.imgsList.length > 0) {
+              console.log('点赞动画图片加载完成');
+              // 如果有等待的动画，立即执行
+              if (this.pendingAnimation) {
+                this.start();
+                this.pendingAnimation = false;
+              }
+            } else {
+              console.warn('没有可用的点赞图片');
+            }
+          }
+        };
+        
+        img.onerror = () => {
+          console.warn('图片加载失败:', src);
+          loadedCount++;
+          
+          // 即使图片加载失败，也要检查是否所有图片都处理完成
+          if (loadedCount === totalImages && this.pendingAnimation) {
+            this.imagesLoaded = true;
+            // 如果所有图片都加载失败，使用默认图片
+            const defaultImg = new Image();
+            defaultImg.onload = () => {
+              this.imgsList.push(defaultImg);
+              this.start();
+              this.pendingAnimation = false;
+            };
+            defaultImg.src = '/like-active.svg'; // 使用点赞图标作为默认图片
+          }
+        };
+        
+        // 使用完整的URL路径
+        const baseUrl = window.location.origin;
+        img.src = baseUrl + src;
+        console.log("加载图片:", img.src);
       });
     }
   
     createRender() {
-      if (this.imgsList.length == 0) return null;
+      if (this.imgsList.length === 0) {
+        console.warn('没有可用的点赞图片');
+        return null;
+      }
   
-      // 当运行时间 diffTime 小于设置的 scaleTime 的时候，按比例随着时间增大，scale 变大。超过设置的时间阈值，则返回最终大小。
       const basicScale = [0.6, 0.9, 1.2][getRandom(0, 2)];
       const getScale = (diffTime) => {
-        // diffTime - 百分比。表示从动画开始运行到当前时间过了多长时间。实际值是从 0 --> 1 逐步增大。
-        // scaleTime - 百分比。图片从开始放大到最终大小，所用时长。
         if (diffTime < this.scaleTime) {
           return +(diffTime / this.scaleTime).toFixed(2) * basicScale;
         } else {
@@ -78,31 +99,26 @@ function getRandom(min, max) {
       };
   
       const context = this.context;
-      // 随机读取一个图片，进行渲染
       const image = this.imgsList[getRandom(0, this.imgsList.length - 1)];
-      const offset = 20; // x轴偏移量
+      const offset = 20;
       const basicX = this.width / 2 + getRandom(-offset, offset);
-      const angle = getRandom(2, 10); // 角度系数
+      const angle = getRandom(2, 10);
       let ratio = getRandom(10, 30) * (getRandom(0, 1) ? 1 : -1);
   
-      // 随机平滑 X 轴偏移 - 通过正弦( Math.sin )函数来实现均匀曲线
       const getTranslateX = (diffTime) => {
         if (diffTime < this.scaleTime) {
-          // 放大期间，不进行摇摆位移
           return basicX;
         } else {
           return basicX + ratio * Math.sin(angle * (diffTime - this.scaleTime));
         }
       };
   
-      // Y 轴偏移 - 运行偏移从 this.height --> image.height / 2 ，即从最底部，运行到顶部留下。
       const getTranslateY = (diffTime) => {
         return (
           image.height / 2 + (this.height - image.height / 2) * (1 - diffTime)
         );
       };
   
-      // 淡出
       const fadeOutStage = getRandom(14, 18) / 100;
       const getAlpha = (diffTime) => {
         let left = 1 - +diffTime;
@@ -114,23 +130,17 @@ function getRandom(min, max) {
       };
   
       return (diffTime) => {
-        // diffTime : 百分比。表示从动画开始运行到当前时间过了多长时间。实际值是从 0 --> 1 逐步增大。
-        // diffTime 为 0.4 的时候，说明是已经运行了 40% 的时间
-        // 时间差值满了，即：动画结束了（0 --> 1）
         if (diffTime >= 1) return true;
   
         context.save();
   
         const scale = getScale(diffTime);
-        // const rotate = getRotate();
         const translateX = getTranslateX(diffTime);
         const translateY = getTranslateY(diffTime);
-        context.translate(translateX, translateY); // 偏移
-        context.scale(scale, scale); // 缩放
-        // context.rotate(rotate * Math.PI / 180);
-        context.globalAlpha = getAlpha(diffTime); // 淡出
+        context.translate(translateX, translateY);
+        context.scale(scale, scale);
+        context.globalAlpha = getAlpha(diffTime);
   
-        // 绘制
         context.drawImage(
           image,
           -image.width / 2,
@@ -138,12 +148,10 @@ function getRandom(min, max) {
           image.width,
           image.height
         );
-        context.restore(); // 恢复画布(canvas)状态。
+        context.restore();
       };
     }
   
-    // 实时绘制扫描器
-    // 开启实时绘制扫描器，将创建的渲染对象放入 renderList 数组，数组不为空，说明 canvas 上还有动画，就需要不停的去执行 scan，直到 canvas 上没有动画结束为止。
     scan() {
       this.context.clearRect(0, 0, this.width, this.height);
       this.context.fillStyle = 'transparent';
@@ -159,8 +167,6 @@ function getRandom(min, max) {
         this.scanning = false;
       }
   
-      // diffTime = (Date.now() - render.timestamp) / render.duration
-      // 如果开始的时间戳是 10000，当前是100100，则说明已经运行了 100 毫秒了，如果动画本来需要执行 1000 毫秒，那么 diffTime = 0.1，代表动画已经运行了 10%。
       while (index < length) {
         const child = this.renderList[index];
         if (
@@ -168,36 +174,45 @@ function getRandom(min, max) {
           !child.render ||
           child.render.call(null, (Date.now() - child.timestamp) / child.duration)
         ) {
-          // 动画结束，则删除该动画
           this.renderList.splice(index, 1);
           length--;
         } else {
-          // 继续执行动画
           index++;
         }
       }
     }
   
-    // 开始/增加动画
-    // 调用一次 start 方法来生成渲染实例，放进渲染实例数组。
-    // 如果当前扫描器未开启，则需要启动扫描器，使用了 scanning 变量，防止开启多个扫描器。
     start() {
+      // 如果图片还没有加载完成，标记为等待动画并返回
+      if (!this.imagesLoaded) {
+        console.log('图片未加载完成，等待中...');
+        this.pendingAnimation = true;
+        return this;
+      }
+      
       const render = this.createRender();
+      if (!render) {
+        console.warn('无法创建点赞动画');
+        return this;
+      }
+      
       const duration = getRandom(1500, 3000);
       this.renderList.push({
         render,
         duration,
         timestamp: Date.now(),
       });
+      
       if (!this.scanning) {
         this.scanning = true;
         requestFrame(this.scan.bind(this));
       }
+      
       return this;
     }
-  }
+}
   
-  function requestFrame(cb) {
+function requestFrame(cb) {
     return (
       window.requestAnimationFrame ||
       window.webkitRequestAnimationFrame ||
@@ -205,5 +220,5 @@ function getRandom(min, max) {
         window.setTimeout(callback, 1000 / 60);
       }
     )(cb);
-  }
+}
   
\ No newline at end of file
diff --git a/src/utils/plugin/audio-bar/audio-bar.css b/src/utils/plugin/audio-bar/audio-bar.css
new file mode 100644
index 0000000..9d6dc77
--- /dev/null
+++ b/src/utils/plugin/audio-bar/audio-bar.css
@@ -0,0 +1,56 @@
+ .equalizer {
+   display: flex;
+   justify-content: center;
+   /* align-items: center; */
+   height: 10rem;
+ }
+
+ .equalizer-bar {
+   width: 15px;
+   margin: 0 3px;
+   display: flex;
+   flex-direction: column-reverse;
+ }
+
+ .equalizer-bar span {
+   display: block;
+   height: 2px;
+   border-radius: 2px;
+   width: 100%;
+   margin: 2px 0;
+   background-color: #FFF;
+   transition: .2s ease all;
+   opacity: 1;
+ }
+
+ .equalizer-bar:nth-child(1) span {
+   background: #fff;
+ }
+
+ .equalizer-bar:nth-child(2) span {
+   background: #fff;
+ }
+
+ .equalizer-bar:nth-child(3) span {
+   background: #fff;
+ }
+
+ .equalizer-bar:nth-child(4) span {
+   background: #fff;
+ }
+
+ .equalizer-bar:nth-child(5) span {
+   background: #fff;
+ }
+
+ .equalizer-bar:nth-child(6) span {
+   background: #fff;
+ }
+
+ .equalizer-bar:nth-child(7) span {
+   background: #fff;
+ }
+
+ .equalizer-bar:nth-child(8) span {
+   background: #fff;
+ }
\ No newline at end of file
diff --git a/src/utils/plugin/audio-bar/audio-bar.js b/src/utils/plugin/audio-bar/audio-bar.js
new file mode 100644
index 0000000..d087aa2
--- /dev/null
+++ b/src/utils/plugin/audio-bar/audio-bar.js
@@ -0,0 +1,62 @@
+const MAX_BAR_HEIGHT = 18;
+
+addBarSpans();
+
+setInterval(() => {
+  setRandomBars();
+}, 200);
+
+// Main programm (repeats)
+function setRandomBars(maxBarHeight) {
+  const bars = document.getElementsByClassName('equalizer-bar');
+
+  for (let i = 0; i < bars.length; i++) {
+    let spans = bars[i].getElementsByTagName('span');
+    let activeSpanCount = getActiveSpans(spans);
+    let newHeight = getRandomHeight(MAX_BAR_HEIGHT);
+
+    for (let j = 0; j < spans.length; j++) {
+      if (newHeight > activeSpanCount) {
+        spans[j].style.opacity = '1';
+      } else if (j > newHeight) {
+        spans[j].style.opacity = '0';
+      }
+
+      // set little opacity
+      let upperSpan = MAX_BAR_HEIGHT - j;
+      if (newHeight > MAX_BAR_HEIGHT - 5 && upperSpan < 5) {
+        spans[j].style.opacity = '0.' + upperSpan;
+      }
+    }
+  }
+}
+
+// Returns the number of active spans
+function getActiveSpans(spans) {
+  let counter = 0;
+
+  for (let i = 0; i < spans.length; i++) {
+    if (spans[i].style.opacity > 0) counter++;
+  }
+
+  return counter;
+}
+
+// Returns a random number between 1 and 20
+function getRandomHeight(maxBarHeight) {
+  return Math.round(Math.random() * (maxBarHeight - 1)) + 1;
+}
+
+// Add the default spans
+function addBarSpans() {
+  const bars = document.getElementsByClassName('equalizer-bar');
+
+  let html = '';
+  for (let j = 0; j < MAX_BAR_HEIGHT; j++) {
+    html += '<span></span>';
+  }
+
+  for (let i = 0; i < bars.length; i++) {
+    bars[i].innerHTML = html;
+  }
+}
diff --git a/src/utils/request.js b/src/utils/request.js
index aa4bd98..29a5c13 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -13,11 +13,20 @@ const request = axios.create({
 request.interceptors.request.use(
   (config) => {
     // 在请求发送之前做些什么
+    console.log('准备发送请求:', {
+      url: config.url,
+      method: config.method,
+      params: config.params,
+      baseURL: config.baseURL,
+      headers: config.headers
+    });
+    
     // 可以在请求头中添加token等信息
     return config;
   },
   (error) => {
     // 对请求错误做些什么
+    console.error('请求拦截器捕获错误:', error);
     return Promise.reject(error);
   }
 );
@@ -26,10 +35,20 @@ request.interceptors.request.use(
 request.interceptors.response.use(
   (response) => {
     // 对响应数据做些什么
+    console.log('收到响应:', {
+      status: response.status,
+      url: response.config.url,
+      data: response.data
+    });
     return response.data;
   },
   (error) => {
     // 对响应错误做些什么
+    console.error('响应拦截器捕获错误:', error);
+    if (error.response) {
+      console.error('错误响应状态:', error.response.status);
+      console.error('错误响应数据:', error.response.data);
+    }
     return Promise.reject(error);
   }
 );
diff --git a/src/views/channelList.vue b/src/views/channelList.vue
new file mode 100644
index 0000000..6fce43e
--- /dev/null
+++ b/src/views/channelList.vue
@@ -0,0 +1,103 @@
+<template>
+ <div class="page" v-wechat-title="$route.meta.title">
+    
+    <contentList  :items="channelData" class="content-list" />
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import contentList from '../components/contentList.vue'
+import { getHomeList } from '../api/detail'
+
+const route = useRoute()
+const  channelData = ref([])
+const contentListRef = ref(null)
+
+const fetchChannelData = async () => {
+  try {
+    const channelId = route.query.channelId
+    const channelName = route.query.title
+    
+    if (!channelId || !channelName) {
+      console.error('未找到栏目信息')
+      return
+    }
+
+    const res = await getHomeList({
+      channelId: channelId,
+      channelName: channelName
+    })
+
+    if (res.code === 0) {
+      // 从返回数据中找到对应频道的数据
+      channelData.value = res.appView?.carouselScene
+      console.log('栏目数据', channelData.value)
+
+      // if (channelData?.liveScenes) {
+      //   contentListRef.value?.updateList(channelData.liveScenes)
+      // } else {
+      //   contentListRef.value?.updateList([])
+      // }
+    }
+  } catch (error) {
+    console.error('获取栏目数据失败:', error)
+    // contentListRef.value?.updateList([])
+  }
+}
+
+onMounted(() => {
+  fetchChannelData()
+})
+</script>
+
+<style lang="scss" scoped>
+.channel-list-page {
+  width: 100%;
+  min-height: 100vh;
+  background: #f5f6f8;
+
+  .nav-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 44px;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 15px;
+    z-index: 100;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+
+    .back {
+      width: 24px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      
+      img {
+        width: 20px;
+        height: 20px;
+      }
+    }
+
+    .title {
+      font-size: 16px;
+      font-weight: 500;
+      color: #333;
+    }
+
+    .placeholder {
+      width: 24px;
+    }
+  }
+
+  .content-list {
+    padding-top: 54px;
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/views/detailVue copy.vue b/src/views/detailVue copy.vue
index b1f59ce..556fedf 100644
--- a/src/views/detailVue copy.vue	
+++ b/src/views/detailVue copy.vue	
@@ -1,43 +1,58 @@
 <template>
-  <div class="page">
+    <div class="page" v-wechat-title="$route.meta.title">
     <!-- <div class="page" v-wechat-title="$route.meta.title"> -->
-    <div class="top">
-      <div id="xgPlayerWrap"></div>
+    <div class="player-container">
+      <!-- VR播放器 -->
+      <VRPlayer
+        v-if="isVRVideo"
+        :videoUrl="currentVideoUrl"
+        :poster="coverImage"
+        :isLive="sceneData?.liveState === '1'"
+        :autoplay="false"
+        @error="handlePlayerError"
+      />
+      <!-- 阿里播放器 -->
+      <AliPlayer
+        v-else
+        :videoUrl="currentVideoUrl"
+        :poster="coverImage"
+        :isLive="sceneData?.liveState === '1'"
+        :autoplay="false"
+        @error="handlePlayerError"
+        @ready="handlePlayerReady"
+      />
     </div>
-    <countDown ref="coCountdown" :countdownTime="countdownTime"></countDown>
-    <van-tabs v-model:active="activeName" offset-top="0">
+    <!-- 预告状态下显示倒计时 -->
+    <countDown v-if="countdownTime > 0" :countdownTime="countdownTime" :viewCount="sceneData?.viewsShow" @countdown-end="handleCountdownEnd"></countDown>
+    
+    <van-tabs v-model:active="activeName" offset-top="0" @change="handleTabChange">
       <!-- 动态显示简介和评论，当countdownTime有值时 -->
-      <van-tab v-if="countdownTime > 0" title="简介" name="a">
-        <pageAbstract></pageAbstract>
+      <van-tab  title="简介" name="a">
+        <pageAbstract v-if="loadedTabs.includes('a')" :sceneData="sceneData" ref="abstractTab"></pageAbstract>
       </van-tab>
-      <van-tab v-if="countdownTime > 0" title="评论" name="c">
-        <pageComment />
+      <van-tab title="现场直播" name="b">
+        <pageReport v-if="loadedTabs.includes('b')" :sceneData="sceneData" @change-view="handleViewChange" ref="reportTab"></pageReport>
+      </van-tab>
+      <van-tab  title="评论" name="c">
+        <pageComment v-if="loadedTabs.includes('c')" :sceneData="sceneData" ref="commentTab"></pageComment>
       </van-tab>
-      <!-- 当countdownTime无值时，显示现场直播 -->
-      <template v-else>
-        <van-tab title="现场直播" name="b">
-          <pageReport />
-        </van-tab>
-        <van-tab title="评论" name="c">
-          <pageComment />
-        </van-tab>
-      </template>
     </van-tabs>
     <van-popup
       v-model:show="showRight"
       position="right"
       :style="{ width: '70%', height: '100%' }"
     >
-      <moreLiveVue />
+    <moreLiveVue @select-live="handleSelectLive" />
     </van-popup>
-    <van-floating-bubble
+   
+  </div>
+  <van-floating-bubble
       v-model:offset="offset"
-      class="van-floating-bubble"
+      class="van-floating-bubble custom-bubble"
       @click="onClick"
     >
       <p class="bubble-content">更多直播</p>
     </van-floating-bubble>
-  </div>
 </template>
 <script setup>
 import countDown from "../components/countDown.vue";
@@ -45,88 +60,658 @@ import pageAbstract from "../components/pageAbstract.vue";
 import pageReport from "../components/pageReport.vue";
 import pageComment from "../components/pageComment.vue";
 import moreLiveVue from "../components/moreLive.vue";
-import { ref, onMounted } from "vue";
-import Player, { Events } from "../xgplayer"; // 引入西瓜视频模块
-import "../xgplayer/dist/index.min.css"; // 引入西瓜视频样式
-import { scene  } from "../api/index";
+import { ref, onMounted, onBeforeUnmount, watch, computed } from "vue";
+import { scene } from "../api/index";
+import { useRoute, useRouter } from 'vue-router';
+import { getMoreLive } from "../api/detail";
+import { showNotify } from 'vant';
+import VideoPlayer from "../utils/conf"; // 配置文件单独拎出来一个js文件
+import VRPlayer from "../components/VRPlayer.vue";
+import Player from 'xgplayer';
+import AliPlayer from '../components/AliPlayer备份.vue';
+import wxShare from "../assets/js/weixinShare/index";
 
-import { conf } from "../utils/conf"; // 配置文件单独拎出来一个js文件
+const route = useRoute();
+const router = useRouter();
+let countdownTimer = null;
 
-// 动态更新 conf 对象的 poster 属性
-conf.poster =
-  "https://th.bing.com/th/id/R.9de53f9726576696b318a8d95c0946cb?rik=sWB3V9KSxHbThw&riu=http%3a%2f%2fpic.bizhi360.com%2fbbpic%2f95%2f9995_1.jpg&ehk=GcPUjJED69TBvg9XxQr2klzDzfRsQWhAfLKlIAUWHJQ%3d&risl=&pid=ImgRaw&r=0"; // 根据需求动态设置封面图片的 URL
+// 组件引用
+const abstractTab = ref(null);
+const reportTab = ref(null);
+const commentTab = ref(null);
+
+// 已加载的标签页
+const loadedTabs = ref([]);
+
+// 处理标签页切换
+const handleTabChange = (tabName) => {
+  console.log('标签切换到:', tabName);
+  
+  // 如果标签页尚未加载，将其添加到已加载列表
+  if (!loadedTabs.value.includes(tabName)) {
+    loadedTabs.value.push(tabName);
+  }
+    
+  // 无论标签页是否已加载，都强制调用相应组件的loadData方法
+  console.log('强制重新加载标签页数据:', tabName);
+  
+  // 延迟调用加载方法，确保组件已挂载
+  setTimeout(() => {
+    try {
+      // 根据标签名调用对应组件的loadData方法
+      if (tabName === 'a' && abstractTab.value) {
+        console.log('重新调用简介组件loadData方法');
+        abstractTab.value.loadData();
+      } else if (tabName === 'b' && reportTab.value) {
+        console.log('重新调用直播组件loadData方法');
+        reportTab.value.loadData();
+      } else if (tabName === 'c' && commentTab.value) {
+        console.log('重新调用评论组件loadData方法');
+        commentTab.value.loadData();
+      }
+    } catch (error) {
+      console.error(`调用${tabName}标签页loadData方法失败:`, error);
+    }
+  }, 100);
+};
 
 onMounted(() => {
-  init();
+  console.log("进入详情页");
   getSenceList();
 });
 
-let player = null; // 实例
+// 监听路由参数变化，当ID改变时重新获取场景数据
+watch(() => route.params.id, (newId, oldId) => {
+  if (newId && newId !== oldId) {
+    console.log(`路由ID从${oldId}更改为${newId}，重新获取场景数据`);
+    getSenceList();
+  }
+}, { immediate: false });
 
-console.log("Events", Events);
+let player;
 
-const init = () => {
-  player = new Player({
-    ...conf,
+// 判断是否为VR视频
+const isVRVideo = computed(() => {
+  const isVR = sceneData.value?.vrLive === 'true' || sceneData.value?.vrLive === true;
+  console.log('VR视频判断:', {
+    vrLive: sceneData.value?.vrLive,
+    vrLiveType: typeof sceneData.value?.vrLive,
+    sceneData: sceneData.value,
+    isVR
   });
-  player.on(Events.PLAY, (ev) => {
-    console.log("-播放开始-", ev);
+  return isVR;
+});
+
+// 获取当前播放的视频URL
+const currentVideoUrl = computed(() => {
+  // 获取视频URL的通用逻辑
+  const url = sceneData.value?.liveList?.[0]?.playUrl || sceneData.value?.videoUrl || '';
+  
+  console.log('视频URL:', {
+    isVRVideo: isVRVideo.value,
+    url,
+    liveList: sceneData.value?.liveList,
+    videoUrl: sceneData.value?.videoUrl,
+    sceneData: sceneData.value
   });
-  player.on(Events.PAUSE, (ev) => {
-    console.log("-播放结束-", ev);
+  
+  return url;
+});
+
+// 获取封面图
+const coverImage = computed(() => {
+  // 获取封面图的通用逻辑
+  const cover = sceneData.value?.liveList?.[0]?.coverUrl || sceneData.value?.titleImage || '';
+  
+  console.log('视频封面:', cover);
+  return cover;
+});
+
+// 添加播放器初始化状态
+const playerInitialized = ref(false);
+
+// 添加重试次数控制
+const retryCount = ref(0);
+const MAX_RETRY = 3;
+
+// 修改初始化播放器方法
+const initPlayer = (isPreview = false, viewData = null) => {
+  console.log('初始化播放器:', {
+    isVRVideo: isVRVideo.value,
+    isPreview,
+    viewData,
+    sceneData: sceneData.value
   });
-  player.on("loadedmetadata", (ev) => {
-    console.log("-媒体数据加载好了-", ev);
-  });
-  player.on(Events.SEEKED, (ev) => {
-    console.log("-跳着播放-", ev);
-  });
-  // 等各种监听事件
+
+  // 如果是VR视频，不初始化普通播放器
+  if (isVRVideo.value) {
+    console.log('检测到VR视频，跳过普通播放器初始化');
+    return null;
+  }
+
+  // 如果存在播放器实例，先销毁
+  if (player) {
+    try {
+      player.destroy();
+      playerInitialized.value = false;
+    } catch (e) {
+      console.error('销毁播放器失败:', e);
+    }
+    player = null;
+  }
+
+  // 预告状态下只显示封面图
+  if (isPreview) {
+    playerInitialized.value = false;
+    return null;
+  }
+
+  try {
+    // 确保播放器容器存在
+    const playerContainer = document.getElementById('xg-player');
+    if (!playerContainer) {
+      console.error('播放器容器不存在');
+      return null;
+    }
+
+    // 构建播放器配置
+    const source = viewData?.playUrl || sceneData.value?.videoUrl || "";
+    if (!source) {
+      console.error('视频源不存在');
+      return null;
+    }
+
+    console.log('正在初始化播放器，视频源:', source);
+
+    const config = {
+      id: 'xg-player',
+      url: source,
+      poster: viewData?.coverUrl || sceneData.value?.titleImage || '',
+      playsinline: true,
+      loop: false,
+      autoplay: false,
+      fluid: true,
+      width: '100%',
+      height: '100%',
+      volume: 0.6,
+      videoInit: true,
+      preloadTime: 30,
+      isLive: sceneData.value?.liveState === '1',
+      ignores: ['replay'],
+      closeVideoClick: false,
+      closeVideoTouch: false,
+      lang: 'zh-cn',
+      // 添加视频类型自动识别
+      mediaType: source.includes('.m3u8') ? 'hls' : 
+                 source.includes('.flv') ? 'flv' : 
+                 'mp4',
+      // 添加跨域支持
+      cors: true,
+      // 添加错误重试机制
+      retry: 3,
+      retryCount: 0,
+      retryDelay: 1000,
+      // 添加预加载设置
+      preload: 'auto',
+      // 添加错误处理配置
+      errorTips: '视频加载失败，请刷新重试',
+      loadingTimeout: 20,
+      // 添加播放器核心配置
+      innerKernel: {
+        handleError: true,
+        handleKernelError: true,
+        probePriority: ['hls', 'mp4']
+      }
+    };
+
+    // 创建播放器实例
+    const xgPlayer = new Player(config);
+
+    // 监听播放器事件
+    xgPlayer.on('ready', () => {
+      console.log('播放器准备就绪');
+      playerInitialized.value = true;
+      retryCount.value = 0;
+    });
+
+    // 视频元数据加载完成
+    xgPlayer.on('loadedmetadata', () => {
+      console.log('视频元数据加载完成');
+      playerInitialized.value = true;
+    });
+
+    // 视频加载中
+    xgPlayer.on('waiting', () => {
+      console.log('视频加载中...');
+    });
+
+    // 视频可以播放
+    xgPlayer.on('canplay', () => {
+      console.log('视频可以播放');
+      playerInitialized.value = true;
+    });
+
+    // 错误处理
+    xgPlayer.on('error', async (e) => {
+      console.error('播放器错误:', e);
+      
+      if (retryCount.value < MAX_RETRY) {
+        console.log(`第${retryCount.value + 1}次重试初始化播放器`);
+        retryCount.value++;
+        
+        // 延迟重试
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        
+        try {
+          // 确保旧实例完全销毁
+          if (xgPlayer) {
+            xgPlayer.pause();
+            await new Promise(resolve => setTimeout(resolve, 100));
+            xgPlayer.destroy();
+          }
+          
+          // 重新创建播放器实例
+          const newConfig = {...config};  // 创建配置的副本
+          const newPlayer = new Player(newConfig);
+          return newPlayer;
+        } catch (error) {
+          console.error('重试初始化播放器失败:', error);
+        }
+      } else {
+        playerInitialized.value = false;
+        console.error('播放器初始化失败，已达到最大重试次数');
+        showNotify({ 
+          type: 'danger', 
+          message: '播放器初始化失败，请刷新页面重试'
+        });
+      }
+    });
+
+    // 销毁事件
+    xgPlayer.on('destroy', () => {
+      console.log('播放器销毁');
+      playerInitialized.value = false;
+    });
+
+    return xgPlayer;
+
+  } catch (error) {
+    console.error('初始化播放器失败:', error);
+    playerInitialized.value = false;
+    return null;
+  }
 };
+
+onBeforeUnmount(() => {
+  if (player) {
+    try {
+      player.pause();
+      setTimeout(() => {
+        player.destroy();
+        player = null;
+      }, 100);
+    } catch (e) {
+      console.error('组件卸载时清理播放器失败:', e);
+    }
+  }
+  clearInterval(countdownTimer);
+});
+
 const showRight = ref(false);
 const hasCountdown = ref(false); //判断是否有倒计时
 const countdownTime = ref(0);
-const activeName = ref("b");
-const offset = ref({ x: 375, y: 350 });
-const onClick = () => {
-  showRight.value = true;
+const activeName = ref("a"); // 默认显示简介
+const offset = ref({ x: '100%', y: '70%' });
+
+// 点击更多直播按钮
+const onClick = async () => {
+  try {
+    // 获取更多直播列表
+    const res = await getMoreLive();
+    
+    if (res.code === 0 && res.MoreScenes && res.MoreScenes.length > 0) {
+      // 显示弹窗
+      showRight.value = true;
+    } else {
+      showNotify({ type: 'warning', message: '没有更多直播可以观看' });
+    }
+  } catch (error) {
+    console.error('获取更多直播失败:', error);
+    showNotify({ type: 'danger', message: '获取更多直播失败' });
+  }
 };
-// 获取sence
-const getSenceList =()=>{
-  let params = {
-    id:2057
-  };
-  scene(params)
-    .then((res) => {
-      console.log("获取sence",res);
 
-    })
-    .catch((error) => {
-      console.error("登录接口请求失败", error);
+// 处理直播选择
+const handleSelectLive = (item) => {
+  showRight.value = false; // 关闭弹窗
+  
+  if (item && item.id) {
+    console.log('选择了新的直播:', item);
+    
+    // 无论是否是当前ID，都更新路由参数并重新获取数据
+    router.replace({
+      name: 'Detail',
+      params: { id: item.id }
+    }).then(() => {
+      // 路由更新后重新获取场景数据
+      getSenceList();
     });
-}
+  }
+};
 
+const sceneData = ref(null);
+
+// 获取场景数据
+const getSenceList = async () => {
+  const sceneId = route.params.id;
+  console.log("当前场景ID:", sceneId);
+  
+  if (!sceneId) return;
+
+  try {
+    const res = await scene({ id: sceneId });
+
+    if(res.code == 0){
+      // 清空已加载的标签页列表，以便重新加载
+      loadedTabs.value = [];
+      
+      sceneData.value = res.data;
+      console.log("获取视频播放页面场景数据:", sceneData.value);
+      
+      // 计算是否是预告状态
+      const liveState = sceneData.value.liveState;
+      const startTime = new Date(sceneData.value.liveStart).getTime();
+      const now = new Date().getTime();
+      
+      if (liveState === '0' && startTime > now) {
+        // 预告状态
+        countdownTime.value = Math.floor((startTime - now) / 1000);
+        activeName.value = "a"; // 默认显示简介
+        loadedTabs.value = ['a']; // 预加载简介标签
+        initPlayer(true); // 预告状态只显示封面图
+        startCountdown(); // 开始倒计时
+        
+        // 延迟加载简介数据
+        setTimeout(() => {
+          if (abstractTab.value) {
+            abstractTab.value.loadData();
+          }
+        }, 100);
+      } else {
+        // 直播状态
+        countdownTime.value = 0;
+        activeName.value = "b"; // 默认显示直播
+        loadedTabs.value = ['b']; // 预加载直播标签
+        
+        // 如果有直播列表，使用第一个直播源初始化播放器
+        if (sceneData.value.liveList && sceneData.value.liveList.length > 0) {
+          const firstLive = sceneData.value.liveList[0];
+          console.log("使用第一个直播源初始化:", firstLive);
+          
+          initPlayer(false, {
+            playUrl: firstLive.playUrl,
+            coverUrl: firstLive.coverUrl,
+            name: firstLive.name
+          });
+        } else {
+          // 没有直播列表，使用默认视频源
+          const newPlayer = initPlayer(false);
+        }
+        
+        // 延迟加载现场直播数据
+        setTimeout(() => {
+          if (reportTab.value) {
+            reportTab.value.loadData();
+          }
+        }, 100);
+      }
+
+      // 配置微信分享
+      wxShare({
+        title: route.meta.title,
+        desc: sceneData.value.liveDesc || sceneData.value.title,
+        imgUrl: sceneData.value.titleImage
+      });
+    }
+  } catch (error) {
+    console.error("获取场景数据失败:", error);
+    showNotify({ type: 'danger', message: '获取场景数据失败' });
+  }
+};
+
+// 开始倒计时
+const startCountdown = () => {
+  if (countdownTime.value <= 0) return;
+  
+  countdownTimer = setInterval(() => {
+    countdownTime.value--;
+    
+    if (countdownTime.value <= 0) {
+      clearInterval(countdownTimer);
+      // 倒计时结束，重新获取场景数据并自动播放
+      getSenceList();
+    }
+  }, 1000);
+};
+
+// 监听倒计时变化
+watch(countdownTime, (newValue) => {
+  if (newValue <= 0 && countdownTimer) {
+    clearInterval(countdownTimer);
+    // 倒计时结束，重新获取场景数据并自动播放
+    getSenceList();
+  }
+});
+
+// 处理视角切换
+const handleViewChange = (viewData) => {
+  if (!viewData || !viewData.playUrl) {
+    console.error('视频地址不存在:', viewData);
+    showNotify({ type: 'warning', message: '视频地址不存在' });
+    return;
+  }
+  
+  try {
+    console.log('切换视角:', viewData);
+    const newPlayer = initPlayer(false, viewData);
+    if (newPlayer) {
+      player = newPlayer;
+    }
+  } catch (error) {
+    console.error('切换视频源失败:', error);
+    showNotify({ type: 'danger', message: '切换视频源失败' });
+  }
+};
+
+// 处理倒计时结束
+const handleCountdownEnd = () => {
+  // 重新获取场景数据并初始化播放器
+  getSenceList();
+};
+
+// 监听场景数据变化，当数据变化时刷新当前标签页
+watch(sceneData, (newData) => {
+  if (newData) {
+    console.log('场景数据已更新，刷新当前标签页:', activeName.value);
+    // 根据当前激活的标签页重新加载数据
+    setTimeout(() => {
+      if (activeName.value === 'a' && abstractTab.value) {
+        abstractTab.value.loadData();
+      } else if (activeName.value === 'b' && reportTab.value) {
+        reportTab.value.loadData();
+      } else if (activeName.value === 'c' && commentTab.value) {
+        commentTab.value.loadData();
+      }
+    }, 100);
+  }
+}, { deep: true });
+
+// 监听路由变化，更新微信标题
+watch(() => route.meta.title, (newTitle) => {
+  if (newTitle) {
+    document.title = newTitle;
+  }
+}, { immediate: true });
+
+// 处理播放器错误
+const handlePlayerError = (error) => {
+  console.error('VR播放器错误:', error);
+  showNotify({ 
+    type: 'danger', 
+    message: '播放器错误，请检查网络连接或刷新页面重试'
+  });
+};
+
+// 处理播放器就绪
+const handlePlayerReady = (player) => {
+  console.log('播放器就绪');
+  playerInitialized.value = true;
+};
 </script>
 <style>
+/* 播放器容器样式 */
+.player-container {
+  width: 100%;
+  height: 211px;
+  position: relative;
+  background: #000;
+  overflow: hidden;
+}
+
+/* 西瓜播放器样式 */
+.xg-player {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #000;
+}
+
+/* 封面图样式 */
+.player-cover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  background: #000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.player-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+/* 自定义西瓜播放器控制栏样式 */
+.xgplayer .xgplayer-controls {
+  position: absolute !important;
+  bottom: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  background: rgba(0, 0, 0, 0.5) !important;
+  height: 44px !important;
+  z-index: 10;
+}
+
+/* 加载中样式 */
+.xgplayer .xgplayer-loading {
+  background: rgba(0, 0, 0, 0.5);
+}
+
+.xgplayer .xgplayer-loading .xgplayer-loading-text {
+  color: #fff;
+}
+
+/* 错误提示样式 */
+.xgplayer .xgplayer-error {
+  display: none !important;
+}
+
+/* 移动端适配 */
+@media screen and (max-width: 768px) {
+  .xgplayer .xgplayer-controls {
+    height: 40px !important;
+  }
+  
+  .xgplayer .xgplayer-slider {
+    height: 2px !important;
+  }
+  
+  .xgplayer .xgplayer-icon {
+    width: 24px !important;
+    height: 24px !important;
+  }
+}
+
+/* 横屏模式优化 */
+@media screen and (orientation: landscape) {
+  .player-container {
+    height: 100vh;
+  }
+  
+  .xg-player,
+  .player-cover {
+    height: 100vh;
+  }
+  
+  .xgplayer .xgplayer-controls {
+    height: 50px !important;
+  }
+}
+
 .van-floating-bubble {
   position: fixed;
-  left: 0;
-  top: 0;
   right: 0 !important;
-  width: 50px;
-  height: 80px;
-  background: #eeeeee;
+  transform: translate3d(325.812px, 50vh, 0px) !important;
+  width: 50px !important;
+  height: 80px !important;
+  background: #eeeeee !important;
   color: #fff;
-  border-radius: 10px;
+  border-radius: 4px !important;
   z-index: 999;
 }
+
+.custom-bubble.van-floating-bubble::before {
+  border-radius: 4px !important;
+  background: #eeeeee !important;
+  border: none !important;
+}
+
 .van-tabs__content {
   width: 100%;
   height: calc(100vh - 130px);
-  /* border:1px solid red; */
   overflow-y: scroll;
 }
+
+/* 顶部播放器容器 */
+.top {
+  width: 100%;
+  height: 211px;
+  box-sizing: border-box;
+  background: #000;
+  position: relative;
+  overflow: hidden;
+}
+
+/* VR播放器样式 */
+.top .vr-player-container {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.top .video-js {
+  width: 100%;
+  height: 100%;
+}
 </style>
+
 <style lang="scss" scoped>
 .bubble-content {
   color: rgba(0, 0, 0, 80%);
@@ -134,36 +719,25 @@ const getSenceList =()=>{
   width: 10px;
   font-size: 14px;
   line-height: 17px;
-}
-.bubble-content::before {
-  content: "";
-  width: 10px;
-  height: 30%;
-  background: url("../assets/img/jt_black.png") no-repeat;
-  background-size: 100% 100%;
-  left: -15px;
-  top: 30%;
-  position: absolute;
-}
-// 顶部播放器
-.top {
-  width: 100%;
-  // height: 211px;
-  // height: 211px;
-  // padding-top: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */
-  // position: relative;
-  //     overflow: hidden;
-
-  // border: 1px solid black;
-  box-sizing: border-box;
-
- 
-}
-#xgPlayerWrap {
-  flex: auto;
-}
-#xgPlayerWrap video {
-  width: 100%;
-  object-fit: cover;
+  writing-mode: vertical-lr;
+  text-orientation: upright;
+  letter-spacing: 2px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  
+  &::before {
+    content: "";
+    width: 10px;
+    height: 30%;
+    background: url("../assets/img/jt_black.png") no-repeat;
+    background-size: 100% 100%;
+    left: -15px;
+    top: 35%;
+    position: absolute;
+  }
 }
 </style>
+
diff --git a/src/views/detailVue.vue b/src/views/detailVue.vue
index c3fcac6..8a6bfbd 100644
--- a/src/views/detailVue.vue
+++ b/src/views/detailVue.vue
@@ -1,44 +1,55 @@
 <template>
-  <div class="page">
+    <div class="page" v-wechat-title="$route.meta.title">
     <!-- <div class="page" v-wechat-title="$route.meta.title"> -->
-    <div class="top">
-      <div
-        class="prism-player"
-        id="J_prismPlayer"
-        style="width: 100%; height: 100%"
-      ></div>
+    <div class="player-container">
+      <!-- VR播放器 -->
+      <VRPlayer
+        v-if="isVRVideo"
+        :videoUrl="currentVideoUrl"
+        :poster="coverImage"
+        :isLive="sceneData?.liveState === '1'"
+        :autoplay="false"
+        @error="handlePlayerError"
+      />
+      <!-- 阿里播放器 -->
+      <AliPlayer
+        v-else
+        ref="aliPlayer"
+        :videoUrl="currentVideoUrl"
+        :poster="coverImage"
+        :isLive="sceneData?.liveState === '1'"
+        :autoplay="false"
+        @error="handlePlayerError"
+        @ready="handlePlayerReady"
+      />
     </div>
-    <countDown ref="coCountdown" :countdownTime="countdownTime"></countDown>
-    <van-tabs v-model:active="activeName" offset-top="0">
+    <!-- 预告状态下显示倒计时 -->
+    <countDown v-if="countdownTime > 0" :countdownTime="countdownTime" :viewCount="sceneData?.viewsShow" @countdown-end="handleCountdownEnd"></countDown>
+    
+    <van-tabs v-model:active="activeName" offset-top="0" @change="handleTabChange">
       <!-- 动态显示简介和评论，当countdownTime有值时 -->
-      <van-tab v-if="countdownTime > 0" title="简介" name="a">
-        <pageAbstract></pageAbstract>
+      <van-tab  title="简介" name="a">
+        <pageAbstract v-if="loadedTabs.includes('a')" :sceneData="sceneData" ref="abstractTab"></pageAbstract>
       </van-tab>
-      <van-tab v-if="countdownTime > 0" title="评论" name="c">
-        <pageComment />
+      <van-tab title="现场直播" name="b">
+        <pageReport v-if="loadedTabs.includes('b')" :sceneData="sceneData" @change-view="handleViewChange" ref="reportTab"></pageReport>
+      </van-tab>
+      <van-tab  title="评论" name="c">
+        <pageComment v-if="loadedTabs.includes('c')" :sceneData="sceneData" ref="commentTab"></pageComment>
       </van-tab>
-      <!-- 当countdownTime无值时，显示现场直播 -->
-      <template v-else>
-        <van-tab title="现场直播" name="b">
-          <pageReport />
-        </van-tab>
-        <van-tab title="评论" name="c">
-          <pageComment />
-        </van-tab>
-      </template>
     </van-tabs>
     <van-popup
       v-model:show="showRight"
       position="right"
       :style="{ width: '70%', height: '100%' }"
     >
-      <moreLiveVue />
+    <moreLiveVue @select-live="handleSelectLive" />
     </van-popup>
    
   </div>
   <van-floating-bubble
       v-model:offset="offset"
-      class="van-floating-bubble"
+      class="van-floating-bubble custom-bubble"
       @click="onClick"
     >
       <p class="bubble-content">更多直播</p>
@@ -50,197 +61,714 @@ import pageAbstract from "../components/pageAbstract.vue";
 import pageReport from "../components/pageReport.vue";
 import pageComment from "../components/pageComment.vue";
 import moreLiveVue from "../components/moreLive.vue";
-import { ref, onMounted,onBeforeUnmount } from "vue";
+import { ref, onMounted, onBeforeUnmount, watch, computed, nextTick } from "vue";
 import { scene } from "../api/index";
-
+import { useRoute, useRouter } from 'vue-router';
+import { getMoreLive } from "../api/detail";
+import { showNotify } from 'vant';
 import VideoPlayer from "../utils/conf"; // 配置文件单独拎出来一个js文件
+import VRPlayer from "../components/VRPlayer.vue";
+import Player from 'xgplayer';
+import AliPlayer from '../components/AliPlayer.vue';
+import wxShare from "../assets/js/weixinShare/index";
 
+const route = useRoute();
+const router = useRouter();
+let countdownTimer = null;
+
+// 组件引用
+const abstractTab = ref(null);
+const reportTab = ref(null);
+const commentTab = ref(null);
+
+// 已加载的标签页
+const loadedTabs = ref([]);
+
+// 处理标签页切换
+const handleTabChange = (tabName) => {
+  console.log('标签切换到:', tabName);
+  
+  // 如果标签页尚未加载，将其添加到已加载列表
+  if (!loadedTabs.value.includes(tabName)) {
+    loadedTabs.value.push(tabName);
+  }
+    
+  // 无论标签页是否已加载，都强制调用相应组件的loadData方法
+  console.log('强制重新加载标签页数据:', tabName);
+  
+  // 延迟调用加载方法，确保组件已挂载
+  setTimeout(() => {
+    try {
+      // 根据标签名调用对应组件的loadData方法
+      if (tabName === 'a' && abstractTab.value) {
+        console.log('重新调用简介组件loadData方法');
+        abstractTab.value.loadData();
+      } else if (tabName === 'b' && reportTab.value) {
+        console.log('重新调用直播组件loadData方法');
+        reportTab.value.loadData();
+      } else if (tabName === 'c' && commentTab.value) {
+        console.log('重新调用评论组件loadData方法');
+        commentTab.value.loadData();
+      }
+    } catch (error) {
+      console.error(`调用${tabName}标签页loadData方法失败:`, error);
+    }
+  }, 100);
+};
 
 onMounted(() => {
-  init();
+  console.log("进入详情页");
   getSenceList();
 });
 
+// 监听路由参数变化，当ID改变时重新获取场景数据
+watch(() => route.params.id, (newId, oldId) => {
+  if (newId && newId !== oldId) {
+    console.log(`路由ID从${oldId}更改为${newId}，重新获取场景数据`);
+    getSenceList();
+  }
+}, { immediate: false });
+
 let player;
-const init = () => {
-  const  playerProps  = 
-    {
-      id: "J_prismPlayer",
-      cover:'https://th.bing.com/th/id/R.9de53f9726576696b318a8d95c0946cb?rik=sWB3V9KSxHbThw&riu=http%3a%2f%2fpic.bizhi360.com%2fbbpic%2f95%2f9995_1.jpg&ehk=GcPUjJED69TBvg9XxQr2klzDzfRsQWhAfLKlIAUWHJQ%3d&risl=&pid=ImgRaw&r=0',
-      source: "https://player.alicdn.com/resource/player/qupai.mp4",
-      width: "100%",
-      height: "500px",
-      autoplay: true,
-      isLive: false,
-      rePlay: false,
+
+// 判断是否为VR视频
+const isVRVideo = computed(() => {
+  const isVR = sceneData.value?.vrLive === 'true' || sceneData.value?.vrLive === true;
+  console.log('VR视频判断:', {
+    vrLive: sceneData.value?.vrLive,
+    vrLiveType: typeof sceneData.value?.vrLive,
+    sceneData: sceneData.value,
+    isVR
+  });
+  return isVR;
+});
+
+// 获取当前播放的视频URL
+const currentVideoUrl = ref('');
+const coverImage = ref('');
+
+// 添加阿里播放器引用
+const aliPlayer = ref(null);
+
+// 添加播放器初始化状态
+const playerInitialized = ref(false);
+
+// 添加重试次数控制
+const retryCount = ref(0);
+const MAX_RETRY = 3;
+
+// 修改初始化播放器方法
+const initPlayer = (isPreview = false, viewData = null) => {
+  console.log('初始化播放器:', {
+    isVRVideo: isVRVideo.value,
+    isPreview,
+    viewData,
+    sceneData: sceneData.value
+  });
+
+  // 如果是VR视频，不初始化普通播放器
+  if (isVRVideo.value) {
+    console.log('检测到VR视频，跳过普通播放器初始化');
+    return null;
+  }
+
+  // 如果存在播放器实例，先销毁
+  if (player) {
+    try {
+      player.destroy();
+      playerInitialized.value = false;
+    } catch (e) {
+      console.error('销毁播放器失败:', e);
+    }
+    player = null;
+  }
+
+  // 预告状态下只显示封面图
+  if (isPreview) {
+    playerInitialized.value = false;
+    return null;
+  }
+
+  try {
+    // 确保播放器容器存在
+    const playerContainer = document.getElementById('xg-player');
+    if (!playerContainer) {
+      console.error('播放器容器不存在');
+      return null;
+    }
+
+    // 构建播放器配置
+    const source = viewData?.playUrl || sceneData.value?.videoUrl || "";
+    if (!source) {
+      console.error('视频源不存在');
+      return null;
+    }
+
+    console.log('正在初始化播放器，视频源:', source);
+
+    const config = {
+      id: 'xg-player',
+      url: source,
+      poster: viewData?.coverUrl || sceneData.value?.titleImage || '',
       playsinline: true,
+      loop: false,
+      autoplay: false,
+      fluid: true,
+      width: '100%',
+      height: '100%',
+      volume: 0.6,
+      videoInit: true,
+      preloadTime: 30,
+      isLive: sceneData.value?.liveState === '1',
+      ignores: ['replay'],
+      closeVideoClick: false,
+      closeVideoTouch: false,
+      lang: 'zh-cn',
+      // 添加视频类型自动识别
+      mediaType: source.includes('.m3u8') ? 'hls' : 
+                 source.includes('.flv') ? 'flv' : 
+                 'mp4',
+      // 添加跨域支持
+      cors: true,
+      // 添加错误重试机制
+      retry: 3,
+      retryCount: 0,
+      retryDelay: 1000,
+      // 添加预加载设置
       preload: 'auto',
-      useH5Prism: true,
-      useFlashPrism:false,
-      controlBarVisibility: "hover", // 鼠标悬停时显示控制栏
-      controlBarVisibilityOnFs: "hover", // 即使全屏也在鼠标悬停时显示控制栏
-      showBarTime: 5000, // 控制栏显示时间
-      useFlashPrism: false, // 使用 HTML5 播放器而非 Flash 播放器
-      language: "zh-cn", // 设置语言为简体中文
-      x5_video_position:'normal',
-      x5_type:'h5',//通过 video 属性 “x5-video-player-type” 声明启用同层H5播放器
-      skinLayout: [
-          // Specify the UI elements to show/hide
-          {
-            name: "bigPlayButton",
-            align: "blabs",
-            x: 30,
-            y: 80
-          },
-          {
-            name: "H5Loading",
-            align: "cc"
-          },
-          {
-            name: "errorDisplay",
-            align: "tlabs",
-            x: 0,
-            y: 0
-          },
-          {
-            name: "infoDisplay"
-          },
-          {
-            name: "tooltip",
-            align: "blabs",
-            x: 0,
-            y: 56
-          },
-          {
-            name: "thumbnail"
-          },
-          {
-            name: "controlBar",
-            align: "blabs",
-            x: 0,
-            y: 0,
-            children: [
-              {
-                name: "progress",
-                align: "blabs",
-                x: 10, // 设置进度条的起始位置
-                y: 44,
-        
-              },
-              {
-                name: "playButton",
-                align: "tl",
-                x: 15,
-                y: 12
-              },
-              {
-                name: "timeDisplay",
-                align: "tl",
-                x: 10,
-                y: 7
-              },
-              {
-                name: "fullScreenButton",
-                align: "tr",
-                x: 10,
-                y: 12
-              },
-              {
-                name: "volume",
-                align: "tr",
-                x: 10,
-                y: 10
-              },
-            ]
-          }
-        ]
+      // 添加错误处理配置
+      errorTips: '视频加载失败，请刷新重试',
+      loadingTimeout: 20,
+      // 添加播放器核心配置
+      innerKernel: {
+        handleError: true,
+        handleKernelError: true,
+        probePriority: ['hls', 'mp4']
+      }
     };
-   
- 
-  player = new VideoPlayer(playerProps);
+
+    // 创建播放器实例
+    const xgPlayer = new Player(config);
+
+    // 监听播放器事件
+    xgPlayer.on('ready', () => {
+      console.log('播放器准备就绪');
+      playerInitialized.value = true;
+      retryCount.value = 0;
+    });
+
+    // 视频元数据加载完成
+    xgPlayer.on('loadedmetadata', () => {
+      console.log('视频元数据加载完成');
+      playerInitialized.value = true;
+    });
+
+    // 视频加载中
+    xgPlayer.on('waiting', () => {
+      console.log('视频加载中...');
+    });
+
+    // 视频可以播放
+    xgPlayer.on('canplay', () => {
+      console.log('视频可以播放');
+      playerInitialized.value = true;
+    });
+
+    // 错误处理
+    xgPlayer.on('error', async (e) => {
+      console.error('播放器错误:', e);
+      
+      if (retryCount.value < MAX_RETRY) {
+        console.log(`第${retryCount.value + 1}次重试初始化播放器`);
+        retryCount.value++;
+        
+        // 延迟重试
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        
+        try {
+          // 确保旧实例完全销毁
+          if (xgPlayer) {
+            xgPlayer.pause();
+            await new Promise(resolve => setTimeout(resolve, 100));
+            xgPlayer.destroy();
+          }
+          
+          // 重新创建播放器实例
+          const newConfig = {...config};  // 创建配置的副本
+          const newPlayer = new Player(newConfig);
+          return newPlayer;
+        } catch (error) {
+          console.error('重试初始化播放器失败:', error);
+        }
+      } else {
+        playerInitialized.value = false;
+        console.error('播放器初始化失败，已达到最大重试次数');
+        showNotify({ 
+          type: 'danger', 
+          message: '播放器初始化失败，请刷新页面重试'
+        });
+      }
+    });
+
+    // 销毁事件
+    xgPlayer.on('destroy', () => {
+      console.log('播放器销毁');
+      playerInitialized.value = false;
+    });
+
+    return xgPlayer;
+
+  } catch (error) {
+    console.error('初始化播放器失败:', error);
+    playerInitialized.value = false;
+    return null;
+  }
 };
+
 onBeforeUnmount(() => {
   if (player) {
-    player.dispose();
+    try {
+      player.pause();
+      setTimeout(() => {
+        player.destroy();
+        player = null;
+      }, 100);
+    } catch (e) {
+      console.error('组件卸载时清理播放器失败:', e);
+    }
   }
+  clearInterval(countdownTimer);
 });
+
 const showRight = ref(false);
 const hasCountdown = ref(false); //判断是否有倒计时
 const countdownTime = ref(0);
-const activeName = ref("b");
+const activeName = ref("a"); // 默认显示简介
 const offset = ref({ x: '100%', y: '70%' });
-const onClick = () => {
-  showRight.value = true;
+
+// 点击更多直播按钮
+const onClick = async () => {
+  try {
+    // 获取更多直播列表
+    const res = await getMoreLive();
+    
+    if (res.code === 0 && res.MoreScenes && res.MoreScenes.length > 0) {
+      // 显示弹窗
+      showRight.value = true;
+    } else {
+      showNotify({ type: 'warning', message: '没有更多直播可以观看' });
+    }
+  } catch (error) {
+    console.error('获取更多直播失败:', error);
+    showNotify({ type: 'danger', message: '获取更多直播失败' });
+  }
 };
-// 获取sence
-const getSenceList = () => {
-  let params = {
-    id: 2057,
-  };
-  scene(params)
-    .then((res) => {
-      console.log("获取sence", res);
-    })
-    .catch((error) => {
-      console.error("登录接口请求失败", error);
+
+// 处理直播选择
+const handleSelectLive = async (item) => {
+  showRight.value = false; // 关闭弹窗
+  
+  if (item && item.id) {
+    console.log('选择了新的直播:', item);
+    
+    try {
+      // 更新当前视频URL和封面图
+      currentVideoUrl.value = item.videoUrl;
+      coverImage.value = item.titleImage;
+      
+      // 等待DOM更新
+      await nextTick();
+      
+      // 更新路由
+      await router.replace({
+        name: 'Detail',
+        params: { id: item.id }
+      });
+      
+      // 重新获取场景数据并初始化播放器
+      await getSenceList();
+      
+      // 如果有阿里播放器实例，尝试加载新的视频源
+      if (aliPlayer.value) {
+        try {
+          const player = aliPlayer.value.getPlayer();
+          if (player) {
+            player.loadByUrl(currentVideoUrl.value);
+          }
+        } catch (error) {
+          console.error('切换视频源失败:', error);
+          showNotify({ 
+            type: 'danger', 
+            message: '切换视频源失败，请刷新页面重试'
+          });
+        }
+      }
+    } catch (error) {
+      console.error('切换直播失败:', error);
+      showNotify({ 
+        type: 'danger', 
+        message: '切换直播失败，请刷新重试'
+      });
+    }
+  }
+};
+
+const sceneData = ref(null);
+
+// 获取场景数据
+const getSenceList = async () => {
+  const sceneId = route.params.id;
+  console.log("当前场景ID:", sceneId);
+  
+  if (!sceneId) return;
+
+  try {
+    const res = await scene({ id: sceneId });
+
+    if(res.code == 0){
+      // 清空已加载的标签页列表，以便重新加载
+      loadedTabs.value = [];
+      
+      sceneData.value = res.data;
+      console.log("获取视频播放页面场景数据:", sceneData.value);
+      
+      // 初始化视频URL和封面图
+      currentVideoUrl.value = sceneData.value?.liveList?.[0]?.playUrl || sceneData.value?.videoUrl || '';
+      coverImage.value = sceneData.value?.liveList?.[0]?.coverUrl || sceneData.value?.titleImage || '';
+      
+      // 计算是否是预告状态
+      const liveState = sceneData.value.liveState;
+      const startTime = new Date(sceneData.value.liveStart).getTime();
+      const now = new Date().getTime();
+      
+      if (liveState === '0' && startTime > now) {
+        // 预告状态
+        countdownTime.value = Math.floor((startTime - now) / 1000);
+        activeName.value = "a"; // 默认显示简介
+        loadedTabs.value = ['a']; // 预加载简介标签
+        initPlayer(true); // 预告状态只显示封面图
+        startCountdown(); // 开始倒计时
+        
+        // 延迟加载简介数据
+        setTimeout(() => {
+          if (abstractTab.value) {
+            abstractTab.value.loadData();
+          }
+        }, 100);
+      } else {
+        // 直播状态
+        countdownTime.value = 0;
+        activeName.value = "b"; // 默认显示直播
+        loadedTabs.value = ['b']; // 预加载直播标签
+        
+        // 如果有直播列表，使用第一个直播源初始化播放器
+        if (sceneData.value.liveList && sceneData.value.liveList.length > 0) {
+          const firstLive = sceneData.value.liveList[0];
+          console.log("使用第一个直播源初始化:", firstLive);
+          
+          initPlayer(false, {
+            playUrl: firstLive.playUrl,
+            coverUrl: firstLive.coverUrl,
+            name: firstLive.name
+          });
+        } else {
+          // 没有直播列表，使用默认视频源
+          const newPlayer = initPlayer(false);
+        }
+        
+        // 延迟加载现场直播数据
+        setTimeout(() => {
+          if (reportTab.value) {
+            reportTab.value.loadData();
+          }
+        }, 100);
+      }
+
+      // 配置微信分享
+      wxShare({
+        title: route.meta.title,
+        desc: sceneData.value.liveDesc || sceneData.value.title,
+        imgUrl: sceneData.value.titleImage
+      });
+    }
+  } catch (error) {
+    console.error("获取场景数据失败:", error);
+    showNotify({ type: 'danger', message: '获取场景数据失败' });
+  }
+};
+
+// 开始倒计时
+const startCountdown = () => {
+  if (countdownTime.value <= 0) return;
+  
+  countdownTimer = setInterval(() => {
+    countdownTime.value--;
+    
+    if (countdownTime.value <= 0) {
+      clearInterval(countdownTimer);
+      // 倒计时结束，重新获取场景数据并自动播放
+      getSenceList();
+    }
+  }, 1000);
+};
+
+// 监听倒计时变化
+watch(countdownTime, (newValue) => {
+  if (newValue <= 0 && countdownTimer) {
+    clearInterval(countdownTimer);
+    // 倒计时结束，重新获取场景数据并自动播放
+    getSenceList();
+  }
+});
+
+// 修改视角切换处理函数
+const handleViewChange = async (viewData) => {
+  if (!viewData || !viewData.playUrl) {
+    console.error('视频地址不存在:', viewData);
+    showNotify({ type: 'warning', message: '视频地址不存在' });
+    return;
+  }
+  
+  try {
+    console.log('切换视角:', viewData);
+    
+    // 更新视频URL和封面图
+    currentVideoUrl.value = viewData.playUrl;
+    if (viewData.coverUrl) {
+      coverImage.value = viewData.coverUrl;
+    }
+    
+    // 等待DOM更新完成
+    await nextTick();
+    
+    // 通知阿里播放器切换视频源
+    if (aliPlayer.value) {
+      try {
+        // 检查播放器实例的方法
+        console.log('阿里播放器实例方法:', Object.keys(aliPlayer.value));
+        
+        // 尝试使用播放器的source属性或方法来切换视频源
+        if (typeof aliPlayer.value.loadSource === 'function') {
+          await aliPlayer.value.loadSource(viewData.playUrl);
+        } else if (typeof aliPlayer.value.source === 'function') {
+          await aliPlayer.value.source(viewData.playUrl);
+        } else if (typeof aliPlayer.value.load === 'function') {
+          await aliPlayer.value.load(viewData.playUrl);
+        } else {
+          // 如果没有合适的方法，则重新创建播放器实例
+          console.log('重新创建播放器实例');
+          const newPlayer = initPlayer(false, viewData);
+          if (newPlayer) {
+            player = newPlayer;
+          }
+        }
+        console.log('视角切换成功');
+      } catch (error) {
+        console.error('阿里播放器切换视频源失败:', error);
+        throw error;
+      }
+    } else {
+      throw new Error('阿里播放器实例不存在');
+    }
+  } catch (error) {
+    console.error('切换视频源失败:', error);
+    showNotify({ 
+      type: 'danger', 
+      message: '切换视频源失败，请刷新页面重试'
     });
+  }
+};
+
+// 处理倒计时结束
+const handleCountdownEnd = () => {
+  // 重新获取场景数据并初始化播放器
+  getSenceList();
+};
+
+// 监听场景数据变化，当数据变化时刷新当前标签页
+watch(sceneData, (newData) => {
+  if (newData) {
+    console.log('场景数据已更新，刷新当前标签页:', activeName.value);
+    // 根据当前激活的标签页重新加载数据
+    setTimeout(() => {
+      if (activeName.value === 'a' && abstractTab.value) {
+        abstractTab.value.loadData();
+      } else if (activeName.value === 'b' && reportTab.value) {
+        reportTab.value.loadData();
+      } else if (activeName.value === 'c' && commentTab.value) {
+        commentTab.value.loadData();
+      }
+    }, 100);
+  }
+}, { deep: true });
+
+// 监听路由变化，更新微信标题
+watch(() => route.meta.title, (newTitle) => {
+  if (newTitle) {
+    document.title = newTitle;
+  }
+}, { immediate: true });
+
+// 修改播放器就绪处理函数
+const handlePlayerReady = (player) => {
+  console.log('播放器就绪:', player);
+  playerInitialized.value = true;
+};
+
+// 修改播放器错误处理函数
+const handlePlayerError = (error) => {
+  console.error('播放器错误:', error);
+  showNotify({ 
+    type: 'danger', 
+    message: '播放器错误，请检查网络连接或刷新页面重试'
+  });
 };
 </script>
 <style>
-/* AliPlayer */
-.prism-player .prism-controlbar .prism-setting,
-.prism-player .prism-controlbar .prism-subtitle {
+/* 播放器容器样式 */
+.player-container {
+  width: 100%;
+  height: 211px;
+  position: relative;
+  background: #000;
+  overflow: hidden;
+}
+
+/* 西瓜播放器样式 */
+.xg-player {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #000;
+}
+
+/* 封面图样式 */
+.player-cover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  background: #000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.player-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+/* 自定义西瓜播放器控制栏样式 */
+.xgplayer .xgplayer-controls {
+  position: absolute !important;
+  bottom: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  background: rgba(0, 0, 0, 0.5) !important;
+  height: 44px !important;
+  z-index: 10;
+}
+
+/* 加载中样式 */
+.xgplayer .xgplayer-loading {
+  background: rgba(0, 0, 0, 0.5);
+}
+
+.xgplayer .xgplayer-loading .xgplayer-loading-text {
+  color: #fff;
+}
+
+/* 错误提示样式 */
+.xgplayer .xgplayer-error {
   display: none !important;
+}
+
+/* 移动端适配 */
+@media screen and (max-width: 768px) {
+  .xgplayer .xgplayer-controls {
+    height: 40px !important;
+  }
   
-}
-.prism-player .prism-ErrorMessage
-{
-  /* top:20%; */
-  display: none !important;
+  .xgplayer .xgplayer-slider {
+    height: 2px !important;
+  }
   
+  .xgplayer .xgplayer-icon {
+    width: 24px !important;
+    height: 24px !important;
+  }
 }
 
-.prism-player .prism-big-play-btn
-{
-	top:50%!important;
-	left:50%!important;
-	transform:translate(-50%, -50%);
-}
-
-.prism-progress-cursor 
-{
-  margin-left:0px !important;
+/* 横屏模式优化 */
+@media screen and (orientation: landscape) {
+  .player-container {
+    height: 100vh;
+  }
   
+  .xg-player,
+  .player-cover {
+    height: 100vh;
+  }
+  
+  .xgplayer .xgplayer-controls {
+    height: 50px !important;
+  }
 }
 
-.prism-player video
-{
-	object-fit: cover;
-	object-position: 0 0;
-}
-
-
 .van-floating-bubble {
-
   position: fixed;
-  left: 0;
-  top: 0;
   right: 0 !important;
-  transform: translate3d(325.812px, 50vh, 0px)!important;
-  width: 50px;
-  height: 80px;
-  background: #eeeeee;
+  transform: translate3d(325.812px, 50vh, 0px) !important;
+  width: 50px !important;
+  height: 80px !important;
+  background: #eeeeee !important;
   color: #fff;
-  border-radius: 10px;
+  border-radius: 4px !important;
   z-index: 999;
 }
+
+.custom-bubble.van-floating-bubble::before {
+  border-radius: 4px !important;
+  background: #eeeeee !important;
+  border: none !important;
+}
+
 .van-tabs__content {
   width: 100%;
   height: calc(100vh - 130px);
-  /* border:1px solid red; */
   overflow-y: scroll;
+  background-color: #fff;
+}
+
+/* 顶部播放器容器 */
+.top {
+  width: 100%;
+  height: 211px;
+  box-sizing: border-box;
+  background: #000;
+  position: relative;
+  overflow: hidden;
+}
+
+/* VR播放器样式 */
+.top .vr-player-container {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.top .video-js {
+  width: 100%;
+  height: 100%;
 }
 </style>
+
 <style lang="scss" scoped>
 .bubble-content {
   color: rgba(0, 0, 0, 80%);
@@ -248,28 +776,25 @@ const getSenceList = () => {
   width: 10px;
   font-size: 14px;
   line-height: 17px;
-}
-.bubble-content::before {
-  content: "";
-  width: 10px;
-  height: 30%;
-  background: url("../assets/img/jt_black.png") no-repeat;
-  background-size: 100% 100%;
-  left: -15px;
-  top: 30%;
-  position: absolute;
-}
-// 顶部播放器
-.top {
-  width: 100%;
-  height: 211px;
- 
-  box-sizing: border-box;
-  .prism-player {
-    width: 100%;
-    height: 56.26667vw;
-
+  writing-mode: vertical-lr;
+  text-orientation: upright;
+  letter-spacing: 2px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  
+  &::before {
+    content: "";
+    width: 10px;
+    height: 30%;
+    background: url("../assets/img/jt_black.png") no-repeat;
+    background-size: 100% 100%;
+    left: -15px;
+    top: 35%;
+    position: absolute;
   }
 }
-
 </style>
+
diff --git a/src/views/home.vue b/src/views/home.vue
index 71fd01b..54ea3c6 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,162 +1,312 @@
 <template>
   <div class="page">
-  <div class="homePage">
-    <headerVue></headerVue>
-    <div class="home_scroll">
-    <normalSwiper />
-    <div class="channel bg">
-      <titleVue />
-      <gridSwiper />
+    <div class="homePage">
+      <headerVue></headerVue>
+      <div class="home_scroll" @scroll="handleScroll">
+        <!-- 轮播图部分 -->
+        <normalSwiper :items="carouselScene" />
+
+        <!-- 栏目卡片部分 -->
+        <div
+          v-for="(channel, index) in sceneGroupByChannel"
+          :key="channel.channelId"
+          class="channel bg"
+          v-show="
+            channel.isDisplay === 1 &&
+            channel.liveScenes &&
+            channel.liveScenes.length > 0
+          "
+        >
+          <titleVue 
+            :title="channel.titleSetting || channel.channelName" 
+            :channel-id="channel.channelId"
+            :channel-name="channel.channelName"
+          />
+          <component
+            :is="getComponentType(channel.componentType)"
+            :items="channel.liveScenes"
+            :layout="channel.componentLayout"
+          />
+        </div>
+
+        <!-- 直播列表部分 -->
+        <div class="live-list-section">
+          <div class="live-list">
+            <div
+              v-for="(item, index) in liveList"
+              :key="index"
+              class="live-item bg"
+              @click="navigateToDetail(item)"
+            >
+              <div class="live-cover">
+                <img
+                  :src="item.titleImageShow"
+                  :alt="item.title"
+                />
+                <div
+                  class="live-status"
+                  :class="getLiveStateClass(item.liveState)"
+                >
+                  {{ getLiveStatus(item.liveState) }}
+                </div>
+              </div>
+              <div class="live-info">
+                <div class="live-title">{{ item.title }}</div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 加载更多 -->
+          <div v-if="hasMore" class="load-more" @click="loadMore">
+            {{ loading ? "加载中..." : "点击加载更多" }}
+          </div>
+          <div v-else class="no-more">没有更多数据了</div>
+        </div>
+      </div>
     </div>
-    <div class="channel bg">
-      <titleVue />
-      <smallSlideSwiper />
-    </div>
-    <div class="bg">
-      <titleVue style="padding: 10px 20px" />
-      <slideSwiperVue />
-    </div>
-    <div class="channel bg">
-      <titleVue />
-      <gridSwiper />
-    </div>
-    <div class="bg">
-      <titleVue style="padding: 10px 20px" />
-      <slideSwiperVue />
-    </div>
-    <div class="channel bg">
-      <titleVue />
-      <longSlideSwiper />
-    </div>
-    <div class="channel bg">
-      <titleVue />
-      <smallSlideSwiper />
-    </div>
-    <div
-      class="bg normal_item"
-      v-for="(item, index) in simpleList"
-      :key="index"
-    >
-      <!-- <div class="tri"> -->
-      <img :src="item.img" @click="goDetail(item)" />
-      <p class="title">{{ item.title }}</p>
-      <!-- </div> -->
-      <p
-        class="status"
-        :class="{
-          live_status: getStatusClass(item.status) === '直播中',
-          live_coming: getStatusClass(item.status) === '预告',
-          live_review: getStatusClass(item.status) === '精彩回顾',
-        }"
-      >
-        {{ getStatusText(item.status) }}
-      </p>
-    </div>
-    <p class="more">点击加载更多</p>
-  </div>
-  </div>
   </div>
 </template>
+
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted, computed } from "vue";
 import headerVue from "../components/header.vue";
 import normalSwiper from "../components/swipers/normalSwiper.vue";
-import gridSwiper from "../components/swipers/gridSwiper.vue";
-import slideSwiperVue from "../components/swipers/slideSwiper.vue";
-import smallSlideSwiper from "../components/swipers/smallSlideSwiper.vue";
-import longSlideSwiper from "../components/swipers/longSlideSwiper.vue";
 import titleVue from "../components/title.vue";
-import grid1 from "../assets/img/top1.png";
-import grid2 from "../assets/img/top1.png";
-import grid3 from "../assets/img/top1.png";
-import grid4 from "../assets/img/top1.png";
-import {useRouter} from 'vue-router';
+import TypeASwiper from "../components/swipers/TypeASwiper.vue";
+import TypeBSwiper from "../components/swipers/TypeBSwiper.vue";
+import TypeCSwiper from "../components/swipers/TypeCSwiper.vue";
+import { homeList } from "../api/index";
+import { getHomeList } from "../api/detail";
+import { useRouter } from 'vue-router';
+
 const router = useRouter();
-const simpleList = ref([
-  {
-    id: "0",
-    status: "0",
-    img: grid1,
-    title: "防空警报",
-  },
-  {
-    id: "1",
-    status: "1",
-    img: grid2,
-    title: "防空警报",
-  },
-  { id: "2", status: "2", img: grid3, title: "防空警报" },
-  { id: "3", status: "1", img: grid4, title: "防空警报" },
-]);
-// 定义状态码与状态文本的映射
-const statusMap = {
-  0: "直播中",
-  1: "预告",
-  2: "精彩回顾",
+const carouselScene = ref([]);
+const sceneGroupByChannel = ref([]);
+const liveList = ref([]);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const hasMore = ref(true);
+const loading = ref(false);
+
+// 导航到详情页
+const navigateToDetail = (item) => {
+  router.push({
+    name: 'Detail',
+    params: { id: item.id }
+  });
 };
 
-// 根据状态码返回状态文本
-const getStatusText = (status) => statusMap[status] || "";
+const getLiveStateClass = (state) => {
+  const stateMap = {
+    0: "live_coming",
+    1: "live_status",
+    2: "live_review",
+  };
+  return stateMap[state] || "";
+};
 
-// 根据状态码返回对应的CSS类名
-const getStatusClass = (status) => statusMap[status] || "";
-const goDetail = (item) => {
-    console.log(item)
-    router.push({
-      name: 'Detail',
-      query: { item: item.id }
-      
+// 获取对应的组件类型
+const getComponentType = (type) => {
+  const componentMap = {
+    组件A: TypeASwiper,
+    组件B: TypeBSwiper,
+    组件C: TypeCSwiper,
+  };
+  return componentMap[type] || TypeASwiper;
+};
+
+// 获取首页数据
+const fetchHomeData = () => {
+  getHomeList()
+    .then((res) => {
+      if (res.code === 0) {
+        carouselScene.value = res.appView.carouselScene;
+        sceneGroupByChannel.value = res.appView.sceneGroupByChannel;
+      }
     })
-}
+    .catch((error) => {
+      console.error("获取首页数据失败:", error);
+    });
+};
+
+// 获取直播列表数据
+const fetchLiveList = async (page = 1) => {
+  if (loading.value) return;
+  loading.value = true;
+
+  try {
+    const res = await homeList({
+      page: page,
+      size: pageSize.value,
+    });
+
+    if (res.code === 0) {
+      if (page === 1) {
+        liveList.value = res.AppAllScene || [];
+      } else {
+        liveList.value = [...liveList.value, ...(res.AppAllScene || [])];
+      }
+      hasMore.value = (res.AppAllScene || []).length >= pageSize.value;
+    }
+  } catch (error) {
+    console.error("获取直播列表失败:", error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 加载更多
+const loadMore = () => {
+  if (hasMore.value && !loading.value) {
+    currentPage.value += 1;
+    fetchLiveList(currentPage.value);
+  }
+};
+
+// 格式化时间
+const formatTime = (time) => {
+  const date = new Date(time);
+  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(
+    2,
+    "0"
+  )}-${String(date.getDate()).padStart(2, "0")} ${String(
+    date.getHours()
+  ).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
+};
+
+// 获取直播状态
+const getLiveStatus = (status) => {
+  const statusMap = {
+    0: "预告",
+  1: "直播中",
+  2: "精彩回顾",
+  };
+  return statusMap[status] || "";
+};
+
+onMounted(() => {
+  fetchHomeData();
+  fetchLiveList();
+});
 </script>
 
 <style lang="scss" scoped>
 .homePage {
   width: 100%;
-  // width:720px;
-  // margin: 0 auto;
   height: auto;
   background-color: #f5f6f8;
-  .home_scroll{
-    height:calc(100vh - 4rem);
+
+  .home_scroll {
+    height: calc(100vh - 4rem);
     overflow-y: scroll;
   }
 }
+
 .bg {
   margin-top: 10px;
-  padding:0 0 10px 0;
   background: #fff;
   font-size: 16px;
 }
-.normal_item {
-  width: 100%;
-  // height: 212px;
-  // padding: 10px 0;
-  position: relative;
-
-  img {
-    width: 100%;
-    height: 212px;
-  }
-  .title {
-    padding: 0 20px;
-  }
-}
-.status {
-  top:10px;
-  left:25px;
-  position: absolute;
-  color: #fff;
-}
 
 .channel {
-  padding: 0 20px;
-
+  height: auto;
+  padding: 0 20px 0px;
+  margin-bottom: 10px;
+  overflow: visible;
 }
-.more {
-  width: 100%;
-  text-align: center;
-  padding: 10px;
-  color: gray;
+
+.live-list-section {
+  .live-list {
+    .live-item {
+      margin-bottom: 15px;
+      // border-radius: 8px;
+      overflow: hidden;
+      background: #fff;
+      // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+
+      .live-cover {
+        position: relative;
+        width: 100%;
+        padding-bottom: 56.25%; // 16:9 比例
+        background: #f0f0f0;
+
+        img {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+          border-radius: 0px!important;
+        }
+
+        .live-status {
+          position: absolute;
+          top: 8px;
+          left: 8px;
+          z-index: 10;
+        }
+      }
+
+      .live-info {
+        padding: 12px;
+
+        .live-title {
+          font-size: 14px;
+          font-weight: 500;
+          color: #333;
+          line-height: 1.4;
+          margin-bottom: 8px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+        }
+
+        .live-meta {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          font-size: 13px;
+          color: #999;
+
+          .live-position {
+            background: #f5f5f5;
+            padding: 2px 8px;
+            border-radius: 2px;
+          }
+
+          .live-time {
+            color: #999;
+          }
+        }
+      }
+    }
+  }
+
+  .load-more,
+  .no-more {
+    text-align: center;
+    padding: 15px 0;
+    margin: 10px;
+    color: #666;
+    font-size: 14px;
+    // background: #fff;
+    border-radius: 8px;
+  }
+
+  .load-more {
+    cursor: pointer;
+
+    &:hover {
+      color: #1989fa;
+      background: #f5f7fa;
+    }
+
+    &:active {
+      background: #e8f2ff;
+    }
+  }
 }
 </style>
diff --git a/src/views/moreLiveView.vue b/src/views/moreLiveView.vue
new file mode 100644
index 0000000..c60c0a9
--- /dev/null
+++ b/src/views/moreLiveView.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="more-live-view">
+    <div class="nav-header">
+      <div class="back-button" @click="goBack">
+        <van-icon name="arrow-left" size="20" />
+      </div>
+      <div class="page-title">更多直播</div>
+      <div class="empty-space"></div>
+    </div>
+    <div class="content">
+      <moreLive @select-live="goToDetail" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useRouter } from 'vue-router';
+import moreLive from '../components/moreLive.vue';
+
+const router = useRouter();
+
+// 返回上一页
+const goBack = () => {
+  router.back();
+};
+
+// 跳转到直播详情页
+const goToDetail = (item) => {
+  router.push({
+    name: 'Detail',
+    params: { id: item.id }
+  });
+};
+</script>
+
+<style lang="scss" scoped>
+.more-live-view {
+  width: 100%;
+  height: 100vh;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+}
+
+.nav-header {
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 15px;
+  border-bottom: 1px solid #f5f5f5;
+  background-color: #fff;
+  position: relative;
+}
+
+.back-button {
+  padding: 8px;
+  cursor: pointer;
+}
+
+.page-title {
+  font-size: 18px;
+  font-weight: 500;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.empty-space {
+  width: 36px;
+}
+
+.content {
+  flex: 1;
+  overflow-y: auto;
+}
+</style> 
\ No newline at end of file
diff --git a/src/views/searchVue.vue b/src/views/searchVue.vue
index 65e5d08..ba333a5 100644
--- a/src/views/searchVue.vue
+++ b/src/views/searchVue.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="page">
-  <div class="header">
+  <div class="header1">
     <div class="search">
         <van-search
           v-model="value"
@@ -18,7 +18,7 @@
       <p @click="onSearch">搜索</p>
   </div>
 
-  <van-dropdown-menu ref="menuRef" >
+  <van-dropdown-menu ref="menuRef" class="filter-menu">
     <van-dropdown-item  @click="onConfirm"  v-model="isDropdownOpen" title="筛选" ref="itemRef">
       <div class="choice_list">
         <div class="tri">
@@ -80,31 +80,67 @@
       </div>
     </van-dropdown-item>
   </van-dropdown-menu>
-  <contentList v-show="showSearchList"/>
+  <contentList v-show="showSearchList" ref="contentListRef"/>
+  
+  <!-- 自定义时间选择弹窗 -->
   <van-popup
-    v-model:show="showBottom"
+    v-model:show="showCustomDatePicker"
     position="bottom"
-    :style="{ height: '50%' }"
+    round
+    closeable
+    :style="{ height: '45%' }"
   >
-    <van-picker-group
-      v-if="showPickerGroup"
-      :tabs="['开始日期', '结束日期']"
-      @confirm="timeConfirm"
-      @cancel="timeCancel"
-      :style="{ height: '100%' }"
-    >
-      <van-date-picker
-        v-model="startDate"
-        :min-date="minDate"
-        :max-date="maxDate"
-      />
-      <van-date-picker
-        v-model="endDate"
-        :min-date="minDate"
-        :max-date="maxDate"
-      />
-    </van-picker-group>
+    <div class="custom-time-picker">
+      <div class="picker-title">选择时间范围</div>
+      <div class="time-range-buttons">
+        <div class="time-button" @click="openStartPicker">
+          <span class="label">开始时间</span>
+          <span class="value">{{ formatDisplayDate(customStartDate) }}</span>
+        </div>
+        <div class="time-button" @click="openEndPicker">
+          <span class="label">结束时间</span>
+          <span class="value">{{ formatDisplayDate(customEndDate) }}</span>
+        </div>
+      </div>
+      <div class="action-buttons">
+        <van-button block type="default" @click="cancelCustomDate">取消</van-button>
+        <van-button block type="primary" color="#004098" @click="confirmCustomDate">确定</van-button>
+      </div>
+    </div>
   </van-popup>
+
+  <!-- 开始日期选择器 -->
+  <van-popup
+    v-model:show="showStartPicker"
+    position="bottom"
+    round
+  >
+    <van-date-picker
+      v-model="aastartDate"
+      title="选择开始时间"
+      :min-date="minDate"
+      :max-date="maxDate"
+      @confirm="onStartDateConfirm"
+      @cancel="showStartPicker = false"
+    />
+  </van-popup>
+
+  <!-- 结束日期选择器 -->
+  <van-popup
+    v-model:show="showEndPicker"
+    position="bottom"
+    round
+  >
+    <van-date-picker
+      v-model="aaendDate"
+      title="选择结束时间"
+      :min-date="minDateEnd"
+      :max-date="maxDateEnd"
+      @confirm="onEndDateConfirm"
+      @cancel="showEndPicker = false"
+    />
+  </van-popup>
+  
   <div class="hot_list" v-show="!showSearchList">
     <div class="hot_title">
       <img aria-hidden="true" alt="fire-icon" src="../assets/img/hot.svg" />
@@ -112,14 +148,14 @@
     </div>
 
     <table cellspacing="0" cellpadding="">
-      <tr v-for="item in topList" :key="item.id">
-        <td class="order" :style="{ color: getColor(item.id) }">
-          {{ item.id }}
-        </td>
-        <td>{{ item.content }}</td>
+      <tr v-for="(item,index) in topList" :key="index" @click="onHotItemClick(item)">
+        <td class="order" :style="{ color: getColor(index + 1) }">
+          {{ index + 1 }}
+        </td>   
+        <td>{{ item.title }}</td>
         <td>
-          <span :style="{ background: getBgColor(item.id) }" class="bg_color">{{
-            getTipText(item.id)
+          <span :style="{ background: getBgColor(index + 1) }" class="bg_color">{{
+            getTipText(index + 1)
           }}</span>
         </td>
       </tr>
@@ -127,62 +163,339 @@
   </div>
 </div>
 </template>
+
 <script setup>
-import { ref,watch } from "vue";
+import { ref, watch, onMounted, reactive, computed } from "vue";
 import contentList from "../components/contentList.vue";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
+import { getHot } from "../api/detail";
+import { search } from "../api/search";
+import { showToast } from 'vant';
+
 const route = useRoute();
+const router = useRouter();
 const menuRef = ref(null);
 const itemRef = ref(null);
-const value = ref(null);
+const value = ref(""); // 初始化为空字符串
 const showSearchList = ref(false);
-const onSearch = () => {
-  console.log("搜索",value.value);
-  showSearchList.value = true;
+const loading = ref(false);
+const searchResults = ref([]);
+const contentListRef = ref(null);
+
+// 分页参数
+const page = ref(1);
+const pageSize = ref(10);
+const total = ref(0);
+
+// 搜索参数
+const searchParams = reactive({
+  liveDesc: "",
+  startTime: "",
+  endTime: "",
+  channelName: "",
+  page: "1",
+  size: "10",
+  timeState: 0
+});
+
+// 日期选择器状态
+const showCustomDatePicker = ref(false);
+const showStartPicker = ref(false);
+const showEndPicker = ref(false);
+
+// 获取当前日期
+const now = new Date();
+
+// 日期选择器的值
+const aastartDate = ref([new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()]);
+const aaendDate = ref([new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()]);
+
+// 日期选择器范围 - 使用ref包装，避免重复创建
+const minDate = ref(new Date(2020, 0, 1));
+const maxDate = ref(new Date());
+
+// 日期选择相关的状态
+const customStartDate = ref(new Date());
+const customEndDate = ref(new Date());
+
+// 结束时间选择器的值
+const minDateEnd = ref(new Date(2020, 0, 1));
+const maxDateEnd = ref(new Date());
+
+// 格式化日期为字符串（用于API请求）
+const formatDate = (date) => {
+  if (!date) return '';
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return '';
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')} 00:00:00`;
 };
+
+// 打开开始时间选择器
+const openStartPicker = () => {
+  if (customStartDate.value) {
+    const date = new Date(customStartDate.value);
+    aastartDate.value = [date.getFullYear(), date.getMonth() + 1, date.getDate()];
+  }
+  showStartPicker.value = true;
+};
+
+// 打开结束时间选择器
+const openEndPicker = () => {
+  if (customEndDate.value) {
+    const date = new Date(customEndDate.value);
+    aaendDate.value = [date.getFullYear(), date.getMonth() + 1, date.getDate()];
+  }
+  showEndPicker.value = true;
+};
+
+// 开始日期确认
+const onStartDateConfirm = (result) => {
+  try {
+    console.log('开始日期选择结果:', result);
+    if (result && result.selectedValues) {
+      const [year, month, day] = result.selectedValues;
+      const selectedDate = new Date(year, month - 1, day);
+      
+      if (!isNaN(selectedDate.getTime())) {
+        customStartDate.value = selectedDate;
+        searchParams.startTime = formatDate(selectedDate);
+        console.log('设置的开始日期:', formatDate(selectedDate));
+        showStartPicker.value = false;
+      } else {
+        console.error('创建的开始日期无效:', year, month, day);
+      }
+    } else {
+      console.error('无效的开始日期结果:', result);
+    }
+  } catch (error) {
+    console.error('开始日期处理错误:', error);
+  }
+};
+
+// 结束日期确认
+const onEndDateConfirm = (result) => {
+  try {
+    console.log('结束日期选择结果:', result);
+    if (result && result.selectedValues) {
+      const [year, month, day] = result.selectedValues;
+      const selectedDate = new Date(year, month - 1, day);
+      
+      if (!isNaN(selectedDate.getTime())) {
+        customEndDate.value = selectedDate;
+        searchParams.endTime = formatDate(selectedDate);
+        console.log('设置的结束日期:', formatDate(selectedDate));
+        showEndPicker.value = false;
+      } else {
+        console.error('创建的结束日期无效:', year, month, day);
+      }
+    } else {
+      console.error('无效的结束日期结果:', result);
+    }
+  } catch (error) {
+    console.error('结束日期处理错误:', error);
+  }
+};
+
+// 格式化显示日期（仅用于显示，不包含时分秒）
+const formatDisplayDate = (date) => {
+  if (!date) return '请选择';
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return '请选择';
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+};
+
+// 时间筛选逻辑
+const selectTime = (time) => {
+  selectedTime.value = time;
+  
+  if (time === "不限") {
+    searchParams.startTime = "";
+    searchParams.endTime = "";
+    searchParams.timeState = 0;
+    executeSearch();
+  } else if (time === "最近一天") {
+    const oneDayAgo = new Date(now.getTime() - 24 * 60 * 60 * 1000);
+    searchParams.startTime = formatDate(oneDayAgo);
+    searchParams.endTime = formatDate(now);
+    searchParams.timeState = 1;
+    executeSearch();
+  } else if (time === "最近一周") {
+    const oneWeekAgo = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000);
+    searchParams.startTime = formatDate(oneWeekAgo);
+    searchParams.endTime = formatDate(now);
+    searchParams.timeState = 2;
+    executeSearch();
+  } else if (time === "最近一月") {
+    const oneMonthAgo = new Date(now.getFullYear(), now.getMonth() - 1, now.getDate());
+    searchParams.startTime = formatDate(oneMonthAgo);
+    searchParams.endTime = formatDate(now);
+    searchParams.timeState = 3;
+    executeSearch();
+  } else if (time === "自定义") {
+    showCustomDatePicker.value = true;
+    customStartDate.value = new Date();
+    customEndDate.value = new Date();
+    searchParams.timeState = 4;
+  }
+};
+
+// 确认自定义日期范围
+const confirmCustomDate = () => {
+  try {
+    if (customStartDate.value > customEndDate.value) {
+      showToast('开始时间不能晚于结束时间');
+      return;
+    }
+
+    searchParams.startTime = formatDate(customStartDate.value);
+    searchParams.endTime = formatDate(customEndDate.value);
+    showCustomDatePicker.value = false;
+    executeSearch();
+  } catch (error) {
+    console.error('处理日期选择时出错:', error);
+    showToast('日期选择出错，请重试');
+  }
+};
+
+// 取消自定义日期选择
+const cancelCustomDate = () => {
+  showCustomDatePicker.value = false;
+  if (!searchParams.startTime && !searchParams.endTime) {
+    selectedTime.value = '不限';
+    searchParams.timeState = 0;
+  }
+};
+
+// 获取热点榜数据
+const getHotList = async () => {
+  getHot()
+    .then((res) => {
+      if(res.code === 0){
+        topList.value = res.hotSpot;
+        console.log("获取热点榜", topList.value);
+      }
+    })
+    .catch((error) => {
+      console.error("获取热点榜失败", error);
+    });
+};
+
+// 执行搜索接口调用
+const executeSearch = async () => {
+  loading.value = true;
+  
+  try {
+    // 构建搜索参数
+    searchParams.liveDesc = value.value;
+    searchParams.page = page.value.toString();
+    searchParams.size = pageSize.value.toString();
+
+    console.log("执行搜索，参数:", searchParams);
+    
+    const res = await search(searchParams);
+    
+    if (res.code === 0) {
+      // 根据实际接口返回结构获取搜索结果
+      searchResults.value = res.appSearch || [];
+      total.value = res.appSearch?.length || 0;
+
+      // 将搜索结果传递给contentList组件
+      if (contentListRef.value) {
+        contentListRef.value.updateList(searchResults.value);
+      }
+      
+      showSearchList.value = true;
+      console.log("搜索结果:", searchResults.value);
+    } else {
+      console.error("搜索失败:", res.msg);
+    }
+  } catch (error) {
+    console.error("搜索请求出错:", error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 点击搜索按钮事件
+const onSearch = () => {
+  console.log("搜索关键词:", value.value);
+  page.value = 1; // 重置页码
+  executeSearch();
+};
+
+// 清空搜索
 const onClear = () => {
   value.value = ""; // 清空搜索框的值
   showSearchList.value = false; // 显示热点榜
-};
-const onConfirm = () => {
- if( itemRef.value.toggle(false)){
-  // 清空选中的数据
+  // 重置搜索参数
+  searchParams.liveDesc = "";
+  searchParams.startTime = "";
+  searchParams.endTime = "";
+  searchParams.channelName = "";
+  searchParams.timeState = 0;
   selectedTopics.value = [];
   selectedTime.value = "";
- };
-
 };
+
+// 确认筛选
+const onConfirm = () => {
+  executeSearch();
+  itemRef.value.toggle(false); // 关闭筛选菜单
+};
+
 const isDropdownOpen = ref(false); // 初始化下拉菜单状态为关闭
-const showPickerGroup = ref(false);
 const topics = ["不限", "推荐", "政务", "综合", "县区", "社会", "活动", "拍客"];
 const selectedTopics = ref([]);
 const timeOptions = ["不限", "最近一天", "最近一周", "最近一月", "自定义"];
 const selectedTime = ref("");
-const showBottom = ref(false);//底部弹出框
-const selectTime = (time,event) => {
-  selectedTime.value = time;
-  if (time === "自定义") {
+
+// 专题栏目筛选
+const toggleTopic = (topic) => {
+  if (topic === "不限") {
+    // 如果选择的是"不限"，清空其他选项
+    selectedTopics.value = topic === "不限" ? ["不限"] : [];
+    searchParams.channelName = "";
+  } else {
+    // 如果选择的不是"不限"，移除"不限"选项
+    selectedTopics.value = selectedTopics.value.filter(t => t !== "不限");
     
-    showBottom.value = true;
-    showPickerGroup.value = true;  
+    // 切换选中状态
+    if (selectedTopics.value.includes(topic)) {
+      selectedTopics.value = selectedTopics.value.filter(t => t !== topic);
+    } else {
+      selectedTopics.value.push(topic);
+    }
   }
+  
+  // 更新搜索参数
+  if (selectedTopics.value.includes("不限") || selectedTopics.value.length === 0) {
+    searchParams.channelName = "";
+  } else {
+    // 将选中的专题拼接为正确的格式
+    searchParams.channelName = JSON.stringify(selectedTopics.value.join(','));
+  }
+  
+  // 实时执行搜索
+  executeSearch();
 };
 
-const startDate = ref(["2024", "05", "01"]);
-const endDate = ref(["2024", "06", "01"]);
-
-const timeConfirm = (value) => {
-  // 处理确认逻辑
-  console.log("确认的值:", value);
-  showPickerGroup.value = false; // 隐藏日历
-  showBottom.value = false;
+// 监听热榜项点击
+const onHotItemClick = (item) => {
+  if (!item || !item.id) return;
+  
+  console.log("点击热点榜项目:", item);
+  
+  // 直接跳转到详情页
+  router.push({
+    name: 'Detail',
+    params: { id: item.id }
+  });
 };
 
-const timeCancel = () => {
-  // 取消时的处理
-  showPickerGroup.value = false; // 隐藏日历
-  showBottom.value = false;
-};
+// 组件挂载时获取热点榜数据
+onMounted(() => {
+  getHotList();
+});
 
 const topList = ref([
   {
@@ -249,41 +562,6 @@ const getBgColor = (index) => {
     return "transparent";
   }
 };
-const toggleTopic = (topic) => {
-  if (selectedTopics.value.includes(topic)) {
-    selectedTopics.value = selectedTopics.value.filter((t) => t !== topic);
-  } else {
-    selectedTopics.value.push(topic);
-  }
-};
-watch([selectedTopics, selectedTime], () => {
-  
-  // 根据选定的筛选条件更新列表
-  // const filteredList = originalList.filter(item => {
-  //   // 根据选定的筛选条件进行过滤逻辑
-  //   const matchesTopic = selectedTopics.includes(item.topic);
-  //   const matchesTime = item.time >= selectedTime.start && item.time <= selectedTime.end;
-  //   return matchesTopic && matchesTime;
-  // });
-  showSearchList.value = true;
-  // 更新展示的列表
-  // if (filteredList.length > 0) {
-  //   showSearchList.value = true;
-  //   contentList.value = filteredList;
-  // } else {
-  //   showSearchList.value = false;
-  //   contentList.value = originalList; // 如果筛选结果为空，则显示原始列表
-  // }
-});
-// 根据选择条件筛选列表
-const onSearchList = () => {
-  console.log(selectedTopics.value);
-  console.log(selectedTime.value);
-  itemRef.value.toggle(false); // 添加这行代码来关闭下拉菜单
-  showPickerGroup.value = false; // 如果需要，确保时间选择器也同时关闭
-  showBottom.value = false; // 关闭底部弹窗
-
-};
 </script>
 
 <style lang="scss" scoped>
@@ -303,14 +581,80 @@ const onSearchList = () => {
   border-bottom: 1px solid #f2f2f2;
 }
 ::v-deep(.van-search__content){
-background: #fff;
+  background:#fff;
 }
+  
+//   /* 新增图标和提示词样式 */
+//   .van-icon-search {
+//     color: #fff !important;
+//   }
+  
+//   .van-field__control::placeholder {
+//     color: #fff !important;
+//     opacity: 0.8;
+   
+//   }
+// }
 ::v-deep(.van-search__action){
   font-size: 18px;
   transform: translateX(-30px);
-  color: #cccccc;
+  color: #fff;
 }
-.header {
+
+/* 日期选择器样式 */
+.date-picker-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.date-picker-title {
+  text-align: center;
+  padding: 15px 0;
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  border-bottom: 1px solid #f2f2f2;
+}
+
+.date-picker-section {
+  flex: 1;
+  padding: 10px 15px;
+  
+  .date-picker-label {
+    font-size: 14px;
+    color: #666;
+    margin-bottom: 8px;
+    padding-left: 5px;
+  }
+}
+
+.date-picker-buttons {
+  display: flex;
+  padding: 15px;
+  gap: 12px;
+  border-top: 1px solid #f2f2f2;
+  
+  .van-button {
+    flex: 1;
+    height: 40px;
+    font-size: 16px;
+    border-radius: 20px;
+  }
+}
+
+::v-deep(.van-date-picker) {
+  .van-picker__title {
+    color: #004098;
+  }
+  
+  .van-picker-column__item--selected {
+    color: #004098;
+    font-weight: bold;
+  }
+}
+
+.header1 {
   width: 100%;
   display: flex;
   align-items: center;
@@ -327,6 +671,29 @@ background: #fff;
     font-size: 16px;
   }
 }
+
+/* 筛选菜单样式 */
+.filter-menu {
+  position: relative;
+  z-index: 100;
+}
+
+::v-deep(.van-popup) {
+  z-index: 2000 !important;
+}
+
+::v-deep(.van-overlay) {
+  z-index: 1999 !important;
+}
+
+::v-deep(.van-dropdown-menu__bar) {
+  z-index: 1000;
+}
+
+::v-deep(.van-dropdown-item__content) {
+  z-index: 1001;
+}
+
 .choice_list {
   width: 90%;
   margin: 0 auto;
@@ -339,6 +706,8 @@ background: #fff;
     justify-content: space-between;
     p {
       padding: 10px 0;
+      color:#183B86;
+      font-weight: bold;
     }
     // align-items: center;
     .grid {
@@ -355,6 +724,7 @@ background: #fff;
         border: 1px solid #183b86 !important;
         color: #183b86;
         background: #e4ebf4;
+        font-weight: bold;
       }
       .color1 {
         color: #f43760;
@@ -413,4 +783,59 @@ background: #fff;
     font-size: 12px;
   }
 }
+
+.custom-time-picker {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+
+  .picker-title {
+    text-align: center;
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+    margin-bottom: 30px;
+  }
+
+  .time-range-buttons {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+
+    .time-button {
+      background: #f5f5f5;
+      padding: 15px;
+      border-radius: 8px;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+
+      .label {
+        color: #666;
+        font-size: 14px;
+      }
+
+      .value {
+        color: #333;
+        font-size: 16px;
+        font-weight: 500;
+      }
+    }
+  }
+
+  .action-buttons {
+    display: flex;
+    gap: 12px;
+    margin-top: 20px;
+
+    .van-button {
+      flex: 1;
+      height: 40px;
+      font-size: 16px;
+      border-radius: 20px;
+    }
+  }
+}
 </style>
diff --git a/vite.config.js b/vite.config.js
index 9fc9c1b..25a6ca3 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,27 +2,30 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import path from 'path';
 import AutoImport from 'unplugin-auto-import/vite';
-import Components from 'unplugin-vue-components/vite';
-import { VantResolver } from '@vant/auto-import-resolver';
+import Components from 'unplugin-vue-components/vite'
+import { VantResolver } from 'unplugin-vue-components/resolvers'
 // 安装 postcss-pxtorem 和 autoprefixer
 
 // npm install postcss-pxtorem --save
 // npm i autoprefixer
 import pxtoviewport from 'postcss-px-to-viewport';
 import autoprefixer from 'autoprefixer';
+import { fileURLToPath, URL } from 'node:url'
 // https://vitejs.dev/config/
 export default defineConfig({
   base:'./',
   plugins: [
     vue(),
     AutoImport({
-      resolvers: [VantResolver()],
+      imports: ['vue', 'vue-router'],
     }),
     Components({
       resolvers: [VantResolver()],
+      // 禁用自动导入样式
+      dts: true,
+      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+      exclude: [/node_modules/],
     }),
-    
-
   ],
   // css: {
    
@@ -36,17 +39,27 @@ export default defineConfig({
   //     },
    
   // },
+ 
   server: {
     host: "0.0.0.0",
     port: 8123,
-   
+    open: true,
+    cors: true,
+    proxy: {
+      '/api': {
+        target: 'http://192.168.1.100:8080',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, '')
+      }
+    }
   },
   resolve: {
     alias:{
     // 配置src目录
-    "@": path.resolve(__dirname,"src"),
+    "@": fileURLToPath(new URL('./src', import.meta.url)),
     // 导入其他目录
-    "components": path.resolve(__dirname, "components")
+    "components": path.resolve(__dirname, "components"),
+
     }
 },