| --- |
| 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> |
|
|
