Fix Vimeo downloads by changing from dash to hls (#489)

Author: nonab

chrome/background/background.mjs

@@ -235,8 +235,19 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
     });
     return true;
   } else if (msg.type === MessageTypes.FRAME_ADDED) {
+    // Preserve sources key to this frame's new URL
+    // This is needed because resetSelfAndChildren clears all sources, but we might have
+    // already detected a source for this frame via onHeadersReceived (e.g. Vimeo)
+    const preservedSources = frame.getSources().filter((s) => s.url === msg.url);
+
     const playerCount = frame.resetSelfAndChildren();
     frame.url = msg.url;
+
+    // Restore preserved sources
+    preservedSources.forEach((s) => {
+      frame.getSources().push(s);
+    });
+
     tab.playerCount -= playerCount;
     tab.playerCount = Math.max(0, tab.playerCount);
     checkURLMatch(frame);
@@ -1302,18 +1313,12 @@ chrome.webRequest.onHeadersReceived.addListener(
       if ((details.statusCode >= 400 && details.statusCode < 600) || details.statusCode === 204) {
         return; // Client or server error. Ignore it
       }
-
-      if (url.startsWith('https://vod-adaptive') && url.includes('playlist.json') && url.includes('vimeo')) {
+      if (url.startsWith('https://player.vimeo.com') && (url.includes('config?') || url.includes('video'))) {
         ext = 'vmpatch';
       } else if (details.initiator &&
       initiatorBlacklist.some((a) => {
         return details.initiator.startsWith(a);
       })) {
-        if (ext === 'json') {
-
-        } else {
-          return;
-        }
       }
 
       const output = CustomSourcePatternsMatcher.match(url);
@@ -1323,13 +1328,6 @@ chrome.webRequest.onHeadersReceived.addListener(
 
       if (BackgroundUtils.isSubtitles(ext)) {
         return handleSubtitles(url, frame, frame.requestHeaders.get(details.requestId));
-      } else if (ext === 'json') {
-      // Vimeo. Check if filename is master.json
-        const filename = URLUtils.get_file_name(url);
-        if (filename === 'master.json' && url.includes('/video/')) {
-          ext = 'mpd';
-          details.url = URLUtils.strip_queryhash(url).replace('master.json', 'master.mpd');
-        }
       }
 
       let mode = URLUtils.getModeFromExtension(ext);

chrome/player/players/vm/VMPlayer.mjs

@@ -1,19 +1,26 @@
-import {DefaultPlayerEvents} from '../../enums/DefaultPlayerEvents.mjs';
-import {PlayerModes} from '../../enums/PlayerModes.mjs';
-import {RequestUtils} from '../../utils/RequestUtils.mjs';
-import DashPlayer from '../dash/DashPlayer.mjs';
-import {Vimeo2Dash} from './Vimeo2Dash.mjs';
+import { DefaultPlayerEvents } from '../../enums/DefaultPlayerEvents.mjs';
+import { PlayerModes } from '../../enums/PlayerModes.mjs';
+import { RequestUtils } from '../../utils/RequestUtils.mjs';
+import HLSPlayer from "../hls/HLSPlayer.mjs";
 
-export default class VMPlayer extends DashPlayer {
+export default class VMPlayer extends HLSPlayer {
   constructor(client, options) {
     super(client, options);
   }
 
   async setSource(source) {
     try {
-      let manifest;
-      try {
-        const hc = [];
+      const isEmbed = !source.url.includes('config?');
+      const hc = [];
+      if (Array.isArray(source.headers)) {
+        source.headers.forEach((h) => {
+          hc.push({
+            operation: 'set',
+            header: h.name,
+            value: h.value,
+          });
+        });
+      } else {
         for (const key in source.headers) {
           if (Object.hasOwn(source.headers, key)) {
             hc.push({
@@ -23,27 +30,36 @@ export default class VMPlayer extends DashPlayer {
             });
           }
         }
+      }
 
-        const xhr = await RequestUtils.request({
-          url: source.url,
-          header_commands: hc,
-          responseType: 'json',
-        });
+      const xhr = await RequestUtils.request({
+        url: source.url,
+        header_commands: hc,
+        responseType: isEmbed ? 'text' : 'json',
+      });
 
-        const convert = new Vimeo2Dash();
-        manifest = convert.playlistToDash(source.url, xhr.response);
-      } catch (e) {
-        throw e;
+      const config = xhr.response;
+      const hls = !isEmbed ? config?.request?.files?.hls : this.extractVimeoHlsUrlFromIframePlayer(config);
+      if (!hls || !hls.cdns) {
+        throw new Error('Vimeo HLS data not found');
       }
+      const defaultCdn =
+          hls.default_cdn && hls.cdns[hls.default_cdn]
+              ? hls.default_cdn
+              : Object.keys(hls.cdns)[0];
+
+      let hlsUrl = hls.cdns[defaultCdn].url;
+
+      if (!hlsUrl) {
+        throw new Error('Vimeo HLS URL missing');
+      }
+
+      hlsUrl = hlsUrl.replace(/\\u0026/g, '&');
 
-      this.oldSource = source;
-      const blob = new Blob([manifest], {
-        type: 'application/dash+xml',
-      });
-      const uri = URL.createObjectURL(blob);
       this.source = source.copy();
-      this.source.url = uri;
-      this.source.mode = PlayerModes.ACCELERATED_DASH;
+      this.source.url = hlsUrl;
+      this.source.mode = PlayerModes.ACCELERATED_HLS;
+
     } catch (e) {
       console.error(e);
       this.emit(DefaultPlayerEvents.ERROR, e);
@@ -63,4 +79,57 @@ export default class VMPlayer extends DashPlayer {
   getSource() {
     return this.source;
   }
+
+  extractVimeoHlsUrlFromIframePlayer(html) {
+
+    const config = this.extractJsonConfig(html, 'window.playerConfig =');
+
+    if (!config) {
+      throw new Error('Vimeo iframe: playerConfig not found');
+    }
+
+    return config?.request?.files?.hls;
+  }
+
+  extractJsonConfig(html, prefix) {
+    const startIndex = html.indexOf(prefix);
+    if (startIndex === -1) return null;
+
+    // Move past the prefix
+    let i = startIndex + prefix.length;
+
+    // Find the first '{'
+    while (i < html.length && html[i] !== '{') {
+      i++;
+    }
+
+    if (i >= html.length) return null;
+
+    const jsonStart = i;
+    let braceCount = 0;
+    let foundStart = false;
+
+    // Iterate to find the matching closing brace
+    for (; i < html.length; i++) {
+      if (html[i] === '{') {
+        braceCount++;
+        foundStart = true;
+      } else if (html[i] === '}') {
+        braceCount--;
+      }
+
+      if (foundStart && braceCount === 0) {
+        // We found the end of the object
+        const jsonString = html.substring(jsonStart, i + 1);
+        try {
+          return JSON.parse(jsonString);
+        } catch (e) {
+          return null;
+        }
+      }
+    }
+
+    return null;
+  }
+
 }