Weishen/Hydro
2
0 Fork 0
mirror of https://gitcode.com/gh_mirrors/hy/Hydro.git synced 2026-10-17 09:36:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: add youku video support

Browse Source
This commit is contained in:
undefined committed 2024-09-21 08:24:08 +08:00
1 parent 48f3914fb4
commit 1e19aaf82b
1 file changed
+17 -34
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui-default/backendlib/markdown-it-media.ts
+17 -34
View File
@@ -38,14 +38,9 @@ function extractVideoParameters(url: string) {
}
return parameterMap;
}
function resourceUrl(service: string, src: string, url: string, options) {
function resourceUrl(service: string, src: string, url: string) {
if (service === 'youtube') {
const parameters = extractVideoParameters(url);
if (options.youtube.parameters) {
Object.keys(options.youtube.parameters).forEach((key) => {
parameters.set(key, options.youtube.parameters[key]);
});
}
const timeParameter = parameters.get('t');
if (timeParameter !== undefined) {
let startTime = 0;
@@ -63,14 +58,19 @@ function resourceUrl(service: string, src: string, url: string, options) {
parameters.delete('origin');
const parameterArray = Array.from(parameters, (p) => p.join('='));
const parameterPos = src.indexOf('?');
let finalUrl = 'https://www.youtube';
if (options.youtube.nocookie || url.indexOf('youtube-nocookie.com') > -1) finalUrl += '-nocookie';
finalUrl += `.com/embed/${parameterPos > -1 ? src.substr(0, parameterPos) : src}`;
let finalUrl = `https://www.youtube.com/embed/${parameterPos > -1 ? src.substring(0, parameterPos) : src}`;
if (parameterArray.length > 0) finalUrl += `?${parameterArray.join('&')}`;
return finalUrl;
}
if (service === 'bilibili') {
if (src.startsWith('http')) src = src.split('/').pop();
if (src.toLowerCase().startsWith('av')) src = src.toLowerCase().split('av')[1];
src = src.split('?')[0];
return `//player.bilibili.com/player.html?${src.startsWith('BV') ? 'bvid' : 'aid'}=${src}&autoplay=0`;
}
if (service === 'youku') return `https://player.youku.com/embed/${src}`;
if (service === 'vimeo') return `https://player.vimeo.com/video/${src}`;
if (service === 'vine') return `https://vine.co/v/${src}/embed/${options.vine.embed}`;
if (service === 'vine') return `https://vine.co/v/${src}/embed/simple`;
if (service === 'prezi') {
return `https://prezi.com/embed/${src}/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&`
+ 'landing_data=bHVZZmNaNDBIWnNjdEVENDRhZDFNZGNIUE43MHdLNWpsdFJLb2ZHanI5N1lQVHkxSHFxazZ0UUNCRHloSXZROHh3PT0&'
@@ -80,27 +80,10 @@ function resourceUrl(service: string, src: string, url: string, options) {
}
export function Media(md: MarkdownIt) {
const options = {
url: resourceUrl,
video: resourceUrl,
youtube: { width: 640, height: 390, nocookie: false },
vimeo: { width: 500, height: 281 },
vine: { width: 600, height: 600, embed: 'simple' },
prezi: { width: 550, height: 400 },
pdf: resourceUrl,
};
const supported = ['youtube', 'vimeo', 'vine', 'prezi', 'bilibili', 'youku'];
md.renderer.rules.video = function tokenizeReturn(tokens, idx) {
let src = md.utils.escapeHtml(tokens[idx].attrGet('src'));
const service = md.utils.escapeHtml(tokens[idx].attrGet('service')).toLowerCase();
if (service === 'bilibili') {
if (src.startsWith('http')) src = src.split('/').pop();
if (src.toLowerCase().startsWith('av')) src = src.toLowerCase().split('av')[1];
src = src.split('?')[0];
return `\
<iframe src="//player.bilibili.com/player.html?${src.startsWith('BV') ? 'bvid' : 'aid'}=${src}&autoplay=0"
scrolling="no" border="0" frameborder="no" framespacing="0" width="100%" style="min-height:500px" ${allowFullScreen}></iframe>
`;
}
if (service === 'msoffice') {
return `\
<iframe src="https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(src)}"
@@ -124,12 +107,12 @@ export function Media(md: MarkdownIt) {
Your browser doesn't support video tag.
</video>`;
}
if (options[service]?.width) {
return `<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item ${service}-player" type="text/html" width="${options[service].width || 640}"\
height="${options[service].height || 390}"\
src="${options.url(service, src, tokens[idx].attrGet('url'), options)}"
frameborder="0"${allowFullScreen}></iframe></div>`;
if (supported.includes(service)) {
return `\
<iframe class="embed-responsive-item ${service}-player" type="text/html" \
width="100%" style="min-height: 500px" ${allowFullScreen} \
src="${resourceUrl(service, src, tokens[idx].attrGet('url'))}"
scrolling="no" border="0" frameborder="no" framespacing="0"></iframe>`;
}
return `<div data-${service}>${md.utils.escapeHtml(src)}</div>`;
};