const oEmbedProviders = [ { regex: /^(https:\/\/(.*).youtube.com\/watch(.*)|https:\/\/(.*).youtube.com\/v\/(.*)|https:\/\/youtu.be\/(.*)|https:\/\/(.*).youtube.com\/playlist?list=(.*))/, url: "https://www.youtube.com/oembed" }, { regex: /https?:\/\/((m|www)\.)?youtube\.com\/watch.*/, url: "https://www.youtube.com/oembed" }, { regex: /https?:\/\/((m|www)\.)?youtube\.com\/playlist.*/, url: "https://www.youtube.com/oembed" }, { regex: /https?:\/\/((m|www)\.)?youtube\.com\/shorts\/*/, url: "https://www.youtube.com/oembed" }, { regex: /https?:\/\/((m|www)\.)?youtube\.com\/live\/*/, url: "https://www.youtube.com/oembed" }, { regex: /https?:\/\/youtu\.be\/.*/, url: "https://www.youtube.com/oembed" }, { regex: /^(https:\/\/vimeo.com\/(.*)|https:\/\/vimeo.com\/album\/(.*)\/video\/(.*)|https:\/\/vimeo.com\/channels\/(.*)\/(.*)|https:\/\/vimeo.com\/groups\/(.*)\/videos\/(.*)|https:\/\/vimeo.com\/ondemand\/(.*)\/(.*)|https:\/\/player.vimeo.com\/video\/(.*))/, url: "https://vimeo.com/api/oembed.json" }, { regex: /https?:\/\/(.+\.)?vimeo\.com\/.*/, url: "https://vimeo.com/api/oembed.json" }, { regex: /https?:\/\/(www\.)?dailymotion\.com\/.*/, url: "https://www.dailymotion.com/services/oembed" }, { regex: /https?:\/\/dai\.ly\/.*/, url: "https://www.dailymotion.com/services/oembed" }, { regex: /https?:\/\/(www\.)?flickr\.com\/.*/, url: "https://www.flickr.com/services/oembed/" }, { regex: /https?:\/\/flic\.kr\/.*/, url: "https://www.flickr.com/services/oembed/" }, { regex: /https?:\/\/(.+\.)?smugmug\.com\/.*/, url: "https://api.smugmug.com/services/oembed/" }, { regex: /https?:\/\/(www\.)?scribd\.com\/(doc|document)\/.*/, url: "https://www.scribd.com/services/oembed" }, { regex: /https?:\/\/(www\.)?x\.com\/\w{1,15}\/status(es)?\/.*/, url: "https://publish.twitter.com/oembed" }, { regex: /https?:\/\/(www\.)?x\.com\/\w{1,15}$/, url: "https://publish.twitter.com/oembed" }, { regex: /https?:\/\/(www\.)?x\.com\/\w{1,15}\/likes$/, url: "https://publish.twitter.com/oembed" }, { regex: /https?:\/\/(www\.)?x\.com\/\w{1,15}\/lists\/.*/, url: "https://publish.twitter.com/oembed" }, { regex: /https?:\/\/(www\.)?x\.com\/\w{1,15}\/timelines\/.*/, url: "https://publish.twitter.com/oembed" }, { regex: /https?:\/\/(www\.)?x\.com\/i\/moments\/.*/, url: "https://publish.twitter.com/oembed" }, { regex: /https?:\/\/(www\.)?soundcloud\.com\/.*/, url: "https://soundcloud.com/oembed" }, { regex: /https?:\/\/(.+?\.)?slideshare\.net\/.*/, url: "https://www.slideshare.net/api/oembed/2" }, { regex: /https?:\/\/(open|play)\.spotify\.com\/.*/, url: "https://embed.spotify.com/oembed/" }, { regex: /https?:\/\/(.+\.)?imgur\.com\/.*/, url: "https://api.imgur.com/oembed" }, { regex: /https?:\/\/(www\.)?issuu\.com\/.+\/docs\/.+/, url: "https://issuu.com/oembed_wp" }, { regex: /https?:\/\/(www\.)?mixcloud\.com\/.*/, url: "https://app.mixcloud.com/oembed/" }, { regex: /https?:\/\/(www\.|embed\.)?ted\.com\/talks\/.*/, url: "https://www.ted.com/services/v1/oembed.json" }, { regex: /https?:\/\/(www\.)?(animoto|video214)\.com\/play\/.*/, url: "https://animoto.com/oembeds/create" }, { regex: /https?:\/\/(.+)\.tumblr\.com\/.*/, url: "https://www.tumblr.com/oembed/1.0" }, { regex: /https?:\/\/(www\.)?kickstarter\.com\/projects\/.*/, url: "https://www.kickstarter.com/services/oembed" }, { regex: /https?:\/\/kck\.st\/.*/, url: "https://www.kickstarter.com/services/oembed" }, { regex: /https?:\/\/(www\.)?reverbnation\.com\/.*/, url: "https://www.reverbnation.com/oembed" }, { regex: /https?:\/\/(www\.)?reddit\.com\/r\/[^\/]+\/comments\/.*/, url: "https://www.reddit.com/oembed" }, { regex: /https?:\/\/(www\.)?speakerdeck\.com\/.*/, url: "https://speakerdeck.com/oembed.json" }, { regex: /https?:\/\/(www\.)?screencast\.com\/.*/, url: "https://api.screencast.com/external/oembed" }, { regex: /https?:\/\/([a-z0-9-]+\.)?amazon\.(com|com\.mx|com\.br|ca)\/.*/, url: "https://read.amazon.com/kp/api/oembed" }, { regex: /https?:\/\/([a-z0-9-]+\.)?amazon\.(co\.uk|de|fr|it|es|in|nl|ru)\/.*/, url: "https://read.amazon.co.uk/kp/api/oembed" }, { regex: /https?:\/\/([a-z0-9-]+\.)?amazon\.(co\.jp|com\.au)\/.*/, url: "https://read.amazon.com.au/kp/api/oembed" }, { regex: /https?:\/\/([a-z0-9-]+\.)?amazon\.cn\/.*/, url: "https://read.amazon.cn/kp/api/oembed" }, { regex: /https?:\/\/(www\.)?a\.co\/.*/, url: "https://read.amazon.com/kp/api/oembed" }, { regex: /https?:\/\/(www\.)?amzn\.to\/.*/, url: "https://read.amazon.com/kp/api/oembed" }, { regex: /https?:\/\/(www\.)?amzn\.eu\/.*/, url: "https://read.amazon.co.uk/kp/api/oembed" }, { regex: /https?:\/\/(www\.)?amzn\.in\/.*/, url: "https://read.amazon.in/kp/api/oembed" }, { regex: /https?:\/\/(www\.)?amzn\.asia\/.*/, url: "https://read.amazon.com.au/kp/api/oembed" }, { regex: /https?:\/\/(www\.)?z\.cn\/.*/, url: "https://read.amazon.cn/kp/api/oembed" }, { regex: /https?:\/\/www\.someecards\.com\/.+-cards\/.+/, url: "https://www.someecards.com/v2/oembed/" }, { regex: /https?:\/\/www\.someecards\.com\/usercards\/viewcard\/.+/, url: "https://www.someecards.com/v2/oembed/" }, { regex: /https?:\/\/some\.ly\/.+/, url: "https://www.someecards.com/v2/oembed/" }, { regex: /https?:\/\/(www\.)?tiktok\.com\/.*\/video\/.*/, url: "https://www.tiktok.com/oembed" }, { regex: /https?:\/\/(www\.)?tiktok\.com\/\/.*/, url: "https://www.tiktok.com/oembed" }, { regex: /https?:\/\/([a-z]{2}|www)\.pinterest\.com(\.(au|mx))?\/.*/, url: "https://www.pinterest.com/oembed.json" }, { regex: /https?:\/\/(www\.)?wolframcloud\.com\/obj\/.+/, url: "https://www.wolframcloud.com/oembed" }, { regex: /https?:\/\/((play|www)\.)?anghami\.com\/.*/, url: "https://api.anghami.com/rest/v1/oembed.view" } ]; const urlTransforms = [ { regex: /youtu\.be\/([\w\-_\?&=.]+)/i, url: 'www.youtube.com/embed/$1', }, { regex: /youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i, url: 'www.youtube.com/embed/$2?$4', }, { regex: /youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i, url: 'www.youtube.com/embed/$1', }, { regex: /vimeo\.com\/([0-9]+)\?h=(\w+)/, url: 'player.vimeo.com/video/$1?h=$2&title=0&byline=0&portrait=0&color=8dc7dc', }, { regex: /vimeo\.com\/(.*)\/([0-9]+)\?h=(\w+)/, url: 'player.vimeo.com/video/$2?h=$3&title=0&byline=0', }, { regex: /vimeo\.com\/([0-9]+)/, url: 'player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc', }, { regex: /vimeo\.com\/(.*)\/([0-9]+)/, url: 'player.vimeo.com/video/$2?title=0&byline=0', }, { regex: /(maps|www)\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/, url: '$2.google.com/maps/ms?msid=$3&output=embed"', }, { regex: /(maps|www)\.google\.([a-z]{2,3})\/maps\/@(.+)/, url: '$1.google.com/maps/embed?center=$3"', }, { regex: /dailymotion\.com\/video\/([^_]+)/, url: 'www.dailymotion.com/embed/video/$1', }, { regex: /dai\.ly\/([^_]+)/, url: 'www.dailymotion.com/embed/video/$1', } ]; async function getOembed(url, maxwidth = 800, maxheight = 600, silent = false) { let oembedUrl; for (const service of oEmbedProviders) { if (service.regex.exec(url)) { let eurl = encodeURIComponent(url); oembedUrl = service.url + `?url=${eurl}&maxwidth=${maxwidth}&maxheight=${maxheight}&format=json`; } } if (oembedUrl === undefined) { const matchTransform = (url, maxwidth, maxheight) => { for (const transforms of urlTransforms) { let matches = transforms.regex.exec(url); if (matches) { let newUrl = transforms.url; for (let i = 0; i < matches.length; i++) { newUrl = newUrl.replace('$' + i, () => matches[i] ? matches[i] : ''); } return ``; } } }; let transform = matchTransform(url, maxwidth, maxheight); if (transform) { return {html: transform}; } if (!silent) { let message = 'Embed error: URL did not match any provider.'; displayToast("bg-danger", "Error", message); } return; } let remoteResponse; //try to fetch directly, if CORS error use proxy for (url of [oembedUrl,oEmbedProxyUrl + "&url=" + encodeURIComponent(oembedUrl)]) { try { remoteResponse = await window.fetch(url); if (remoteResponse && remoteResponse.status == 200) { break; } } catch (error) { console.log(error); } } if (!remoteResponse || remoteResponse.status !== 200) { let message = `Embed error: Could not fetch embed URL.`; displayToast("bg-danger", "Error", message); } const json = await remoteResponse.json(); if (json.html === undefined) { const message = `Eembed error: ${message}`; displayToast("bg-danger", "Error", message); return; } //response = { url: url, html: json.html, poster: json.thumbnail_url }; response = json; return response; }