刚刚试了下，油猴脚本 media-source-extract 可以下载 将下面的代码保存为 media-source-extract-0.8.2.user.js 文件，然后在油猴插件里导入 [JavaScript] 纯文本查看 复制代码// ==UserScript== // @name media-source-extract // @namespace https://github.com/Momo707577045/media-source-extract // @version 0.8.2 // @description https://github.com/Momo707577045/media-source-extract 配套插件 // @AuThor Momo707577045 // @include * // @exclude http://blog.luckly-mjw.cn/tool-show/media-source-extract/player/player.html // @downloadURL https://blog.luckly-mjw.cn/tool-show/media-source-extract/media-source-extract.user.js // @updateURL https://blog.luckly-mjw.cn/tool-show/media-source-extract/media-source-extract.user.js // @grant none // @run-at document-start // ==/UserScript== (function () { 'use strict'; (function () { if (document.getElementById('media-source-extract')) { return } // 轮询监听 iframe 的加载 setInterval(() => { try { Array.prototype.forEach.call(document.getElementsByTagName('iframe'), (iframe) => { // 若 iframe 使用了 sandbox 进行操作约束，删除原有 iframe，拷贝其备份，删除 sandbox 属性，重新载入 // 若 iframe 已载入，再修改 sandbox 属性，将修改无效。故通过新建 iframe 的方式绕过 if(iframe.hasAttribute('sandbox')){ const parentNode = iframe.parentNode; const tempIframe = iframe.cloneNode() tempIframe.removeAttribute("sandbox"); iframe.remove() parentNode.appendChild(tempIframe); } }) } catch (error) { console.log(error) } }, 1000) let sumFragment = 0 // 已经捕获的所有片段数 let isClose = false // 是否关闭 let isStreamDownload = false // 是否使用流式下载 let _sourceBufferList = [] // 媒体轨道 const $showBtn = document.createElement('div') // 展示按钮 const $btnDownload = document.createElement('div') // 下载按钮 const $btnStreamDownload = document.createElement('div') // 流式下载按钮 const $downloadNum = document.createElement('div') // 已捕获视频片段数 const $tenRate = document.createElement('div') // 十倍速播放 const $closeBtn = document.createElement('div') // 关闭 const $container = document.createElement('div') // 容器 $closeBtn.innerHTML = ` [img][/img] ` $showBtn.innerHTML = ` [img][/img] ` // 十倍速播放 function _tenRatePlay() { let playbackRate = 10 if ($tenRate.innerHTML === '十倍速捕获') { $tenRate.innerHTML = '恢复正常播放' } else { playbackRate = 1 $tenRate.innerHTML = '十倍速捕获' } let $domList = document.getElementsByTagName('video') for (let i = 0, length = $domList.length; i { // 对应的 MSE 状态为已下载完成状态 if (target.MSEInstance.readyState === 'ended') { target.streamWriter.close() } else { remainSourceBufferList.push(target) } }) // 流式下载，释放已下载完成的媒体轨道，回收内存 _sourceBufferList = remainSourceBufferList } // 普通下载 function _download() { var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1f12b0865d866ae1b93514870d93ce89"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); _sourceBufferList.forEach((target) => { const mime = target.mime.split(';')[0] const type = mime.split('/')[1] const fileBlob = new Blob(target.bufferList, { type: mime }) // 创建一个Blob对象，并设置文件的 MIME 类型 const a = document.createElement('a') a.download = `${getDocumentTitle()}.${type}` a.href = URL.createObjectURL(fileBlob) a.style.display = 'none' document.body.appendChild(a) // 禁止 click 事件冒泡，避免全局拦截 a.onclick = function (e) { e.stopPropagation(); } a.click() a.remove() }) } // 监听资源全部录取成功 let _endOfStream = window.MediaSource.prototype.endOfStream window.MediaSource.prototype.endOfStream = function () { if (isStreamDownload) { alert('资源全部捕获成功，即将下载！') setTimeout(_streamDownload) // 等待 MediaSource 状态变更 _endOfStream.call(this) return } if (confirm('资源全部捕获成功，即将下载！') == true) { _download() } else { // 不下载资源 } _endOfStream.call(this) } // 录取资源 let _addSourceBuffer = window.MediaSource.prototype.addSourceBuffer window.MediaSource.prototype.addSourceBuffer = function (mime) { _appendDom() let sourceBuffer = _addSourceBuffer.call(this, mime) let _append = sourceBuffer.appendBuffer let bufferList = [] const _sourceBuffer = { mime, bufferList, MSEInstance: this, } // 如果 streamSaver 已提前加载完成，则初始化对应的 streamWriter try { if (window.streamSaver) { const type = mime.split(';')[0].split('/')[1] _sourceBuffer.streamWriter = streamSaver.createWriteStream(`${getDocumentTitle()}.${type}`).getWriter() } } catch (error) { console.error(error) } _sourceBufferList.push(_sourceBuffer) sourceBuffer.appendBuffer = function (buffer) { sumFragment++ $downloadNum.innerHTML = `已捕获 ${sumFragment} 个片段` if (isStreamDownload && _sourceBuffer.streamWriter) { // 流式下载 _sourceBuffer.streamWriter.write(new Uint8Array(buffer)); } else { // 普通 blob 下载 bufferList.push(buffer) } _append.call(this, buffer) } return sourceBuffer } window.MediaSource.prototype.addSourceBuffer.toString = function () { return 'function addSourceBuffer() { [native code] }' } // 添加操作的 dom function _appendDom() { if (document.getElementById('media-source-extract')) { return } $container.style = ` position: fixed; top: 50px; right: 50px; text-align: right; z-index: 9999; ` const baseStyle = ` float:right; clear:both; margin-top: 10px; padding: 0 20px; color: white; cursor: pointer; font-size: 16px; font-weight: bold; line-height: 40px; text-align: center; border-radius: 4px; background-color: #3498db; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3); ` $tenRate.innerHTML = '十倍速捕获' $downloadNum.innerHTML = '已捕获 0 个片段' $btnStreamDownload.innerHTML = '特大视频下载，边下载边保存' $btnDownload.innerHTML = '下载已捕获片段' $btnDownload.id = 'media-source-extract' $tenRate.style = baseStyle $downloadNum.style = baseStyle $btnDownload.style = baseStyle $btnStreamDownload.style = baseStyle $btnStreamDownload.style.display = 'none' $showBtn.style = ` float:right; clear:both; display: none; margin-top: 4px; height: 34px; width: 34px; line-height: 34px; text-align: center; border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); ` $closeBtn.style = ` float:right; clear:both; margin-top: 10px; height: 34px; width: 34px; line-height: 34px; text-align: center; display: inline-block; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); ` $btnDownload.addEventListener('click', _download) $tenRate.addEventListener('click', _tenRatePlay) // 关闭控制面板 $closeBtn.addEventListener('click', function () { $downloadNum.style.display = 'none' $btnStreamDownload.style.display = 'none' $btnDownload.style.display = 'none' $closeBtn.style.display = 'none' $tenRate.style.display = 'none' $showBtn.style.display = 'inline-block' isClose = true }) // 显示控制面板 $showBtn.addEventListener('click', function () { if (!isStreamDownload) { $btnDownload.style.display = 'inline-block' $btnStreamDownload.style.display = 'inline-block' } $downloadNum.style.display = 'inline-block' $closeBtn.style.display = 'inline-block' $tenRate.style.display = 'inline-block' $showBtn.style.display = 'none' isClose = false }) // 启动流式下载 $btnStreamDownload.addEventListener('click', function () { (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1f12b0865d866ae1b93514870d93ce89"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); isStreamDownload = true $btnDownload.style.display = 'none' $btnStreamDownload.style.display = 'none' _sourceBufferList.forEach(sourceBuffer => { if (!sourceBuffer.streamWriter) { const type = sourceBuffer.mime.split(';')[0].split('/')[1] sourceBuffer.streamWriter = streamSaver.createWriteStream(`${getDocumentTitle()}.${type}`).getWriter() sourceBuffer.bufferList.forEach(buffer => { sourceBuffer.streamWriter.write(new Uint8Array(buffer)); }) sourceBuffer.bufferList = [] } }) }) document.getElementsByTagName('html')[0].insertBefore($container, document.getElementsByTagName('head')[0]); $container.appendChild($btnStreamDownload) $container.appendChild($downloadNum) $container.appendChild($btnDownload) $container.appendChild($tenRate) $container.appendChild($closeBtn) $container.appendChild($showBtn) // 加载 stream 流式下载器 try { let $streamSaver = document.createElement('script') $streamSaver.src = 'https://upyun.luckly-mjw.cn/lib/stream-saver.js' document.body.appendChild($streamSaver); $streamSaver.addEventListener('load', () => { $btnStreamDownload.style.display = 'inline-block' }) } catch (error) { console.error(error) } } })() })(); 导入步骤
codepulse 发表于 2024-1-9 23:17 刚刚试了下，油猴脚本 media-source-extract 可以下载 将下面的代码保存为 media-source-extract-0.8.2.us ... 怎么保存为那个格式哦？？
