123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375 |
- <!doctype html>
- <html>
- <head>
- <script>
- if (typeof module === 'object') {window.module = module; module = undefined; }
- </script>
- <title>LiveMe Pro Tools</title>
- <link rel="stylesheet" href="css/style.css" media="all">
- <link rel="stylesheet" href="css/page_index.css" media="all">
- <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
- <script type="text/javascript" src="js/handlebars-v4.0.11.js"></script>
- <script type="text/javascript" src="js/index.js"></script>
- </head>
- <body>
- <header>
- <a class="app-menu" onClick="showMainMenu()">☰</a>
- <div class="search">
- <i class="icon icon-search"></i>
- <div class="select">
- <select id="search-type" onChange="onTypeChange()">
- <option value="video-id">Video ID is</option>
- <option value="video-url">Video URL is</option>
- <option selected value="user-id">User ID is</option>
- <option value="short-id">User Short ID is</option>
- <option value="username-like">Username like</option>
- <option value="hashtag">Hashtag like</option>
- </select>
- </div>
- <input type="text" id="search-query" placeholder="Search" onKeyPress="enterOnSearch(event)" value="" >
- <button onClick="preSearch()"><i class="icon icon-circle-right"></i></button>
- </div>
- <div class="group">
- <a class="button icon-only" title="Go Home" onClick="goHome()"><i class="icon icon-home3"></i></a>
- <a class="button icon-only" title="View Bookmarks" onClick="openBookmarks()"><i class="icon icon-bookmarks"></i></a>
- <a class="button icon-only" title="Toggle Queue List" onClick="showDownloads()"><i class="icon icon-folder-download"></i></a>
- </div>
- <a class="minimize-button" onClick="minimizeWindow()">🗕</a>
- <a class="close-button" onClick="closeWindow()">✕</a>
- </header>
- <div id="home">
- <div id="bookmarklist"></div>
- <div class="panel"></div>
- </div>
- <div id="queue-list"></div>
- <main id="view-userinfo-replays" class="has-footer has-details">
- <div id="user-details" class="details">
- <div class="avatar">
- <img class="avatar" src="" onerror="this.src='images/nouser.png'">
- <a class="save" href="#" onClick="saveAccountFace()"><i class="icon icon-download"></i></a>
- </div>
- <div class="info">
- <h1>
- <a href="#" class="button icon-only bookmark" onClick="AddToBookmarks()" title="Add to Bookmarks">☆</a>
- <span></span>
- </h1>
- <h2 class="id"></h2>
- <h2 class="shortid"></h2>
- <h2 class="level"></h2>
- <h4></h4>
- <div class="buttons">
- <a href="#" class="button following" onClick="showFollowing()"><i class="icon icon-hour-glass"></i></a>
- <a href="#" class="button followers" onClick="showFollowers()"><i class="icon icon-hour-glass"></i></a>
- </div>
- </div>
- </div>
- <table id="list" class="results">
- <thead>
- <tr>
- <th width="410">Title</th>
- <th width="120">
- <a href="#" class="link text-center" onClick="sortReplays('date')" title="Sort by Date (desc)">Date</a>
- </th>
- <th width="50" align="right">Length</th>
- <th width="70" align="right">
- <a href="#" class="link text-right" onClick="sortReplays('views')" title="Sort by Views (desc)">Views</a>
- </th>
- <th width="70" align="right">
- <a href="#" class="link text-right" onClick="sortReplays('likes')" title="Sort by Likes (desc)">Likes</a>
- </th>
- <th width="70" align="right">
- <a href="#" class="link text-right" onClick="sortReplays('shares')" title="Sort by Shares (desc)">Shares</a>
- </th>
- <th width="210">Actions</th>
- </tr>
- </thead>
- <tbody>
- </tbody>
- </table>
- <div class="alert" id="replay-result-alert" style="display:none;"></div>
- </main>
- <script id="replays-list-row" type="text/x-handlebars-template">
- <tr data-id="{{vid}}" class="{{searched}} {{seen}} user-{{userid}}">
- <td width="400" class="{{highlight}}">{{{watched}}} {{{downloaded}}} {{unlisted}}{{{isLive}}}{{title}}</td>
- <td width="130" class="{{highlight}}" align="center" data-name="date">{{ds}}</td>
- <td width="55" class="{{highlight}}" align="right">{{length}}</td>
- <td width="75" class="{{highlight}}" align="right" data-name="views">{{playnumber}}</td>
- <td width="75" class="{{highlight}}" align="right" data-name="likes">{{likenum}}</td>
- <td width="75" class="{{highlight}}" align="right" data-name="shares">{{sharenum}}</td>
- <td width="280" class="{{highlight}}" style="padding: 0 0.5em; text-align: right;">
- <a class="button mini icon-small" onClick="copyToClipboard('{{vid}}')" style="font-size: 10pt;" title="Copy ID to Clipboard">ID</a>
-
- <a class="button mini icon-small" onClick="copyToClipboard('https://www.liveme.com/live.html?videoid={{vid}}')" href="#" style="font-size: 10pt;" title="Copy URL to Clipboard">URL</a>
-
- <a class="button mini icon-small" onClick="copyToClipboard('{{source}}')" style="font-size: 10pt;" title="Copy Source to Clipboard (m3u8 or flv)">Source</a>
-
- <a class="button icon-only" onClick="playVideo('{{vid}}')" title="Watch Replay"><i class="icon icon-play"></i></a>
- <a class="button icon-only" onClick="readComments('{{vid}}')" title="Read Comments"><i class="icon icon-bubbles3"></i></a>
- {{{inQueue}}}
- </td>
- </tr>
- </script>
- <div id="popup-message"></div>
- <div id="settings">
- <a class="close-settings" onClick="hideSettings()">✕</a>
- <div class="area">
- <div class="section">
- <ul>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Authentication</h4></li>
- <li style="padding-bottom: 5px; display: none;" id="authStatus"><h5></h5></li>
- <li style="padding-bottom: 20px;">
- Email and password are required to see user replays.<br>
- <input type="text" id="authEmail" placeholder="user@example.com" style="width: 100%;margin-bottom:5px;" onBlur="saveSettings()"><br>
- <input type="password" id="authPassword" placeholder="Password" style="width: 100%;" onBlur="saveSettings()"><br>
- </li>
- </ul>
- </div>
- <div class="section">
- <ul>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Blocked countries</h4></li>
- <li style="padding-bottom: 20px;">
- <div style="height:15em;">
- <select multiple id="countryCode" style="width: 120px;" size="15" onBlur="saveSettings()">
- </select>
- </div>
- </li>
- </ul>
- </div>
- <div class="section">
- <ul>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Video Player</h4></li>
- <li style="padding-bottom: 20px;">
- Internal player is used by default unless you specify one in the field below.<br>
- <input type="text" id="playerpath" placeholder="Full path to a player" style="width: 100%;" onBlur="saveSettings()"><br>
- <small>You <b>MUST</b> also add <i>%url%</i> to the command to denote where to place the URL to the replay. (Ex: mpv %url%)</small>
- </li>
- </ul>
- </div>
- <div class="section">
- <ul>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Downloads</h4></li>
- <li style="padding-bottom: 10px;">
- <ul style="margin: 16px 0 0; padding: 0;">
- <li style="margin: 12px 0; line-height: 16px;">
- Download Location:<br>
- <input type="text" id="downloads-path" style="width: 500px;" onBlur="saveSettings()">
- </li>
- <li style="margin: 12px 0; line-height: 16px;">
- Filename Template:<br>
- <input type="text" id="downloads-template" style="width: 500px;" onBlur="saveSettings()">
- </li>
- <li style="margin: 12px 0; font-size: 9pt;">
- You can customize how downloaded replays are named using the variables below in the text box above.<br>
- <table style="width: 560px; margin: 8px auto;">
- <tbody>
- <tr>
- <td width="200">%%broadcaster%%</td><td width="360">Broadcaster's Nickname</td>
- </tr>
- <tr>
- <td>%%longid%%</td><td>Broadcaster's Long ID Number</td>
- </tr>
- <tr>
- <td>%%replayid%%</td><td>ID Number of the Replay</td>
- </tr>
- <tr>
- <td>%%replayviews%%</td><td>Number of Views</td>
- </tr>
- <tr>
- <td>%%replaylikes%%</td><td>Number of Likes</td>
- </tr>
- <tr>
- <td>%%replayshares%%</td><td>Number of Shares</td>
- </tr>
- <tr>
- <td>%%replaytitle%%</td><td>Title of the Replay</td>
- </tr>
- <tr>
- <td>%%replayduration%%</td><td>Duration of the Replay</td>
- </tr>
- <tr>
- <td>%%replaydatepacked%%</td><td>Date the replay was originally recorded in YYYYMMDD</td>
- </tr>
- <tr>
- <td>%%replaydateus%%</td><td>Date the replay was originally recorded in MM-DD-YYYY</td>
- </tr>
- <tr>
- <td>%%replaydateeu%%</td><td>Date the replay was originally recorded in DD-MM-YYYY</td>
- </tr>
- </tbody>
- </table>
- </li>
- </ul>
- </li>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Download Method</h4></li>
- <li>
- <ul style="margin: 16px 0 0; padding: 0;">
- <li style="margin: 16px 0; line-height: 16px;">
- <input type="radio" name="downloadMethod" value="ffmpeg" id="ffmpeg-method" onClick="saveSettings()">
- <label for="ffmpeg-method" onClick="saveSettings()">Use FFMPEG for downloading
- </li>
- <li style="margin: 16px 0; line-height: 16px;">
- <input type="radio" name="downloadMethod" value="chunk" id="chunk-method" onClick="saveSettings()">
- <label for="chunk-method" onClick="saveSettings()">Use internal chunk downloading
- </li>
- <li>
- <li style="margin: 8px 0; line-height: 16px; padding: 0 0 0 25px;">
- <input type="checkbox" id="chunk-method-tmp" onClick="saveSettings()">
- <label for="chunk-method-tmp" onClick="saveSettings()">Delete temporary files left over by this method (.ts files)</label>
- </li>
- </ul>
- </li>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Parallel Downloads</h4></li>
- <li style="padding-bottom: 10px;">
- <input type="number" min="1" max="10" id="downloads-parallel" placeholder="Number" style="margin-right:10px;" onBlur="saveSettings()">
- How many replays to download in parallel.
- </li>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">FFMPEG Settings</h4></li>
- <li>
- <input type="text" id="ffmpegPath" placeholder="Full path to FFMPEG" style="width: 100%;" onBlur="saveSettings()">
- <small style="line-height: 0.8em;">Don't change the path above unless you know what you're doing or were directed by one of the contributors/authors.</small>
- </li>
- <li style="margin: 16px 0; line-height: 16px;">
- <label for="ffmpeg-transcode-setting" onClick="saveSettings()">Transcode Setting:
- <div class="select" style="vertical-align: middle; height: 26px;">
- <select id="ffmpeg-transcode-setting">
- <option value="0">None</option>
- <option value="1">Fast</option>
- <option value="2">Best</option>
- </select>
- </div>
- <br>
- <small>When set to <b>None</b>, the video may be glitchy or contain errors.</small>
- </li>
-
- </ul>
- </div>
- <div class="section">
- <ul>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Fans and Followings</h4></li>
- <li style="line-height: 24px;">
- <input type="checkbox" onChange="saveSettings()" id="viewmode-followings"> Hide followings with no replays.<br>
- <input type="checkbox" onchange="saveSettings()" id="viewmode-followers"> Hide followers with no replays.<br>
- <input type="checkbox" onchange="saveSettings()" id="loadAllResults"> Load ALL possible results (WARNING: Can be slow!)
- </li>
- </ul>
- </div>
- <div class="section">
- <ul>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Tracking</h4></li>
- <li>
- LiveMe Pro Tools tracks all viewed profiles, replays and downloads. This feature cannot be disabled.
- </li>
- </ul>
- </div>
- <div class="section">
- <ul>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Viewed Profiles Auto Clear</h4></li>
- <li style="line-height: 26px;">
- Clear viewed profiles that were last seen more than
- <div class="select" style="vertical-align: middle; height: 26px;">
- <select id="cleanup-duration">
- <option value="1">1 Day</option>
- <option value="2">2 Days</option>
- <option value="3">3 Days</option>
- </select>
- </div>
- old.
- </li>
- </ul>
- </div>
- <div class="section">
- <ul>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Data Stats</h4></li>
- <li>
- <table>
- <tbody>
- <tr>
- <td width="150">Bookmarks:</td>
- <td width="150" style="text-align: right;" id="counts-bookmarks"></td>
- </tr>
- <tr>
- <td width="150">Viewed Accounts:</td>
- <td width="150" style="text-align: right;" id="counts-profiles"></td>
- </tr>
- <tr>
- <td width="150">Watched Replays:</td>
- <td width="150" style="text-align: right;" id="counts-watched"></td>
- </tr>
- <tr>
- <td width="150">Downloaded Replays:</td>
- <td width="150" style="text-align: right;" id="counts-downloaded"></td>
- </tr>
- </tbody>
- </table>
- </li>
- </ul>
- </div>
- <div class="section">
- <ul>
- <li>
- <h4 id="appname" class="titleColor">LiveMe Pro Tools <h6 id="version">Version 20180000</h6></h4>
- </li>
- <li style="padding-top: 20px;">
- <h6>Contributors:</h6>
- <ul style="font-weight: 300; font-size: 10pt; line-height: 12pt">
- <li>TheCoder</li>
- <li>zp</li>
- <li>Lewdninja</li>
- </ul>
- </li>
- </ul>
- </div>
- <div class="section">
- <ul>
- <li style="padding-bottom: 5px;"><h4 class="titleColor">Reset</h4></li>
- <li style="line-height: 24px;">
- <p>
- By clicking the button below, you will wipe all Bookmarks, Downloads, Visited and Watched entries
- and reset all settings to their defaults.
- </p>
- <p>
- There is no confirmation once you click the button below so use it wisely!
- </p>
- <div style="margin: 32px 0; text-align: center;">
- <button onClick="resetSettings()">Yes, I want to reset everything!</button>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div id="status">
- </div>
- <overlay onClick="closeOverlay()"> </overlay>
- <footer>
- <div id="footer-progressbar">
- <div></div>
- </div>
- <h1> </h1>
- </footer>
- </body>
- </html>
|