Last active
July 24, 2023 08:25
-
-
Save TrevorJTClarke/a14c37db3c11ee23a700 to your computer and use it in GitHub Desktop.
MediaFormat - A regex system for finding the media ID for each type of popular social site. Can identify YouTube, Vimeo, Spotify, and Soundcloud.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* MediaFormat | |
* format and return only needed pieces of media from their public sources | |
* Author: Trevor Clarke | |
*/ | |
function MediaFormat (){ | |
// http://www.youtube.com/embed/m5yCOSHeYn4 | |
var ytRegEx = /^(?:https?:\/\/)?(?:i\.|www\.|img\.)?(?:youtu\.be\/|youtube\.com\/|ytimg\.com\/)(?:embed\/|v\/|vi\/|vi_webp\/|watch\?v=|watch\?.+&v=)((\w|-){11})(?:\S+)?$/; | |
// http://vimeo.com/3116167, https://player.vimeo.com/video/50489180, http://vimeo.com/channels/3116167, http://vimeo.com/channels/staffpicks/113544877 | |
var vmRegEx = /https?:\/\/(?:vimeo\.com\/|player\.vimeo\.com\/)(?:video\/|(?:channels\/staffpicks\/|channels\/)|)((\w|-){7,9})/; | |
// http://open.spotify.com/track/06TYfe9lyGQA6lfqo5szIi, https://embed.spotify.com/?uri=spotify:track:78z8O6X1dESVSwUPAAPdme | |
var spRegEx = /https?:\/\/(?:embed\.|open\.)(?:spotify\.com\/)(?:track\/|\?uri=spotify:track:)((\w|-){22})/; | |
// https://soundcloud.com/aviciiofficial/avicii-you-make-me-diplo-remix, https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/29395900&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false | |
var scRegEx = /https?:\/\/(?:w\.|www\.|)(?:soundcloud\.com\/)(?:(?:player\/\?url=https\%3A\/\/api.soundcloud.com\/tracks\/)|)(((\w|-)[^A-z]{7})|([A-Za-z0-9]+(?:[-_][A-Za-z0-9]+)*(?!\/sets(?:\/|$))(?:\/[A-Za-z0-9]+(?:[-_][A-Za-z0-9]+)*){1,2}))/; | |
function getIDfromRegEx ( src, regExpy ){ | |
return (src.match(regExpy)) ? RegExp.$1 : null; | |
} | |
return { | |
// returns only the ID | |
getYoutubeID: function ( src ){ | |
return getIDfromRegEx( src, ytRegEx); | |
}, | |
// returns main link | |
getYoutubeUrl: function ( ID ){ | |
return "https://www.youtube.com/watch?v=" + ID; | |
}, | |
// returns only the ID | |
getVimeoID: function ( src ){ | |
return getIDfromRegEx( src, vmRegEx); | |
}, | |
// returns main link | |
getVimeoUrl: function ( ID ){ | |
return "http://vimeo.com/" + ID; | |
}, | |
// returns only the ID | |
getSpotifyID: function ( src ){ | |
return getIDfromRegEx( src, spRegEx); | |
}, | |
// returns main link | |
getSpotifyUrl: function ( ID ){ | |
return "http://open.spotify.com/track/" + ID; | |
}, | |
// returns only the ID | |
getSoundcloudID: function ( src ){ | |
return getIDfromRegEx( src, scRegEx); | |
}, | |
// returns main link | |
// NOTE: this one really sucks since soundcloud doesnt have good API without js library | |
getSoundcloudUrl: function ( ID ){ | |
return "https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/" + ID; //only way to link to the track currently | |
} | |
}; | |
} |
How does one run this?
MediaFormat('URL')
?
@browemedia, @thunderkid, this is pretty old -- feel free to expand on these.
If I remember right: MediaFormat.getYoutubeID('URL')
Spotify: Also accept album, playlist:
/https?:\/\/(?:embed\.|open\.)(?:spotify\.com\/)(?:album\/|track\/|playlist\/|\?uri=spotify:track:)((\w|-){22})/
This should handle both types of URLs and also give the type (e.g. album, track, playlist)
const spotifyURLRegex = /https?:\/\/(?:embed\.|open\.)(?:spotify\.com\/)(?:(album|track|playlist)\/|\?uri=spotify:track:)((\w|-){22})/;
const spotifySymbolRegex = /spotify:(?:(album|track|playlist):|\?uri=spotify:track:)((\w|-){22})/;
const [_, spotifyType, spotifyId] =
this.url.match(spotifyURLRegex) || this.url.match(spotifySymbolRegex) || [];
const url = `https://open.spotify.com/embed/${spotifyType}/${spotifyId}`
This is very messy - I will come back here when its cleaned up more. I just wanted something that'd do the job - not my best code 😆
@tony damn that code worked amazing
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Seems to give null on this youtube url:
https://youtu.be/hEGg-3pIHlE