@tarojs/components 3.6.0-canary.9 → 3.6.0

package/dist/components/taro-video-core.js

@@ -0,0 +1,490 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+import { t as throttle } from './index3.js';
+import { n as normalizeNumber, i as isHls, s as screenFn, a as scene, f as formatTime, d as defineCustomElement$3, c as calcDist } from './video-control.js';
+import { d as defineCustomElement$2 } from './video-danmu.js';
+
+const indexCss = ".taro-video{display:inline-block;overflow:hidden;position:relative;width:100%;height:225px;line-height:0}.taro-video[hidden]{display:none}.taro-video-container{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;-o-object-position:inherit;object-position:inherit}.taro-video-container.taro-video-type-fullscreen{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999}.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-left{-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg)}.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-right{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.taro-video-video{width:100%;height:100%;-o-object-position:inherit;object-position:inherit}.taro-video-cover{display:-ms-flexbox;display:flex;position:absolute;left:0;top:0;bottom:0;z-index:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;background-color:rgba(1, 1, 1, 0.5);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-webkit-box-align:center}.taro-video-cover-play-button{width:40px;height:40px;background-repeat:no-repeat;background-position:50% 50%;background-size:50%}.taro-video-cover-duration{margin-top:10px;line-height:1;font-size:16px;color:#fff}.taro-video-bar{display:-ms-flexbox;display:flex;visibility:hidden;overflow:hidden;position:absolute;right:0;bottom:0;z-index:1;-ms-flex-align:center;align-items:center;padding:0 10px;height:44px;background-color:rgba(0, 0, 0, 0.5);-webkit-box-align:center}.taro-video-bar.taro-video-bar-full{left:0}.taro-video-controls{display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 8.5px}.taro-video-control-button{-webkit-box-sizing:content-box;box-sizing:content-box;margin-left:-8.5px;padding:14.5px 12.5px;width:13px;height:15px}.taro-video-control-button::after{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;content:\"\"}.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{margin-top:15px;margin-bottom:14.5px;height:14.5px;line-height:14.5px;font-size:12px;color:#cbcbcb}.taro-video-progress-container{position:relative;-ms-flex-positive:2;flex-grow:2;-webkit-box-flex:2}.taro-video-progress{position:relative;margin:21px 12px;height:2px;background-color:rgba(255, 255, 255, 0.4)}.taro-video-progress-buffered{position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(255, 255, 255, 0.8);-webkit-transition:width 0.1s;transition:width 0.1s}.taro-video-ball{position:absolute;left:0;top:-21px;-webkit-box-sizing:content-box;box-sizing:content-box;margin-left:-22px;padding:14px;width:16px;height:16px}.taro-video-inner{border-radius:50%;width:100%;height:100%;background-color:#fff}.taro-video-danmu-button{margin:0 8.5px;padding:2px 10px;border:1px solid #fff;border-radius:5px;line-height:1;font-size:13px;color:#fff;white-space:nowrap}.taro-video-danmu-button.taro-video-danmu-button-active{border-color:#48c23d;color:#48c23d}.taro-video-fullscreen,.taro-video-mute{-webkit-box-sizing:content-box;box-sizing:content-box;padding:8.5px;width:17px;height:17px;background-repeat:no-repeat;background-position:50% 50%;background-size:50%}.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{overflow:visible;position:absolute;left:0;top:0;bottom:0;margin-top:14px;margin-bottom:44px;width:100%;line-height:14px;font-size:14px}.taro-video-danmu-item{position:absolute;left:100%;line-height:1;color:#fff;white-space:nowrap;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-property:left, -webkit-transform;transition-property:left, -webkit-transform;transition-property:left, transform;transition-property:left, transform, -webkit-transform;-webkit-transition-duration:3s;transition-duration:3s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.taro-video-toast{display:block;visibility:hidden;position:absolute;left:50%;top:50%;border-radius:5px;background-color:rgba(255, 255, 255, 0.8);pointer-events:none;color:#000;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.taro-video-toast.taro-video-toast-volume{display:block;width:100px;height:100px}.taro-video-toast-volume .taro-video-toast-title{display:block;margin-top:10px;width:100%;line-height:16px;text-align:center;font-size:12px}.taro-video-toast-volume .taro-video-toast-icon{display:block;margin-left:25%;width:50%;height:50%;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-repeat:no-repeat;background-position:50% 50%;background-size:50%;fill:#000}.taro-video-toast-volume .taro-video-toast-value{margin-left:10px;margin-top:5px;width:80px;height:5px}.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;width:7.1px;height:5px;background-color:#000}.taro-video-toast-volume-grids-item:not(:first-child){margin-left:1px}.taro-video-toast.taro-video-toast-progress{padding:6px;background-color:rgba(0, 0, 0, 0.8);line-height:18px;font-size:14px;color:#fff}";
+
+const Video = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onPlay = createEvent(this, "play", 7);
+    this.onPause = createEvent(this, "pause", 7);
+    this.onEnded = createEvent(this, "ended", 7);
+    this.onTimeUpdate = createEvent(this, "timeupdate", 7);
+    this.onError = createEvent(this, "error", 7);
+    this.onFullScreenChange = createEvent(this, "fullscreenchange", 7);
+    this.onProgress = createEvent(this, "progress", 7);
+    this.onLoadedMetaData = 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)) {
+        import('./hls.js').then(function (n) { return n.h; }).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 = 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);
+      }
+    };
+    this.toggleFullScreen = (isFullScreen = !this.isFullScreen) => {
+      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' });
+        }, 0);
+      }
+    };
+    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;
+  }
+  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 (h(Host, { class: classnames('taro-video-container', {
+        'taro-video-type-fullscreen': isFullScreen
+      }), onTouchStart: this.onTouchStartContainer, onClick: this.onClickContainer }, 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"), h("taro-video-danmu", { ref: dom => {
+        if (dom) {
+          this.danmuRef = dom;
+        }
+      }, enable: _enableDanmu }), isFirst && showCenterPlayBtn && !isPlaying && (h("div", { class: 'taro-video-cover' }, h("div", { class: 'taro-video-cover-play-button', onClick: () => this.play() }), h("p", { class: 'taro-video-cover-duration' }, durationTime))), 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 && (h("div", { class: classnames('taro-video-mute', {
+        'taro-video-type-mute': isMute
+      }), onClick: this.toggleMute })), danmuBtn && (h("div", { class: classnames('taro-video-danmu-button', {
+        'taro-video-danmu-button-active': _enableDanmu
+      }), onClick: this.toggleDanmu }, "\u5F39\u5E55")), showFullscreenBtn && (h("div", { class: classnames('taro-video-fullscreen', {
+        'taro-video-type-fullscreen': isFullScreen
+      }), onClick: this.onClickFullScreenBtn }))), h("div", { class: 'taro-video-toast taro-video-toast-volume', ref: dom => {
+        if (dom) {
+          this.toastVolumeRef = dom;
+        }
+      } }, h("div", { class: 'taro-video-toast-title' }, "\u97F3\u91CF"), h("div", { class: 'taro-video-toast-icon' }), h("div", { class: 'taro-video-toast-value' }, h("div", { class: 'taro-video-toast-value-content', ref: dom => {
+        if (dom) {
+          this.toastVolumeBarRef = dom;
+        }
+      } }, h("div", { class: 'taro-video-toast-volume-grids' }, Array(10).fill(1).map(() => (h("div", { class: 'taro-video-toast-volume-grids-item' }))))))), h("div", { class: 'taro-video-toast taro-video-toast-progress', ref: dom => {
+        if (dom) {
+          this.toastProgressRef = dom;
+        }
+      } }, h("div", { class: 'taro-video-toast-title', ref: dom => {
+        if (dom) {
+          this.toastProgressTitleRef = dom;
+        }
+      } }))));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "enableDanmu": ["watchEnableDanmu"],
+    "src": ["watchSrc"]
+  }; }
+  static get style() { return indexCss; }
+}, [0, "taro-video-core", {
+    "src": [1],
+    "duration": [2],
+    "controls": [4],
+    "autoplay": [4],
+    "loop": [4],
+    "muted": [4],
+    "initialTime": [2, "initial-time"],
+    "poster": [1],
+    "objectFit": [1, "object-fit"],
+    "showProgress": [4, "show-progress"],
+    "showFullscreenBtn": [4, "show-fullscreen-btn"],
+    "showPlayBtn": [4, "show-play-btn"],
+    "showCenterPlayBtn": [4, "show-center-play-btn"],
+    "showMuteBtn": [4, "show-mute-btn"],
+    "danmuList": [16],
+    "danmuBtn": [4, "danmu-btn"],
+    "enableDanmu": [4, "enable-danmu"],
+    "enablePlayGesture": [4, "enable-play-gesture"],
+    "enableProgressGesture": [4, "enable-progress-gesture"],
+    "vslideGesture": [4, "vslide-gesture"],
+    "vslideGestureInFullscreen": [4, "vslide-gesture-in-fullscreen"],
+    "nativeProps": [16],
+    "_duration": [32],
+    "_enableDanmu": [32],
+    "isPlaying": [32],
+    "isFirst": [32],
+    "isFullScreen": [32],
+    "fullScreenTimestamp": [32],
+    "isMute": [32],
+    "getHlsObject": [64],
+    "play": [64],
+    "pause": [64],
+    "stop": [64],
+    "seek": [64],
+    "requestFullScreen": [64],
+    "exitFullScreen": [64]
+  }, [[5, "touchmove", "onDocumentTouchMove"], [5, "touchend", "onDocumentTouchEnd"], [5, "touchcancel", "onDocumentTouchEnd"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-video-core", "taro-video-control", "taro-video-danmu"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-video-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Video);
+      }
+      break;
+    case "taro-video-control":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "taro-video-danmu":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const TaroVideoCore = Video;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroVideoCore, defineCustomElement };
+
+//# sourceMappingURL=taro-video-core.js.map

package/dist/components/taro-video-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-video-core.js","mappings":"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","names":["classNames"],"sources":["./src/components/video/style/index.scss?tag=taro-video-core","./src/components/video/video.tsx"],"sourcesContent":["@charset \"UTF-8\";\n\n.taro-video {\n  display: inline-block;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 225px;\n  line-height: 0;\n}\n\n.taro-video[hidden] {\n  display: none;\n}\n\n.taro-video-container {\n  display: inline-block;\n\n  // NOTE: video 元素父节点设置该属性会导致 iOS 元素层级问题 https://stackoverflow.com/questions/49653475/video-and-z-index-inside-scaled-element-some-divs-disappear\n  // overflow: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n  object-position: inherit;\n}\n\n.taro-video-container.taro-video-type-fullscreen {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 999;\n}\n\n.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-left {\n  transform: translate(-50%, -50%) rotate(-90deg);\n}\n\n.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-right {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n\n.taro-video-video {\n  width: 100%;\n  height: 100%;\n  object-position: inherit;\n}\n\n.taro-video-cover {\n  display: flex;\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  background-color: rgb(1 1 1 / 50%);\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-box-pack: center;\n  -webkit-box-align: center;\n}\n\n.taro-video-cover-play-button {\n  width: 40px;\n  height: 40px;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: 50%;\n}\n\n.taro-video-cover-duration {\n  margin-top: 10px;\n  line-height: 1;\n  font-size: 16px;\n  color: #fff;\n}\n\n.taro-video-bar {\n  display: flex;\n  visibility: hidden;\n  overflow: hidden;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n  align-items: center;\n  padding: 0 10px;\n  height: 44px;\n  background-color: rgb(0 0 0 / 50%);\n  -webkit-box-align: center;\n}\n\n.taro-video-bar.taro-video-bar-full {\n  left: 0;\n}\n\n.taro-video-controls {\n  display: flex;\n  -webkit-box-flex: 1;\n  flex-grow: 1;\n  margin: 0 8.5px;\n}\n\n.taro-video-control-button {\n  box-sizing: content-box;\n  margin-left: -8.5px;\n  padding: 14.5px 12.5px;\n  width: 13px;\n  height: 15px;\n}\n\n.taro-video-control-button::after {\n  display: block;\n  width: 100%;\n  height: 100%;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: 100%;\n  content: \"\";\n}\n\n.taro-video-control-button.taro-video-control-button-play::after,\n.taro-video-cover-play-button {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg==\");\n}\n\n.taro-video-control-button.taro-video-control-button-pause::after {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAFlJREFUSA3tksEKACAIQ7X//5zq98wOgQayum8QaGweHhMzG/6OujzKAymn+0LMqivu1XznWmX8/echTIyMyAgTwA72iIwwAexgj8gIE8CO3aMRbDPMaEy5BRGaKcZv8YxRAAAAAElFTkSuQmCC\");\n}\n\n.taro-video-current-time,\n.taro-video-duration {\n  margin-top: 15px;\n  margin-bottom: 14.5px;\n  height: 14.5px;\n  line-height: 14.5px;\n  font-size: 12px;\n  color: #cbcbcb;\n}\n\n.taro-video-progress-container {\n  position: relative;\n  flex-grow: 2;\n  -webkit-box-flex: 2;\n}\n\n.taro-video-progress {\n  position: relative;\n  margin: 21px 12px;\n  height: 2px;\n  background-color: hsl(0deg 0% 100% / 40%);\n}\n\n.taro-video-progress-buffered {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 0;\n  height: 100%;\n  background-color: hsl(0deg 0% 100% / 80%);\n  transition: width 0.1s;\n}\n\n.taro-video-ball {\n  position: absolute;\n  left: 0;\n  top: -21px;\n  box-sizing: content-box;\n  margin-left: -22px;\n  padding: 14px;\n  width: 16px;\n  height: 16px;\n}\n\n.taro-video-inner {\n  border-radius: 50%;\n  width: 100%;\n  height: 100%;\n  background-color: #fff;\n}\n\n.taro-video-danmu-button {\n  margin: 0 8.5px;\n  padding: 2px 10px;\n  border: 1px solid #fff;\n  border-radius: 5px;\n  line-height: 1;\n  font-size: 13px;\n  color: #fff;\n  white-space: nowrap;\n}\n\n.taro-video-danmu-button.taro-video-danmu-button-active {\n  border-color: #48c23d;\n  color: #48c23d;\n}\n\n.taro-video-fullscreen,\n.taro-video-mute {\n  box-sizing: content-box;\n  padding: 8.5px;\n  width: 17px;\n  height: 17px;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: 50%;\n}\n\n.taro-video-fullscreen {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAhUlEQVRYR+2WSwrAMAhEnZO3PfmULLooGEFTiIXJ2s/kRY2wzQeb85sE9CRA8jSzY1YfAFzhJBnU1AVgxH2dSiArCnD9QgGzRNnOech48SRABHoSyFb5in3PSbhyo6yvCPQkEM3u7BsPe/0FIvBfAh/vhKmVbO9SWun1qk/PSVi9TcVPBG6R1YIhgWwNpQAAAABJRU5ErkJggg==\");\n}\n\n.taro-video-fullscreen.taro-video-type-fullscreen {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABPUlEQVRYR+2Xu0pDURBF1/ZLxNcHKNiIlfhA7C0UBSEE8RNEBNFPUEQEEbGxFiSSSrCwEHsf5E/ccsSUuWfUhKQ40947+y42Z8+ZK/pcinzf9hhwD1xJ2q/qsb0JHAOzkl5y+lGAGnCWICQtZgAS6DxQk3TeLYA6cAo0JSXxjmW7CcwBdUkJurKiDhSA4kBvHbA9CqwBQx2O7BSw8ssU3ALPFRF4knT3nQLbr8B4LjLBOdAAFgJaLUkjbYC9n+zm+i4kXWbmwCqwnRMCHiXthuZAQOzPrxSA4kBxYDAcsH0EzATCfCLpJjOINoCtgFZabg7bk7AFDAeaGpKWgitZTu5N0kQbYBmYrujo9mX0CVxL+gidAdu9vY5zXhWA4sAgOND3X7NJ4AHYCaxkB8B62gslvecSFpoDOZH/PP8Cnt7hIaM5xCEAAAAASUVORK5CYII=\");\n}\n\n.taro-video-mute {\n  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==\");\n}\n\n.taro-video-mute.taro-video-type-mute {\n  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\");\n}\n\n.taro-video-danmu {\n  overflow: visible;\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  margin-top: 14px;\n  margin-bottom: 44px;\n  width: 100%;\n  line-height: 14px;\n  font-size: 14px;\n}\n\n.taro-video-danmu-item {\n  position: absolute;\n  left: 100%;\n  line-height: 1;\n  color: #fff;\n  white-space: nowrap;\n  transform: translateX(0);\n  transition-property: left, transform;\n  transition-duration: 3s;\n  transition-timing-function: linear;\n}\n\n.taro-video-toast {\n  display: block;\n  visibility: hidden;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  border-radius: 5px;\n  background-color: hsl(0deg 0% 100% / 80%);\n  pointer-events: none;\n  color: #000;\n  transform: translate(-50%, -50%);\n}\n\n.taro-video-toast.taro-video-toast-volume {\n  display: block;\n  width: 100px;\n  height: 100px;\n}\n\n.taro-video-toast-volume .taro-video-toast-title {\n  display: block;\n  margin-top: 10px;\n  width: 100%;\n  line-height: 16px;\n  text-align: center;\n  font-size: 12px;\n}\n\n.taro-video-toast-volume .taro-video-toast-icon {\n  display: block;\n  margin-left: 25%;\n  width: 50%;\n  height: 50%;\n  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==\");\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: 50%;\n  fill: #000;\n}\n\n.taro-video-toast-volume .taro-video-toast-value {\n  margin-left: 10px;\n  margin-top: 5px;\n  width: 80px;\n  height: 5px;\n}\n\n.taro-video-toast-volume .taro-video-toast-value > .taro-video-toast-value-content {\n  overflow: hidden;\n}\n\n.taro-video-toast-volume-grids {\n  width: 80px;\n  height: 5px;\n}\n\n.taro-video-toast-volume-grids-item {\n  float: left;\n  width: 7.1px;\n  height: 5px;\n  background-color: #000;\n}\n\n.taro-video-toast-volume-grids-item:not(:first-child) {\n  margin-left: 1px;\n}\n\n.taro-video-toast.taro-video-toast-progress {\n  padding: 6px;\n  background-color: rgb(0 0 0 / 80%);\n  line-height: 18px;\n  font-size: 14px;\n  color: #fff;\n}\n","import { Component, h, ComponentInterface, Prop, State, Event, EventEmitter, Host, Watch, Listen, Element, Method } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { throttle } from '../../utils'\nimport {\n  formatTime,\n  calcDist,\n  normalizeNumber,\n  screenFn,\n  isHls,\n  scene\n} from './utils'\n\nimport type HLS from 'hls.js'\n\n@Component({\n  tag: 'taro-video-core',\n  styleUrl: './style/index.scss'\n})\nexport class Video implements ComponentInterface {\n  private videoRef: HTMLVideoElement\n  private controlsRef: HTMLTaroVideoControlElement\n  private danmuRef: HTMLTaroVideoDanmuElement\n  private toastProgressRef: HTMLDivElement\n  private toastProgressTitleRef: HTMLDivElement\n  private toastVolumeRef: HTMLDivElement\n  private toastVolumeBarRef: HTMLDivElement\n  private currentTime = 0\n  private lastClickedTime: number\n  private lastTouchScreenX: number | undefined\n  private lastTouchScreenY: number | undefined\n  private isDraggingProgress = false\n  private lastVolume: number\n  private lastPercentage: number\n  private nextPercentage: number\n  private gestureType = 'none'\n  private HLS: typeof HLS\n  private hls: HLS\n\n  @Element() el: HTMLTaroVideoCoreElement\n\n  /**\n   * 要播放视频的资源地址\n   */\n  @Prop() src: string\n\n  /**\n   * 指定视频时长\n   */\n  @Prop() duration: number\n\n  /**\n   * 是否显示默认播放控件（播放/暂停按钮、播放进度、时间）\n   */\n  @Prop() controls = true\n\n  /**\n   * 是否自动播放\n   */\n  @Prop() autoplay = false\n\n  /**\n   * 是否循环播放\n   */\n  @Prop() loop = false\n\n  /**\n   * 是否静音播放\n   */\n  @Prop() muted = false\n\n  /**\n   * 指定视频初始播放位置\n   */\n  @Prop() initialTime = 0\n\n  /**\n   * 视频封面的图片网络资源地址或云文件ID（2.3.0）。若 controls 属性值为 false 则设置 poster 无效\n   */\n  @Prop() poster: string\n\n  /**\n   * 当视频大小与 video 容器大小不一致时，视频的表现形式\n   */\n  @Prop() objectFit: 'contain' | 'fill' | 'cover' = 'contain'\n\n  /**\n   * 若不设置，宽度大于 240 时才会显示\n   */\n  @Prop() showProgress = true\n\n  /**\n   * 是否显示全屏按钮\n   */\n  @Prop() showFullscreenBtn = true\n\n  /**\n   * 是否显示视频底部控制栏的播放按钮\n   */\n  @Prop() showPlayBtn = true\n\n  /**\n   * 是否显示视频中间的播放按钮\n   */\n  @Prop() showCenterPlayBtn = true\n\n  /**\n   * 是否显示静音按钮\n   */\n  @Prop() showMuteBtn = false\n\n  /**\n   * 弹幕列表\n   */\n  @Prop() danmuList: []\n\n  /**\n   * 是否显示弹幕按钮\n   */\n  @Prop() danmuBtn = false\n\n  /**\n   * 是否展示弹幕\n   */\n  @Prop() enableDanmu = false\n\n  /**\n   * 是否开启播放手势，即双击切换播放/暂停\n   */\n  @Prop() enablePlayGesture = false\n\n  /**\n   * 是否开启控制进度的手势\n   */\n  @Prop() enableProgressGesture = true\n\n  /**\n   * 在非全屏模式下，是否开启亮度与音量调节手势\n   */\n  @Prop() vslideGesture = false\n\n  /**\n   * 在全屏模式下，是否开启亮度与音量调节手势\n   */\n  @Prop() vslideGestureInFullscreen = true\n\n  @Prop() nativeProps = {}\n\n  @State() _duration: number\n  @State() _enableDanmu = false\n  @State() isPlaying = false\n  @State() isFirst = true\n  @State() isFullScreen = false\n  @State() fullScreenTimestamp = new Date().getTime()\n  @State() isMute = false\n\n  @Event({\n    eventName: 'play'\n  }) onPlay: EventEmitter\n\n  @Event({\n    eventName: 'pause'\n  }) onPause: EventEmitter\n\n  @Event({\n    eventName: 'ended'\n  }) onEnded: EventEmitter\n\n  @Event({\n    eventName: 'timeupdate'\n  }) onTimeUpdate: EventEmitter\n\n  @Event({\n    eventName: 'error'\n  }) onError: EventEmitter\n\n  @Event({\n    eventName: 'fullscreenchange'\n  }) onFullScreenChange: EventEmitter\n\n  @Event({\n    eventName: 'progress'\n  }) onProgress: EventEmitter\n\n  @Event({\n    eventName: 'loadedmetadata'\n  }) onLoadedMetaData: EventEmitter\n\n  componentWillLoad () {\n    this._enableDanmu = this.enableDanmu\n  }\n\n  componentDidLoad () {\n    this.init()\n    if (this.initialTime) {\n      this.videoRef.currentTime = this.initialTime\n    }\n    // 目前只支持 danmuList 初始化弹幕列表，还未支持更新弹幕列表\n    this.danmuRef.sendDanmu?.(this.danmuList)\n\n    if (document.addEventListener) {\n      document.addEventListener(screenFn.fullscreenchange, this.handleFullScreenChange)\n    }\n    if (this.videoRef && scene === 'iOS') {\n      // NOTE: iOS 场景下 fullscreenchange 并不会在退出全屏状态下触发，仅 webkitpresentationmodechanged 与 webkitendfullscreen 可替代\n      this.videoRef.addEventListener('webkitendfullscreen', this.handleFullScreenChange)\n    }\n  }\n\n  componentDidRender () {\n  }\n\n  disconnectedCallback () {\n    if (document.removeEventListener) {\n      document.removeEventListener(screenFn.fullscreenchange, this.handleFullScreenChange)\n    }\n    if (this.videoRef && scene === 'iOS') {\n      this.videoRef.removeEventListener('webkitendfullscreen', this.handleFullScreenChange)\n    }\n  }\n\n  @Watch('enableDanmu')\n  watchEnableDanmu (newVal) {\n    this._enableDanmu = newVal\n  }\n\n  @Watch('src')\n  watchSrc () {\n    this.init()\n  }\n\n  analyzeGesture = (e: TouchEvent) => {\n    const obj: {\n      type: string\n      dataX?: number\n      dataY?: number\n    } = {\n      type: 'none'\n    }\n    const nowX = e.touches[0].screenX\n    const nowY = e.touches[0].screenY\n    const distX = nowX - (this.lastTouchScreenX as number)\n    const distY = nowY - (this.lastTouchScreenY as number)\n    const enableVslideGesture = this.isFullScreen ? this.vslideGestureInFullscreen : this.vslideGesture\n\n    if (this.gestureType === 'none') {\n      // 两点间距离\n      const dist = calcDist(distX, distY)\n\n      // 没有移动\n      if (dist < 10) return obj\n\n      if (Math.abs(distY) >= Math.abs(distX)) {\n        // 垂直方向移动：调整音量\n        if (enableVslideGesture) {\n          this.gestureType = 'adjustVolume'\n          this.lastVolume = this.videoRef.volume\n        } else {\n          return obj\n        }\n      } else if (Math.abs(distY) < Math.abs(distX)) {\n        // 水平方向移动：调整进度\n        if (this.enableProgressGesture) {\n          this.gestureType = 'adjustProgress'\n          this.lastPercentage = this.currentTime / (this.duration ?? this._duration)\n        } else {\n          return obj\n        }\n      }\n    }\n    obj.type = this.gestureType\n    obj.dataX = normalizeNumber(distX / 200)\n    obj.dataY = normalizeNumber(distY / 200)\n    return obj\n  }\n\n  @Listen('touchmove', {\n    target: 'document'\n  })\n  async onDocumentTouchMove (e: TouchEvent) {\n    if (this.lastTouchScreenX === undefined || this.lastTouchScreenY === undefined) return\n    if (await this.controlsRef.getIsDraggingProgressBall()) return\n\n    const gestureObj = this.analyzeGesture(e)\n    if (gestureObj.type === 'adjustVolume') {\n      this.toastVolumeRef.style.visibility = 'visible'\n      const nextVolume = Math.max(Math.min(this.lastVolume - gestureObj.dataY!, 1), 0)\n      this.videoRef.volume = nextVolume\n      this.toastVolumeBarRef.style.width = `${nextVolume * 100}%`\n    } else if (gestureObj.type === 'adjustProgress') {\n      this.isDraggingProgress = true\n      this.nextPercentage = Math.max(Math.min(this.lastPercentage + (gestureObj.dataX || 0), 1), 0)\n      if (this.controls && this.showProgress) {\n        this.controlsRef.setProgressBall(this.nextPercentage)\n        this.controlsRef.toggleVisibility(true)\n      }\n      const duration = this.duration || this._duration\n      this.toastProgressTitleRef.innerHTML = `${formatTime(this.nextPercentage * duration)} / ${formatTime(duration)}`\n      this.toastProgressRef.style.visibility = 'visible'\n    }\n  }\n\n  @Listen('touchend', {\n    target: 'document'\n  })\n  @Listen('touchcancel', {\n    target: 'document'\n  })\n  onDocumentTouchEnd () {\n    if (this.gestureType === 'adjustVolume') {\n      this.toastVolumeRef.style.visibility = 'hidden'\n    } else if (this.gestureType === 'adjustProgress') {\n      this.toastProgressRef.style.visibility = 'hidden'\n    }\n\n    if (this.isDraggingProgress) {\n      this.isDraggingProgress = false\n      this.seek(this.nextPercentage * (this.duration ?? this._duration))\n    }\n\n    this.gestureType = 'none'\n    this.lastTouchScreenX = undefined\n    this.lastTouchScreenY = undefined\n  }\n\n  loadNativePlayer = () => {\n    if (this.videoRef) {\n      this.videoRef.src = this.src\n      this.videoRef.load?.()\n    }\n  }\n\n  init = () => {\n    const { src, videoRef } = this\n\n    if (isHls(src)) {\n      import('hls.js').then(e => {\n        const Hls = e.default\n        this.HLS = Hls\n        if (Hls.isSupported()) {\n          if (this.hls) {\n            this.hls.destroy()\n          }\n          this.hls = new Hls()\n          this.hls.loadSource(src)\n          this.hls.attachMedia(videoRef)\n          this.hls.on(Hls.Events.MANIFEST_PARSED, () => {\n            this.autoplay && this.play()\n          })\n          this.hls.on(Hls.Events.ERROR, (_, data) => {\n            this.handleError(data)\n          })\n        } else if (videoRef.canPlayType('application/vnd.apple.mpegurl')) {\n          this.loadNativePlayer()\n        } else {\n          console.error('该浏览器不支持 HLS 播放')\n        }\n      })\n    } else {\n      this.loadNativePlayer()\n    }\n  }\n\n  handlePlay = () => {\n    this.isPlaying = true\n    this.isFirst = false\n    this.controlsRef.toggleVisibility(true)\n    this.onPlay.emit()\n  }\n\n  handlePause = () => {\n    this.isPlaying = false\n    this.controlsRef.toggleVisibility(true)\n    this.onPause.emit()\n  }\n\n  handleEnded = () => {\n    this.isFirst = true\n    this.pause()\n    this.controlsRef.toggleVisibility()\n    this.onEnded.emit()\n  }\n\n  handleTimeUpdate = throttle(async e => {\n    this.currentTime = this.videoRef.currentTime\n    const duration = this.duration || this._duration\n\n    const isControlDragging = await this.controlsRef.getIsDraggingProgressBall()\n    if (this.controls && this.showProgress) {\n      if (!isControlDragging && !this.isDraggingProgress) {\n        this.controlsRef.setProgressBall(this.currentTime / duration)\n        this.controlsRef.setCurrentTime(this.currentTime)\n      }\n    }\n\n    this.danmuRef.tick(this.currentTime)\n\n    this.onTimeUpdate.emit({\n      duration: e.target?.duration,\n      currentTime: e.target?.currentTime\n    })\n\n    if (this.duration) {\n      if (this.currentTime >= this.duration) {\n        this.seek(0)\n        this.handleEnded()\n      }\n    }\n  }, 250)\n\n  handleError = e => {\n    if (this.hls) {\n      switch (e.type) {\n        case this.HLS.ErrorTypes.NETWORK_ERROR:\n          // try to recover network error\n          this.onError.emit({ errMsg: e.response })\n          this.hls.startLoad()\n          break\n        case this.HLS.ErrorTypes.MEDIA_ERROR:\n          this.onError.emit({ errMsg: e.reason || '媒体错误,请重试' })\n          this.hls.recoverMediaError()\n          break\n        default:\n          break\n      }\n    } else {\n      this.onError.emit({\n        errMsg: e.target?.error?.message,\n      })\n    }\n  }\n\n  handleDurationChange = () => {\n    this._duration = this.videoRef.duration\n  }\n\n  handleProgress = () => {\n    this.onProgress.emit()\n  }\n\n  handleLoadedMetaData = (e: Event) => {\n    const target = e.target as HTMLVideoElement\n    this.onLoadedMetaData.emit({\n      width: target.videoWidth,\n      height: target.videoHeight,\n      duration: target.duration\n    })\n  }\n\n  @Method()\n  async getHlsObject() {\n    // Note: H5 端专属方法，获取 HLS 实例 fix #11894\n    return this.hls\n  }\n\n  /** 播放视频 */\n  @Method()\n  async play () {\n    this._play()\n  }\n\n  _play = () => this.videoRef.play()\n\n  /** 暂停视频 */\n  @Method()\n  async pause () {\n    this._pause()\n  }\n\n  _pause = () => this.videoRef.pause()\n\n  /** 停止视频 */\n  @Method()\n  async stop () {\n    this._stop()\n  }\n\n  _stop = () => {\n    this.videoRef.pause()\n    this._seek(0)\n  }\n\n  /** 跳转到指定位置 */\n  @Method()\n  async seek (position: number) {\n    this._seek(position)\n  }\n\n  _seek = (position: number) => {\n    this.videoRef.currentTime = position\n  }\n\n  /** 进入全屏。若有自定义内容需在全屏时展示，需将内容节点放置到 video 节点内。 */\n  @Method()\n  async requestFullScreen () {\n    this.toggleFullScreen(true)\n  }\n\n  /** 退出全屏 */\n  @Method()\n  async exitFullScreen () {\n    this.toggleFullScreen(false)\n  }\n\n  onTouchStartContainer = (e: TouchEvent) => {\n    this.lastTouchScreenX = e.touches[0].screenX\n    this.lastTouchScreenY = e.touches[0].screenY\n  }\n\n  onClickContainer = () => {\n    if (this.enablePlayGesture) {\n      const now = Date.now()\n      if (now - this.lastClickedTime < 300) {\n        // 双击\n        this.isPlaying ? this.pause() : this.play()\n      }\n      this.lastClickedTime = now\n    }\n    this.controlsRef.toggleVisibility()\n  }\n\n  onClickFullScreenBtn = (e: MouseEvent) => {\n    e.stopPropagation()\n    this.toggleFullScreen()\n  }\n\n  handleFullScreenChange = e => {\n    // 全屏后，\"退出\"走的是浏览器事件，在此同步状态\n    const timestamp = new Date().getTime()\n    if (!e.detail && this.isFullScreen && !document[screenFn.fullscreenElement] && timestamp - this.fullScreenTimestamp > 100) {\n      this.toggleFullScreen(false)\n    }\n  }\n\n  toggleFullScreen = (isFullScreen = !this.isFullScreen) => {\n    this.isFullScreen = isFullScreen // this.videoRef?.['webkitDisplayingFullscreen']\n    this.controlsRef.toggleVisibility(true)\n    this.fullScreenTimestamp = new Date().getTime()\n    this.onFullScreenChange.emit({\n      fullScreen: this.isFullScreen,\n      direction: 'vertical'\n    })\n    if (this.isFullScreen && !document[screenFn.fullscreenElement]) {\n      setTimeout(() => {\n        this.videoRef[screenFn.requestFullscreen]({ navigationUI: 'auto' })\n      }, 0)\n    }\n  }\n\n  toggleMute = (e: MouseEvent) => {\n    e.stopPropagation()\n    this.videoRef.muted = !this.isMute\n    this.controlsRef.toggleVisibility(true)\n    this.isMute = !this.isMute\n  }\n\n  toggleDanmu = (e: MouseEvent) => {\n    e.stopPropagation()\n    this.controlsRef.toggleVisibility(true)\n    this._enableDanmu = !this._enableDanmu\n  }\n\n  render () {\n    const {\n      controls,\n      autoplay,\n      loop,\n      muted,\n      poster,\n      objectFit,\n      isFirst,\n      isMute,\n      isFullScreen,\n      showCenterPlayBtn,\n      isPlaying,\n      _enableDanmu,\n      showMuteBtn,\n      danmuBtn,\n      showFullscreenBtn,\n      nativeProps\n    } = this\n    const duration = this.duration || this._duration\n    const durationTime = formatTime(duration)\n\n    return (\n      <Host\n        class={classNames('taro-video-container', {\n          'taro-video-type-fullscreen': isFullScreen\n        })}\n        onTouchStart={this.onTouchStartContainer}\n        onClick={this.onClickContainer}\n      >\n        <video\n          class='taro-video-video'\n          style={{\n            'object-fit': objectFit\n          }}\n          ref={dom => {\n            if (dom) {\n              this.videoRef = dom as HTMLVideoElement\n            }\n          }}\n          autoplay={autoplay}\n          loop={loop}\n          muted={muted}\n          poster={controls ? poster : undefined}\n          playsinline\n          webkit-playsinline\n          onPlay={this.handlePlay}\n          onPause={this.handlePause}\n          onEnded={this.handleEnded}\n          onTimeUpdate={this.handleTimeUpdate}\n          onError={this.handleError}\n          onDurationChange={this.handleDurationChange}\n          onProgress={this.handleProgress}\n          onLoadedMetaData={this.handleLoadedMetaData}\n          {...nativeProps}\n        >\n          暂时不支持播放该视频\n        </video>\n\n        <taro-video-danmu\n          ref={dom => {\n            if (dom) {\n              this.danmuRef = dom as HTMLTaroVideoDanmuElement\n            }\n          }}\n          enable={_enableDanmu}\n        />\n\n        {isFirst && showCenterPlayBtn && !isPlaying && (\n          <div class='taro-video-cover'>\n            <div class='taro-video-cover-play-button' onClick={() => this.play()} />\n            <p class='taro-video-cover-duration'>{durationTime}</p>\n          </div>\n        )}\n\n        <taro-video-control\n          ref={dom => {\n            if (dom) {\n              this.controlsRef = dom\n            }\n          }}\n          controls={controls}\n          currentTime={this.currentTime}\n          duration={duration}\n          isPlaying={this.isPlaying}\n          pauseFunc={this._pause}\n          playFunc={this._play}\n          seekFunc={this._seek}\n          showPlayBtn={this.showPlayBtn}\n          showProgress={this.showProgress}\n        >\n          {showMuteBtn && (\n            <div\n              class={classNames('taro-video-mute', {\n                'taro-video-type-mute': isMute\n              })}\n              onClick={this.toggleMute}\n            />\n          )}\n          {danmuBtn && (\n            <div\n              class={classNames('taro-video-danmu-button', {\n                'taro-video-danmu-button-active': _enableDanmu\n              })}\n              onClick={this.toggleDanmu}>\n              弹幕\n            </div>\n          )}\n          {showFullscreenBtn && (\n            <div\n              class={classNames('taro-video-fullscreen', {\n                'taro-video-type-fullscreen': isFullScreen\n              })}\n              onClick={this.onClickFullScreenBtn}\n            />\n          )}\n        </taro-video-control>\n\n        <div class='taro-video-toast taro-video-toast-volume' ref={dom => {\n          if (dom) {\n            this.toastVolumeRef = dom\n          }\n        }}>\n          <div class='taro-video-toast-title'>音量</div>\n          <div class='taro-video-toast-icon' />\n          <div class='taro-video-toast-value'>\n            <div class='taro-video-toast-value-content' ref={dom => {\n              if (dom) {\n                this.toastVolumeBarRef = dom\n              }\n            }}>\n              <div class='taro-video-toast-volume-grids'>\n                {Array(10).fill(1).map(() => (\n                  <div class='taro-video-toast-volume-grids-item' />\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class='taro-video-toast taro-video-toast-progress' ref={dom => {\n          if (dom) {\n            this.toastProgressRef = dom\n          }\n        }}>\n          <div class='taro-video-toast-title' ref={dom => {\n            if (dom) {\n              this.toastProgressTitleRef = dom\n            }\n          }} />\n        </div>\n      </Host>\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-video-danmu.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroVideoDanmu extends Components.TaroVideoDanmu, HTMLElement {}
+export const TaroVideoDanmu: {
+  prototype: TaroVideoDanmu;
+  new (): TaroVideoDanmu;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-video-danmu.js

@@ -0,0 +1,8 @@
+import { V as VideoDanmu, d as defineCustomElement$1 } from './video-danmu.js';
+
+const TaroVideoDanmu = VideoDanmu;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroVideoDanmu, defineCustomElement };
+
+//# sourceMappingURL=taro-video-danmu.js.map

package/dist/components/taro-video-danmu.js.map

@@ -0,0 +1 @@
+{"file":"taro-video-danmu.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}