| --- | |
| layout: default | |
| title: MW Metadata | |
| script: youtube-metadata | |
| --- | |
| <div class="container"> | |
| <p> | |
| MW Metadata normal grabs singular details about a YouTube video and its uploader, playlist and its creator, or channel. | |
| </p> | |
| <p> | |
| Submit a link or id to a video, playlist, or channel | |
| </p> | |
| <div class="input-group"> | |
| <input type="text" class="form-control" placeholder="https://youtu.be/dQw4w9WgXcQ" autocomplete="off" | |
| aria-label="https://youtu.be/dQw4w9WgXcQ" aria-describedby="submit" id="value"> | |
| <button class="btn btn-primary loading disabled" type="button" id="submit" > | |
| <span>Submit</span> | |
| <span class="countdown"></span> | |
| </button> | |
| </div> | |
| </div> | |
| {% include format_share.html %} | |
| <div class="container mb-15"> | |
| <h2><span class="export">Export &</span> Share</h2> | |
| <p class="export">Save this result as a zip file or load from a previous export. Drag and drop supported.</p> | |
| <button class="btn btn-secondary export" id="export"> | |
| <span class="spinner"><span class="spinner-border spinner-border-sm" role="status"></span></span> | |
| <span class="text"><i class="bi bi-download"></i> Export</span> | |
| </button><span class="export"> </span> | |
| <button class="btn btn-secondary export" id="import" onclick="document.getElementById('importFileChooser').click()"> | |
| <span class="spinner"><span class="spinner-border spinner-border-sm" role="status"></span></span> | |
| <span class="text"><i class="bi bi-upload"></i> Import</span> | |
| <input id="importFileChooser" type="file" hidden/> | |
| </button> | |
| <p class="export"></p> | |
| <p class="export">Contains file(s)</p> | |
| <ul class="export"> | |
| <li>about.txt - Metadata about this result.</li> | |
| <li>video.json - Raw video data.</li> | |
| <li>playlist.json - Raw playlist data.</li> | |
| <li>channel.json - Raw channel data.</li> | |
| <li>filmot.json - Archive data if retrieved.</li> | |
| <li>✱-thumb.png - Thumbs if available.</li> | |
| </ul> | |
| <p class="export"></p> | |
| <p>Share this result:</p> | |
| <div class="input-group" style="max-width: 226px;"> | |
| <input type="text" class="form-control" aria-describedby="copy" id="shareLink" autocomplete="off"> | |
| <button class="btn btn-primary clipboard" type="button" data-clipboard-target="#shareLink"><i class="bi bi-clipboard"></i></button> | |
| </div> | |
| <p style="margin-top: 10px"> | |
| <a target="_blank" href="https://github.com/mattwright324/youtube-metadata/discussions/150"> | |
| What happened to export? | |
| </a> | |
| </p> | |
| </div> | |
| <div class="container mb-15" id="video"> | |
| <h2>Video</h2> | |
| <p>The video submitted. | |
| Click <a href="https://developers.google.com/youtube/v3/docs/videos#properties" target="_blank">here</a> | |
| to see detailed property descriptions. | |
| </p> | |
| <div id="video-section"></div> | |
| <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>Thumbnails</span></div> | |
| <p>Reverse image search all four thumbnail images.</p> | |
| <div id="thumbnails" class="row row-cols-4"></div> | |
| <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>More</span></div> | |
| <p>Check other resources for details or archival.</p> | |
| <div id="video-more" style="padding-top:0"></div> | |
| </div> | |
| <div class="container mb-15" id="playlist"> | |
| <h2>Playlist</h2> | |
| <p>The playlist submitted. | |
| Click <a href="https://developers.google.com/youtube/v3/docs/playlists#properties" | |
| target="_blank">here</a> to see detailed property descriptions. | |
| </p> | |
| <div id="playlist-section"></div> | |
| <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>More</span></div> | |
| <p>Check other resources for details or archival.</p> | |
| <div id="playlist-more" style="padding-top:0"></div> | |
| </div> | |
| <div class="container mb-15" id="channel"> | |
| <h2>Channel</h2> | |
| <p>The video author, playlist creator, or channel submitted. | |
| Click <a href="https://developers.google.com/youtube/v3/docs/channels#properties" target="_blank">here</a> | |
| to see detailed property descriptions. | |
| </p> | |
| <div id="channel-section"></div> | |
| <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>More</span></div> | |
| <p>Check other resources for details or archival.</p> | |
| <div id="channel-more" style="padding-top:0"></div> | |
| </div> | |
| <div class="container mb-15" id="unknown" style="display: none"> | |
| <h2>Unknown</h2> | |
| <p id="reason" class="mb-15"></p> | |
| <div id="reason-append"></div> | |
| </div> | |
| <div class="container mb-15" id="quota" style="display: none"> | |
| <h2>Quota Exceeded</h2> | |
| <p class="mb-15"> | |
| The daily YouTube API quota has been reached for this application. | |
| Quota resets at <span class="orange">midnight Pacific Time (PT)</span> as per the Google Developers Console. | |
| </p> | |
| <p class="mb-15"> | |
| See more detail here with | |
| <a href="https://github.com/mattwright324/youtube-metadata/issues/3" target="_blank">issue #3</a>. | |
| </p> | |
| <p class="mb-15"> | |
| Since the API is continually reaching its quota due to someone, you can use your own API key with this | |
| <a href="https://github.com/mattwright324/youtube-metadata/issues/3#issuecomment-1532385453" target="_blank"> | |
| Tampermonkey userscript</a>. | |
| <a href="https://developers.google.com/youtube/v3/getting-started#intro" target="_blank"> | |
| Here</a> to create your own key. | |
| </p> | |
| <div id="quota-reason-append"></div> | |
| </div> | |
| <div class="container mb-15" id="filmot" style="display: none"> | |
| <h2>Filmot Archive</h2> | |
| <p class="mb-15"> | |
| Data retrieved from Filmot about this unavailable video. | |
| </p> | |
| <div id="filmot-append"></div> | |
| </div> | |
| <div class="container mb-15" id="wayback" style="display: none"> | |
| <h2>Wayback CDX</h2> | |
| <p class="mb-15"> | |
| Potential metadata returned from Wayback CDX API. Searches for video and video storyboard thumbnails. | |
| </p> | |
| <button class="btn btn-secondary" id="wayback-check" style="margin-bottom:8px">Check CDX</button> | |
| <div id="wayback-show-older" class="form-check" style="margin-bottom:8px;display:none"> | |
| <input class="form-check-input" type="checkbox" value="" id="checkHideOlder" checked> | |
| <label class="form-check-label" for="checkHideOlder"> | |
| Hide older versions of the same link (<span class="older-count">0</span> older) | |
| </label> | |
| </div> | |
| <div id="wayback-append"></div> | |
| <button class="btn btn-secondary" id="wayback-copy" style="margin-bottom:8px;display:none">Copy visible links</button> | |
| </div> | |