@tarojs/components 4.1.5-beta.7 → 4.1.5-beta.8

package/dist/cjs/video-75aca914.js

@@ -1,748 +0,0 @@
-'use strict';
-
-const index = require('./index-ae99cbcc.js');
-const Taro = require('@tarojs/taro');
-const index$2 = require('./index-b873e40f.js');
-const index$1 = require('./index-8a70c333.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-const Taro__default = /*#__PURE__*/_interopDefaultLegacy(Taro);
-
-const formatTime = (time) => {
-  if (!time)
-    return '';
-  const sec = Math.round(time % 60);
-  const min = Math.round((time - sec) / 60);
-  return `${min < 10 ? `0${min}` : min}:${sec < 10 ? `0${sec}` : sec}`;
-};
-const calcDist = (x, y) => {
-  return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
-};
-const normalizeNumber = (number) => {
-  return Math.max(-1, Math.min(number, 1));
-};
-let scene = 'default';
-const screenFn = (function () {
-  let val;
-  const fnMap = [
-    [
-      'requestFullscreen',
-      'exitFullscreen',
-      'fullscreenElement',
-      'fullscreenEnabled',
-      'fullscreenchange',
-      'fullscreenerror'
-    ],
-    // New WebKit
-    [
-      'webkitRequestFullscreen',
-      'webkitExitFullscreen',
-      'webkitFullscreenElement',
-      'webkitFullscreenEnabled',
-      'webkitfullscreenchange',
-      'webkitfullscreenerror'
-    ],
-    // Old WebKit
-    [
-      'webkitRequestFullScreen',
-      'webkitCancelFullScreen',
-      'webkitCurrentFullScreenElement',
-      'webkitCancelFullScreen',
-      'webkitfullscreenchange',
-      'webkitfullscreenerror'
-    ],
-    [
-      'mozRequestFullScreen',
-      'mozCancelFullScreen',
-      'mozFullScreenElement',
-      'mozFullScreenEnabled',
-      'mozfullscreenchange',
-      'mozfullscreenerror'
-    ],
-    [
-      'msRequestFullscreen',
-      'msExitFullscreen',
-      'msFullscreenElement',
-      'msFullscreenEnabled',
-      'MSFullscreenChange',
-      'MSFullscreenError'
-    ]
-  ];
-  var defaultIOSMap = [
-    'webkitEnterFullscreen',
-    'webkitExitFullscreen',
-    'webkitCurrentFullScreenElement',
-    'webkitSupportsFullscreen',
-    'fullscreenchange',
-    'fullscreenerror'
-  ];
-  let i = 0;
-  const l = fnMap.length;
-  const ret = {};
-  // This for loop essentially checks the current document object for the property/methods above.
-  for (; i < l; i++) {
-    val = fnMap[i];
-    if (val && val[1] in document) {
-      for (i = 0; i < val.length; i++) {
-        ret[fnMap[0][i]] = val[i];
-      }
-      return ret;
-    }
-  }
-  if (!ret[fnMap[0][0]]) {
-    scene = 'iOS';
-    // when there is no any APIs be set.
-    // In IOS, there is no 'webkitEnterFullscreen' property `in document` but video can use it for fullscreen.
-    // ref: https://developer.apple.com/documentation/webkitjs/htmlvideoelement/1633500-webkitenterfullscreen
-    for (i = 0; i < defaultIOSMap.length; i++) {
-      ret[fnMap[0][i]] = defaultIOSMap[i];
-    }
-  }
-  // If it doesn't find any of them, this whole function returns {}
-  // and the fn variable is set to this returned value.
-  return ret;
-})();
-const isHls = url => /\.(m3u8)($|\?)/i.test(url);
-
-const VideoControl = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.visible = false;
-    this.isDraggingProgressBall = false;
-    this.percentage = 0;
-    this.progressDimensions = {
-      left: 0,
-      width: 0
-    };
-    this.calcPercentage = (pageX) => {
-      let pos = pageX - this.progressDimensions.left;
-      pos = Math.max(pos, 0);
-      pos = Math.min(pos, this.progressDimensions.width);
-      return pos / this.progressDimensions.width;
-    };
-    this.onDragProgressBallStart = () => {
-      this.isDraggingProgressBall = true;
-      this.hideControlsTimer && clearTimeout(this.hideControlsTimer);
-    };
-    this.onClickProgress = (e) => {
-      e.stopPropagation();
-      const percentage = this.calcPercentage(e.pageX);
-      this.seekFunc(percentage * this.duration);
-      this.toggleVisibility(true);
-    };
-    this.controls = undefined;
-    this.currentTime = undefined;
-    this.duration = undefined;
-    this.isPlaying = undefined;
-    this.pauseFunc = undefined;
-    this.playFunc = undefined;
-    this.seekFunc = undefined;
-    this.showPlayBtn = undefined;
-    this.showProgress = undefined;
-  }
-  onDocumentTouchMove(e) {
-    if (!this.isDraggingProgressBall)
-      return;
-    const touchX = e.touches[0].pageX;
-    this.percentage = this.calcPercentage(touchX);
-    this.setProgressBall(this.percentage);
-    this.setCurrentTime(this.percentage * this.duration);
-  }
-  onDocumentTouchEnd() {
-    if (!this.isDraggingProgressBall)
-      return;
-    this.isDraggingProgressBall = false;
-    this.seekFunc(this.percentage * this.duration);
-    this.toggleVisibility(true);
-  }
-  async setProgressBall(percentage) {
-    if (this.progressBallRef) {
-      this.progressBallRef.style.left = `${percentage * 100}%`;
-    }
-  }
-  async toggleVisibility(nextVisible) {
-    const visible = nextVisible === undefined ? !this.visible : nextVisible;
-    if (visible) {
-      this.hideControlsTimer && clearTimeout(this.hideControlsTimer);
-      if (this.isPlaying) {
-        this.hideControlsTimer = setTimeout(() => {
-          this.toggleVisibility(false);
-        }, 2000);
-      }
-      this.el.style.visibility = 'visible';
-    }
-    else {
-      this.el.style.visibility = 'hidden';
-    }
-    this.visible = !!visible;
-  }
-  async getIsDraggingProgressBall() {
-    return this.isDraggingProgressBall;
-  }
-  async setCurrentTime(time) {
-    this.currentTimeRef.innerHTML = formatTime(time);
-  }
-  render() {
-    const { controls, currentTime, duration, isPlaying, pauseFunc, playFunc, showPlayBtn, showProgress } = this;
-    const formattedDuration = formatTime(duration);
-    let playBtn;
-    if (!showPlayBtn) {
-      playBtn = null;
-    }
-    else if (isPlaying) {
-      playBtn = index.h("div", { class: 'taro-video-control-button taro-video-control-button-pause', onClick: pauseFunc });
-    }
-    else {
-      playBtn = index.h("div", { class: 'taro-video-control-button taro-video-control-button-play', onClick: playFunc });
-    }
-    return (index.h(index.Host, { class: 'taro-video-bar taro-video-bar-full' }, controls && (index.h("div", { class: 'taro-video-controls' }, playBtn, showProgress && (index.h("div", { class: 'taro-video-current-time', ref: dom => (this.currentTimeRef = dom) }, formatTime(currentTime))), showProgress && (index.h("div", { class: 'taro-video-progress-container', onClick: this.onClickProgress }, index.h("div", { class: 'taro-video-progress', ref: ref => {
-        if (!ref)
-          return;
-        const rect = ref.getBoundingClientRect();
-        this.progressDimensions.left = rect.left;
-        this.progressDimensions.width = rect.width;
-      } }, index.h("div", { class: 'taro-video-progress-buffered', style: { width: '100%' } }), index.h("div", { class: 'taro-video-ball', ref: dom => (this.progressBallRef = dom), onTouchStart: this.onDragProgressBallStart, style: {
-        left: `${formattedDuration ? (this.currentTime / duration) * 100 : 0}%`
-      } }, index.h("div", { class: 'taro-video-inner' }))))), showProgress && index.h("div", { class: 'taro-video-duration' }, formattedDuration))), index.h("slot", null)));
-  }
-  get el() { return index.getElement(this); }
-};
-
-const VideoDanmu = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.list = [];
-    this.danmuElList = [];
-    this.currentTime = 0;
-    this.enable = false;
-    this.danmuList = [];
-  }
-  ensureProperties(danmu) {
-    const clonedDanmu = Object.assign({}, danmu);
-    if (!('time' in danmu)) {
-      clonedDanmu.time = this.currentTime;
-    }
-    clonedDanmu.key = Math.random();
-    clonedDanmu.bottom = `${Math.random() * 90 + 5}%`;
-    return clonedDanmu;
-  }
-  async sendDanmu(danmuList = []) {
-    if (Array.isArray(danmuList)) {
-      this.list = [
-        ...this.list,
-        ...danmuList.map(danmu => this.ensureProperties(danmu))
-      ];
-    }
-    else {
-      const danmu = danmuList;
-      this.list = [
-        ...this.list,
-        Object.assign({}, this.ensureProperties(danmu))
-      ];
-    }
-  }
-  async tick(currentTime) {
-    this.currentTime = currentTime;
-    if (!this.enable)
-      return;
-    const danmuList = this.list;
-    /**
-     * @todo 这个判断对拖拽进度的处理不严谨
-     */
-    const newDanmuList = danmuList.filter(({ time }) => {
-      return currentTime - time < 4 && currentTime > time;
-    });
-    let shouldUpdate = false;
-    const oldDanmuList = this.danmuList;
-    if (newDanmuList.length !== oldDanmuList.length) {
-      shouldUpdate = true;
-    }
-    else {
-      shouldUpdate = newDanmuList.some(({ key }) => {
-        return oldDanmuList.every((danmu) => {
-          return key !== danmu.key;
-        });
-      });
-    }
-    if (shouldUpdate) {
-      this.danmuList = newDanmuList;
-    }
-  }
-  componentDidUpdate() {
-    requestAnimationFrame(() => {
-      setTimeout(() => {
-        const danmuElList = this.danmuElList.splice(0);
-        danmuElList.forEach(danmu => {
-          danmu.style.left = '0';
-          danmu.style.webkitTransform = 'translateX(-100%)';
-          danmu.style.transform = 'translateX(-100%)';
-        });
-      });
-    });
-  }
-  render() {
-    if (!this.enable)
-      return '';
-    return (index.h(index.Host, { class: 'taro-video-danmu' }, this.danmuList.map(({ text, color, bottom, key }) => (index.h("p", { class: 'taro-video-danmu-item', key: key, style: {
-        color,
-        bottom
-      }, ref: ref => {
-        if (ref) {
-          this.danmuElList.push(ref);
-        }
-      } }, text)))));
-  }
-};
-
-const indexCss = ".taro-video{width:100%;height:225px;line-height:0;display:inline-block;position:relative;overflow:hidden}.taro-video[hidden]{display:none}.taro-video-container{object-position:inherit;background-color:#000;width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0}.taro-video-container.taro-video-type-fullscreen{z-index:999;position:fixed;inset:0}.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-left{transform:translate(-50%,-50%)rotate(-90deg)}.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-right{transform:translate(-50%,-50%)rotate(90deg)}.taro-video-video{object-position:inherit;width:100%;height:100%;display:block}.taro-video-cover{z-index:1;background-color:rgba(1,1,1,.5);-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-box-pack:center;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0;bottom:0;left:0}.taro-video-cover-play-button{background-position:50%;background-repeat:no-repeat;background-size:50%;width:40px;height:40px}.taro-video-cover-duration{color:#fff;margin-top:10px;font-size:16px;line-height:1}.taro-video-bar{visibility:hidden;z-index:1;background-color:rgba(0,0,0,.5);-webkit-box-align:center;align-items:center;height:44px;padding:0 10px;display:flex;position:absolute;bottom:0;right:0;overflow:hidden}.taro-video-bar.taro-video-bar-full{left:0}.taro-video-controls{-webkit-box-flex:1;flex-grow:1;margin:0 8.5px;display:flex}.taro-video-control-button{box-sizing:content-box;width:13px;height:15px;margin-left:-8.5px;padding:14.5px 12.5px}.taro-video-control-button:after{content:\"\";background-position:50%;background-repeat:no-repeat;background-size:100%;width:100%;height:100%;display:block}.taro-video-control-button.taro-video-control-button-play:after,.taro-video-cover-play-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg==)}.taro-video-control-button.taro-video-control-button-pause:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAFlJREFUSA3tksEKACAIQ7X//5zq98wOgQayum8QaGweHhMzG/6OujzKAymn+0LMqivu1XznWmX8/echTIyMyAgTwA72iIwwAexgj8gIE8CO3aMRbDPMaEy5BRGaKcZv8YxRAAAAAElFTkSuQmCC)}.taro-video-current-time,.taro-video-duration{color:#cbcbcb;height:14.5px;margin-top:15px;margin-bottom:14.5px;font-size:12px;line-height:14.5px}.taro-video-progress-container{-webkit-box-flex:2;flex-grow:2;position:relative}.taro-video-progress{background-color:rgba(255,255,255,.4);height:2px;margin:21px 12px;position:relative}.taro-video-progress-buffered{background-color:rgba(255,255,255,.8);width:0;height:100%;transition:width .1s;position:absolute;top:0;left:0}.taro-video-ball{box-sizing:content-box;width:16px;height:16px;margin-left:-22px;padding:14px;position:absolute;top:-21px;left:0}.taro-video-inner{background-color:#fff;border-radius:50%;width:100%;height:100%}.taro-video-danmu-button{color:#fff;white-space:nowrap;border:1px solid #fff;border-radius:5px;margin:0 8.5px;padding:2px 10px;font-size:13px;line-height:1}.taro-video-danmu-button.taro-video-danmu-button-active{color:#48c23d;border-color:#48c23d}.taro-video-fullscreen,.taro-video-mute{box-sizing:content-box;background-position:50%;background-repeat:no-repeat;background-size:50%;width:17px;height:17px;padding:8.5px}.taro-video-fullscreen{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAhUlEQVRYR+2WSwrAMAhEnZO3PfmULLooGEFTiIXJ2s/kRY2wzQeb85sE9CRA8jSzY1YfAFzhJBnU1AVgxH2dSiArCnD9QgGzRNnOech48SRABHoSyFb5in3PSbhyo6yvCPQkEM3u7BsPe/0FIvBfAh/vhKmVbO9SWun1qk/PSVi9TcVPBG6R1YIhgWwNpQAAAABJRU5ErkJggg==)}.taro-video-fullscreen.taro-video-type-fullscreen{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABPUlEQVRYR+2Xu0pDURBF1/ZLxNcHKNiIlfhA7C0UBSEE8RNEBNFPUEQEEbGxFiSSSrCwEHsf5E/ccsSUuWfUhKQ40947+y42Z8+ZK/pcinzf9hhwD1xJ2q/qsb0JHAOzkl5y+lGAGnCWICQtZgAS6DxQk3TeLYA6cAo0JSXxjmW7CcwBdUkJurKiDhSA4kBvHbA9CqwBQx2O7BSw8ssU3ALPFRF4knT3nQLbr8B4LjLBOdAAFgJaLUkjbYC9n+zm+i4kXWbmwCqwnRMCHiXthuZAQOzPrxSA4kBxYDAcsH0EzATCfCLpJjOINoCtgFZabg7bk7AFDAeaGpKWgitZTu5N0kQbYBmYrujo9mX0CVxL+gidAdu9vY5zXhWA4sAgOND3X7NJ4AHYCaxkB8B62gslvecSFpoDOZH/PP8Cnt7hIaM5xCEAAAAASUVORK5CYII=)}.taro-video-mute{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDQtMTFUMTA6MTg6MjArMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk3YmE4Yjg0LTFhNTYtNGM1MS04NDVkLTNiZmYyMGI0ZDc0ZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjg1NGQ3MjlkLWUwNjctZjU0OC1hMTlhLTBlZjQ4OGRkYjJiOSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA1ODY3ZDFlLWQ3NGEtNDgyNC04MDU3LTYzYmRmMTdjODk5ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NjdkMWUtZDc0YS00ODI0LTgwNTctNjNiZGYxN2M4OTllIiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjE4OjIwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTdiYThiODQtMWE1Ni00YzUxLTg0NWQtM2JmZjIwYjRkNzRmIiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjIyOjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz459+FoAAABqElEQVRYhc2XPWsVQRSGnxPjF4oGRfxoRQKGWCU2Ft7CykrQWosEyf/If0hhIPgHDEmbNJZqCFxiQEgTUGxsBUVEHgvnyrjZZJO92V1fGIaZnTPvszPszNlQ6VIjnbr/DwCoDLMNak/dUVfUK0f2rQugnlcX/FevWgFQH6gf3autRgHUC+piiXHzAOmtPx9gXgug8itQx9SXwDpw47AGKXZWvXvQmNFCwE3gCXA2dY0Az4GrRzHONA9cU/vAbERsllEOyh31e8USV2mrMPdG9uyn+rDom2/BHHCm5puWKiKmgdtAnz+rvaxO5mNygEvHaZ5BfADuARvAaWBpP4DGFBHfgBngFzClTrUKkCDeA+9S837rAEnbqb7VFcCpVJ/oCmCw959aB1AfAROpudYqgDoOLKRmPyLelAF8bcD4pPoMeAtcB34AT4uDBqXXwFG8XXUU/72MIuK1OgE8Bs6l7mEvo8up7lN1Ge0n9aK6VHMFZvJTr9S3CiALaCQhqZOSvegMIAvu2UVSWpigLC1fbQ0gm6in7qpfLCQbhwGIYcyPQ53/G3YO8BtUtd35bvKcVwAAAABJRU5ErkJggg==)}.taro-video-mute.taro-video-type-mute{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDQtMTFUMTA6MTk6MDMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjMzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjMzKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzYjJmNjE2LTZmZTUtNDJjNC1iNTgwLTczNzZjZjI2NzdmNSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjYzZjQ2NTYzLWE0ZjktOGQ0Mi1hM2FhLTY3ODJhNDBhYWNjMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjIyYWNjMWFlLTg4ZmMtNDBlZi1iMWM1LTNmODgwY2QzYWI2MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjJhY2MxYWUtODhmYy00MGVmLWIxYzUtM2Y4ODBjZDNhYjYyIiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjE5OjAzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDNiMmY2MTYtNmZlNS00MmM0LWI1ODAtNzM3NmNmMjY3N2Y1IiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjIyOjMzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5PmxYVAAACLklEQVRYhc2XP2sVQRRHz40hKoqaQgVBCy1EozFlGiVFxMLGh4piYWEh+hkEP4YKAVFEEFTyughaCH6DqIVpAhYWEgIxoJE8cywyi5tNHu/tJmvyg2WZO3dmzt47/zZUtoJ6Nhsg09YDiYhKDzACTAFNYH9lEpUq80TdrT5wpV5n/ZV9KoGoo+pXV2uyKkipOaLuUceAt8DhUvQd1FsCYhR4ChzaSIBMHSOi7lOfsByFWiCgEBH1GHAF2JlMPcBt4GC3HUYEaj9wF3gVEVPtfNVTwAXgWX7CDKq/1piAZTSZBmim8qJ6sQ3EgDqb/L7kU3MH2NHtl3dQX3r3Ak21UYAYAj4A/cl0JB+RF+uMRj4iQ+p8zt7KYFLdXKHuRi0gacBhV6a6pd5bA6KRNagFJPU9qv5u47toLmW1HnoR8Q5oAK1CVQu4FBHj/wUkaXsb+4pzpVaQFPqXrN7Be4Fx9VztIOr1BLEtmX4A94E/qdwHTKjDWYM6lu81dSlnn3V570BtuLxaMs2rZ/IgYxsBovaoPwsQA4VoFWEm8ql5DiysNyURsQTMpOIMcDYiPhd8xoGr/FtNC2G6FKXD6ihwGdiVHMoeeh8jYlA9ANwE3kTEp3bO6vE03qOONzR1r/q4RGrquaFFxFxE3ALOA9+6jExpdb180y55AhirhaRTatq0GXEzL8+ZIuI9cBJ4WKiartJf9nWV/mty7UfUafW7erpqRGI9EBuprffvu9n6C1KOmsqwI5A1AAAAAElFTkSuQmCC)}.taro-video-danmu{width:100%;margin-top:14px;margin-bottom:44px;font-size:14px;line-height:14px;position:absolute;top:0;bottom:0;left:0;overflow:visible}.taro-video-danmu-item{color:#fff;white-space:nowrap;line-height:1;transition-property:left,transform;transition-duration:3s;transition-timing-function:linear;position:absolute;left:100%;transform:translate(0)}.taro-video-toast{visibility:hidden;pointer-events:none;color:#000;background-color:rgba(255,255,255,.8);border-radius:5px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-video-toast.taro-video-toast-volume{width:100px;height:100px;display:block}.taro-video-toast-volume .taro-video-toast-title{text-align:center;width:100%;margin-top:10px;font-size:12px;line-height:16px;display:block}.taro-video-toast-volume .taro-video-toast-icon{fill:#000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFhklEQVR4Xu2aeaxfQxTHP1VBES0NIQitWtpaaxeCUkQtaYVa0tiClAq1ExIiQTVppaWxt8RWSa2tWkJQRGgtQaSIpUKEpG0ssbbk28yV2+mZO/e9e3vvu/e98897mZnfzPl+75mZs0wvurn06ub46SGgxwLqZaA3sB/wO/A+8G/V6tS5BU4BJgJbO9DvAMOB36okoQ4CNgAeBEYbQK8Bbm4zAdsBc4EdAyA/APZoKwHHAA8DG2UA/AnYrG0ErAVcD1yXA9gfQJ8c40obsqbPgH7AY8CROTVuFQFD3X7fJid4DWsNAWOAGZ0w58YTsDZwKzChA189PbTRBGwKzAYO6iT4srbAMHfTfAksjulS1iG4JzAH2Dy2YKS/qAVcCdzi1vgZOBZ4PWvNGAG6wgYCW0IwctzNmf06BcEXtYABwOeA4otEfgEOdnGGqV6IAAUopwM6zDYuAVjeKYpYwCjgCWOhH513+b2lhE+Avrj89NPyalzyuCIE6EN9BfQ1dHoPOAD40+9LE6D/5aoqSqtLsgiQC60DTiHzfGCFoaSsQAexZdlTgEuyCDgLuK8u5G7dEAHyKN8CBrtxLwDHAX8Z+l4N3GS0L3db4aN0X5opmc+2XZQAfb2LPd2eciG1lUSRJZ9qYHkZONwiYAjwSc3gs24BXWWWfzEVuMjQez13HljX8v7A28lvEgsInaBVcxLaAvr6sgJLtBWeNTrOB+4w2p8DRvoEnAPcXTVaY70QAbrbXwIONX7zBSAL/tvrk1+iviTllnRry2irr/QSEws4D7izCxMg1XQLLAQGGXpeCkw22kOWI49RMUujCJC+uwAfGtfcImAng4AtAMsBeg04pIkESOfbgQsMsNoGnxrtSrfv7rXrSlwXWN6kLZBgEBiB8iWUUZZPIN/AF1nMoiYSICDfAlt5iB4CxhpAzwXuMtqPBuY1lYB5wFEeqFeAwwyguvIUqvuiQO/xphJwP3Cmhyh0EKrOoGDIF7n+M5pKwEwXrqdBCaQSM77Ig7SSIicDs5pKwIvACA+pzFwZIF9OlKm36QyQV7jEqDDJk5VD58uFgGIGX1Se+6yJFqAKsqI6X84GdDb4Mh0Y5zUqjFYFakUTCXja5QLSmBQHbAL8ahAgT1AeYVreSKLLphGwF/CuAfLJQLldGSTFD75c5d4mNCoWyAqG9gYWGED1AOMKo12ZbiWA/idA++deY2DVTZ0Jh5UJPsFQtD/wDaAHGWl5EzgwaUi2gK4UXS11S0cTIjrMFBtYQdAk4DID0BnAAz4B6wNLgTKKG0VIDBHwqitwpOcW+OOB540FdeipNKbUWFrUtn06o5xOij4KyDuqU0IE3Obl/rLA63pTzm9XA8jKACjdniZAaSKFmUpB1yUhAlTsUEpMh913wEkuTe7rKTzPAHqO44vpKPkFhH3cWWBVV6ogJVYZUgz/tXtIYelzI3Ct0fExIGx6j7iKWBUUveyYBehv1RIjIEsfqziq8Xp4pSBJOYTVJFQcVY3wCFeKUjVGyYfQWB00+5bEVBECrNS+qsOKBpVHNCVWHs+LS7H5PV5pOu9v0+OKEOAXR39w1e1C7wM6AkJ1eLmkRcrpRQiQrqobXO5S3vL3/4kBKMsCknV0k+iasVLUMV3UX5SAPGtED8EOT+L9YENnCasUIXNO2goChFWHqAIRyxXN4qI1BCQg9dJESYq8LnbrCBAR8t50Lig6i0krCRBoVWhVlt45wkBrCRBuRZyPuAguxIPe9lXqhpd9DcZMXOvdkPF0Xu/8dohNUmZ/1QQkuitXr+d4fryuFx3jywQYm6suAqSX8vLTXKJDt4QqO6rtLYspXWZ/nQQkOJTAUJZGIav19q9MvKvN1RUIWKMAY5P3EBBjqO393d4C/gMVHwRQlpx21QAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:50%;width:50%;height:50%;margin-left:25%;display:block}.taro-video-toast-volume .taro-video-toast-value{width:80px;height:5px;margin-top:5px;margin-left:10px}.taro-video-toast-volume .taro-video-toast-value>.taro-video-toast-value-content{overflow:hidden}.taro-video-toast-volume-grids{width:80px;height:5px}.taro-video-toast-volume-grids-item{float:left;background-color:#000;width:7.1px;height:5px}.taro-video-toast-volume-grids-item:not(:first-child){margin-left:1px}.taro-video-toast.taro-video-toast-progress{color:#fff;background-color:rgba(0,0,0,.8);padding:6px;font-size:14px;line-height:18px}";
-
-const Video = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.onPlay = index.createEvent(this, "play", 7);
-    this.onPause = index.createEvent(this, "pause", 7);
-    this.onEnded = index.createEvent(this, "ended", 7);
-    this.onTimeUpdate = index.createEvent(this, "timeupdate", 7);
-    this.onError = index.createEvent(this, "error", 7);
-    this.onFullScreenChange = index.createEvent(this, "fullscreenchange", 7);
-    this.onProgress = index.createEvent(this, "progress", 7);
-    this.onLoadedMetaData = index.createEvent(this, "loadedmetadata", 7);
-    this.currentTime = 0;
-    this.isDraggingProgress = false;
-    this.gestureType = 'none';
-    this.analyzeGesture = (e) => {
-      var _a;
-      const obj = {
-        type: 'none'
-      };
-      const nowX = e.touches[0].screenX;
-      const nowY = e.touches[0].screenY;
-      const distX = nowX - this.lastTouchScreenX;
-      const distY = nowY - this.lastTouchScreenY;
-      const enableVslideGesture = this.isFullScreen ? this.vslideGestureInFullscreen : this.vslideGesture;
-      if (this.gestureType === 'none') {
-        // 两点间距离
-        const dist = calcDist(distX, distY);
-        // 没有移动
-        if (dist < 10)
-          return obj;
-        if (Math.abs(distY) >= Math.abs(distX)) {
-          // 垂直方向移动：调整音量
-          if (enableVslideGesture) {
-            this.gestureType = 'adjustVolume';
-            this.lastVolume = this.videoRef.volume;
-          }
-          else {
-            return obj;
-          }
-        }
-        else if (Math.abs(distY) < Math.abs(distX)) {
-          // 水平方向移动：调整进度
-          if (this.enableProgressGesture) {
-            this.gestureType = 'adjustProgress';
-            this.lastPercentage = this.currentTime / ((_a = this.duration) !== null && _a !== void 0 ? _a : this._duration);
-          }
-          else {
-            return obj;
-          }
-        }
-      }
-      obj.type = this.gestureType;
-      obj.dataX = normalizeNumber(distX / 200);
-      obj.dataY = normalizeNumber(distY / 200);
-      return obj;
-    };
-    this.loadNativePlayer = () => {
-      var _a, _b;
-      if (this.videoRef) {
-        this.videoRef.src = this.src;
-        (_b = (_a = this.videoRef).load) === null || _b === void 0 ? void 0 : _b.call(_a);
-      }
-    };
-    this.init = () => {
-      const { src, videoRef } = this;
-      if (isHls(src)) {
-        Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-        /* webpackExports: ["default"] */
-        'hls.js')); }).then(e => {
-          const Hls = e.default;
-          this.HLS = Hls;
-          if (Hls.isSupported()) {
-            if (this.hls) {
-              this.hls.destroy();
-            }
-            this.hls = new Hls();
-            this.hls.loadSource(src);
-            this.hls.attachMedia(videoRef);
-            this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
-              this.autoplay && this.play();
-            });
-            this.hls.on(Hls.Events.ERROR, (_, data) => {
-              this.handleError(data);
-            });
-          }
-          else if (videoRef.canPlayType('application/vnd.apple.mpegurl')) {
-            this.loadNativePlayer();
-          }
-          else {
-            console.error('该浏览器不支持 HLS 播放');
-          }
-        });
-      }
-      else {
-        this.loadNativePlayer();
-      }
-    };
-    this.handlePlay = () => {
-      this.isPlaying = true;
-      this.isFirst = false;
-      this.controlsRef.toggleVisibility(true);
-      this.onPlay.emit();
-    };
-    this.handlePause = () => {
-      this.isPlaying = false;
-      this.controlsRef.toggleVisibility(true);
-      this.onPause.emit();
-    };
-    this.handleEnded = () => {
-      this.isFirst = true;
-      this.pause();
-      this.controlsRef.toggleVisibility();
-      this.onEnded.emit();
-    };
-    this.handleTimeUpdate = index$1.throttle(async (e) => {
-      var _a, _b;
-      this.currentTime = this.videoRef.currentTime;
-      const duration = this.duration || this._duration;
-      const isControlDragging = await this.controlsRef.getIsDraggingProgressBall();
-      if (this.controls && this.showProgress) {
-        if (!isControlDragging && !this.isDraggingProgress) {
-          this.controlsRef.setProgressBall(this.currentTime / duration);
-          this.controlsRef.setCurrentTime(this.currentTime);
-        }
-      }
-      this.danmuRef.tick(this.currentTime);
-      this.onTimeUpdate.emit({
-        duration: (_a = e.target) === null || _a === void 0 ? void 0 : _a.duration,
-        currentTime: (_b = e.target) === null || _b === void 0 ? void 0 : _b.currentTime
-      });
-      if (this.duration) {
-        if (this.currentTime >= this.duration) {
-          this.seek(0);
-          this.handleEnded();
-        }
-      }
-    }, 250);
-    this.handleError = e => {
-      var _a, _b;
-      if (this.hls) {
-        switch (e.type) {
-          case this.HLS.ErrorTypes.NETWORK_ERROR:
-            // try to recover network error
-            this.onError.emit({ errMsg: e.response });
-            this.hls.startLoad();
-            break;
-          case this.HLS.ErrorTypes.MEDIA_ERROR:
-            this.onError.emit({ errMsg: e.reason || '媒体错误,请重试' });
-            this.hls.recoverMediaError();
-            break;
-        }
-      }
-      else {
-        this.onError.emit({
-          errMsg: (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message,
-        });
-      }
-    };
-    this.handleDurationChange = () => {
-      this._duration = this.videoRef.duration;
-    };
-    this.handleProgress = () => {
-      this.onProgress.emit();
-    };
-    this.handleLoadedMetaData = (e) => {
-      const target = e.target;
-      this.onLoadedMetaData.emit({
-        width: target.videoWidth,
-        height: target.videoHeight,
-        duration: target.duration
-      });
-    };
-    this._play = () => this.videoRef.play();
-    this._pause = () => this.videoRef.pause();
-    this._stop = () => {
-      this.videoRef.pause();
-      this._seek(0);
-    };
-    this._seek = (position) => {
-      this.videoRef.currentTime = position;
-    };
-    this.onTouchStartContainer = (e) => {
-      this.lastTouchScreenX = e.touches[0].screenX;
-      this.lastTouchScreenY = e.touches[0].screenY;
-    };
-    this.onClickContainer = () => {
-      if (this.enablePlayGesture) {
-        const now = Date.now();
-        if (now - this.lastClickedTime < 300) {
-          // 双击
-          this.isPlaying ? this.pause() : this.play();
-        }
-        this.lastClickedTime = now;
-      }
-      this.controlsRef.toggleVisibility();
-    };
-    this.onClickFullScreenBtn = (e) => {
-      e.stopPropagation();
-      this.toggleFullScreen();
-    };
-    this.handleFullScreenChange = e => {
-      // 全屏后，"退出"走的是浏览器事件，在此同步状态
-      const timestamp = new Date().getTime();
-      if (!e.detail && this.isFullScreen && !document[screenFn.fullscreenElement] && timestamp - this.fullScreenTimestamp > 100) {
-        this.toggleFullScreen(false, true);
-      }
-    };
-    this.toggleFullScreen = (isFullScreen = !this.isFullScreen, fromBrowser = false) => {
-      this.isFullScreen = isFullScreen; // this.videoRef?.['webkitDisplayingFullscreen']
-      this.controlsRef.toggleVisibility(true);
-      this.fullScreenTimestamp = new Date().getTime();
-      this.onFullScreenChange.emit({
-        fullScreen: this.isFullScreen,
-        direction: 'vertical'
-      });
-      if (this.isFullScreen && !document[screenFn.fullscreenElement]) {
-        setTimeout(() => {
-          this.videoRef[screenFn.requestFullscreen]({ navigationUI: 'auto' });
-          Taro__default['default'].eventCenter.trigger('__taroEnterFullScreen', {});
-        }, 0);
-      }
-      else {
-        if (!fromBrowser) {
-          // Note: 全屏后，"退出全屏"是浏览器按钮是浏览器内部按钮，非html按钮，点击"退出全屏"按钮是浏览器内部实现功能。此时再次调用exitFullscreen反而会报错，因此不再调用
-          document[screenFn.exitFullscreen]();
-        }
-        Taro__default['default'].eventCenter.trigger('__taroExitFullScreen', {});
-      }
-    };
-    this.toggleMute = (e) => {
-      e.stopPropagation();
-      this.videoRef.muted = !this.isMute;
-      this.controlsRef.toggleVisibility(true);
-      this.isMute = !this.isMute;
-    };
-    this.toggleDanmu = (e) => {
-      e.stopPropagation();
-      this.controlsRef.toggleVisibility(true);
-      this._enableDanmu = !this._enableDanmu;
-    };
-    this.src = undefined;
-    this.duration = undefined;
-    this.controls = true;
-    this.autoplay = false;
-    this.loop = false;
-    this.muted = false;
-    this.initialTime = 0;
-    this.poster = undefined;
-    this.objectFit = 'contain';
-    this.showProgress = true;
-    this.showFullscreenBtn = true;
-    this.showPlayBtn = true;
-    this.showCenterPlayBtn = true;
-    this.showMuteBtn = false;
-    this.danmuList = undefined;
-    this.danmuBtn = false;
-    this.enableDanmu = false;
-    this.enablePlayGesture = false;
-    this.enableProgressGesture = true;
-    this.vslideGesture = false;
-    this.vslideGestureInFullscreen = true;
-    this.nativeProps = {};
-    this._duration = undefined;
-    this._enableDanmu = false;
-    this.isPlaying = false;
-    this.isFirst = true;
-    this.isFullScreen = false;
-    this.fullScreenTimestamp = new Date().getTime();
-    this.isMute = false;
-  }
-  componentWillLoad() {
-    this._enableDanmu = this.enableDanmu;
-    this.isMute = this.muted;
-  }
-  componentDidLoad() {
-    var _a, _b;
-    this.init();
-    if (this.initialTime) {
-      this.videoRef.currentTime = this.initialTime;
-    }
-    // 目前只支持 danmuList 初始化弹幕列表，还未支持更新弹幕列表
-    (_b = (_a = this.danmuRef).sendDanmu) === null || _b === void 0 ? void 0 : _b.call(_a, this.danmuList);
-    if (document.addEventListener) {
-      document.addEventListener(screenFn.fullscreenchange, this.handleFullScreenChange);
-    }
-    if (this.videoRef && scene === 'iOS') {
-      // NOTE: iOS 场景下 fullscreenchange 并不会在退出全屏状态下触发，仅 webkitpresentationmodechanged 与 webkitendfullscreen 可替代
-      this.videoRef.addEventListener('webkitendfullscreen', this.handleFullScreenChange);
-    }
-  }
-  componentDidRender() {
-  }
-  disconnectedCallback() {
-    if (document.removeEventListener) {
-      document.removeEventListener(screenFn.fullscreenchange, this.handleFullScreenChange);
-    }
-    if (this.videoRef && scene === 'iOS') {
-      this.videoRef.removeEventListener('webkitendfullscreen', this.handleFullScreenChange);
-    }
-  }
-  watchEnableDanmu(newVal) {
-    this._enableDanmu = newVal;
-  }
-  watchSrc() {
-    this.init();
-  }
-  async onDocumentTouchMove(e) {
-    if (this.lastTouchScreenX === undefined || this.lastTouchScreenY === undefined)
-      return;
-    if (await this.controlsRef.getIsDraggingProgressBall())
-      return;
-    const gestureObj = this.analyzeGesture(e);
-    if (gestureObj.type === 'adjustVolume') {
-      this.toastVolumeRef.style.visibility = 'visible';
-      const nextVolume = Math.max(Math.min(this.lastVolume - gestureObj.dataY, 1), 0);
-      this.videoRef.volume = nextVolume;
-      this.toastVolumeBarRef.style.width = `${nextVolume * 100}%`;
-    }
-    else if (gestureObj.type === 'adjustProgress') {
-      this.isDraggingProgress = true;
-      this.nextPercentage = Math.max(Math.min(this.lastPercentage + (gestureObj.dataX || 0), 1), 0);
-      if (this.controls && this.showProgress) {
-        this.controlsRef.setProgressBall(this.nextPercentage);
-        this.controlsRef.toggleVisibility(true);
-      }
-      const duration = this.duration || this._duration;
-      this.toastProgressTitleRef.innerHTML = `${formatTime(this.nextPercentage * duration)} / ${formatTime(duration)}`;
-      this.toastProgressRef.style.visibility = 'visible';
-    }
-  }
-  onDocumentTouchEnd() {
-    var _a;
-    if (this.gestureType === 'adjustVolume') {
-      this.toastVolumeRef.style.visibility = 'hidden';
-    }
-    else if (this.gestureType === 'adjustProgress') {
-      this.toastProgressRef.style.visibility = 'hidden';
-    }
-    if (this.isDraggingProgress) {
-      this.isDraggingProgress = false;
-      this.seek(this.nextPercentage * ((_a = this.duration) !== null && _a !== void 0 ? _a : this._duration));
-    }
-    this.gestureType = 'none';
-    this.lastTouchScreenX = undefined;
-    this.lastTouchScreenY = undefined;
-  }
-  async getHlsObject() {
-    // Note: H5 端专属方法，获取 HLS 实例 fix #11894
-    return this.hls;
-  }
-  /** 播放视频 */
-  async play() {
-    this._play();
-  }
-  /** 暂停视频 */
-  async pause() {
-    this._pause();
-  }
-  /** 停止视频 */
-  async stop() {
-    this._stop();
-  }
-  /** 跳转到指定位置 */
-  async seek(position) {
-    this._seek(position);
-  }
-  /** 进入全屏。若有自定义内容需在全屏时展示，需将内容节点放置到 video 节点内。 */
-  async requestFullScreen() {
-    this.toggleFullScreen(true);
-  }
-  /** 退出全屏 */
-  async exitFullScreen() {
-    this.toggleFullScreen(false);
-  }
-  render() {
-    const { controls, autoplay, loop, muted, poster, objectFit, isFirst, isMute, isFullScreen, showCenterPlayBtn, isPlaying, _enableDanmu, showMuteBtn, danmuBtn, showFullscreenBtn, nativeProps } = this;
-    const duration = this.duration || this._duration;
-    const durationTime = formatTime(duration);
-    return (index.h(index.Host, { class: index$2.classnames('taro-video-container', {
-        'taro-video-type-fullscreen': isFullScreen
-      }), onTouchStart: this.onTouchStartContainer, onClick: this.onClickContainer }, index.h("video", Object.assign({ class: 'taro-video-video', style: {
-        'object-fit': objectFit
-      }, ref: dom => {
-        if (dom) {
-          this.videoRef = dom;
-        }
-      }, autoplay: autoplay, loop: loop, muted: muted, poster: controls ? poster : undefined, playsinline: true, "webkit-playsinline": true, onPlay: this.handlePlay, onPause: this.handlePause, onEnded: this.handleEnded, onTimeUpdate: this.handleTimeUpdate, onError: this.handleError, onDurationChange: this.handleDurationChange, onProgress: this.handleProgress, onLoadedMetaData: this.handleLoadedMetaData }, nativeProps), "\u6682\u65F6\u4E0D\u652F\u6301\u64AD\u653E\u8BE5\u89C6\u9891"), index.h("taro-video-danmu", { ref: dom => {
-        if (dom) {
-          this.danmuRef = dom;
-        }
-      }, enable: _enableDanmu }), isFirst && showCenterPlayBtn && !isPlaying && (index.h("div", { class: 'taro-video-cover' }, index.h("div", { class: 'taro-video-cover-play-button', onClick: () => this.play() }), index.h("p", { class: 'taro-video-cover-duration' }, durationTime))), index.h("taro-video-control", { ref: dom => {
-        if (dom) {
-          this.controlsRef = dom;
-        }
-      }, controls: controls, currentTime: this.currentTime, duration: duration, isPlaying: this.isPlaying, pauseFunc: this._pause, playFunc: this._play, seekFunc: this._seek, showPlayBtn: this.showPlayBtn, showProgress: this.showProgress }, showMuteBtn && (index.h("div", { class: index$2.classnames('taro-video-mute', {
-        'taro-video-type-mute': isMute
-      }), onClick: this.toggleMute })), danmuBtn && (index.h("div", { class: index$2.classnames('taro-video-danmu-button', {
-        'taro-video-danmu-button-active': _enableDanmu
-      }), onClick: this.toggleDanmu }, "\u5F39\u5E55")), showFullscreenBtn && (index.h("div", { class: index$2.classnames('taro-video-fullscreen', {
-        'taro-video-type-fullscreen': isFullScreen
-      }), onClick: this.onClickFullScreenBtn }))), index.h("div", { class: 'taro-video-toast taro-video-toast-volume', ref: dom => {
-        if (dom) {
-          this.toastVolumeRef = dom;
-        }
-      } }, index.h("div", { class: 'taro-video-toast-title' }, "\u97F3\u91CF"), index.h("div", { class: 'taro-video-toast-icon' }), index.h("div", { class: 'taro-video-toast-value' }, index.h("div", { class: 'taro-video-toast-value-content', ref: dom => {
-        if (dom) {
-          this.toastVolumeBarRef = dom;
-        }
-      } }, index.h("div", { class: 'taro-video-toast-volume-grids' }, Array(10).fill(1).map(() => (index.h("div", { class: 'taro-video-toast-volume-grids-item' }))))))), index.h("div", { class: 'taro-video-toast taro-video-toast-progress', ref: dom => {
-        if (dom) {
-          this.toastProgressRef = dom;
-        }
-      } }, index.h("div", { class: 'taro-video-toast-title', ref: dom => {
-        if (dom) {
-          this.toastProgressTitleRef = dom;
-        }
-      } }))));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "enableDanmu": ["watchEnableDanmu"],
-    "src": ["watchSrc"]
-  }; }
-};
-Video.style = indexCss;
-
-exports.Video = Video;
-exports.VideoControl = VideoControl;
-exports.VideoDanmu = VideoDanmu;