diff --git a/.gitignore b/.gitignore index c649ac7..2588e11 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ *.pyc __pycache__/ .idea/ -venv/ \ No newline at end of file +venv/ +upload/ \ No newline at end of file diff --git a/static/css/swiper-bundle.min.css b/static/css/swiper-bundle.min.css new file mode 100644 index 0000000..e0461a8 --- /dev/null +++ b/static/css/swiper-bundle.min.css @@ -0,0 +1,13 @@ +/** + * Swiper 8.0.7 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2022 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: March 4, 2022 + */ + +@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} \ No newline at end of file diff --git a/static/css/video/main-css.css b/static/css/video/main-css.css new file mode 100644 index 0000000..954a118 --- /dev/null +++ b/static/css/video/main-css.css @@ -0,0 +1,775 @@ +@font-face { + font-family: 'iconfont'; /* project id 1867770 */ + src: url('https://at.alicdn.com/t/font_1867770_5pzef3csvso.eot'); + src: url('https://at.alicdn.com/t/font_1867770_5pzef3csvso.eot?#iefix') format('embedded-opentype'), + url('https://at.alicdn.com/t/font_1867770_5pzef3csvso.woff2') format('woff2'), + url('https://at.alicdn.com/t/font_1867770_5pzef3csvso.woff') format('woff'), + url('https://at.alicdn.com/t/font_1867770_5pzef3csvso.ttf') format('truetype'), + url('https://at.alicdn.com/t/font_1867770_5pzef3csvso.svg#iconfont') format('svg'); + } + +.sv-target video { + background-color: #000000; + object-fit: fill; + cursor: pointer; +} + +.sv-font { + font-family: 'iconfont'; +} + +.sv-pic-pic { + color: #ffffff; + font-size: 20px; + margin-right: 6px; +} + +.sv-play { + color: #ffffff; + font-size: 20px; +} + +.sv-fontBtn { + color: #ffffff; + font-size: 20px; +} + +.sv-next { + color: #ffffff; + font-size: 20px; +} + +.sv-fullScreen { + color: #ffffff; + font-size: 20px; +} + +.sv-cancelFull { + color: #ffffff; + font-size: 20px; +} + +.sv-target { + position: relative; +} +.sv-control { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 60px; + background-color: rgba(0, 0, 0, 0.5); + display: flex; + flex-direction: row; + justify-content: space-between; +} +.sv-play-container { + height: 100%; + /* background-color: royalblue; */ + display: flex; + flex-direction: row; + padding-right: 10px; +} +.sv-control-r { + height: 100%; + /* background-color: royalblue; */ + display: flex; + flex-direction: row; + padding-left: 10px; + padding-right: 10px; +} +.sv-play-container button.sv-playBtn { + background: none; + border: none; + cursor: pointer; + padding: 0 10px; + outline: none; + color: inherit; + text-align: inherit; + font: inherit; + line-height: inherit; + margin-left: 10px; +} + +.sv-control-r .showMute { + background: none; + border: none; + cursor: pointer; + padding: 0 10px; + outline: none; + color: inherit; + text-align: inherit; + font: inherit; + line-height: inherit; + position: relative; +} +.showMute span:nth-child(1) { + display: block; + padding: 20px 0; +} + +.sv-time { + height: 100%; + color: #ffffff; + display: flex; + flex-direction: row; + align-items: center; + font-size: 12px; +} + +.sv-time-split { + padding: 0 4px; +} + +.sv-mutePanel { + position: absolute; + top: -120px; + left: 0; + width: 20px; + height: 80px; + background-color: rgba(0, 0, 0, 0.8); + display: flex; + flex-direction: column; + padding: 16px 6px; + border-radius: 4px; +} + +.sv-mute-num { + width: 100%; + height: 20px; + background-color: transparent; + color: #ffffff; + font-size: 12px; + text-align: center; + margin-bottom: 4px; +} + +.sv-mute-slider { + flex: 1; + width: 3px; + background-color: #ffffff; + margin: 0 auto; + position: relative; + display: flex; + flex-direction: column-reverse; +} + +.sv-mute-sliderRange { + width: 100%; + background-color: #00a1d6; +} + +.sv-control-r button.sv-mute-button { + position: absolute; + top: 0; + left: -4.5px; + width: 12px; + height: 12px; + border-radius: 50%; + z-index: 10; + background-color: #00a1d6; + border: 0; + cursor: pointer; + outline: none; +} + +.sv-progressBar { + position: absolute; + /* top: 0; */ + bottom: 60px; + left: 2%; + width: 96%; + height: 2px; + background-color: hsla(0,0%,100%,.2); + border-radius: 4px; + cursor: pointer; +} + +.sv-cacheProgress { + width: 0%; + height: 100%; + background-color: #7a7878; + border-radius: 4px; +} + +.sv-progressNum { + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 4px; + background-color: #00a1d6; +} + +.sv-progressBtn { + position: absolute; + left: 0%; + top: -7px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: rgba(0, 161, 214, 0.5); + cursor: pointer; +} +.sv-progressBtn>div { + width: 10px; + height: 10px; + border-radius: 50%; + background-color: #00a1d6; + margin-top: 2.6px; + margin-left: 2.8px; +} + +.hide { + display: none!important; +} + +.sv-full-screen { + position: fixed!important; + width: 100%!important; + height: 100%!important; + left: 0!important; + top: 0!important; + margin: 0!important; + padding: 0!important; + z-index: 9999999!important; +} + +/* loading */ +.sv-container-loading { + width: 40vw; + height: 40vw; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; + overflow: hidden; + } + + .sv-common { + height: 5vw; + max-height: 100%; + overflow: auto; + width: 2vw; + margin: auto; + max-width: 100%; + position: absolute; + border-radius: 0vw 10vw 0vw 10vw; + box-shadow: inset 0vw 0vw 0vw .1vw #E645D0, 0vw 0vw 1.5vw 0vw #E645D0; + } + + .sv-one { + transform: rotate(45deg); + left: 0; + right: 0; + top: 0; + bottom: 7.5vw; + } + + .sv-two { + transform: rotate(90deg); + left: 5.5vw; + right: 0; + top: 0; + bottom: 5.5vw; + } + + .sv-three { + transform: rotate(135deg); + left: 7.5vw; + right: 0; + top: 0; + bottom: 0; + } + + .sv-four { + transform: rotate(180deg); + left: 5.5vw; + right: 0; + top: 5.5vw; + bottom: 0; + } + + .sv-five { + transform: rotate(225deg); + left: 0; + right: 0; + top: 7.5vw; + bottom: 0; + } + + .sv-six { + transform: rotate(270deg); + left: 0; + right: 5.5vw; + top: 5.5vw; + bottom: 0; + } + + .sv-seven { + transform: rotate(315deg); + left: 0; + right: 7.5vw; + top: 0; + bottom: 0; + } + + .sv-eight { + transform: rotate(360deg); + left: 0; + right: 5.5vw; + top: 0; + bottom: 5.5vw; + } + + .sv-one { + animation: one 1s ease infinite; + -moz-animation: one 1s ease infinite; + /* Firefox */ + -webkit-animation: one 1s ease infinite; + /* Safari and Chrome */ + -o-animation: one 1s ease infinite; + /* Opera */ + } + + @keyframes one { + 0%, + 100% {} + 50% { + box-shadow: inset 0vw 0vw 0vw .1vw #17E1E6, 0vw 0vw 1.5vw 0vw #17E1E6; + } + } + + .sv-two { + animation: two 1s .125s ease infinite; + -moz-animation: two 1s .125s ease infinite; + /* Firefox */ + -webkit-animation: two 1s .125s ease infinite; + /* Safari and Chrome */ + -o-animation: two 1s .125s ease infinite; + /* Opera */ + } + + @keyframes two { + 0%, + 100% {} + 50% { + box-shadow: inset 0vw 0vw 0vw .1vw #17E1E6, 0vw 0vw 1.5vw 0vw #17E1E6; + } + } + + .sv-three { + animation: three 1s .25s ease infinite; + -moz-animation: three 1s .25s ease infinite; + /* Firefox */ + -webkit-animation: three 1s .25s ease infinite; + /* Safari and Chrome */ + -o-animation: three 1s .25s ease infinite; + /* Opera */ + } + + @keyframes three { + 0%, + 100% {} + 50% { + background: ; + box-shadow: inset 0vw 0vw 0vw .1vw #17E1E6, 0vw 0vw 1.5vw 0vw #17E1E6; + } + } + + .sv-four { + animation: four 1s .375s ease infinite; + -moz-animation: four 1s .375s ease infinite; + /* Firefox */ + -webkit-animation: four 1s .375s ease infinite; + /* Safari and Chrome */ + -o-animation: four 1s .375s ease infinite; + /* Opera */ + } + + @keyframes four { + 0%, + 100% {} + 50% { + background: ; + box-shadow: inset 0vw 0vw 0vw .1vw #17E1E6, 0vw 0vw 1.5vw 0vw #17E1E6; + } + } + + .sv-five { + animation: five 1s .5s ease infinite; + -moz-animation: five 1s .5s ease infinite; + /* Firefox */ + -webkit-animation: five 1s .5s ease infinite; + /* Safari and Chrome */ + -o-animation: five 1s .5s ease infinite; + /* Opera */ + } + + @keyframes five { + 0%, + 100% {} + 50% { + box-shadow: inset 0vw 0vw 0vw .1vw #17E1E6, 0vw 0vw 1.5vw 0vw #17E1E6; + } + } + + .sv-six { + animation: six 1s .625s ease infinite; + -moz-animation: six 1s .625s ease infinite; + /* Firefox */ + -webkit-animation: six 1s .625s ease infinite; + /* Safari and Chrome */ + -o-animation: six 1s .625s ease infinite; + /* Opera */ + } + + @keyframes six { + 0%, + 100% {} + 50% { + box-shadow: inset 0vw 0vw 0vw .1vw #17E1E6, 0vw 0vw 1.5vw 0vw #17E1E6; + } + } + + .sv-seven { + animation: seven 1s .750s ease infinite; + -moz-animation: seven 1s .750s ease infinite; + /* Firefox */ + -webkit-animation: seven 1s .750s ease infinite; + /* Safari and Chrome */ + -o-animation: seven 1s .750s ease infinite; + /* Opera */ + } + + @keyframes seven { + 0%, + 100% {} + 50% { + box-shadow: inset 0vw 0vw 0vw .1vw #17E1E6, 0vw 0vw 1.5vw 0vw #17E1E6; + } + } + + .sv-eight { + animation: eight 1s .875s ease infinite; + -moz-animation: eight 1s .875s ease infinite; + /* Firefox */ + -webkit-animation: eight 1s .875s ease infinite; + /* Safari and Chrome */ + -o-animation: eight 1s .875s ease infinite; + /* Opera */ + } + + @keyframes eight { + 0%, + 100% {} + 50% { + box-shadow: inset 0vw 0vw 0vw .1vw #17E1E6, 0vw 0vw 1.5vw 0vw #17E1E6; + } + } + + .sv-container-loading { + animation: container 5s linear infinite; + -moz-animation: container 5s linear infinite; + /* Firefox */ + -webkit-animation: container 5s linear infinite; + /* Safari and Chrome */ + -o-animation: container 5s linear infinite; + /* Opera */ + } + + @keyframes container { + from { + transform: rotate(0deg); + } + to { + transform: rotate(-360deg); + } + } + + + +/* .sv-loading{ + position: absolute; + left: 48%; + top: 48%; +} */ +/* .sv-loading span{ + display: inline-block; + width: 4px; + height: 100%; + border-radius: 4px; + background: #00a1d6; + -webkit-animation: load 1s ease infinite; + animation: load 1s ease infinite; +} +@keyframes load{ + 0%,100%{ + height: 20px; + background: #00a1d6; + } + 50%{ + height: 40px; + margin: -15px 0; + background: lightblue; + } +} +@-webkit-keyframes load{ + 0%,100%{ + height: 20px; + background: #00a1d6; + } + 50%{ + height: 40px; + margin: -15px 0; + background: lightblue; + } +} +@-o-keyframes load{ + 0%,100%{ + height: 20px; + background: #00a1d6; + } + 50%{ + height: 40px; + margin: -15px 0; + background: lightblue; + } +} +@-moz-keyframes load{ + 0%,100%{ + height: 20px; + background: #00a1d6; + } + 50%{ + height: 40px; + margin: -15px 0; + background: lightblue; + } +} +.sv-loading span:nth-child(2){ + -webkit-animation-delay:0.2s; + animation-delay:0.2s; +} +.sv-loading span:nth-child(3){ + -webkit-animation-delay:0.4s; + animation-delay:0.4s; +} +.sv-loading span:nth-child(4){ + -webkit-animation-delay:0.6s; + animation-delay:0.6s; +} +.sv-loading span:nth-child(5){ + -webkit-animation-delay:0.8s; + animation-delay:0.8s; +} */ + +/* 弹幕 */ +.sv-brrage { + position: absolute; + padding: 4px; + background-color: transparent; + display: flex; + flex-direction: row; + white-space: nowrap; + width: auto; + word-wrap: break-word; + max-width: 500px; + min-width: 100px; +} + +.sv-brrage-center { + text-shadow: rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px; +} + +/* 画中画 */ + +.sv-picinpic { + position: absolute; + z-index: 22; + position: absolute; + top: 20px; + right: 20px; + white-space: nowrap; + height: 36px; + padding: 0 12px; + overflow: visible; + border-radius: 2px; + border-radius: 18px; + background: #2b2b2b; + background: rgba(43,43,43,.8); + color: #fff; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + font-size: 14px; + cursor: pointer; +} +.sv-picinpic:hover { + background: linear-gradient(90deg,#4ca9c7 0,#03bbf7)!important +} + +/* 暂停按钮 */ +.sv-svgPause { + position: absolute; + right: 34px; + bottom: 70px; + cursor: pointer; +}.sv-el-control-style { + padding-right: 10px; + padding-left: 10px; + height: 100%; + display: flex; + flex-direction: row; +} + +.sv-nextBtn { + background: none; + border: none; + cursor: pointer; + outline: none; + text-align: inherit; +} + +.sv-speedBtn { + background: none; + border: none; + cursor: pointer; + outline: none; + text-align: inherit; + position: relative; +} +.sv-speedBtn span:nth-child(1) { + display: block; + padding: 20px 0; +} +.sv-speedBtn .sv-speed-btn { + position: absolute; + bottom: 54px; + left: -10px; + padding: 10px; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0.8); + /* box-sizing: border-box; + border: 1px solid #ffffff; */ +} +.sv-speedBtn .sv-speed-btn ul { + padding: 0; + margin: 0; +} +.sv-speedBtn .sv-speed-btn ul li { + list-style: none; + font-size: 12px; + line-height: 20px; + cursor: pointer; +} +.sv-speedBtn .sv-speed-btn ul li:hover{ + color: #00a1d6; +} +.sv-active{ + color: #00a1d6!important; +} + +.sv-control-c { + height: 100%; +} + +/* 弹幕控件 */ +.sv-barrage { + display: flex; + flex-direction: row; + align-items: center; + height: 100%; + position: relative; +} +.sv-barrage-a { + height: 26px; +} +.sv-barrage-input { + height: 17px; + outline: none; + padding: 6px 30px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 1px solid #333333; + border-left: 1px solid #333333; + border-bottom: 1px solid #333333; + border-right: 1px solid #00a1d6; + background: none; + font-size: 12px; + color: #fff; +} +.sv-barrage-button { + height: 31px; + background-color: #00a1d6; + color: #fff; + width: 60px; + min-width: 60px; + text-align: center; + cursor: pointer; + box-sizing: border-box; + border-top: 1px solid #333333; + border-right: 1px solid #333333; + border-bottom: 1px solid #333333; + border-left: 1px solid #00a1d6; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + outline: none; + vertical-align: middle; +} +.sv-barrage-button:hover{ + background-color: #03bbf7; + border-left: 1px solid #03bbf7; +} +.sv-barrage-font { + position: absolute; + left: 6px; + top: 16px; + cursor: pointer; +} + +.sv-apanel { + position: absolute; + bottom: 54px; + left: -10px; + padding: 10px; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0.8); + width: 200px; + height: 100px; + display: flex; + flex-direction: column; + color: #fff; + z-index: 99999; +} +.sv-apanel-item { + display: flex; + flex-direction: column; + overflow: hidden; +} +.sv-apanel-item span { + font-size: 12px; +} +.sv-apanel-item ul { + margin: 0; + padding: 0; + margin-top: 8px; +} +.sv-apanel-item ul li { + list-style: none; + background-color: #fff; + display: block; + width: 20px; + height: 20px; + margin: 4px; + float: left; + cursor: pointer; +} +.activeColor{ + box-sizing: border-box; + border: 2px solid #ffff; +} \ No newline at end of file diff --git a/static/css/video/style.css b/static/css/video/style.css new file mode 100644 index 0000000..f337da8 --- /dev/null +++ b/static/css/video/style.css @@ -0,0 +1,212 @@ +@charset "utf-8"; +* { + padding: 0; + margin: 0; + font-weight: 400; +} + +ul { + list-style: none; +} +a { + text-decoration: none; + color: #666; + cursor: pointer; +} +a:hover { + color: #136EC3; +} +.main { + width: 1187px; + margin: 30px auto; +} +.dy-content .dy-videos { + padding: 10px; + margin-left: -10px; + margin-right: -10px; + min-height: 500px; + overflow: hidden; + position: relative +} +.dy-content .dy-videos .dy-video-item { + float: left; + width: 180px; + margin-right: 20px; + margin-bottom: 18px; + position: relative +} +.dy-content .dy-videos .dy-video-item .dy-video-poster { + position: relative +} +.dy-content .dy-videos .dy-video-item .dy-video-link { + display: block; + height: 235px; + overflow: hidden +} +.dy-content .dy-videos .dy-video-item .dy-video-link .s-pay { + position: absolute; + width: 56px; + height: 43px; + background: url(../images/paysite.png) no-repeat 0 0; + left: 0; + top: -1px; +} +.dy-content .dy-videos .dy-video-item .dy-video-date { + position: absolute; + bottom: 6px; + right: 10px; + color: #fff; + line-height: 18px; + padding: 0 4px; + font-size: 12px; + background-color: #000; + background-color: rgba(0, 0, 0, .5); + border-radius: 3px; + filter: alpha(opacity=60) +} +.dy-content .dy-videos .dy-video-item-last { + margin-right: 0 +} +.dy-content .dy-videos .dy-video-primary { + position: relative; + background-color: #fff; + height: 40px; + padding: 5px; + line-height: 20px +} +.dy-content .dy-videos .dy-video-primary .dy-video-title { + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + margin-right: 24px; + color: #292929; + font-size: 14px +} +.dy-content .dy-videos .dy-video-primary .dy-video-intro { + color: #A7A7A7; + font-size: 12px; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis +} +.dy-content .dy-videos .dy-video-primary .dy-video-rating { + position: absolute; + right: 5px; + top: 5px; + color: #FF3728; + font-size: 15px +} +.dy-content .dy-videos ul li.dy-video-item .dy-video-meta { + display: none +} +.dy-content .dy-videos ul li.dy-video-item:hover .dy-video-poster { + z-index: 3 +} +.dy-content .dy-videos ul li.dy-video-item:hover .dy-video-meta { + display: block; +} +.dy-content .dy-videos .dy-video-meta .dy-video-meta-bg { + position: absolute; + top: -4px; + width: 500px; + height: 242px; + background-color: #fff; + border: 1px solid #000; + border-radius: 2px; + z-index: 2; + box-shadow: -1px 10px 35px 0px rgba(0,0,0,0.39); +-webkit-box-shadow: -1px 10px 35px 0px rgba(0,0,0,0.39); +-moz-box-shadow: -1px 10px 35px 0px rgba(0,0,0,0.39); +} +.dy-content .dy-videos .dy-video-meta .dy-video-meta-dy { + position: absolute; + top: 0; + width: 280px; + padding: 0 18px; + height: 235px; + background-color: #fff; + overflow: hidden; + z-index: 4 +} +.dy-content .dy-videos .dy-video-meta .dy-video-title { + line-height: 40px; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + color: #558dy9 +} +.dy-content .dy-videos .dy-video-meta .dy-video-title a { + color: #558dy9; + font-size: 18px; + text-decoration: none +} +.dy-content .dy-videos .dy-video-meta .dy-video-meta-list { +*zoom: 1; + position: relative +} +.dy-content .dy-videos .dy-video-meta .dy-video-meta-list:after { + content: "\0020"; + display: block; + height: 0; + clear: both; + overflow: hidden; + visibility: hidden +} +.dy-content .dy-videos .dy-video-meta .dy-video-meta-list li { + float: left; + line-height: 25px; + height: 25px +} +.dy-content .dy-videos .dy-video-meta .dy-video-meta-list li a { + color: #427fd0 +} +.dy-content .dy-videos .dy-video-meta .dy-video-meta-list .dy-video-actors { + float: none; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + color: #427FD0 +} +.dy-content .dy-videos .dy-video-meta .dy-split { + margin-left: 5px; + color: #a7a9ac +} +.dy-content .dy-videos .dy-video-meta .dy-video-tip { + color: #a7a9ac +} +.dy-content .dy-videos .dy-video-meta .dy-video-meta-none, .dy-content .dy-videos .dy-video-meta .dy-video-meta-filter { + color: #444 +} +.dy-content .dy-videos .dy-video-meta .dy-video-intro { + margin-top: 10px; + line-height: 20px; + height: 60px; + overflow: hidden; + color: #5f5f5f +} +.dy-content .dy-videos .dy-video-meta .dy-video-intro-more { + color: #558dy9 +} +.dy-content .dy-videos .dy-video-meta .dy-video-rating { + position: absolute; + right: 30px; + top: 10px; + color: #FF3728; + font-size: 16px +} +.dy-content .dy-videos .dy-video-meta-left .dy-video-meta-bg { + right: -4px +} +.dy-content .dy-videos .dy-video-meta-left .dy-video-meta-dy { + right: 180px +} +.dy-content .dy-videos .dy-video-meta-right .dy-video-meta-bg { + left: -4px +} +.dy-content .dy-videos .dy-video-meta-right .dy-video-meta-dy { + left: 180px +} diff --git a/static/images/play.jpg b/static/images/play.jpg new file mode 100644 index 0000000..c145a3d Binary files /dev/null and b/static/images/play.jpg differ diff --git a/static/images/thumbs.jpg b/static/images/thumbs.jpg new file mode 100644 index 0000000..c9a8a3f Binary files /dev/null and b/static/images/thumbs.jpg differ diff --git a/static/images/view.jpg b/static/images/view.jpg new file mode 100644 index 0000000..c4f5237 Binary files /dev/null and b/static/images/view.jpg differ diff --git a/static/js/swiper-bundle.min.js b/static/js/swiper-bundle.min.js new file mode 100644 index 0000000..6e9b86f --- /dev/null +++ b/static/js/swiper-bundle.min.js @@ -0,0 +1,14 @@ +/** + * Swiper 8.0.7 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2022 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: March 4, 2022 + */ + +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Swiper=t()}(this,(function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s,a){void 0===s&&(s={}),void 0===a&&(a={}),Object.keys(a).forEach((i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])}))}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}class n extends Array{constructor(e){"number"==typeof e?super(e):(super(...e||[]),function(e){const t=e.__proto__;Object.defineProperty(e,"__proto__",{get:()=>t,set(e){t.__proto__=e}})}(this))}}function l(e){void 0===e&&(e=[]);const t=[];return e.forEach((e=>{Array.isArray(e)?t.push(...l(e)):t.push(e)})),t}function o(e,t){return Array.prototype.filter.call(e,t)}function d(e,t){const s=r(),i=a();let l=[];if(!t&&e instanceof n)return e;if(!e)return new n(l);if("string"==typeof e){const s=e.trim();if(s.indexOf("<")>=0&&s.indexOf(">")>=0){let e="div";0===s.indexOf("
1&&u.push(e.virtualSize-r)}if(0===u.length&&(u=[0]),0!==a.spaceBetween){const s=e.isHorizontal()&&n?"marginLeft":t("marginRight");c.filter(((e,t)=>!a.cssMode||t!==c.length-1)).css({[s]:`${x}px`})}if(a.centeredSlides&&a.centeredSlidesBounds){let e=0;m.forEach((t=>{e+=t+(a.spaceBetween?a.spaceBetween:0)})),e-=a.spaceBetween;const t=e-r;u=u.map((e=>e<0?-f:e>t?t+g:e))}if(a.centerInsufficientSlides){let e=0;if(m.forEach((t=>{e+=t+(a.spaceBetween?a.spaceBetween:0)})),e-=a.spaceBetween,e {r.wrapperEl.style.scrollSnapType="",r._swiperImmediateVirtual=!1}))}else{if(!r.support.smoothScroll)return w({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}return r.setTransition(t),r.setTranslate(v),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.$wrapperEl[0].removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].removeEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.$wrapperEl[0].addEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].addEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0);const i=this;let r=e;return i.params.loop&&(r+=i.loopedSlides),i.slideTo(r,t,s,a)},slideNext:function(e,t,s){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);const a=this,{animating:i,enabled:r,params:n}=a;if(!r)return a;let l=n.slidesPerGroup;"auto"===n.slidesPerView&&1===n.slidesPerGroup&&n.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndex g){u-=g;continue}t=t.subarray(u),g-=u,u=0}a.set(t,c),c+=g}return i&&(i-=n+3),{data:a,pts:s,dts:l,len:i}}return null},t.pushAccesUnit=function(e,t){if(e.units.length&&e.frame){var r=t.samples,i=r.length;if(isNaN(e.pts)){if(!i)return void t.dropped++;var n=r[i-1];e.pts=n.pts,e.dts=n.dts}!this.config.forceKeyFrameOnDiscontinuity||!0===e.key||t.sps&&(i||this.contiguous)?(e.id=i,r.push(e)):t.dropped++}e.debug.length&&o.logger.log(e.pts+"/"+e.dts+":"+e.debug)},t._parseAVCPES=function(e,t){var r,i,n,a=this,s=this._avcTrack,o=this._parseAVCNALu(e.data),l=this.avcSample,u=!1,c=this.pushAccesUnit.bind(this),d=function(e,t,r,i){return{key:e,pts:t,dts:r,units:[],debug:i}};e.data=null,l&&o.length&&!s.audFound&&(c(l,s),l=this.avcSample=d(!1,e.pts,e.dts,"")),o.forEach((function(t){switch(t.type){case 1:i=!0,l||(l=a.avcSample=d(!0,e.pts,e.dts,"")),l.frame=!0;var o=t.data;if(u&&o.length>4){var h=new S(o).readSliceType();2!==h&&4!==h&&7!==h&&9!==h||(l.key=!0)}break;case 5:i=!0,l||(l=a.avcSample=d(!0,e.pts,e.dts,"")),l.key=!0,l.frame=!0;break;case 6:i=!0,(r=new S(a.discardEPB(t.data))).readUByte();for(var f=0,p=0,g=!1,v=0;!g&&r.bytesAvailable>1;){f=0;do{f+=v=r.readUByte()}while(255===v);p=0;do{p+=v=r.readUByte()}while(255===v);if(4===f&&0!==r.bytesAvailable){if(g=!0,181===r.readUByte()&&49===r.readUShort()&&1195456820===r.readUInt()&&3===r.readUByte()){var _=r.readUByte(),y=31&_,E=[_,r.readUByte()];for(n=0;n 0&&H 0&&((l=L.getSilentFrame(e.manifestCodec||e.codec,e.channelCount))||(l=V.subarray()),B+=W*l.length);else if(H<-12){o.logger.log("drop overlapping AAC sample, expected/parsed/delta: "+C(T,!0)+" ms / "+C(K,!0)+" ms / "+C(-H,!0)+" ms"),B-=V.byteLength;continue}K=T}if(d=K,!(B>0))return;B+=E;try{u=new Uint8Array(B)}catch(e){return void this.observer.trigger(i.default.ERROR,{type:n.ErrorTypes.MUX_ERROR,details:n.ErrorDetails.REMUX_ALLOC_ERROR,fatal:!1,bytes:B,reason:"fail allocating audio mdat "+B})}y||(new DataView(u.buffer).setUint32(0,B),u.set(O.types.mdat,4));for(var z=0;z0&&o(u(t));const a=e.children(`.${s.slidePrevClass}`);a.length>0&&o(u(a))}}function p(){const e=r();if(!t||t.destroyed)return;const s=t.params.lazy.scrollingElement?d(t.params.lazy.scrollingElement):d(e),a=s[0]===e,i=a?e.innerWidth:s[0].offsetWidth,l=a?e.innerHeight:s[0].offsetHeight,o=t.$el.offset(),{rtlTranslate:u}=t;let h=!1;u&&(o.left-=t.$el[0].scrollLeft);const m=[[o.left,o.top],[o.left+t.width,o.top],[o.left,o.top+t.height],[o.left+t.width,o.top+t.height]];for(let e=0;e=0&&l>=0&&(i={data:e.subarray(d,s),type:n,state:l},c.push(i)),0===c.length){var p=this._getLastNalUnit();if(p){var g=new Uint8Array(p.data.byteLength+e.byteLength);g.set(p.data,0),g.set(e,p.data.byteLength),p.data=g}}return o.naluState=l,c},t.discardEPB=function(e){for(var t,r,i=e.byteLength,n=[],a=1;a1?r-1:0),n=1;n
/gi,"\n")}at.prototype={parse:function(e){var t=this;function r(){var e=t.buffer,r=0;for(e=dt(e);r