(function(window) {
'use strict';
/**
* Platform providers with deterministic client-side embed URL construction.
* Each entry: { name, pattern (RegExp), embed (fn(match) -> URL string) }
*/
var PLATFORM_PROVIDERS = [
{
name: 'youtube',
pattern: /(?:youtube\.com\/watch\?(?:[^&]*&)*v=|youtu\.be\/)([a-zA-Z0-9_-]{11})/,
embed: function(m) { return 'https://www.youtube.com/embed/' + m[1] + '?rel=0'; }
},
{
name: 'odysee',
pattern: /odysee\.com\/((@[^/?#]+)\/([^/?#]+))/,
embed: function(m) { return 'https://odysee.com/$/embed/' + m[1]; }
},
{
name: 'bitchute',
pattern: /bitchute\.com\/video\/([a-zA-Z0-9]+)/,
embed: function(m) { return 'https://www.bitchute.com/embed/' + m[1] + '/'; }
},
{
name: 'brighteon',
pattern: /brighteon\.com\/(?!embed\/)([a-zA-Z0-9_-]{8,})/,
embed: function(m) { return 'https://www.brighteon.com/embed/' + m[1]; }
},
{
name: 'peertube',
pattern: /^(https?:\/\/[^\/?#]+)\/videos\/(?:watch|embed)\/([a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12})/i,
embed: function(m) { return m[1] + '/videos/embed/' + m[2]; }
}
];
/**
* Providers that need server-side resolution before embedding.
* Each entry: { name, pattern (RegExp) }
*/
var PROXY_PROVIDERS = [
{
name: 'bastyon',
pattern: /bastyon\.com\/index\?[^#]*\bvideo=1\b/i
}
];
/**
* oEmbed providers resolved client-side. The browser fetches the oEmbed endpoint
* directly; /api/media/embed is used as a silent CORS fallback when the direct
* fetch fails (e.g. providers that do not set Access-Control-Allow-Origin).
* Each entry: { name, pattern (RegExp), endpoint (fn(url) -> endpoint URL string) }
*/
var OEMBED_PROVIDERS = [
{
name: 'rumble',
pattern: /rumble\.com\/v[a-z0-9]+-/i,
endpoint: function(url) { return 'https://rumble.com/api/Media/oembed.json?url=' + encodeURIComponent(url); }
},
{
name: 'soundcloud',
pattern: /soundcloud\.com\//i,
endpoint: function(url) { return 'https://soundcloud.com/oembed?format=json&url=' + encodeURIComponent(url); }
},
{
name: 'twitter',
pattern: /(?:twitter|x)\.com\//i,
endpoint: function(url) { return 'https://publish.twitter.com/oembed?url=' + encodeURIComponent(url); }
},
{
name: 'tiktok',
pattern: /tiktok\.com\/@[^\/]+\/video\//i,
endpoint: function(url) { return 'https://www.tiktok.com/oembed?url=' + encodeURIComponent(url); }
},
{
name: 'reverbnation',
pattern: /reverbnation\.com\//i,
endpoint: function(url) { return 'https://www.reverbnation.com/oembed?format=json&url=' + encodeURIComponent(url); }
}
];
/** In-memory cache: source URL -> resolved embed HTML (empty string = no embed) */
var oembedCache = Object.create(null);
var VIDEO_EXTS = /\.(mp4|webm|ogv|mov)$/i;
var AUDIO_EXTS = /\.(mp3|flac|ogg|opus|wav|m4a|aac)$/i;
var RETRO_AUDIO_EXTS = /\.(xm|it|s3m|mod|stm|amf|669|mptm|sid|midi?)$/i;
var IMAGE_EXTS = /(?:\.(png|webp|gif|jpe?g|svg)|@(png|webp|gif|jpe?g))$/i;
var IMAGE_URL_PREFIXES = [
'https://cdn.bsky.app/img/'
];
function isEnabled() {
return (window.siteConfig || {}).mediaPlayerEnabled !== false;
}
function isAutoMode() {
return ((window.userSettings || {}).media_render_mode || 'click') !== 'click';
}
function buildIframe(src, providerName) {
var iframe = document.createElement('iframe');
iframe.src = src;
iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-presentation');
iframe.setAttribute('allowfullscreen', '');
iframe.setAttribute('loading', 'lazy');
iframe.className = 'bink-media-iframe';
iframe.title = providerName + ' embed';
return iframe;
}
function buildVideo(url) {
var video = document.createElement('video');
video.controls = true;
video.preload = 'metadata';
video.className = 'bink-media-player bink-media-video';
var source = document.createElement('source');
source.src = url;
video.appendChild(source);
return video;
}
function buildAudio(url) {
var audio = document.createElement('audio');
audio.controls = true;
audio.preload = 'metadata';
audio.className = 'bink-media-player bink-media-audio';
var source = document.createElement('source');
source.src = url;
audio.appendChild(source);
return audio;
}
function buildRetroAudioSource(url) {
try {
var parsed = new URL(url, window.location.href);
if ((parsed.protocol === 'http:' || parsed.protocol === 'https:') && parsed.origin !== window.location.origin) {
return '/api/media/raw?url=' + encodeURIComponent(parsed.href);
}
} catch (e) {}
return url;
}
function buildRetroAudio(url) {
var el = document.createElement('div');
el.className = 'bink-retro-audio';
el.dataset.retroAudioUrl = buildRetroAudioSource(url);
el.dataset.retroAudioLabel = decodeURIComponent((url.split('/').pop() || 'Audio file').split('?')[0].split('#')[0]);
import('/js/retro-audio-player.js').then(function(m) {
m.renderRetroAudioPlayer(el);
});
return el;
}
function initPlyr(el) {
if (window.BinkPlayer) {
window.BinkPlayer.init(el);
}
}
/**
* Walk up the DOM to find the nearest scrollable container (the modal body).
* Used to get the true available pixel width for image clamping.
*/
function findScrollContainer(el) {
var node = el.parentNode;
while (node && node !== document.body) {
var style = window.getComputedStyle(node);
if (style.overflow === 'auto' || style.overflow === 'scroll' ||
style.overflowX === 'auto' || style.overflowX === 'scroll' ||
style.overflowY === 'auto' || style.overflowY === 'scroll') {
return node;
}
node = node.parentNode;
}
return document.body;
}
/**
* SVG is intentionally loaded as <img> (not <object> or inline SVG) so the
* browser does not execute SVG scripts and the image cannot access the parent DOM.
*
* After loading, clamp the image to the modal's actual pixel width so that
* percentage-based max-width cannot resolve wider than the modal when the image
* is injected inside an inline <span>.
*/
function buildImage(url) {
var img = document.createElement('img');
img.src = url;
img.referrerPolicy = 'no-referrer';
img.loading = 'lazy';
img.className = 'bink-media-player bink-media-image';
img.alt = '';
img.addEventListener('load', function() {
var container = findScrollContainer(img);
var available = container ? Math.floor(container.clientWidth * 0.95) : 0;
if (available > 0 && img.naturalWidth > available) {
img.style.maxWidth = available + 'px';
}
});
return img;
}
function wrapEmbed(el, inline) {
var wrap = document.createElement(inline ? 'span' : 'div');
var isRetroAudio = el.classList && el.classList.contains('bink-retro-audio');
wrap.className = isRetroAudio
? 'bink-media-embed mt-1 mb-1'
: 'bink-media-embed mt-2 mb-1';
if (inline) {
wrap.style.display = 'block';
wrap.style.whiteSpace = 'normal';
}
wrap.appendChild(el);
return wrap;
}
function trimBlankSiblingsAfter(anchor) {
var node = anchor.nextSibling;
while (node && node.nodeType === Node.TEXT_NODE && /^\s*$/.test(node.nodeValue || '')) {
var next = node.nextSibling;
node.remove();
node = next;
}
}
function showMediaMenu(anchor, onLoadPlayer) {
var existing = document.querySelector('.bink-media-menu');
if (existing) existing.remove();
var menu = document.createElement('div');
menu.className = 'bink-media-menu dropdown-menu show shadow-sm';
menu.style.cssText = 'position:fixed;z-index:9999;min-width:10rem;';
var itemLoad = document.createElement('button');
itemLoad.type = 'button';
itemLoad.className = 'dropdown-item';
itemLoad.textContent = '? Load player';
var itemNew = document.createElement('a');
itemNew.className = 'dropdown-item';
itemNew.href = anchor.href;
itemNew.target = '_blank';
itemNew.rel = 'noopener noreferrer';
itemNew.textContent = 'Open in new tab';
function closeMenu() {
menu.remove();
document.removeEventListener('click', dismissHandler, true);
}
itemLoad.addEventListener('click', function() {
closeMenu();
onLoadPlayer();
});
itemNew.addEventListener('click', closeMenu);
menu.appendChild(itemLoad);
menu.appendChild(itemNew);
document.body.appendChild(menu);
var rect = anchor.getBoundingClientRect();
menu.style.top = (rect.bottom + 2) + 'px';
menu.style.left = rect.left + 'px';
var overflow = rect.left + menu.offsetWidth - (window.innerWidth - 8);
if (overflow > 0) menu.style.left = Math.max(8, rect.left - overflow) + 'px';
function dismissHandler(e) {
if (!menu.contains(e.target)) closeMenu();
}
setTimeout(function() { document.addEventListener('click', dismissHandler, true); }, 0);
}
// Shared insertion logic for both auto-mode and click-mode.
// For retro audio inside <pre> or span.message-line, inserts after the containing
// block rather than inside it, so that preserved whitespace / auto-promoted divs
// don't create a blank gap above the player.
function insertEmbed(anchor, el, isMedia, isRetroAudio) {
var wrapped = wrapEmbed(el, false);
var insertAfterNode = null;
if (isRetroAudio && anchor.closest) {
insertAfterNode = anchor.closest('pre') ||
anchor.closest('span.message-line, span.message-signature');
}
if (insertAfterNode) {
// Walk past any players already queued after this node so multiple
// retro audio URLs in the same container appear in source order.
var after = insertAfterNode;
while (after.nextSibling && after.nextSibling.classList &&
after.nextSibling.classList.contains('bink-media-embed')) {
after = after.nextSibling;
}
after.parentNode.insertBefore(wrapped, after.nextSibling);
} else {
anchor.parentNode.insertBefore(wrapped, anchor.nextSibling);
}
if (isMedia) initPlyr(el);
}
function attachClickMenu(anchor, el, isMedia, isRetroAudio) {
var done = false;
function handler(e) {
e.preventDefault();
showMediaMenu(anchor, function() {
if (done) return;
done = true;
anchor.removeEventListener('click', handler);
insertEmbed(anchor, el, isMedia, isRetroAudio);
});
}
anchor.addEventListener('click', handler);
}
function injectAfter(anchor, el, opts) {
var isMedia = el.tagName === 'VIDEO' || el.tagName === 'AUDIO';
var isRetroAudio = el.classList && el.classList.contains('bink-retro-audio');
if (isAutoMode() || (opts && opts.forceAuto)) {
insertEmbed(anchor, el, isMedia, isRetroAudio);
} else {
attachClickMenu(anchor, el, isMedia, isRetroAudio);
}
}
/**
* Re-execute <script> tags inside a freshly-injected element.
* Browsers do not run scripts set via innerHTML.
*/
function activateScripts(el) {
var scripts = el.querySelectorAll('script');
for (var i = 0; i < scripts.length; i++) {
var old = scripts[i];
var fresh = document.createElement('script');
for (var j = 0; j < old.attributes.length; j++) {
fresh.setAttribute(old.attributes[j].name, old.attributes[j].value);
}
fresh.textContent = old.textContent;
old.parentNode.replaceChild(fresh, old);
}
}
function injectOembed(anchor, html) {
var wrap = document.createElement('div');
wrap.className = 'bink-media-embed bink-oembed mt-2 mb-1';
wrap.innerHTML = html;
if (isAutoMode()) {
anchor.parentNode.insertBefore(wrap, anchor.nextSibling);
activateScripts(wrap);
} else {
var done = false;
function handler(e) {
e.preventDefault();
showMediaMenu(anchor, function() {
if (done) return;
done = true;
anchor.removeEventListener('click', handler);
anchor.parentNode.insertBefore(wrap, anchor.nextSibling);
activateScripts(wrap);
});
}
anchor.addEventListener('click', handler);
}
}
function resolveOembed(anchor, href, provider) {
if (href in oembedCache) {
if (oembedCache[href]) injectOembed(anchor, oembedCache[href]);
return;
}
fetch(provider.endpoint(href))
.then(function(r) {
if (!r.ok) throw new Error('HTTP ' + r.status);
return r.json();
})
.then(function(data) {
var html = (data && data.html) || '';
oembedCache[href] = html;
if (html) injectOembed(anchor, html);
})
.catch(function() {
fetch('/api/media/embed?url=' + encodeURIComponent(href))
.then(function(r) { return r.json(); })
.then(function(data) {
var html = (data && data.type !== 'unknown' && data.embed_html) || '';
oembedCache[href] = html;
if (html) injectOembed(anchor, html);
})
.catch(function() { oembedCache[href] = ''; });
});
}
function resolveViaProxy(anchor, href) {
if (href in oembedCache) {
if (oembedCache[href]) injectOembed(anchor, oembedCache[href]);
return;
}
fetch('/api/media/embed?url=' + encodeURIComponent(href))
.then(function(r) { return r.json(); })
.then(function(data) {
var html = (data && data.type !== 'unknown' && data.embed_html) || '';
oembedCache[href] = html;
if (html) injectOembed(anchor, html);
})
.catch(function() { oembedCache[href] = ''; });
}
function matchProxyProvider(href) {
for (var i = 0; i < PROXY_PROVIDERS.length; i++) {
if (PROXY_PROVIDERS[i].pattern.test(href)) return PROXY_PROVIDERS[i];
}
return null;
}
function matchOembedProvider(href) {
for (var i = 0; i < OEMBED_PROVIDERS.length; i++) {
if (OEMBED_PROVIDERS[i].pattern.test(href)) return OEMBED_PROVIDERS[i];
}
return null;
}
function stripQuery(url) {
return url.split('?')[0].split('#')[0];
}
function hasKnownImageUrlPrefix(href) {
try {
var parsed = new URL(href);
var normalized = parsed.protocol + '//' + parsed.host + parsed.pathname;
for (var i = 0; i < IMAGE_URL_PREFIXES.length; i++) {
if (normalized.toLowerCase().indexOf(IMAGE_URL_PREFIXES[i]) === 0) {
return true;
}
}
} catch (e) {}
return false;
}
/**
* @param {string} type One of: 'image', 'video', 'audio', 'retroAudio', 'platform', 'oembed', 'proxy'
* @param {Object|null} opts scan() opts; when opts.types is an array, only listed types are processed
*/
function typeAllowed(type, opts) {
return !opts || !opts.types || opts.types.indexOf(type) !== -1;
}
function resolveAnchor(anchor, opts) {
var href = anchor.href;
if (!href || !/^https?:\/\//i.test(href)) return;
if (typeAllowed('platform', opts)) {
for (var i = 0; i < PLATFORM_PROVIDERS.length; i++) {
var provider = PLATFORM_PROVIDERS[i];
var m = href.match(provider.pattern);
if (m) {
injectAfter(anchor, buildIframe(provider.embed(m), provider.name), opts);
return;
}
}
}
var path = stripQuery(href);
if (typeAllowed('retroAudio', opts) && RETRO_AUDIO_EXTS.test(path)) {
injectAfter(anchor, buildRetroAudio(href), opts);
} else if (typeAllowed('video', opts) && VIDEO_EXTS.test(path)) {
injectAfter(anchor, buildVideo(href), opts);
} else if (typeAllowed('audio', opts) && AUDIO_EXTS.test(path)) {
injectAfter(anchor, buildAudio(href), opts);
} else if (typeAllowed('image', opts) && (IMAGE_EXTS.test(path) || hasKnownImageUrlPrefix(href))) {
injectAfter(anchor, buildImage(href), opts);
} else {
if (typeAllowed('proxy', opts)) {
var proxyProvider = matchProxyProvider(href);
if (proxyProvider) {
resolveViaProxy(anchor, href);
return;
}
}
if (typeAllowed('oembed', opts)) {
var oembedProvider = matchOembedProvider(href);
if (oembedProvider) resolveOembed(anchor, href, oembedProvider);
}
}
}
function getContainer(containerOrSelector) {
if (!containerOrSelector) return null;
if (typeof containerOrSelector === 'string') {
return document.querySelector(containerOrSelector);
}
return containerOrSelector;
}
/**
* Scan all anchor tags inside container and inject embeds for recognized media URLs.
* Safe to call multiple times ? already-processed anchors are skipped.
* @param {Element|string} containerOrSelector
*/
function scan(containerOrSelector, opts) {
var container = getContainer(containerOrSelector);
if (!container) return;
if (!isEnabled()) return;
if (opts && opts.mediaEnabled === false) return;
var anchors = container.querySelectorAll('a[href]');
for (var i = 0; i < anchors.length; i++) {
var anchor = anchors[i];
if (anchor.dataset.binkMediaProcessed) continue;
anchor.dataset.binkMediaProcessed = '1';
resolveAnchor(anchor, opts);
}
}
/**
* Remove all injected embeds and load buttons inside container and reset processed markers.
* Call before re-rendering a container so embeds don't duplicate.
* @param {Element|string} containerOrSelector
*/
function cleanup(containerOrSelector) {
var container = getContainer(containerOrSelector);
if (!container) return;
var mediaEls = container.querySelectorAll('video, audio');
for (var i = 0; i < mediaEls.length; i++) {
try {
mediaEls[i].pause();
mediaEls[i].removeAttribute('src');
mediaEls[i].querySelectorAll('source').forEach(function(source) {
source.removeAttribute('src');
});
mediaEls[i].load();
} catch (e) {}
}
var frameEls = container.querySelectorAll('iframe, embed, object');
for (var i = 0; i < frameEls.length; i++) {
try {
frameEls[i].removeAttribute('src');
frameEls[i].removeAttribute('data');
} catch (e) {}
}
var retroPlayers = Array.prototype.slice.call(container.querySelectorAll('[data-retro-player-id]'));
if (container.matches && container.matches('[data-retro-player-id]')) retroPlayers.push(container);
if (window.BinkRetroAudio) {
retroPlayers.forEach(function(el) { window.BinkRetroAudio.stop(el); });
} else if (retroPlayers.length) {
import('/js/retro-audio-player.js').then(function(m) {
retroPlayers.forEach(function(el) { m.stopRetroAudioPlayer(el); });
});
}
var embeds = container.querySelectorAll('.bink-media-embed');
for (var i = 0; i < embeds.length; i++) {
embeds[i].remove();
}
var openMenu = document.querySelector('.bink-media-menu');
if (openMenu) openMenu.remove();
var processed = container.querySelectorAll('a[data-bink-media-processed]');
for (var i = 0; i < processed.length; i++) {
delete processed[i].dataset.binkMediaProcessed;
}
}
window.BinkMediaPlayer = { scan: scan, cleanup: cleanup };
})(window);
|
Download
