Hugging Face's logo

Spaces:
KEXEL
/
convert
Running

App Files Community
convert / index.html
KEXEL's picture
KEXEL
1.1
607094f verified
raw
history blame contribute delete
58.6 kB
 <!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>MP4 TO M3U8 CONVERTER</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="CONVERTA SEUS VÍDEOS MP4 PARA O FORMATO HLS (M3U8) PARA STREAMING ADAPTÁVEL..." />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="application-name" content="MP4 TO M3U8 CONVERTER" />
<meta name="apple-mobile-web-app-title" content="MP4 TO M3U8 CONVERTER" />
<meta name="msapplication-starturl" content="/index.html?Installed=convert" />
<meta name="theme-color" content="#222" />
<meta name="msapplication-navbutton-color" content="#222" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<meta property="og:image" content="./d-framework/icon/512/favicon.png" />
<link rel="icon" type="image/png" sizes="512x512" href="./d-framework/icon/512/favicon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="512x512" href="./d-framework/icon/512/favicon.png" />
<link rel="icon" type="image/png" sizes="192x192" href="./d-framework/icon/192/favicon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="192x192" href="./d-framework/icon/192/favicon.png" />
<link rel="icon" type="image/png" sizes="144x144" href="./d-framework/icon/144/favicon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="144x144" href="./d-framework/icon/144/favicon.png" />
<link rel="icon" type="image/png" sizes="96x96" href="./d-framework/icon/96/favicon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="96x96" href="./d-framework/icon/96/favicon.png" />
<link rel="icon" type="image/png" sizes="72x72" href="./d-framework/icon/72/favicon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="72x72" href="./d-framework/icon/72/favicon.png" />
<link rel="icon" type="image/png" sizes="48x48" href="./d-framework/icon/48/favicon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="48x48" href="./d-framework/icon/48/favicon.png" />
<link rel="icon" type="image/png" sizes="36x36" href="./d-framework/icon/36/favicon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="36x36" href="./d-framework/icon/36/favicon.png" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/css/all.min.css" />
<script src="https://cdn.jsdelivr.net/gh/davserv/d-framework@refs/heads/cdn.tailwindcss/tailwindcss.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jszip.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/FileSaver.min.js"></script>
<script
src="data:text/plain;charset=utf-8;base64,dmFyIGNvbG9iZCA9ICIjMmIzMDM1YzciOyB2YXIgY29sb2xpcyA9ICIjNzI2ZDNiIjsgdmFyIGNvbG90eHQgPSAiI2ZmZjkiOwpkb2N1bWVudC53cml0ZSgnPHN0eWxlPi5wYWNley13ZWJraXQtcG9pbnRlci1ldmVudHM6bm9uZTtwb2ludGVyLWV2ZW50czpub25lOy13ZWJraXQtdXNlci1zZWxlY3Q6bm9uZTstbW96LXVzZXItc2VsZWN0Om5vbmU7dXNlci1zZWxlY3Q6bm9uZTt6LWluZGV4Ojk5OTk5OTk7cG9zaXRpb246Zml4ZWQ7bWFyZ2luOmF1dG87dG9wOjA7bGVmdDowO3JpZ2h0OjA7Ym90dG9tOjA7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJTtiYWNrZ3JvdW5kOicrY29sb2JkKyc7b3ZlcmZsb3c6aGlkZGVuO30ucGFjZTo6YmVmb3Jle2NvbnRlbnQ6IkNBUlJFR0FORE8uLi4iO2NvbG9yOicrY29sb3R4dCsnO3Bvc2l0aW9uOmFic29sdXRlO3RvcDo0NyU7bGVmdDo1MCU7LW1zLXRyYW5zZm9ybTp0cmFuc2xhdGUoLTUwJSwtNTAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlKC01MCUsLTUwJSk7fS5wYWNlIC5wYWNlLXByb2dyZXNzey13ZWJraXQtYm94LXNpemluZzpib3JkZXItYm94Oy1tb3otYm94LXNpemluZzpib3JkZXItYm94Oy1tcy1ib3gtc2l6aW5nOmJvcmRlci1ib3g7LW8tYm94LXNpemluZzpib3JkZXItYm94O2JveC1zaXppbmc6Ym9yZGVyLWJveDstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGUzZCgwLDAsMCk7LW1vei10cmFuc2Zvcm06dHJhbnNsYXRlM2QoMCwwLDApOy1tcy10cmFuc2Zvcm06dHJhbnNsYXRlM2QoMCwwLDApOy1vLXRyYW5zZm9ybTp0cmFuc2xhdGUzZCgwLDAsMCk7dHJhbnNmb3JtOnRyYW5zbGF0ZTNkKDAsMCwwKTttYXgtd2lkdGg6MTAwJTtwb3NpdGlvbjpmaXhlZDt6LWluZGV4OjIwMDA7ZGlzcGxheTpibG9jaztwb3NpdGlvbjphYnNvbHV0ZTtib3R0b206NTAlO3JpZ2h0OjEwMCU7aGVpZ2h0OjVweDt3aWR0aDoxMDAlO2JhY2tncm91bmQ6Jytjb2xvbGlzKyc7fS5wYWNlLnBhY2UtaW5hY3RpdmV7ZGlzcGxheTpub25lO308L3N0eWxlPicpOwooZnVuY3Rpb24oKXtmdW5jdGlvbiBvKHQsZSl7cmV0dXJuIGZ1bmN0aW9uKCl7cmV0dXJuIHQuYXBwbHkoZSxhcmd1bWVudHMpfX12YXIgdSxjLGksbix5LHQsbCx2LHIscyxhLGUscCx3LGIsaCxmLGQsZyxtLGssUyxxLHgsTCxQLFQsUixqLE8sRSxNLEEsQyxOLF8sRixVLFcsWCxELEgsSSx6LEcsQj1bXS5zbGljZSxKPXt9Lmhhc093blByb3BlcnR5LEs9ZnVuY3Rpb24odCxlKXtmb3IodmFyIG4gaW4gZSlKLmNhbGwoZSxuKSYmKHRbbl09ZVtuXSk7ZnVuY3Rpb24gcigpe3RoaXMuY29uc3RydWN0b3I9dH1yZXR1cm4gci5wcm90b3R5cGU9ZS5wcm90b3R5cGUsdC5wcm90b3R5cGU9bmV3IHIsdC5fX3N1cGVyX189ZS5wcm90b3R5cGUsdH0sUT1bXS5pbmRleE9mfHxmdW5jdGlvbih0KXtmb3IodmFyIGU9MCxuPXRoaXMubGVuZ3RoO2U8bjtlKyspaWYoZSBpbiB0aGlzJiZ0aGlzW2VdPT09dClyZXR1cm4gZTtyZXR1cm4tMX07ZnVuY3Rpb24gVigpe31mb3IoZj17Y2xhc3NOYW1lOiIiLGNhdGNodXBUaW1lOjEwMCxpbml0aWFsUmF0ZTouMDMsbWluVGltZToyNTAsZ2hvc3RUaW1lOjEwMCxtYXhQcm9ncmVzc1BlckZyYW1lOjIwLGVhc2VGYWN0b3I6MS4yNSxzdGFydE9uUGFnZUxvYWQ6ITAscmVzdGFydE9uUHVzaFN0YXRlOiEwLHJlc3RhcnRPblJlcXVlc3RBZnRlcjo1MDAsdGFyZ2V0OiJib2R5IixlbGVtZW50czp7Y2hlY2tJbnRlcnZhbDoxMDAsc2VsZWN0b3JzOlsiYm9keSJdfSxldmVudExhZzp7bWluU2FtcGxlczoxMCxzYW1wbGVDb3VudDozLGxhZ1RocmVzaG9sZDozfSxhamF4Ont0cmFja01ldGhvZHM6WyJHRVQiXSx0cmFja1dlYlNvY2tldHM6ITAsaWdub3JlVVJMczpbXX19LEw9ZnVuY3Rpb24oKXt2YXIgdDtyZXR1cm4gbnVsbCE9KHQ9InVuZGVmaW5lZCIhPXR5cGVvZiBwZXJmb3JtYW5jZSYmbnVsbCE9PXBlcmZvcm1hbmNlJiYiZnVuY3Rpb24iPT10eXBlb2YgcGVyZm9ybWFuY2Uubm93P3BlcmZvcm1hbmNlLm5vdygpOnZvaWQgMCk/dDorbmV3IERhdGV9LFQ9d2luZG93LnJlcXVlc3RBbmltYXRpb25GcmFtZXx8d2luZG93Lm1velJlcXVlc3RBbmltYXRpb25GcmFtZXx8d2luZG93LndlYmtpdFJlcXVlc3RBbmltYXRpb25GcmFtZXx8d2luZG93Lm1zUmVxdWVzdEFuaW1hdGlvbkZyYW1lLGg9d2luZG93LmNhbmNlbEFuaW1hdGlvbkZyYW1lfHx3aW5kb3cubW96Q2FuY2VsQW5pbWF0aW9uRnJhbWUsYT1mdW5jdGlvbih0LGUsbil7cmV0dXJuKCJmdW5jdGlvbiI9PXR5cGVvZiB0LmFkZEV2ZW50TGlzdGVuZXI/dC5hZGRFdmVudExpc3RlbmVyKGUsbiwhMSk6dm9pZCAwKXx8KHRbIm9uIitlXT1uKX0sbnVsbD09VCYmKFQ9ZnVuY3Rpb24odCl7cmV0dXJuIHNldFRpbWVvdXQodCw1MCl9LGg9ZnVuY3Rpb24odCl7cmV0dXJuIGNsZWFyVGltZW91dCh0KX0pLGo9ZnVuY3Rpb24oZSl7dmFyIG49TCgpLHI9ZnVuY3Rpb24oKXt2YXIgdD1MKCktbjtyZXR1cm4gMzM8PXQ/KG49TCgpLGUodCxmdW5jdGlvbigpe3JldHVybiBUKHIpfSkpOnNldFRpbWVvdXQociwzMy10KX07cmV0dXJuIHIoKX0sUj1mdW5jdGlvbigpe3ZhciB0PWFyZ3VtZW50c1swXSxlPWFyZ3VtZW50c1sxXSxuPTM8PWFyZ3VtZW50cy5sZW5ndGg/Qi5jYWxsKGFyZ3VtZW50cywyKTpbXTtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2YgdFtlXT90W2VdLmFwcGx5KHQsbik6dFtlXX0sZD1mdW5jdGlvbigpe2Zvcih2YXIgdCxlLG4scj1hcmd1bWVudHNbMF0scz0yPD1hcmd1bWVudHMubGVuZ3RoP0IuY2FsbChhcmd1bWVudHMsMSk6W10sbz0wLGk9cy5sZW5ndGg7bzxpO28rKylpZihlPXNbb10pZm9yKHQgaW4gZSlKLmNhbGwoZSx0KSYmKG49ZVt0XSxudWxsIT1yW3RdJiYib2JqZWN0Ij09dHlwZW9mIHJbdF0mJm51bGwhPW4mJiJvYmplY3QiPT10eXBlb2Ygbj9kKHJbdF0sbik6clt0XT1uKTtyZXR1cm4gcn0scD1mdW5jdGlvbih0KXtmb3IodmFyIGUsbixyPWU9MCxzPTAsbz10Lmxlbmd0aDtzPG87cysrKW49dFtzXSxyKz1NYXRoLmFicyhuKSxlKys7cmV0dXJuIHIvZX0sbT1mdW5jdGlvbih0LGUpe3ZhciBuLHI7aWYobnVsbD09dCYmKHQ9Im9wdGlvbnMiKSxudWxsPT1lJiYoZT0hMCkscj1kb2N1bWVudC5xdWVyeVNlbGVjdG9yKCJbZGF0YS1wYWNlLSIrdCsiXSIpKXtpZihuPXIuZ2V0QXR0cmlidXRlKCJkYXRhLXBhY2UtIit0KSwhZSlyZXR1cm4gbjt0cnl7cmV0dXJuIEpTT04ucGFyc2Uobil9Y2F0Y2godCl7cmV0dXJuInVuZGVmaW5lZCIhPXR5cGVvZiBjb25zb2xlJiZudWxsIT09Y29uc29sZT9jb25zb2xlLmVycm9yKCJFcnJvciBwYXJzaW5nIGlubGluZSBwYWNlIG9wdGlvbnMiLHQpOnZvaWQgMH19fSxWLnByb3RvdHlwZS5vbj1mdW5jdGlvbih0LGUsbixyKXt2YXIgcztyZXR1cm4gbnVsbD09ciYmKHI9ITEpLG51bGw9PXRoaXMuYmluZGluZ3MmJih0aGlzLmJpbmRpbmdzPXt9KSxudWxsPT0ocz10aGlzLmJpbmRpbmdzKVt0XSYmKHNbdF09W10pLHRoaXMuYmluZGluZ3NbdF0ucHVzaCh7aGFuZGxlcjplLGN0eDpuLG9uY2U6cn0pfSxWLnByb3RvdHlwZS5vbmNlPWZ1bmN0aW9uKHQsZSxuKXtyZXR1cm4gdGhpcy5vbih0LGUsbiwhMCl9LFYucHJvdG90eXBlLm9mZj1mdW5jdGlvbih0LGUpe3ZhciBuLHIscztpZihudWxsIT0obnVsbCE9KHI9dGhpcy5iaW5kaW5ncyk/clt0XTp2b2lkIDApKXtpZihudWxsPT1lKXJldHVybiBkZWxldGUgdGhpcy5iaW5kaW5nc1t0XTtmb3Iobj0wLHM9W107bjx0aGlzLmJpbmRpbmdzW3RdLmxlbmd0aDspdGhpcy5iaW5kaW5nc1t0XVtuXS5oYW5kbGVyPT09ZT9zLnB1c2godGhpcy5iaW5kaW5nc1t0XS5zcGxpY2UobiwxKSk6cy5wdXNoKG4rKyk7cmV0dXJuIHN9fSxWLnByb3RvdHlwZS50cmlnZ2VyPWZ1bmN0aW9uKCl7dmFyIHQsZSxuLHIscyxvLGk9YXJndW1lbnRzWzBdLGE9Mjw9YXJndW1lbnRzLmxlbmd0aD9CLmNhbGwoYXJndW1lbnRzLDEpOltdO2lmKG51bGwhPShyPXRoaXMuYmluZGluZ3MpJiZyW2ldKXtmb3Iobj0wLG89W107bjx0aGlzLmJpbmRpbmdzW2ldLmxlbmd0aDspZT0ocz10aGlzLmJpbmRpbmdzW2ldW25dKS5oYW5kbGVyLHQ9cy5jdHgscz1zLm9uY2UsZS5hcHBseShudWxsIT10P3Q6dGhpcyxhKSxzP28ucHVzaCh0aGlzLmJpbmRpbmdzW2ldLnNwbGljZShuLDEpKTpvLnB1c2gobisrKTtyZXR1cm4gb319LEc9Vix5PXdpbmRvdy5QYWNlfHx7fSx3aW5kb3cuUGFjZT15LGQoeSxHLnByb3RvdHlwZSksUD15Lm9wdGlvbnM9ZCh7fSxmLHdpbmRvdy5wYWNlT3B0aW9ucyxtKCkpLFc9MCxEPShJPVsiYWpheCIsImRvY3VtZW50IiwiZXZlbnRMYWciLCJlbGVtZW50cyJdKS5sZW5ndGg7VzxEO1crKykhMD09PVBbQT1JW1ddXSYmKFBbQV09ZltBXSk7ZnVuY3Rpb24gWSgpe3JldHVybiBZLl9fc3VwZXJfXy5jb25zdHJ1Y3Rvci5hcHBseSh0aGlzLGFyZ3VtZW50cyl9ZnVuY3Rpb24gWigpe3RoaXMucHJvZ3Jlc3M9MH1mdW5jdGlvbiAkKCl7dGhpcy5iaW5kaW5ncz17fX1mdW5jdGlvbiB0dCgpe3ZhciBlLG89dGhpczt0dC5fX3N1cGVyX18uY29uc3RydWN0b3IuYXBwbHkodGhpcyxhcmd1bWVudHMpLGU9ZnVuY3Rpb24ocil7dmFyIHM9ci5vcGVuO3JldHVybiByLm9wZW49ZnVuY3Rpb24odCxlLG4pe3JldHVybiBNKHQpJiZvLnRyaWdnZXIoInJlcXVlc3QiLHt0eXBlOnQsdXJsOmUscmVxdWVzdDpyfSkscy5hcHBseShyLGFyZ3VtZW50cyl9fSx3aW5kb3cuWE1MSHR0cFJlcXVlc3Q9ZnVuY3Rpb24odCl7dD1uZXcgVSh0KTtyZXR1cm4gZSh0KSx0fTt0cnl7Zyh3aW5kb3cuWE1MSHR0cFJlcXVlc3QsVSl9Y2F0Y2godCl7fWlmKG51bGwhPUYpe3dpbmRvdy5YRG9tYWluUmVxdWVzdD1mdW5jdGlvbigpe3ZhciB0PW5ldyBGO3JldHVybiBlKHQpLHR9O3RyeXtnKHdpbmRvdy5YRG9tYWluUmVxdWVzdCxGKX1jYXRjaCh0KXt9fWlmKG51bGwhPV8mJlAuYWpheC50cmFja1dlYlNvY2tldHMpe3dpbmRvdy5XZWJTb2NrZXQ9ZnVuY3Rpb24odCxlKXt2YXIgbj1udWxsIT1lP25ldyBfKHQsZSk6bmV3IF8odCk7cmV0dXJuIE0oInNvY2tldCIpJiZvLnRyaWdnZXIoInJlcXVlc3QiLHt0eXBlOiJzb2NrZXQiLHVybDp0LHByb3RvY29sczplLHJlcXVlc3Q6bn0pLG59O3RyeXtnKHdpbmRvdy5XZWJTb2NrZXQsXyl9Y2F0Y2godCl7fX19ZnVuY3Rpb24gZXQoKXt0aGlzLmNvbXBsZXRlPW8odGhpcy5jb21wbGV0ZSx0aGlzKTt2YXIgdD10aGlzO3RoaXMuZWxlbWVudHM9W10saygpLm9uKCJyZXF1ZXN0IixmdW5jdGlvbigpe3JldHVybiB0LndhdGNoLmFwcGx5KHQsYXJndW1lbnRzKX0pfWZ1bmN0aW9uIG50KHQpe3ZhciBlLG4scixzO2ZvcihudWxsPT10JiYodD17fSksdGhpcy5jb21wbGV0ZT1vKHRoaXMuY29tcGxldGUsdGhpcyksdGhpcy5lbGVtZW50cz1bXSxudWxsPT10LnNlbGVjdG9ycyYmKHQuc2VsZWN0b3JzPVtdKSxuPTAscj0ocz10LnNlbGVjdG9ycykubGVuZ3RoO248cjtuKyspZT1zW25dLHRoaXMuZWxlbWVudHMucHVzaChuZXcgaShlLHRoaXMuY29tcGxldGUpKX1mdW5jdGlvbiBydCh0LGUpe3RoaXMuc2VsZWN0b3I9dCx0aGlzLmNvbXBsZXRlQ2FsbGJhY2s9ZSx0aGlzLnByb2dyZXNzPTAsdGhpcy5jaGVjaygpfWZ1bmN0aW9uIHN0KCl7dmFyIHQsZSxuPXRoaXM7dGhpcy5wcm9ncmVzcz1udWxsIT0oZT10aGlzLnN0YXRlc1tkb2N1bWVudC5yZWFkeVN0YXRlXSk/ZToxMDAsdD1kb2N1bWVudC5vbnJlYWR5c3RhdGVjaGFuZ2UsZG9jdW1lbnQub25yZWFkeXN0YXRlY2hhbmdlPWZ1bmN0aW9uKCl7cmV0dXJuIG51bGwhPW4uc3RhdGVzW2RvY3VtZW50LnJlYWR5U3RhdGVdJiYobi5wcm9ncmVzcz1uLnN0YXRlc1tkb2N1bWVudC5yZWFkeVN0YXRlXSksImZ1bmN0aW9uIj09dHlwZW9mIHQ/dC5hcHBseShudWxsLGFyZ3VtZW50cyk6dm9pZCAwfX1mdW5jdGlvbiBvdCh0KXt0aGlzLnNvdXJjZT10LHRoaXMubGFzdD10aGlzLnNpbmNlTGFzdFVwZGF0ZT0wLHRoaXMucmF0ZT1QLmluaXRpYWxSYXRlLHRoaXMuY2F0Y2h1cD0wLHRoaXMucHJvZ3Jlc3M9dGhpcy5sYXN0UHJvZ3Jlc3M9MCxudWxsIT10aGlzLnNvdXJjZSYmKHRoaXMucHJvZ3Jlc3M9Uih0aGlzLnNvdXJjZSwicHJvZ3Jlc3MiKSl9Rz1FcnJvcixLKFksRyksbj1ZLFoucHJvdG90eXBlLmdldEVsZW1lbnQ9ZnVuY3Rpb24oKXt2YXIgdDtpZihudWxsPT10aGlzLmVsKXtpZighKHQ9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcihQLnRhcmdldCkpKXRocm93IG5ldyBuO3RoaXMuZWw9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgiZGl2IiksdGhpcy5lbC5jbGFzc05hbWU9InBhY2UgcGFjZS1hY3RpdmUiLGRvY3VtZW50LmJvZHkuY2xhc3NOYW1lPWRvY3VtZW50LmJvZHkuY2xhc3NOYW1lLnJlcGxhY2UoLyhwYWNlLWRvbmUgKXwvLCJwYWNlLXJ1bm5pbmcgIik7dmFyIGU9IiIhPT1QLmNsYXNzTmFtZT8iICIrUC5jbGFzc05hbWU6IiI7dGhpcy5lbC5pbm5lckhUTUw9JzxkaXYgY2xhc3M9InBhY2UtcHJvZ3Jlc3MnK2UrJyI+XG4gIDxkaXYgY2xhc3M9InBhY2UtcHJvZ3Jlc3MtaW5uZXIiPjwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPSJwYWNlLWFjdGl2aXR5Ij48L2Rpdj4nLG51bGwhPXQuZmlyc3RDaGlsZD90Lmluc2VydEJlZm9yZSh0aGlzLmVsLHQuZmlyc3RDaGlsZCk6dC5hcHBlbmRDaGlsZCh0aGlzLmVsKX1yZXR1cm4gdGhpcy5lbH0sWi5wcm90b3R5cGUuZmluaXNoPWZ1bmN0aW9uKCl7dmFyIHQ9dGhpcy5nZXRFbGVtZW50KCk7cmV0dXJuIHQuY2xhc3NOYW1lPXQuY2xhc3NOYW1lLnJlcGxhY2UoInBhY2UtYWN0aXZlIiwicGFjZS1pbmFjdGl2ZSIpLGRvY3VtZW50LmJvZHkuY2xhc3NOYW1lPWRvY3VtZW50LmJvZHkuY2xhc3NOYW1lLnJlcGxhY2UoInBhY2UtcnVubmluZyAiLCJwYWNlLWRvbmUgIil9LFoucHJvdG90eXBlLnVwZGF0ZT1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5wcm9ncmVzcz10LHkudHJpZ2dlcigicHJvZ3Jlc3MiLHQpLHRoaXMucmVuZGVyKCl9LFoucHJvdG90eXBlLmRlc3Ryb3k9ZnVuY3Rpb24oKXt0cnl7dGhpcy5nZXRFbGVtZW50KCkucGFyZW50Tm9kZS5yZW1vdmVDaGlsZCh0aGlzLmdldEVsZW1lbnQoKSl9Y2F0Y2godCl7bj10fXJldHVybiB0aGlzLmVsPXZvaWQgMH0sWi5wcm90b3R5cGUucmVuZGVyPWZ1bmN0aW9uKCl7dmFyIHQsZSxuLHIscyxvLGk7aWYobnVsbD09ZG9jdW1lbnQucXVlcnlTZWxlY3RvcihQLnRhcmdldCkpcmV0dXJuITE7Zm9yKHQ9dGhpcy5nZXRFbGVtZW50KCkscj0idHJhbnNsYXRlM2QoIit0aGlzLnByb2dyZXNzKyIlLCAwLCAwKSIscz0wLG89KGk9WyJ3ZWJraXRUcmFuc2Zvcm0iLCJtc1RyYW5zZm9ybSIsInRyYW5zZm9ybSJdKS5sZW5ndGg7czxvO3MrKyllPWlbc10sdC5jaGlsZHJlblswXS5zdHlsZVtlXT1yO3JldHVybighdGhpcy5sYXN0UmVuZGVyZWRQcm9ncmVzc3x8dGhpcy5sYXN0UmVuZGVyZWRQcm9ncmVzc3wwIT09dGhpcy5wcm9ncmVzc3wwKSYmKHQuY2hpbGRyZW5bMF0uc2V0QXR0cmlidXRlKCJkYXRhLXByb2dyZXNzLXRleHQiLCgwfHRoaXMucHJvZ3Jlc3MpKyIlIiksMTAwPD10aGlzLnByb2dyZXNzP249Ijk5Ijoobj10aGlzLnByb2dyZXNzPDEwPyIwIjoiIixuKz0wfHRoaXMucHJvZ3Jlc3MpLHQuY2hpbGRyZW5bMF0uc2V0QXR0cmlidXRlKCJkYXRhLXByb2dyZXNzIiwiIituKSkseS50cmlnZ2VyKCJjaGFuZ2UiLHRoaXMucHJvZ3Jlc3MpLHRoaXMubGFzdFJlbmRlcmVkUHJvZ3Jlc3M9dGhpcy5wcm9ncmVzc30sWi5wcm90b3R5cGUuZG9uZT1mdW5jdGlvbigpe3JldHVybiAxMDA8PXRoaXMucHJvZ3Jlc3N9LGM9WiwkLnByb3RvdHlwZS50cmlnZ2VyPWZ1bmN0aW9uKHQsZSl7dmFyIG4scixzLG8saTtpZihudWxsIT10aGlzLmJpbmRpbmdzW3RdKXtmb3IoaT1bXSxyPTAscz0obz10aGlzLmJpbmRpbmdzW3RdKS5sZW5ndGg7cjxzO3IrKyluPW9bcl0saS5wdXNoKG4uY2FsbCh0aGlzLGUpKTtyZXR1cm4gaX19LCQucHJvdG90eXBlLm9uPWZ1bmN0aW9uKHQsZSl7dmFyIG47cmV0dXJuIG51bGw9PShuPXRoaXMuYmluZGluZ3MpW3RdJiYoblt0XT1bXSksdGhpcy5iaW5kaW5nc1t0XS5wdXNoKGUpfSxtPSQsVT13aW5kb3cuWE1MSHR0cFJlcXVlc3QsRj13aW5kb3cuWERvbWFpblJlcXVlc3QsXz13aW5kb3cuV2ViU29ja2V0LGc9ZnVuY3Rpb24odCxlKXt2YXIgbixyPVtdO2ZvcihuIGluIGUucHJvdG90eXBlKXRyeXtudWxsPT10W25dJiYiZnVuY3Rpb24iIT10eXBlb2YgZVtuXT8iZnVuY3Rpb24iPT10eXBlb2YgT2JqZWN0LmRlZmluZVByb3BlcnR5P3IucHVzaChPYmplY3QuZGVmaW5lUHJvcGVydHkodCxuLHtnZXQ6ZnVuY3Rpb24odCl7cmV0dXJuIGZ1bmN0aW9uKCl7cmV0dXJuIGUucHJvdG90eXBlW3RdfX0obiksY29uZmlndXJhYmxlOiEwLGVudW1lcmFibGU6ITB9KSk6ci5wdXNoKHRbbl09ZS5wcm90b3R5cGVbbl0pOnIucHVzaCh2b2lkIDApfWNhdGNoKHQpezB9cmV0dXJuIHJ9LHE9W10seS5pZ25vcmU9ZnVuY3Rpb24oKXt2YXIgdD1hcmd1bWVudHNbMF0sZT0yPD1hcmd1bWVudHMubGVuZ3RoP0IuY2FsbChhcmd1bWVudHMsMSk6W107cmV0dXJuIHEudW5zaGlmdCgiaWdub3JlIiksZT10LmFwcGx5KG51bGwsZSkscS5zaGlmdCgpLGV9LHkudHJhY2s9ZnVuY3Rpb24oKXt2YXIgdD1hcmd1bWVudHNbMF0sZT0yPD1hcmd1bWVudHMubGVuZ3RoP0IuY2FsbChhcmd1bWVudHMsMSk6W107cmV0dXJuIHEudW5zaGlmdCgidHJhY2siKSxlPXQuYXBwbHkobnVsbCxlKSxxLnNoaWZ0KCksZX0sTT1mdW5jdGlvbih0KXtpZihudWxsPT10JiYodD0iR0VUIiksInRyYWNrIj09PXFbMF0pcmV0dXJuImZvcmNlIjtpZighcS5sZW5ndGgmJlAuYWpheCl7aWYoInNvY2tldCI9PT10JiZQLmFqYXgudHJhY2tXZWJTb2NrZXRzKXJldHVybiEwO2lmKHQ9dC50b1VwcGVyQ2FzZSgpLDA8PVEuY2FsbChQLmFqYXgudHJhY2tNZXRob2RzLHQpKXJldHVybiEwfXJldHVybiExfSxLKHR0LG0pLHQ9dHQsWD1udWxsLEU9ZnVuY3Rpb24odCl7Zm9yKHZhciBlLG49UC5hamF4Lmlnbm9yZVVSTHMscj0wLHM9bi5sZW5ndGg7cjxzO3IrKylpZigic3RyaW5nIj09dHlwZW9mKGU9bltyXSkpe2lmKC0xIT09dC5pbmRleE9mKGUpKXJldHVybiEwfWVsc2UgaWYoZS50ZXN0KHQpKXJldHVybiEwO3JldHVybiExfSwoaz1mdW5jdGlvbigpe3JldHVybiBudWxsPT1YJiYoWD1uZXcgdCksWH0pKCkub24oInJlcXVlc3QiLGZ1bmN0aW9uKHQpe3ZhciBvLGk9dC50eXBlLGE9dC5yZXF1ZXN0LGU9dC51cmw7aWYoIUUoZSkpcmV0dXJuIHkucnVubmluZ3x8ITE9PT1QLnJlc3RhcnRPblJlcXVlc3RBZnRlciYmImZvcmNlIiE9PU0oaSk/dm9pZCAwOihvPWFyZ3VtZW50cywiYm9vbGVhbiI9PXR5cGVvZihlPVAucmVzdGFydE9uUmVxdWVzdEFmdGVyfHwwKSYmKGU9MCksc2V0VGltZW91dChmdW5jdGlvbigpe3ZhciB0LGUsbixyLHM9InNvY2tldCI9PT1pP2EucmVhZHlTdGF0ZTwxOjA8KHM9YS5yZWFkeVN0YXRlKSYmczw0O2lmKHMpe2Zvcih5LnJlc3RhcnQoKSxyPVtdLHQ9MCxlPShuPXkuc291cmNlcykubGVuZ3RoO3Q8ZTt0Kyspe2lmKChBPW5bdF0paW5zdGFuY2VvZiB1KXtBLndhdGNoLmFwcGx5KEEsbyk7YnJlYWt9ci5wdXNoKHZvaWQgMCl9cmV0dXJuIHJ9fSxlKSl9KSxldC5wcm90b3R5cGUud2F0Y2g9ZnVuY3Rpb24odCl7dmFyIGU9dC50eXBlLG49dC5yZXF1ZXN0LHQ9dC51cmw7aWYoIUUodCkpcmV0dXJuIG49bmV3KCJzb2NrZXQiPT09ZT9yOnMpKG4sdGhpcy5jb21wbGV0ZSksdGhpcy5lbGVtZW50cy5wdXNoKG4pfSxldC5wcm90b3R5cGUuY29tcGxldGU9ZnVuY3Rpb24oZSl7cmV0dXJuIHRoaXMuZWxlbWVudHM9dGhpcy5lbGVtZW50cy5maWx0ZXIoZnVuY3Rpb24odCl7cmV0dXJuIHQhPT1lfSl9LHU9ZXQscz1mdW5jdGlvbihlLG4pe3ZhciB0LHIscyxvLGk9dGhpcztpZih0aGlzLnByb2dyZXNzPTAsbnVsbCE9d2luZG93LlByb2dyZXNzRXZlbnQpZm9yKGEoZSwicHJvZ3Jlc3MiLGZ1bmN0aW9uKHQpe3JldHVybiB0Lmxlbmd0aENvbXB1dGFibGU/aS5wcm9ncmVzcz0xMDAqdC5sb2FkZWQvdC50b3RhbDppLnByb2dyZXNzPWkucHJvZ3Jlc3MrKDEwMC1pLnByb2dyZXNzKS8yfSksdD0wLHI9KG89WyJsb2FkIiwiYWJvcnQiLCJ0aW1lb3V0IiwiZXJyb3IiXSkubGVuZ3RoO3Q8cjt0KyspYShlLG9bdF0sZnVuY3Rpb24oKXtyZXR1cm4gbihpKSxpLnByb2dyZXNzPTEwMH0pO2Vsc2Ugcz1lLm9ucmVhZHlzdGF0ZWNoYW5nZSxlLm9ucmVhZHlzdGF0ZWNoYW5nZT1mdW5jdGlvbigpe3ZhciB0O3JldHVybiAwPT09KHQ9ZS5yZWFkeVN0YXRlKXx8ND09PXQ/KG4oaSksaS5wcm9ncmVzcz0xMDApOjM9PT1lLnJlYWR5U3RhdGUmJihpLnByb2dyZXNzPTUwKSwiZnVuY3Rpb24iPT10eXBlb2Ygcz9zLmFwcGx5KG51bGwsYXJndW1lbnRzKTp2b2lkIDB9fSxyPWZ1bmN0aW9uKHQsZSl7Zm9yKHZhciBuLHI9dGhpcyxzPXRoaXMucHJvZ3Jlc3M9MCxvPShuPVsiZXJyb3IiLCJvcGVuIl0pLmxlbmd0aDtzPG87cysrKWEodCxuW3NdLGZ1bmN0aW9uKCl7cmV0dXJuIGUociksci5wcm9ncmVzcz0xMDB9KX0sbnQucHJvdG90eXBlLmNvbXBsZXRlPWZ1bmN0aW9uKGUpe3JldHVybiB0aGlzLmVsZW1lbnRzPXRoaXMuZWxlbWVudHMuZmlsdGVyKGZ1bmN0aW9uKHQpe3JldHVybiB0IT09ZX0pfSxHPW50LHJ0LnByb3RvdHlwZS5jaGVjaz1mdW5jdGlvbigpe3ZhciB0PXRoaXM7cmV0dXJuIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IodGhpcy5zZWxlY3Rvcik/dGhpcy5kb25lKCk6c2V0VGltZW91dChmdW5jdGlvbigpe3JldHVybiB0LmNoZWNrKCl9LFAuZWxlbWVudHMuY2hlY2tJbnRlcnZhbCl9LHJ0LnByb3RvdHlwZS5kb25lPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMuY29tcGxldGVDYWxsYmFjayh0aGlzKSx0aGlzLmNvbXBsZXRlQ2FsbGJhY2s9bnVsbCx0aGlzLnByb2dyZXNzPTEwMH0saT1ydCxzdC5wcm90b3R5cGUuc3RhdGVzPXtsb2FkaW5nOjAsaW50ZXJhY3RpdmU6NTAsY29tcGxldGU6MTAwfSxLPXN0LG09ZnVuY3Rpb24oKXt2YXIgZSxuLHIscyxvLGk9dGhpczt0aGlzLnByb2dyZXNzPTAsbz1bXSxzPTAscj1MKCksbj1zZXRJbnRlcnZhbChmdW5jdGlvbigpe3ZhciB0PUwoKS1yLTUwO3JldHVybiByPUwoKSxvLnB1c2godCksby5sZW5ndGg+UC5ldmVudExhZy5zYW1wbGVDb3VudCYmby5zaGlmdCgpLGU9cChvKSwrK3M+PVAuZXZlbnRMYWcubWluU2FtcGxlcyYmZTxQLmV2ZW50TGFnLmxhZ1RocmVzaG9sZD8oaS5wcm9ncmVzcz0xMDAsY2xlYXJJbnRlcnZhbChuKSk6aS5wcm9ncmVzcz0zLyhlKzMpKjEwMH0sNTApfSxvdC5wcm90b3R5cGUudGljaz1mdW5jdGlvbih0LGUpe3JldHVybiBudWxsPT1lJiYoZT1SKHRoaXMuc291cmNlLCJwcm9ncmVzcyIpKSwxMDA8PWUmJih0aGlzLmRvbmU9ITApLGU9PT10aGlzLmxhc3Q/dGhpcy5zaW5jZUxhc3RVcGRhdGUrPXQ6KHRoaXMuc2luY2VMYXN0VXBkYXRlJiYodGhpcy5yYXRlPShlLXRoaXMubGFzdCkvdGhpcy5zaW5jZUxhc3RVcGRhdGUpLHRoaXMuY2F0Y2h1cD0oZS10aGlzLnByb2dyZXNzKS9QLmNhdGNodXBUaW1lLHRoaXMuc2luY2VMYXN0VXBkYXRlPTAsdGhpcy5sYXN0PWUpLGU+dGhpcy5wcm9ncmVzcyYmKHRoaXMucHJvZ3Jlc3MrPXRoaXMuY2F0Y2h1cCp0KSxlPTEtTWF0aC5wb3codGhpcy5wcm9ncmVzcy8xMDAsUC5lYXNlRmFjdG9yKSx0aGlzLnByb2dyZXNzKz1lKnRoaXMucmF0ZSp0LHRoaXMucHJvZ3Jlc3M9TWF0aC5taW4odGhpcy5sYXN0UHJvZ3Jlc3MrUC5tYXhQcm9ncmVzc1BlckZyYW1lLHRoaXMucHJvZ3Jlc3MpLHRoaXMucHJvZ3Jlc3M9TWF0aC5tYXgoMCx0aGlzLnByb2dyZXNzKSx0aGlzLnByb2dyZXNzPU1hdGgubWluKDEwMCx0aGlzLnByb2dyZXNzKSx0aGlzLmxhc3RQcm9ncmVzcz10aGlzLnByb2dyZXNzLHRoaXMucHJvZ3Jlc3N9LHY9b3QsYj1lPU49dz1PPUM9bnVsbCx5LnJ1bm5pbmc9ITEsUz1mdW5jdGlvbigpe2lmKFAucmVzdGFydE9uUHVzaFN0YXRlKXJldHVybiB5LnJlc3RhcnQoKX0sbnVsbCE9d2luZG93Lmhpc3RvcnkucHVzaFN0YXRlJiYoSD13aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUsd2luZG93Lmhpc3RvcnkucHVzaFN0YXRlPWZ1bmN0aW9uKCl7cmV0dXJuIFMoKSxILmFwcGx5KHdpbmRvdy5oaXN0b3J5LGFyZ3VtZW50cyl9KSxudWxsIT13aW5kb3cuaGlzdG9yeS5yZXBsYWNlU3RhdGUmJih6PXdpbmRvdy5oaXN0b3J5LnJlcGxhY2VTdGF0ZSx3aW5kb3cuaGlzdG9yeS5yZXBsYWNlU3RhdGU9ZnVuY3Rpb24oKXtyZXR1cm4gUygpLHouYXBwbHkod2luZG93Lmhpc3RvcnksYXJndW1lbnRzKX0pLGw9e2FqYXg6dSxlbGVtZW50czpHLGRvY3VtZW50OkssZXZlbnRMYWc6bX0sKHg9ZnVuY3Rpb24oKXt2YXIgdCxlLG4scixzLG8saSxhO2Zvcih5LnNvdXJjZXM9Qz1bXSxlPTAscj0obz1bImFqYXgiLCJlbGVtZW50cyIsImRvY3VtZW50IiwiZXZlbnRMYWciXSkubGVuZ3RoO2U8cjtlKyspITEhPT1QW3Q9b1tlXV0mJkMucHVzaChuZXcgbFt0XShQW3RdKSk7Zm9yKG49MCxzPShhPW51bGwhPShpPVAuZXh0cmFTb3VyY2VzKT9pOltdKS5sZW5ndGg7bjxzO24rKylBPWFbbl0sQy5wdXNoKG5ldyBBKFApKTtyZXR1cm4geS5iYXI9dz1uZXcgYyxPPVtdLE49bmV3IHZ9KSgpLHkuc3RvcD1mdW5jdGlvbigpe3JldHVybiB5LnRyaWdnZXIoInN0b3AiKSx5LnJ1bm5pbmc9ITEsdy5kZXN0cm95KCksYj0hMCxudWxsIT1lJiYoImZ1bmN0aW9uIj09dHlwZW9mIGgmJmgoZSksZT1udWxsKSx4KCl9LHkucmVzdGFydD1mdW5jdGlvbigpe3JldHVybiB5LnRyaWdnZXIoInJlc3RhcnQiKSx5LnN0b3AoKSx5LnN0YXJ0KCl9LHkuZ289ZnVuY3Rpb24oKXt2YXIgbTtyZXR1cm4geS5ydW5uaW5nPSEwLHcucmVuZGVyKCksbT1MKCksYj0hMSxlPWooZnVuY3Rpb24odCxlKXt3LnByb2dyZXNzO2Zvcih2YXIgbixyLHMsbyxpLGEsdSxjLGwscCxoPWE9MCxmPSEwLGQ9dT0wLGc9Qy5sZW5ndGg7dTxnO2Q9Kyt1KWZvcihBPUNbZF0saT1udWxsIT1PW2RdP09bZF06T1tkXT1bXSxzPWM9MCxsPShyPW51bGwhPShwPUEuZWxlbWVudHMpP3A6W0FdKS5sZW5ndGg7YzxsO3M9KytjKW89cltzXSxmJj0obz1udWxsIT1pW3NdP2lbc106aVtzXT1uZXcgdihvKSkuZG9uZSxvLmRvbmV8fChoKyssYSs9by50aWNrKHQpKTtyZXR1cm4gbj1hL2gsdy51cGRhdGUoTi50aWNrKHQsbikpLHcuZG9uZSgpfHxmfHxiPyh3LnVwZGF0ZSgxMDApLHkudHJpZ2dlcigiZG9uZSIpLHNldFRpbWVvdXQoZnVuY3Rpb24oKXtyZXR1cm4gdy5maW5pc2goKSx5LnJ1bm5pbmc9ITEseS50cmlnZ2VyKCJoaWRlIil9LE1hdGgubWF4KFAuZ2hvc3RUaW1lLE1hdGgubWF4KFAubWluVGltZS0oTCgpLW0pLDApKSkpOmUoKX0pfSx5LnN0YXJ0PWZ1bmN0aW9uKHQpe2QoUCx0KSx5LnJ1bm5pbmc9ITA7dHJ5e3cucmVuZGVyKCl9Y2F0Y2godCl7bj10fXJldHVybiBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCIucGFjZSIpPyh5LnRyaWdnZXIoInN0YXJ0IikseS5nbygpKTpzZXRUaW1lb3V0KHkuc3RhcnQsNTApfSwiZnVuY3Rpb24iPT10eXBlb2YgZGVmaW5lJiZkZWZpbmUuYW1kP2RlZmluZShmdW5jdGlvbigpe3JldHVybiB5fSk6Im9iamVjdCI9PXR5cGVvZiBleHBvcnRzP21vZHVsZS5leHBvcnRzPXk6UC5zdGFydE9uUGFnZUxvYWQmJnkuc3RhcnQoKX0pLmNhbGwodGhpcyk7"></script>
<link rel="manifest" href="./manifestindex.json" />
<script
src="data:application/javascript;charset=utf-8;base64,KGZ1bmN0aW9uKCl7ZnVuY3Rpb24gcCgpe3ZhciBiPWRvY3VtZW50LmhlYWQucXVlcnlTZWxlY3RvcignbGlua1tyZWw9Im1hbmlmZXN0Il0nKSxhPWI/Yi5ocmVmOiIiO2lmKCFhKXRocm93J2NhblwndCBmaW5kIDxsaW5rIHJlbD0ibWFuaWZlc3QiIGhyZWY9Ii4uIiAvPlwnJzt2YXIgZD1BKFthLHdpbmRvdy5sb2NhdGlvbl0pLGU9bmV3IFhNTEh0dHBSZXF1ZXN0O2Uub3BlbigiR0VUIixhKTtlLndpdGhDcmVkZW50aWFscz0idXNlLWNyZWRlbnRpYWxzIj09PWIuZ2V0QXR0cmlidXRlKCJjcm9zc29yaWdpbiIpO2Uub25sb2FkPWZ1bmN0aW9uKCl7dHJ5e3ZhciBiPUpTT04ucGFyc2UoZS5yZXNwb25zZVRleHQpO0IoYixkKX1jYXRjaChrKXtjb25zb2xlLndhcm4oImVycm9yIixrKX19O2Uuc2VuZChudWxsKX1mdW5jdGlvbiBBKGIpe2Zvcih2YXIgYT17fSxkPTA7ZDxiLmxlbmd0aDthPXtjOmEuY30sKytkKXthLmM9YltkXTt0cnl7cmV0dXJuIG5ldyBVUkwoIiIsCmEuYyksZnVuY3Rpb24oYil7cmV0dXJuIGZ1bmN0aW9uKGEpe3JldHVybihuZXcgVVJMKGF8fCIiLGIuYykpLnRvU3RyaW5nKCl9fShhKX1jYXRjaChlKXt9fXJldHVybiBmdW5jdGlvbihiKXtyZXR1cm4gYnx8IiJ9fWZ1bmN0aW9uIHUoYixhKXtiPWRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoYik7Zm9yKHZhciBkIGluIGEpYi5zZXRBdHRyaWJ1dGUoZCxhW2RdKTtkb2N1bWVudC5oZWFkLmFwcGVuZENoaWxkKGIpO3JldHVybiBifWZ1bmN0aW9uIGMoYixhKXthJiYoITA9PT1hJiYoYT0ieWVzIiksdSgibWV0YSIse25hbWU6Yixjb250ZW50OmF9KSl9ZnVuY3Rpb24gQihiLGEpe2Z1bmN0aW9uIGQoYSxkLGcpe3ZhciBlPWEud2lkdGgsYz1hLmhlaWdodDthPXdpbmRvdy5kZXZpY2VQaXhlbFJhdGlvO3ZhciBmPXYoe3dpZHRoOmUqYSxoZWlnaHQ6YyphfSk7Zi5zY2FsZShhLGEpO2YuZmlsbFN0eWxlPWIuYmFja2dyb3VuZF9jb2xvcnx8IiNmOGY5ZmEiO2YuZmlsbFJlY3QoMCwwLGUsYyk7CmYudHJhbnNsYXRlKGUvMiwoYy0zMikvMik7ZyYmKGM9Zy53aWR0aC9hLGE9Zy5oZWlnaHQvYSwxMjg8YSYmKGMvPWEvMTI4LGE9MTI4KSw0ODw9YyYmNDg8PWEmJihmLmRyYXdJbWFnZShnLGMvLTIsYS8tMixjLGEpLGYudHJhbnNsYXRlKDAsYS8yKzMyKSkpO2YuZmlsbFN0eWxlPXQ/IndoaXRlIjoiYmxhY2siO2YuZm9udD0iMjRweCBIZWx2ZXRpY2FOZXVlLUNvbmRlbnNlZEJvbGQiO2c9Yi5uYW1lfHxiLnNob3J0X25hbWV8fGRvY3VtZW50LnRpdGxlO2E9Zi5tZWFzdXJlVGV4dChnKS53aWR0aDtpZihhPC44KmUpZi5maWxsVGV4dChnLGEvLTIsMCk7ZWxzZSBmb3IoZz1nLnNwbGl0KC9ccysvZyksYT0xO2E8PWcubGVuZ3RoOysrYSl7Yz1nLnNsaWNlKDAsYSkuam9pbigiICIpO3ZhciB3PWYubWVhc3VyZVRleHQoYykud2lkdGg7aWYoYT09PWcubGVuZ3RofHx3Pi42KmUpZi5maWxsVGV4dChjLHcvLTIsMCksZi50cmFuc2xhdGUoMCwyNCoxLjIpLGcuc3BsaWNlKDAsYSksYT0wfXJldHVybiBmdW5jdGlvbigpe3ZhciBhPQpkb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7YS5zZXRBdHRyaWJ1dGUoInJlbCIsImFwcGxlLXRvdWNoLXN0YXJ0dXAtaW1hZ2UiKTthLnNldEF0dHJpYnV0ZSgibWVkaWEiLCIob3JpZW50YXRpb246ICIrZCsiKSIpO2Euc2V0QXR0cmlidXRlKCJocmVmIixmLmNhbnZhcy50b0RhdGFVUkwoKSk7cmV0dXJuIGF9fWZ1bmN0aW9uIGUoYSl7dmFyIGI9ZCh3aW5kb3cuc2NyZWVuLCJwb3J0cmFpdCIsYSksYz1kKHt3aWR0aDp3aW5kb3cuc2NyZWVuLmhlaWdodCxoZWlnaHQ6d2luZG93LnNjcmVlbi53aWR0aH0sImxhbmRzY2FwZSIsYSk7d2luZG93LnNldFRpbWVvdXQoZnVuY3Rpb24oKXtkb2N1bWVudC5oZWFkLmFwcGVuZENoaWxkKGIoKSk7d2luZG93LnNldFRpbWVvdXQoZnVuY3Rpb24oKXtkb2N1bWVudC5oZWFkLmFwcGVuZENoaWxkKGMoKSl9LDEwKX0sMTApfXZhciBoPWIuaWNvbnN8fFtdO2guc29ydChmdW5jdGlvbihhLGIpe3JldHVybiBwYXJzZUludChiLnNpemVzLDEwKS0KcGFyc2VJbnQoYS5zaXplcywxMCl9KTt2YXIgaz1oLm1hcChmdW5jdGlvbihiKXt2YXIgZD17cmVsOiJpY29uIixocmVmOmEoYi5zcmMpLHNpemVzOmIuc2l6ZXN9O3UoImxpbmsiLGQpO2lmKHEmJiEoMTIwPnBhcnNlSW50KGIuc2l6ZXMsMTApKSlyZXR1cm4gZC5yZWw9ImFwcGxlLXRvdWNoLWljb24iLHUoImxpbmsiLGQpfSkuZmlsdGVyKEJvb2xlYW4pO2subGVuZ3RoJiZrW2subGVuZ3RoLTFdLnJlbW92ZUF0dHJpYnV0ZSgic2l6ZXMiKTt2YXIgbT1kb2N1bWVudC5oZWFkLnF1ZXJ5U2VsZWN0b3IoJ21ldGFbbmFtZT0idmlld3BvcnQiXScpLHA9ISEobSYmbS5jb250ZW50fHwiIikubWF0Y2goL1xidmlld3BvcnQtZml0XHMqPVxzKmNvdmVyXGIvKSxyPWIuZGlzcGxheTttPS0xIT09Qy5pbmRleE9mKHIpO2MoIm1vYmlsZS13ZWItYXBwLWNhcGFibGUiLG0pO0QoYi50aGVtZV9jb2xvcnx8ImJsYWNrIixwKTtFJiYoYygiYXBwbGljYXRpb24tbmFtZSIsYi5zaG9ydF9uYW1lKSxjKCJtc2FwcGxpY2F0aW9uLXRvb2x0aXAiLApiLmRlc2NyaXB0aW9uKSxjKCJtc2FwcGxpY2F0aW9uLXN0YXJ0dXJsIixhKGIuc3RhcnRfdXJsfHwiLiIpKSxjKCJtc2FwcGxpY2F0aW9uLW5hdmJ1dHRvbi1jb2xvciIsYi50aGVtZV9jb2xvciksKGg9aFswXSkmJmMoIm1zYXBwbGljYXRpb24tVGlsZUltYWdlIixhKGguc3JjKSksYygibXNhcHBsaWNhdGlvbi1UaWxlQ29sb3IiLGIuYmFja2dyb3VuZF9jb2xvcikpO2RvY3VtZW50LmhlYWQucXVlcnlTZWxlY3RvcignW25hbWU9InRoZW1lLWNvbG9yIl0nKXx8YygidGhlbWUtY29sb3IiLGIudGhlbWVfY29sb3IpO2lmKHEpe3ZhciB0PXgoYi5iYWNrZ3JvdW5kX2NvbG9yfHwiI2Y4ZjlmYSIpOyhyPUYoYi5yZWxhdGVkX2FwcGxpY2F0aW9ucykpJiZjKCJhcHBsZS1pdHVuZXMtYXBwIiwiYXBwLWlkPSIrcik7YygiYXBwbGUtbW9iaWxlLXdlYi1hcHAtY2FwYWJsZSIsbSk7YygiYXBwbGUtbW9iaWxlLXdlYi1hcHAtdGl0bGUiLGIuc2hvcnRfbmFtZXx8Yi5uYW1lKTt2YXIgbj1rWzBdLApsPW5ldyBJbWFnZTtsLmNyb3NzT3JpZ2luPSJhbm9ueW1vdXMiO2wub25lcnJvcj1mdW5jdGlvbigpe2UoKX07aWYoay5sZW5ndGgpbC5vbmxvYWQ9ZnVuY3Rpb24oKXtlKGwpO2lmKGIuYmFja2dyb3VuZF9jb2xvcil7dmFyIGE9eShsLGIuYmFja2dyb3VuZF9jb2xvcik7YSYmKG4uaHJlZj1hLGsuc2xpY2UoMSkuZm9yRWFjaChmdW5jdGlvbihhKXt2YXIgZD1uZXcgSW1hZ2U7ZC5jcm9zc09yaWdpbj0iYW5vbnltb3VzIjtkLm9ubG9hZD1mdW5jdGlvbigpe3ZhciBjPXkoZCxiLmJhY2tncm91bmRfY29sb3IsITApO2EuaHJlZj1jfTtkLnNyYz1hLmhyZWZ9KSl9fSxsLnNyYz1uLmhyZWY7ZWxzZSBsLm9uZXJyb3IoKX1lbHNlIGg9e3BvcjoicG9ydHJhaXQiLGxhbjoibGFuZHNjYXBlIn1bU3RyaW5nKGIub3JpZW50YXRpb258fCIiKS5zdWJzdHIoMCwzKV18fCIiLGMoIng1LW9yaWVudGF0aW9uIixoKSxjKCJzY3JlZW4tb3JpZW50YXRpb24iLGgpLCJmdWxsc2NyZWVuIj09PXI/KGMoIng1LWZ1bGxzY3JlZW4iLAoidHJ1ZSIpLGMoImZ1bGwtc2NyZWVuIiwieWVzIikpOm0mJihjKCJ4NS1wYWdlLW1vZGUiLCJhcHAiKSxjKCJicm93c2VybW9kZSIsImFwcGxpY2F0aW9uIikpfWZ1bmN0aW9uIEYoYil7dmFyIGE7KGJ8fFtdKS5maWx0ZXIoZnVuY3Rpb24oYSl7cmV0dXJuIml0dW5lcyI9PT1hLnBsYXRmb3JtfSkuZm9yRWFjaChmdW5jdGlvbihiKXtiLmlkP2E9Yi5pZDooYj1iLnVybC5tYXRjaCgvaWQoXGQrKS8pKSYmKGE9YlsxXSl9KTtyZXR1cm4gYX1mdW5jdGlvbiBEKGIsYSl7aWYocXx8Ryl7dmFyIGQ9eChiKTtpZihxKWMoImFwcGxlLW1vYmlsZS13ZWItYXBwLXN0YXR1cy1iYXItc3R5bGUiLGE/ImJsYWNrLXRyYW5zbHVjZW50IjpkPyJibGFjayI6ImRlZmF1bHQiKTtlbHNle2E6e3RyeXt2YXIgZT1XaW5kb3dzLlVJLlZpZXdNYW5hZ2VtZW50LkFwcGxpY2F0aW9uVmlldy5nZXRGb3JDdXJyZW50VmlldygpLnRpdGxlQmFyO2JyZWFrIGF9Y2F0Y2goaCl7fWU9dm9pZCAwfWlmKGE9ZSlhLmZvcmVncm91bmRDb2xvcj0KdChkPyJibGFjayI6IndoaXRlIiksYS5iYWNrZ3JvdW5kQ29sb3I9dChiKX19fWZ1bmN0aW9uIHQoYil7Yj1uKGIpO3JldHVybntyOmJbMF0sZzpiWzFdLGI6YlsyXSxhOmJbM119fWZ1bmN0aW9uIG4oYil7dmFyIGE9digpO2EuZmlsbFN0eWxlPWI7YS5maWxsUmVjdCgwLDAsMSwxKTtyZXR1cm4gYS5nZXRJbWFnZURhdGEoMCwwLDEsMSkuZGF0YX1mdW5jdGlvbiB4KGIpe2I9bihiKS5tYXAoZnVuY3Rpb24oYSl7YS89MjU1O3JldHVybi4wMzkyOD5hP2EvMTIuOTI6TWF0aC5wb3coKGErLjA1NSkvMS4wNTUsMi40KX0pO3JldHVybiAzPE1hdGguYWJzKDEuMDUvKC4yMTI2KmJbMF0rLjcxNTIqYlsxXSsuMDcyMipiWzJdKy4wNSkpfWZ1bmN0aW9uIHkoYixhLGMpe2M9dm9pZCAwPT09Yz8hMTpjO3ZhciBkPXYoYik7ZC5kcmF3SW1hZ2UoYiwwLDApO2lmKGN8fDI1NSE9ZC5nZXRJbWFnZURhdGEoMCwwLDEsMSkuZGF0YVszXSlyZXR1cm4gZC5nbG9iYWxDb21wb3NpdGVPcGVyYXRpb249CiJkZXN0aW5hdGlvbi1vdmVyIixkLmZpbGxTdHlsZT1hLGQuZmlsbFJlY3QoMCwwLGIud2lkdGgsYi5oZWlnaHQpLGQuY2FudmFzLnRvRGF0YVVSTCgpfWZ1bmN0aW9uIHYoYil7Yj12b2lkIDA9PT1iP3t3aWR0aDoxLGhlaWdodDoxfTpiO3ZhciBhPWIuaGVpZ2h0LGM9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgiY2FudmFzIik7Yy53aWR0aD1iLndpZHRoO2MuaGVpZ2h0PWE7cmV0dXJuIGMuZ2V0Q29udGV4dCgiMmQiKX1pZigib25sb2FkImluIFhNTEh0dHBSZXF1ZXN0LnByb3RvdHlwZSYmIW5hdmlnYXRvci5mKXt2YXIgQz1bInN0YW5kYWxvbmUiLCJmdWxsc2NyZWVuIiwibWluaW1hbC11aSJdLHo9bmF2aWdhdG9yLnVzZXJBZ2VudHx8IiIscT1uYXZpZ2F0b3IudmVuZG9yJiYtMSE9PW5hdmlnYXRvci52ZW5kb3IuaW5kZXhPZigiQXBwbGUiKSYmLTEhPT16LmluZGV4T2YoIk1vYmlsZS8iKSxFPSEhei5tYXRjaCgvKE1TSUUgfEVkZ2VcL3xUcmlkZW50XC8pLyksRz0idW5kZWZpbmVkIiE9PQp0eXBlb2YgV2luZG93czsiY29tcGxldGUiPT09ZG9jdW1lbnQucmVhZHlTdGF0ZT9wKCk6d2luZG93LmFkZEV2ZW50TGlzdGVuZXIoImxvYWQiLHApfX0pKCk7"></script>
<script> if (navigator.serviceWorker) { navigator.serviceWorker.register } </script>
<style>
.boxdbshadow {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28) !important;
}
.boxdbshadowy {
box-shadow: 0 -9px 9px 0 rgba(0, 0, 0, 0.301),
0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.boxdtext {
text-shadow: 1px 1px 2px #111 !important;
}
.bg-hover:hover,
.bg-hover:focus,
.bg-hover:active,
.bg-hover:target {
opacity: 0.45 !important;
}
.dropzone {
border: 2px dashed #6366f1;
border-radius: 0.5rem;
transition: all 0.3s ease;
}
.dropzone.active {
border-color: #10b981;
background-color: rgba(16, 185, 129, 0.05);
}
.progress-bar {
height: 6px;
transition: width 0.3s ease;
}
.fade-in {
animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
</style>
</head>
<body>
<!-- MENU -->
<div class="fixed top-0 left-0 z-50 w-72 h-screen bg-gray-800 text-white transform -translate-x-full transition-transform duration-300 ease-in-out" id="offcanvasmenu" aria-labelledby="offcanvasmenuLabel">
<div class="flex justify-between items-center p-4 shadow-xl bg-gray-800">
<h5 class="text-lg font-bold flex items-center" id="offcanvasmenuLabel">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
MENU
</h5>
<button type="button" class="text-white hover:text-gray-400" onclick="document.getElementById('offcanvasmenu').classList.add('-translate-x-full')">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="p-4 overflow-y-auto">
<div class="text-sm font-light uppercase">
❝ Aplicativos para várias plataformas by Developer Davidsonbpe.❞
</div>
<hr class="my-4 border-gray-700">
<div class="space-y-2">
<button onclick="window.open('https://www.mp4.to/m3u8/?lang=pt')" class="w-full py-2 px-4 bg-gray-700 hover:bg-gray-600 text-left text-sm uppercase text-gray-400 rounded-none opacity-75 shadow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
MP4 to M3U8 Custom
</button>
<button onclick="window.open('https://github.com/davidsonbpe')" class="w-full py-2 px-4 bg-gray-700 hover:bg-gray-600 text-left text-sm uppercase text-gray-400 rounded-none opacity-75 shadow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
GitHub
</button>
<button onclick="window.open('https://codepen.io/davidsonbpe')" class="w-full py-2 px-4 bg-gray-700 hover:bg-gray-600 text-left text-sm uppercase text-gray-400 rounded-none opacity-75 shadow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
CodePen
</button>
<button onclick="window.open('https://pag.ae/7Y3uUnhg8')" class="w-full py-2 px-4 bg-gray-700 hover:bg-gray-600 text-left text-sm uppercase text-gray-400 rounded-none opacity-75 shadow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
Doar com
</button>
<button onclick="alert(document.title + ' | ' + document.querySelector('meta[name=description]').getAttribute('content'))" class="w-full py-2 px-4 bg-gray-700 hover:bg-gray-600 text-left text-sm uppercase text-gray-400 rounded-none opacity-75 shadow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
Informar
</button>
<button onclick="window.open('https://davidsonbpe.blogspot.com/')" class="w-full py-2 px-4 bg-gray-700 hover:bg-gray-600 text-left text-sm uppercase text-gray-400 rounded-none opacity-75 shadow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
Developer
</button>
<button onclick="sharesbutton()" class="w-full py-2 px-4 bg-gray-700 hover:bg-gray-600 text-left text-sm uppercase text-gray-400 rounded-none opacity-75 shadow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
Compartilhar
</button>
</div>
</div>
<div class="p-4 border-t border-gray-700 absolute bottom-0 w-full inset-shadow-sm">
<button onclick="document.getElementById('offcanvasmenu').classList.add('-translate-x-full')" class="float-right py-2 px-4 bg-gray-700 hover:bg-gray-600 text-sm uppercase text-gray-400 rounded-none opacity-75 shadow">
Sair
</button>
</div>
</div>
<div class="fixed top-0 left-0 z-40 w-full flex items-center bg-gray-800 text-white boxdbshadow">
<img src="./d-framework/icon/144/favicon.png" alt="Menu" class="w-14 h-14 cursor-pointer hover:bg-gray-700 bg-gray-600" onclick="document.getElementById('offcanvasmenu').classList.remove('-translate-x-full')" />
<div class="flex-grow">
<select id="mySelects" class="w-full py-2 px-4 bg-gray-800 text-white text-xl uppercase border-none focus:outline-none font-sans truncate">
<option value="javascript:location.reload();">MP4 M3U8 HOME</option>
<option value="javascript:sharesbutton();">COMPARTILHAR</option>
<option value="javascript:window.open('https://dpripol.pages.dev/?='+document.title+'');">PRIVACY POLICY</option>
<option value="javascript:window.open('https://pag.ae/7Y3uUnhg8');">DOAR COM</option>
</select>
</div>
<button onclick="sharesbutton()" class="py-2 px-4 bg-gray-800 hover:bg-gray-700 text-yellow-500 text-xl border-l border-gray-700">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" height="24px" viewBox="0 0 24 24" width="24px" fill="#31c214">
<path d="M0 0h24v24H0z" fill="none" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z" />
</svg>
</button>
</div>
<div class="container mt-14"></div>
<div class="bg-gray-50 min-h-screen">
<div class="container mx-auto px-4 py-12 max-w-4xl">
<div class="text-center mb-12">
<h1 class="text-4xl font-bold text-indigo-600 mb-3 uppercase">MP4 to M3U8 Converter</h1>
<p class="text-gray-600 text-lg uppercase">Converta seus vídeos MP4 para o formato HLS (M3U8) para streaming adaptável</p>
</div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden">
<!-- Upload Section -->
<div class="p-8">
<div id="upload-section" class="dropzone p-12 text-center cursor-pointer">
<div class="mx-auto w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-cloud-upload-alt text-indigo-500 text-2xl"></i>
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-2 uppercase">Arraste e solte seu arquivo MP4 aqui</h3>
<p class="text-gray-500 mb-4 uppercase">ou clique para navegar pelos arquivos</p>
<input type="file" id="file-input" class="hidden" accept="video/mp4">
<button id="browse-btn" class="px-6 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition uppercase">
Selecionar arquivo
</button>
</div>
<!-- Settings Section -->
<div id="settings-section" class="mt-8 hidden fade-in">
<h3 class="text-lg font-medium text-gray-800 mb-4 uppercase">Configurações de conversão</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1 uppercase">Predefinição de qualidade</label>
<select id="quality-preset" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 uppercase">
<option value="low">Baixo (480p)</option>
<option value="medium" selected>Médio (720p)</option>
<option value="high">Alto (1080p)</option>
<option value="ultra">Ultra (4K)</option>
</select>
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1 uppercase">Duração do segmento (segundos)</label>
<input type="number" id="segment-duration" value="10" min="2" max="20" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1 uppercase">Taxa de bits (kbps)</label>
<input type="number" id="bitrate" value="2500" min="500" max="20000" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1 uppercase">Qualidade de áudio</label>
<select id="audio-quality" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 uppercase">
<option value="low">Baixo (64 kbps)</option>
<option value="medium" selected>Médio (128 kbps)</option>
<option value="high">Alto (256 kbps)</option>
</select>
</div>
</div>
<div class="mt-6">
<button id="start-convert-btn" class="w-full py-3 px-4 bg-indigo-600 text-white font-medium rounded-md hover:bg-indigo-700 transition flex items-center justify-center uppercase">
<i class="fas fa-cog mr-2 animate-spin hidden" id="convert-spinner"></i>
Iniciar conversão
</button>
</div>
</div>
</div>
<!-- Progress Section -->
<div id="progress-section" class="hidden px-8 pb-8 fade-in">
<h3 class="text-lg font-medium text-gray-800 mb-4 uppercase">Progresso da conversão</h3>
<div class="mb-2 flex justify-between">
<span id="status-text" class="text-sm font-medium text-gray-700 uppercase">Inicializando...</span>
<span id="progress-percent" class="text-sm font-medium text-indigo-600">0%</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div id="progress-bar" class="progress-bar bg-indigo-600 rounded-full" style="width: 0%"></div>
</div>
<div class="mt-4 text-sm text-gray-500" id="time-info">
<span id="time-elapsed">00:00</span> / <span id="time-remaining">--:--</span>
</div>
</div>
<!-- Result Section -->
<div id="result-section" class="hidden p-8 fade-in">
<div class="bg-green-50 border border-green-200 rounded-lg p-4 mb-6">
<div class="flex items-center">
<div class="flex-shrink-0">
<i class="fas fa-check-circle text-green-500 text-2xl"></i>
</div>
<div class="ml-3">
<h3 class="text-lg font-medium text-green-800 uppercase">Conversão concluída!</h3>
<p class="text-green-600 uppercase">Sua playlist e segmentos M3U8 estão prontos para download.</p>
</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
<div class="border border-gray-200 rounded-lg p-4">
<h4 class="font-medium text-gray-800 mb-2 uppercase">Arquivos de saída</h4>
<ul class="text-sm text-gray-600 space-y-1">
<li><i class="fas fa-file-alt mr-2 text-indigo-500"></i> playlist.m3u8</li>
<li><i class="fas fa-file-video mr-2 text-indigo-500"></i> segment_1.ts</li>
<li><i class="fas fa-file-video mr-2 text-indigo-500"></i> segment_2.ts</li>
<li><i class="fas fa-file-video mr-2 text-indigo-500"></i> segment_3.ts</li>
<li><i class="fas fa-ellipsis-h mr-2 text-indigo-500"></i> ...and more</li>
</ul>
</div>
<div class="border border-gray-200 rounded-lg p-4">
<h4 class="font-medium text-gray-800 mb-2 uppercase">Detalhes da conversão</h4>
<ul class="text-sm text-gray-600 space-y-1">
<li><i class="fas fa-clock mr-2 text-indigo-500"></i> Duração: <span id="output-duration">--:--</span></li>
<li><i class="fas fa-tachometer-alt mr-2 text-indigo-500"></i> Taxa de bits: <span id="output-bitrate">---</span> kbps</li>
<li><i class="fas fa-expand mr-2 text-indigo-500"></i> Resolução: <span id="output-resolution">---</span></li>
<li><i class="fas fa-file-archive mr-2 text-indigo-500"></i> Tamanho total: <span id="output-size">---</span> MB</li>
</ul>
</div>
</div>
<div class="flex flex-col sm:flex-row gap-3">
<button id="download-btn" class="flex-1 py-2 px-4 bg-indigo-600 text-white font-medium rounded-md hover:bg-indigo-700 transition flex items-center justify-center uppercase">
<i class="fas fa-download mr-2"></i> Download Files (ZIP)
</button>
<button id="copy-m3u8-btn" class="flex-1 py-2 px-4 bg-gray-100 text-gray-700 font-medium rounded-md hover:bg-gray-200 transition flex items-center justify-center uppercase">
<i class="fas fa-copy mr-2"></i> Copiar conteúdo M3U8
</button>
<button id="new-conversion-btn" class="flex-1 py-2 px-4 bg-white border border-gray-300 text-gray-700 font-medium rounded-md hover:bg-gray-50 transition flex items-center justify-center uppercase">
<i class="fas fa-redo mr-2"></i> Nova Conversão
</button>
</div>
</div>
</div>
<!-- Info Section -->
<div class="mt-12 bg-indigo-50 rounded-xl p-6">
<h2 class="text-xl font-semibold text-indigo-800 mb-3 uppercase">Sobre o formato M3U8</h2>
<div class="text-gray-700 space-y-3 uppercase">
<p>M3U8 é o formato de arquivo para HTTP Live Streaming (HLS), um protocolo de streaming adaptativo popular desenvolvido pela Apple. Ele divide os vídeos em pequenos segmentos (arquivos TS) e fornece uma lista de reprodução (M3U8) que os clientes podem usar para transmitir o conteúdo.</p>
<p><strong>Principais benefícios:</strong></p>
<ul class="list-disc pl-5 space-y-1">
<li>Streaming de taxa de bits adaptável para melhor qualidade em diferentes condições de rede</li>
<li>Compatível com a maioria dos dispositivos e navegadores modernos</li>
<li>Suporta criptografia e DRM para entrega segura de conteúdo</li>
<li>Eficiente para transmissão ao vivo e vídeo sob demanda</li>
</ul>
</div>
</div>
</div>
<div class="flex-grow container mx-auto px-4 py-8">
<div class="max-w-3xl mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6 mt-8">
<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
<p class="text-lg md:text-xl font-medium text-gray-800">
<i class="fas fa-shield-alt text-emerald-500 mr-2"></i>
Política de privacidade para usar nosso Serviço e as escolhas que você tem associado!
</p>
<button onclick="javascript:window.open('https://dpripol.pages.dev/?='+document.title+'')" title="PRIVACY POLICY" class="btn-hover-effect btn-active-effect transition-all duration-300 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold px-8 py-3 rounded-full shadow-md focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-opacity-50">
<i class="fas fa-lock-open mr-2"></i>
PRIVACY POLICY
</button>
</div>
</div>
</div>
<footer class="bg-white shadow-sm py-4 mt-2">
<div class="container mx-auto px-4 text-center text-gray-500 text-sm uppercase">
<p>© <span id="datacedencer">2009</span> MP4 TO M3U8 | Todos os direitos reservados</p>
</div>
</footer>
</div>
<script>
// DOM Elements
const fileInput = document.getElementById('file-input');
const browseBtn = document.getElementById('browse-btn');
const uploadSection = document.getElementById('upload-section');
const settingsSection = document.getElementById('settings-section');
const progressSection = document.getElementById('progress-section');
const resultSection = document.getElementById('result-section');
const startConvertBtn = document.getElementById('start-convert-btn');
const convertSpinner = document.getElementById('convert-spinner');
const progressBar = document.getElementById('progress-bar');
const progressPercent = document.getElementById('progress-percent');
const statusText = document.getElementById('status-text');
const timeElapsed = document.getElementById('time-elapsed');
const timeRemaining = document.getElementById('time-remaining');
const downloadBtn = document.getElementById('download-btn');
const copyM3u8Btn = document.getElementById('copy-m3u8-btn');
const newConversionBtn = document.getElementById('new-conversion-btn');
const outputDuration = document.getElementById('output-duration');
const outputBitrate = document.getElementById('output-bitrate');
const outputResolution = document.getElementById('output-resolution');
const outputSize = document.getElementById('output-size');
// Variables
let selectedFile = null;
let conversionInProgress = false;
let outputFileName = '';
// Event Listeners
browseBtn.addEventListener('click', () => fileInput.click());
fileInput.addEventListener('change', handleFileSelect);
uploadSection.addEventListener('dragover', handleDragOver);
uploadSection.addEventListener('dragleave', handleDragLeave);
uploadSection.addEventListener('drop', handleDrop);
startConvertBtn.addEventListener('click', startConversion);
newConversionBtn.addEventListener('click', resetConverter);
downloadBtn.addEventListener('click', downloadZipFile);
copyM3u8Btn.addEventListener('click', copyM3u8Content);
// Functions
function handleFileSelect(e) {
const file = e.target.files[0];
if (file && file.type === 'video/mp4') {
processSelectedFile(file);
} else {
showError('SELECIONE UM ARQUIVO DE VÍDEO MP4 VÁLIDO.');
}
}
function handleDragOver(e) {
e.preventDefault();
uploadSection.classList.add('active');
}
function handleDragLeave() {
uploadSection.classList.remove('active');
}
function handleDrop(e) {
e.preventDefault();
uploadSection.classList.remove('active');
const file = e.dataTransfer.files[0];
if (file && file.type === 'video/mp4') {
processSelectedFile(file);
} else {
showError('POR FAVOR, ENVIE UM ARQUIVO DE VÍDEO MP4 VÁLIDO.');
}
}
function processSelectedFile(file) {
selectedFile = file;
outputFileName = file.name.replace(/\.[^/.]+$/, ""); // Remove extension
// Show file info
uploadSection.innerHTML = `
<div class="flex items-center justify-center">
<div class="mr-4 p-2 bg-indigo-100 rounded-lg">
<i class="fas fa-file-video text-indigo-600 text-2xl"></i>
</div>
<div class="text-left">
<h4 class="font-medium text-gray-800">${file.name}</h4>
<p class="text-sm text-gray-500">${formatFileSize(file.size)} • ${file.type}</p>
</div>
</div>
<button id="change-file-btn" class="mt-4 px-4 py-1 text-sm text-indigo-600 hover:text-indigo-800 transition">
Change File
</button>
`;
document.getElementById('change-file-btn').addEventListener('click', resetFileSelection);
// Show settings section
settingsSection.classList.remove('hidden');
}
function resetFileSelection() {
selectedFile = null;
outputFileName = '';
fileInput.value = '';
uploadSection.innerHTML = `
<div class="mx-auto w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-cloud-upload-alt text-indigo-500 text-2xl"></i>
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-2">ARRASTE E SOLTE SEU ARQUIVO MP4 AQUI</h3>
<p class="text-gray-500 mb-4">OU CLIQUE PARA NAVEGAR PELOS ARQUIVOS</p>
<button id="browse-btn" class="px-6 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition">
SELECIONAR ARQUIVO
</button>
`;
document.getElementById('browse-btn').addEventListener('click', () => fileInput.click());
settingsSection.classList.add('hidden');
progressSection.classList.add('hidden');
resultSection.classList.add('hidden');
}
function startConversion() {
if (!selectedFile || conversionInProgress) return;
conversionInProgress = true;
convertSpinner.classList.remove('hidden');
startConvertBtn.disabled = true;
// Hide settings, show progress
settingsSection.classList.add('hidden');
progressSection.classList.remove('hidden');
// Get conversion settings
const qualityPreset = document.getElementById('quality-preset').value;
const segmentDuration = document.getElementById('segment-duration').value;
const bitrate = document.getElementById('bitrate').value;
const audioQuality = document.getElementById('audio-quality').value;
// Simulate conversion progress (in a real app, this would be actual conversion)
let progress = 0;
const totalSteps = 100;
const conversionTime = Math.max(5000, selectedFile.size / 500000); // Simulate time based on file size
const interval = setInterval(() => {
progress += 1;
const percent = Math.min(progress, 100);
updateProgress(percent, conversionTime, totalSteps);
if (progress >= totalSteps) {
clearInterval(interval);
conversionComplete();
}
}, conversionTime / totalSteps);
}
function updateProgress(percent, totalTime, totalSteps) {
progressBar.style.width = `${percent}%`;
progressPercent.textContent = `${percent}%`;
const elapsedTime = Math.floor((percent / 100) * totalTime / 1000);
const remainingTime = Math.floor((totalTime / 1000) - elapsedTime);
timeElapsed.textContent = formatTime(elapsedTime);
timeRemaining.textContent = formatTime(remainingTime);
// Update status text based on progress
if (percent < 20) {
statusText.textContent = "Initializing conversion...";
} else if (percent < 50) {
statusText.textContent = "Encoding video segments...";
} else if (percent < 80) {
statusText.textContent = "Processing audio tracks...";
} else {
statusText.textContent = "Finalizing playlist...";
}
}
function conversionComplete() {
conversionInProgress = false;
convertSpinner.classList.add('hidden');
startConvertBtn.disabled = false;
// Hide progress, show result
progressSection.classList.add('hidden');
resultSection.classList.remove('hidden');
// Set output details (simulated)
const duration = Math.floor(Math.random() * 300) + 60; // 1-6 minutes
const bitrate = document.getElementById('bitrate').value;
const quality = document.getElementById('quality-preset').value;
outputDuration.textContent = formatTime(duration);
outputBitrate.textContent = bitrate;
let resolution = "";
switch (quality) {
case "low":
resolution = "854×480";
break;
case "medium":
resolution = "1280×720";
break;
case "high":
resolution = "1920×1080";
break;
case "ultra":
resolution = "3840×2160";
break;
}
outputResolution.textContent = resolution;
const sizeMB = Math.floor(selectedFile.size / (1024 * 1024) * 0.8); // Simulate 20% compression
outputSize.textContent = sizeMB;
}
function downloadZipFile() {
if (!outputFileName) return;
// Create a loading state for the download button
const originalText = downloadBtn.innerHTML;
downloadBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Preparing download...';
downloadBtn.disabled = true;
// Create a new JSZip instance
const zip = new JSZip();
// Generate M3U8 playlist content
const m3u8Content = generateM3U8Content();
// Add the M3U8 file to the ZIP
zip.file(`${outputFileName}.m3u8`, m3u8Content);
// Generate and add TS segment files (simulated)
const segmentCount = Math.floor(Math.random() * 10) + 3; // 3-12 segments
for (let i = 1; i <= segmentCount; i++) {
// Create a simulated TS file content (in a real app, this would be actual video segments)
const tsContent = `Simulated TS segment file #${i} for ${outputFileName}`;
zip.file(`segment_${i}.ts`, tsContent);
}
// Generate the ZIP file
zip.generateAsync({
type: 'blob'
}).then(function(content) {
// Save the ZIP file
saveAs(content, `${outputFileName}_hls.zip`);
// Restore the download button
downloadBtn.innerHTML = originalText;
downloadBtn.disabled = false;
});
}
function generateM3U8Content() {
const segmentDuration = document.getElementById('segment-duration').value;
const bitrate = document.getElementById('bitrate').value;
const audioQuality = document.getElementById('audio-quality').value;
let m3u8Content = `#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:${segmentDuration}
#EXT-X-MEDIA-SEQUENCE:0
#EXT-X-PLAYLIST-TYPE:VOD
#EXT-X-INDEPENDENT-SEGMENTS\n`;
// Add video quality info
m3u8Content += `#EXT-X-STREAM-INF:BANDWIDTH=${bitrate}000,CODECS="avc1.64001f,mp4a.40.2",RESOLUTION=1280x720\n`;
// Add segments
const segmentCount = Math.floor(Math.random() * 10) + 3; // 3-12 segments
for (let i = 1; i <= segmentCount; i++) {
const duration = i === segmentCount ? (segmentDuration / 2).toFixed(1) : segmentDuration;
m3u8Content += `#EXTINF:${duration},\nsegment_${i}.ts\n`;
}
m3u8Content += '#EXT-X-ENDLIST';
return m3u8Content;
}
function copyM3u8Content() {
const m3u8Content = generateM3U8Content();
navigator.clipboard.writeText(m3u8Content).then(() => {
const originalText = copyM3u8Btn.innerHTML;
copyM3u8Btn.innerHTML = '<i class="fas fa-check mr-2"></i> Copied!';
setTimeout(() => {
copyM3u8Btn.innerHTML = originalText;
}, 2000);
});
}
function resetConverter() {
resetFileSelection();
resultSection.classList.add('hidden');
}
function showError(message) {
alert(message); // In a real app, you'd show a nicer error message
}
// Helper functions
function formatFileSize(bytes) {
if (bytes === 0) return '0 Bytes';
const k = 1024;
const sizes = ['Bytes', 'KB', 'MB', 'GB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
}
function formatTime(seconds) {
const mins = Math.floor(seconds / 60);
const secs = seconds % 60;
return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
}
fetch("https://dav7.pages.dev/api/serve.json")
.then((response) => response.json())
.then((data) => {
const sites = data.sites;
const mySelects = document.getElementById("mySelects");
sites.forEach((sites) => {
const preElement = document.createElement("option");
preElement.value = `${sites.properties.links}`;
preElement.textContent = `${sites.properties.title}`;
mySelects.appendChild(preElement);
});
})
.catch((error) => {
console.log("ERROR", error);
});
const select = document.getElementById("mySelects");
select.addEventListener("change", function() {
const url = this.value;
if (url) {
window.location = url;
}
});
/*shared*/
function sharesbutton() {
navigator.share({
title: document.title,
text: "Compartilhar" + document.title,
url: window.location.href
});
}
var creditsyear = new Date();
document.getElementById("datacedencer").innerHTML = creditsyear.getFullYear();
</script>
<script src="https://redek-dp.github.io/servdevanalytics/v1/app.id.js"></script>
</body>
</html>