y?-1:0;}
default:return 0;
}
});
return arr;
},
_lockDepth:0,
_savedBodyOverflow:'',
_savedHtmlOverflow:'',
_savedBodyPaddingRight:'',
_lockBodyScroll(){
this._lockDepth++;
if(this._lockDepth>1)return;
const body=document.body;
const html=document.documentElement;
this._savedBodyOverflow=body.style.overflow;
this._savedHtmlOverflow=html.style.overflow;
this._savedBodyPaddingRight=body.style.paddingRight;
const sw=window.innerWidth-document.documentElement.clientWidth;
if(sw>0)body.style.paddingRight=sw+'px';
body.style.overflow='hidden';
html.style.overflow='hidden';
},
_unlockBodyScroll(){
if(this._lockDepth>0)this._lockDepth--;
if(this._lockDepth>0)return;
const body=document.body;
const html=document.documentElement;
body.style.overflow=this._savedBodyOverflow;
html.style.overflow=this._savedHtmlOverflow;
body.style.paddingRight=this._savedBodyPaddingRight;
},
togglePanel(){
const p=this._elements.panel;if(!p)return;
if(p.classList.contains('active')){this.hidePanel();}else{this._openPanel();}
},
_openPanel(){
const p=this._elements.panel;if(!p)return;
p.classList.add('active');this._elements.backdrop?.classList.add('active');this._host?.classList.add('rd-open');this.isPanelOpen=true;this._lockBodyScroll();this.manualRefresh();this.renderList();this.scrollFilterToActive();
},
hidePanel(){
const p=this._elements.panel;if(p)p.classList.remove('active');this._elements.backdrop?.classList.remove('active');this._host?.classList.remove('rd-open');this._host?.classList.remove('rd-scrolling');this.isPanelOpen=false;
this._unlockBodyScroll();
if(this._shadowRoot){setTimeout(()=>{const ev=this._shadowRoot.querySelector('#rd-inline-player video');if(ev&&ev._hls){try{ev._hls.destroy();}catch{}}this._shadowRoot.getElementById('rd-inline-player')?.remove();this._shadowRoot.getElementById('rd-img-preview')?.remove();this._shadowRoot.getElementById('rd-text-preview')?.remove();this._shadowRoot.getElementById('rd-source-preview')?.remove();},300);}
},
_ensureHostAttached(){
if(this.isDestroyed)return;
if(this._host&&this._host.isConnected)return;
const wasOpen=this.isPanelOpen;
this.setupUI();
this.updateFilterButtons();
if(wasOpen)this._openPanel();
},
setupVisibilityHandler(){
const self=this;
let wasOpen=false,wasHidden=false;
const getVideo=()=>{try{return self._shadowRoot&&self._shadowRoot.querySelector('#rd-inline-player video');}catch{return null;}};
const resumeVideo=v=>{if(!v)return;if(v._hls){try{v._hls.startLoad();}catch{}}if(v._rdWasPlaying){v._rdWasPlaying=false;try{v.play().catch(()=>{});}catch{}}};
const onVis=()=>{
const v=getVideo();
if(document.hidden){
wasHidden=true;wasOpen=self.isPanelOpen;
if(v&&!v.paused){v._rdWasPlaying=true;try{v.pause();}catch{}}
}else{
self._lastVisibleTime=Date.now();
self._ensureHostAttached();
if(wasHidden){
wasHidden=false;
if(wasOpen&&!self.isPanelOpen)self._openPanel();
wasOpen=false;
resumeVideo(getVideo());
self.scanExistingResources();
}
}
};
const onPageShow=e=>{if(e&&e.persisted){self._lastVisibleTime=Date.now();self._ensureHostAttached();resumeVideo(getVideo());}};
document.addEventListener('visibilitychange',onVis);
window.addEventListener('pageshow',onPageShow);
this._listeners.push(()=>{document.removeEventListener('visibilitychange',onVis);window.removeEventListener('pageshow',onPageShow);});
},
previewImage(url){
if(!SecurityUtils.isSafeUrl(url)){this.showToast('不安全的图片地址');return;}
if(!this._shadowRoot)return;
this._shadowRoot.getElementById('rd-img-preview')?.remove();
const preview=SecurityUtils.createElement('div',{id:'rd-img-preview',style:{borderRadius:'32px'}});
const header=SecurityUtils.createElement('div',{id:'rd-img-preview-header'});
const title=SecurityUtils.createElement('span',{id:'rd-img-preview-title'});title.innerHTML=Icons.image+' 图片预览';
const close=SecurityUtils.createElement('button',{className:'rd-icon-btn',id:'rd-close-preview',title:'关闭'});close.innerHTML=Icons.close;
header.appendChild(title);header.appendChild(close);
const content=SecurityUtils.createElement('div',{id:'rd-img-preview-content'});
const img=document.createElement('img');img.id='rd-preview-img';img.src=url;img.alt='预览';
img.addEventListener('error',()=>{
content.innerHTML=`${Icons.image}
图片加载失败
该图片可能已被删除或需要登录访问
${Icons.video}
无法直接播放此视频格式
该视频格式(${dt||'未知'})可能需要专用播放器，请尝试下载后播放${isHLS?'，HLS流媒体加载失败，可能是跨域限制或网络问题':isDash?'，此为DASH流媒体格式浏览器可能不支持':''}
`;
wrapper.innerHTML='';
wrapper.appendChild(errWrap);
const dlBtn2=document.createElement('button');
dlBtn2.style.cssText='margin-top:6px;padding:10px 28px;border-radius:14px;background:var(--rd-accent);color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:600;line-height:1;box-shadow:0 4px 14px rgba(10,132,255,0.25);transition:transform 0.2s ease,box-shadow 0.2s ease;';
dlBtn2.textContent='下载视频';
dlBtn2.addEventListener('mouseenter',()=>{dlBtn2.style.transform='scale(1.04)';dlBtn2.style.boxShadow='0 6px 20px rgba(10,132,255,0.35)';});
dlBtn2.addEventListener('mouseleave',()=>{dlBtn2.style.transform='scale(1)';dlBtn2.style.boxShadow='0 4px 14px rgba(10,132,255,0.25)';});
dlBtn2.addEventListener('click',()=>this.downloadResource(url));
errWrap.appendChild(dlBtn2);
};
const videoWrap=document.createElement('div');
videoWrap.id='rd-video-wrapper';
const video=document.createElement('video');
video.id='rd-video';
video.width=1280;
video.height=720;
video.autoplay=true;
video.playsInline=true;
video.preload='auto';
video.setAttribute('playsinline','');
video.setAttribute('webkit-playsinline','');
video.setAttribute('x-webkit-airplay','allow');
if(isHLS){
if(video.canPlayType('application/vnd.apple.mpegurl')){
video.src=url;
}else{
this._loadHlsJS().then(Hls=>{
if(Hls.isSupported()){
hlsInstance=new Hls({
enableWorker:true,
lowLatencyMode:true,
backBufferLength:90,
maxBufferLength:30,
maxMaxBufferLength:60,
startLevel:-1,
capLevelToPlayerSize:true
});
video._hls=hlsInstance;
hlsInstance.loadSource(url);
hlsInstance.attachMedia(video);
hlsInstance.on(Hls.Events.MANIFEST_PARSED,()=>{
video.play().catch(()=>{});
});
hlsInstance.on(Hls.Events.ERROR,(_,data)=>{
if(!data.fatal)return;
if(data.type===Hls.ErrorTypes.NETWORK_ERROR){try{hlsInstance.startLoad();return;}catch{}}
else if(data.type===Hls.ErrorTypes.MEDIA_ERROR){try{hlsInstance.recoverMediaError();return;}catch{}}
clearTimeout(errTimer);
loading.style.display='none';
showVideoError();
});
}else{
clearTimeout(errTimer);
loading.style.display='none';
showVideoError();
}
}).catch(()=>{
clearTimeout(errTimer);
loading.style.display='none';
showVideoError();
});
}
}else{
video.src=url;
}
const loading=document.createElement('div');
loading.className='rd-video-loading';
videoWrap.appendChild(video);
videoWrap.appendChild(loading);
const fmt=s=>{if(!isFinite(s)||s<0)return'0:00';const h=Math.floor(s/3600);const m=Math.floor(s%3600/60);const ss=Math.floor(s%60);if(h>0)return`${h}:${m.toString().padStart(2,'0')}:${ss.toString().padStart(2,'0')}`;return`${m}:${ss.toString().padStart(2,'0')}`;};
const centerBtn=document.createElement('button');
centerBtn.className='rd-video-center-btn';
centerBtn.innerHTML=Icons.play;
videoWrap.appendChild(centerBtn);
const controls=document.createElement('div');
controls.className='rd-video-controls';
const playPauseBtn=document.createElement('button');
playPauseBtn.className='rd-video-btn rd-video-play-btn';
playPauseBtn.innerHTML=Icons.play;
const progressWrap=document.createElement('div');
progressWrap.className='rd-video-progress';
const progressTrack=document.createElement('div');
progressTrack.className='rd-video-progress-track';
const progressFilled=document.createElement('div');
progressFilled.className='rd-video-progress-filled';
const progressThumb=document.createElement('div');
progressThumb.className='rd-video-progress-thumb';
progressTrack.appendChild(progressFilled);
progressTrack.appendChild(progressThumb);
progressWrap.appendChild(progressTrack);
const curTimeLabel=document.createElement('span');
curTimeLabel.className='rd-video-time';
curTimeLabel.textContent='0:00';
const durTimeLabel=document.createElement('span');
durTimeLabel.className='rd-video-time';
durTimeLabel.textContent='0:00';
const speedBtn=document.createElement('button');
speedBtn.className='rd-video-btn rd-video-speed-btn';
speedBtn.innerHTML=Icons.speed;
speedBtn.title='播放速度';
const speedMenu=document.createElement('div');
speedMenu.className='rd-video-speed-menu';
const speeds=[0.5,0.75,1,1.25,1.5,2];
speeds.forEach(sp=>{
const item=document.createElement('div');
item.className='rd-video-speed-item'+(sp===1?' active':'');
item.textContent=sp===1?'正常':sp+'x';
item.dataset.speed=sp;
item.addEventListener('click',e=>{
e.stopPropagation();
video.playbackRate=sp;
speedMenu.classList.remove('rd-open');
speedMenu.querySelectorAll('.rd-video-speed-item').forEach(i=>i.classList.toggle('active',i===item));
speedBtn.classList.toggle('active',sp!==1);
});
speedMenu.appendChild(item);
});
const volumeBtn=document.createElement('button');
volumeBtn.className='rd-video-btn rd-video-volume-btn';
volumeBtn.innerHTML=Icons.volume;
const fsBtn=document.createElement('button');
fsBtn.className='rd-video-btn rd-video-fs-btn';
fsBtn.innerHTML=Icons.expand;
fsBtn.title='全屏';
const progressBar=document.createElement('div');
progressBar.className='rd-video-progress-bar';
progressBar.appendChild(curTimeLabel);
progressBar.appendChild(progressWrap);
progressBar.appendChild(durTimeLabel);
const btnRow=document.createElement('div');
btnRow.className='rd-video-btn-row';
btnRow.appendChild(playPauseBtn);
const btnSpacer=document.createElement('div');
btnSpacer.style.cssText='flex:1';
btnRow.appendChild(btnSpacer);
btnRow.appendChild(speedBtn);
btnRow.appendChild(volumeBtn);
btnRow.appendChild(fsBtn);
controls.appendChild(progressBar);
controls.appendChild(btnRow);
videoWrap.appendChild(controls);
videoWrap.appendChild(speedMenu);
let errTimer=setTimeout(()=>{if(video.readyState===0)showVideoError();},8000);
let controlsTimer=null;
let centerTimer=null;
const showControls=()=>{
videoWrap.classList.add('rd-show-controls');
if(controlsTimer)clearTimeout(controlsTimer);
controlsTimer=setTimeout(()=>{videoWrap.classList.remove('rd-show-controls');},10000);
if(video.paused)showCenter();
};
const hideControls=()=>{
if(controlsTimer)clearTimeout(controlsTimer);
videoWrap.classList.remove('rd-show-controls');
};
const showCenter=()=>{
videoWrap.classList.add('rd-show-center');
if(centerTimer)clearTimeout(centerTimer);
centerTimer=setTimeout(()=>{videoWrap.classList.remove('rd-show-center');},3000);
};
const hideCenter=()=>{
if(centerTimer)clearTimeout(centerTimer);
videoWrap.classList.remove('rd-show-center');
};
const togglePlay=()=>{
if(video.paused){video.play();}else{video.pause();}
};
const updatePlayUI=()=>{
playPauseBtn.innerHTML=video.paused?Icons.play:Icons.pause;
centerBtn.innerHTML=video.paused?Icons.play:Icons.pause;
if(video.paused){showCenter();showControls();}
else{hideCenter();}
};
const updateProgress=()=>{
const p=video.currentTime/video.duration*100||0;
progressFilled.style.width=p+'%';
progressThumb.style.left=p+'%';
curTimeLabel.textContent=fmt(video.currentTime);
durTimeLabel.textContent=fmt(video.duration);
};
const updateVolumeUI=()=>{
volumeBtn.innerHTML=video.muted||video.volume===0?Icons.volumeMute:Icons.volume;
};
toggleFullscreen=()=>{
if(!document.fullscreenElement&&!document.webkitFullscreenElement){
const reqFs=videoWrap.requestFullscreen||videoWrap.webkitRequestFullscreen;
if(reqFs){
const result=reqFs.call(videoWrap);
if(result&&result.catch)result.catch(()=>{});
if(video.videoWidth>video.videoHeight&&screen.orientation&&screen.orientation.lock){
screen.orientation.lock('landscape').catch(()=>{});
}else if(video.videoHeight>video.videoWidth&&screen.orientation&&screen.orientation.lock){
screen.orientation.lock('portrait').catch(()=>{});
}
}
}else{
if(document.exitFullscreen)document.exitFullscreen();
else if(document.webkitExitFullscreen)document.webkitExitFullscreen();
if(screen.orientation&&screen.orientation.unlock){screen.orientation.unlock();}
}
};
updateFullscreenUI=()=>{
const isFs=!!(document.fullscreenElement||document.webkitFullscreenElement);
fsBtn.innerHTML=isFs?Icons.compress:Icons.expand;
fsBtn.title=isFs?'退出全屏':'全屏';
if(isFs&&video.videoWidth&&video.videoHeight){
if(screen.orientation&&screen.orientation.lock){
const target=video.videoWidth>video.videoHeight?'landscape':'portrait';
if(screen.orientation.type&&!screen.orientation.type.startsWith(target)){
screen.orientation.lock(target).catch(()=>{});
}
}
}
};
video.addEventListener('loadstart',()=>{loading.style.display='block';});
video.addEventListener('waiting',()=>{loading.style.display='block';});
video.addEventListener('canplay',()=>{loading.style.display='none';});
video.addEventListener('playing',()=>{loading.style.display='none';updatePlayUI();});
video.addEventListener('loadeddata',()=>{clearTimeout(errTimer);loading.style.display='none';updateProgress();updatePlayUI();});
video.addEventListener('loadedmetadata',updateProgress);
video.addEventListener('durationchange',updateProgress);
video.addEventListener('timeupdate',updateProgress);
video.addEventListener('play',updatePlayUI);
video.addEventListener('pause',updatePlayUI);
video.addEventListener('volumechange',updateVolumeUI);
video.addEventListener('ended',()=>{updatePlayUI();});
video.addEventListener('error',()=>{clearTimeout(errTimer);loading.style.display='none';showVideoError();});
if(!NATIVE_VIDEO.includes(dt)&&dt){
video.addEventListener('canplay',()=>{
if(video.videoWidth===0){
const hint=document.createElement('div');
hint.style.cssText='position:absolute;bottom:60px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);color:#fff;padding:6px 14px;border-radius:10px;font-size:12px;pointer-events:none;white-space:nowrap;z-index:5;';
hint.textContent='当前格式仅支持音频播放，建议下载后查看完整视频';
videoWrap.appendChild(hint);
}
},{once:true});
}
playPauseBtn.addEventListener('click',e=>{e.stopPropagation();togglePlay();});
centerBtn.addEventListener('click',e=>{e.stopPropagation();togglePlay();});
let clickTimer=null;
video.addEventListener('click',()=>{
if(clickTimer){
clearTimeout(clickTimer);
clickTimer=null;
togglePlay();
}else{
clickTimer=setTimeout(()=>{
clickTimer=null;
if(videoWrap.classList.contains('rd-show-controls')){
hideControls();
}else{
showControls();
}
},250);
}
});
progressWrap.addEventListener('click',e=>{
e.stopPropagation();
const r=progressTrack.getBoundingClientRect();
const p=Math.max(0,Math.min(1,(e.clientX-r.left)/r.width));
video.currentTime=p*video.duration;
});
let isDragging=false;
progressWrap.addEventListener('touchstart',e=>{isDragging=true;video.pause();},{passive:true});
progressWrap.addEventListener('touchmove',e=>{
if(!isDragging)return;
e.stopPropagation();
const r=progressTrack.getBoundingClientRect();
const p=Math.max(0,Math.min(1,(e.touches[0].clientX-r.left)/r.width));
video.currentTime=p*video.duration;
},{passive:true});
progressWrap.addEventListener('touchend',()=>{isDragging=false;},{passive:true});
speedBtn.addEventListener('click',e=>{e.stopPropagation();speedMenu.classList.toggle('rd-open');});
volumeBtn.addEventListener('click',e=>{e.stopPropagation();video.muted=!video.muted;});
fsBtn.addEventListener('click',e=>{e.stopPropagation();toggleFullscreen();});
document.addEventListener('fullscreenchange',updateFullscreenUI);
document.addEventListener('webkitfullscreenchange',updateFullscreenUI);
player._videoKeyHandler=e=>{
if(!player.parentNode){document.removeEventListener('keydown',player._videoKeyHandler);return;}
if(e.target.tagName==='INPUT'||e.target.tagName==='TEXTAREA')return;
switch(e.key){
case' ':e.preventDefault();togglePlay();break;
case'ArrowLeft':e.preventDefault();video.currentTime=Math.max(0,video.currentTime-5);break;
case'ArrowRight':e.preventDefault();video.currentTime=Math.min(video.duration||0,video.currentTime+5);break;
case'ArrowUp':e.preventDefault();video.volume=Math.min(1,video.volume+0.1);break;
case'ArrowDown':e.preventDefault();video.volume=Math.max(0,video.volume-0.1);break;
case'm':case'M':video.muted=!video.muted;break;
case'f':case'F':toggleFullscreen();break;
}
};
document.addEventListener('keydown',player._videoKeyHandler);
wrapper.appendChild(videoWrap);
}else{
const audioUI=this.createCustomAudioPlayer(url);
wrapper.appendChild(audioUI);
}
const handler=()=>{
try{if(hlsInstance){hlsInstance.destroy();hlsInstance=null;}if(player.querySelector('video'))player.querySelector('video').pause();if(player.querySelector('audio'))player.querySelector('audio').pause();}catch{}
if(player._videoKeyHandler)document.removeEventListener('keydown',player._videoKeyHandler);
document.removeEventListener('fullscreenchange',updateFullscreenUI);
document.removeEventListener('webkitfullscreenchange',updateFullscreenUI);
player.remove();this._unlockBodyScroll();
};
close.addEventListener('click',handler);
player.addEventListener('click',e=>{if(e.target===player)handler();});
this._shadowRoot.appendChild(player);
this._lockBodyScroll();
},
createCustomAudioPlayer(url){
const container=document.createElement('div');
container.className='rd-custom-audio';
const audio=document.createElement('audio');
audio.src=url;audio.preload='auto';
const info=document.createElement('div');info.className='rd-audio-info';
const infoIcon=document.createElement('div');infoIcon.className='rd-audio-info-icon';
infoIcon.innerHTML=Icons.music;
const fname=document.createElement('div');fname.className='rd-audio-filename';
fname.textContent=this.extractFilename(url);
info.appendChild(infoIcon);info.appendChild(fname);
const controls=document.createElement('div');controls.className='rd-audio-controls';
const playBtn=document.createElement('button');playBtn.className='rd-play-pause-btn';
playBtn.innerHTML=Icons.play;
const progWrap=document.createElement('div');progWrap.className='rd-progress-container';
const progBg=document.createElement('div');progBg.className='rd-progress-bg';
const progFilled=document.createElement('div');progFilled.className='rd-progress-filled';
const progThumb=document.createElement('div');progThumb.className='rd-progress-thumb';
progBg.appendChild(progFilled);progBg.appendChild(progThumb);progWrap.appendChild(progBg);
const time=document.createElement('div');time.className='rd-time';
const cur=document.createElement('span');cur.textContent='0:00';
const sep=document.createElement('span');sep.textContent='/';
const dur=document.createElement('span');dur.textContent='0:00';
time.appendChild(cur);time.appendChild(sep);time.appendChild(dur);
controls.appendChild(playBtn);controls.appendChild(progWrap);controls.appendChild(time);
container.appendChild(info);container.appendChild(controls);container.appendChild(audio);
const fmt=s=>{if(!isFinite(s))return'0:00';const m=Math.floor(s/60);const ss=Math.floor(s%60);return `${m}:${ss.toString().padStart(2,'0')}`;};
const updateDur=()=>{if(isFinite(audio.duration)&&audio.duration>0){dur.textContent=fmt(audio.duration);updateProg();}};
const updateProg=()=>{
const p=audio.currentTime/audio.duration*100||0;
progFilled.style.width=p+'%';
progThumb.style.left=p+'%';
cur.textContent=fmt(audio.currentTime);
};
audio.addEventListener('loadedmetadata',()=>{
if(audio.duration===Infinity||isNaN(audio.duration)){
audio.currentTime=1e101;
audio.ontimeupdate=()=>{audio.ontimeupdate=null;audio.currentTime=0;updateDur();};
}else{updateDur();}
});
audio.addEventListener('durationchange',updateDur);
audio.addEventListener('timeupdate',updateProg);
playBtn.addEventListener('click',()=>{if(audio.paused){audio.play();playBtn.innerHTML=Icons.pause;}else{audio.pause();playBtn.innerHTML=Icons.play;}});
audio.addEventListener('ended',()=>{playBtn.innerHTML=Icons.play;progFilled.style.width='0%';progThumb.style.left='0%';});
progWrap.addEventListener('click',e=>{
const r=progBg.getBoundingClientRect();
const p=Math.max(0,Math.min(1,(e.clientX-r.left)/r.width));
audio.currentTime=p*audio.duration;
});
return container;
},
addResource(r){
if(!r||!r.url)return false;
const url=r.url;
if(processedUrls.has(url))return false;
processedUrls.add(url);
if(processedUrls.size>CONFIG.MAX_URL_CACHE){
const it=processedUrls.values();
for(let i=0;i<500;i++)processedUrls.delete(it.next().value);
}
const displayType=this.getDisplayType(url,r.contentType||'',r.initiatorType||'');
const filterType=this.getFilterType(displayType);
r.displayType=displayType;
r.filterType=filterType;
r.icon=this.getTypeIcon(displayType);
r.previewUrl=this.getPreviewUrl(r);
r.filename=this.extractFilename(url);
if(!r.timestamp)r.timestamp=Date.now();
if(this.resources.length>=CONFIG.MAX_RESOURCES){
this.resources.shift();
}
this.resources.unshift(r);
this._statsDirty=true;
this.scheduleUpdate();
return true;
},
scheduleUpdate(){
if(this._rafId)return;
this._rafId=requestAnimationFrame(()=>{
this._rafId=null;
const now=Date.now();
if(now-this._lastUpdate{
try{
const finalUrl=resp.url||url;
const ct=resp.headers.get('content-type')||'';
self.addResource({url:finalUrl,contentType:ct,initiatorType:'fetch',timestamp:Date.now()});
}catch{}
}).catch(()=>{});
}
return promise;
};
if(typeof PerformanceObserver!=='undefined'){
try{
const obs=new PerformanceObserver(list=>{
for(const entry of list.getEntries()){
try{
const url=entry.name;
if(!url||!SecurityUtils.isSafeUrl(url))continue;
const it=entry.initiatorType||'resource';
let ct='';
if(entry.transferSize!==undefined&&entry.encodedBodySize>0){
const ext=url.split('?')[0].split('.').pop()?.toLowerCase()||'';
if(['mp4','webm','ogg','ogv','mov','m4v','flv','mkv','avi','3gp','wmv','m2ts','ts'].includes(ext))ct='video';
else if(['mp3','wav','flac','aac','m4a','wma','oga','weba','opus','aiff','mid','ac3','amr'].includes(ext))ct='audio';
else if(['jpg','jpeg','png','gif','webp','svg','ico','bmp','avif','heic'].includes(ext))ct='image';
else if(ext==='css')ct='text/css';
else if(['js','mjs'].includes(ext))ct='application/javascript';
else if(['woff','woff2','ttf','otf','eot'].includes(ext))ct='font';
else if(['m3u8','mpd'].includes(ext))ct='application/vnd.apple.mpegurl';
}
self.addResource({url,contentType:ct,initiatorType:it,timestamp:Date.now()});
}catch{}
}
});
obs.observe({entryTypes:['resource']});
this._perfObserver=obs;
}catch{}
try{
const entries=performance.getEntriesByType('resource');
for(const entry of entries){
try{
const url=entry.name;
if(!url||!SecurityUtils.isSafeUrl(url))continue;
const it=entry.initiatorType||'resource';
let ct='';
const ext=url.split('?')[0].split('.').pop()?.toLowerCase()||'';
if(['mp4','webm','ogg','ogv','mov','m4v','flv','mkv','avi','3gp','wmv','m2ts','ts'].includes(ext))ct='video';
else if(['mp3','wav','flac','aac','m4a','wma','oga','weba','opus','aiff','mid','ac3','amr'].includes(ext))ct='audio';
else if(['jpg','jpeg','png','gif','webp','svg','ico','bmp','avif','heic'].includes(ext))ct='image';
else if(ext==='css')ct='text/css';
else if(['js','mjs'].includes(ext))ct='application/javascript';
else if(['woff','woff2','ttf','otf','eot'].includes(ext))ct='font';
else if(['m3u8','mpd'].includes(ext))ct='application/vnd.apple.mpegurl';
self.addResource({url,contentType:ct,initiatorType:it,timestamp:Date.now()});
}catch{}
}
}catch{}
}
},
setupResourceObserver(){
if(this._resourceObserver)return;
const self=this;
let pending=false;
const flush=()=>{
pending=false;
if(self.isDestroyed||!self._host)return;
self._scanQueuedNodes();
if(self.isPanelOpen)self.scheduleUpdate();
};
const schedule=()=>{
if(pending)return;
pending=true;
requestAnimationFrame(flush);
};
this._observerQueue=[];
this._resourceObserver=new MutationObserver(muts=>{
for(const m of muts){
if(m.type==='childList'){
for(const n of m.addedNodes){
if(n.nodeType===1){n._rdAttrChange=false;self._observerQueue.push(n);}
}
}else if(m.type==='attributes'){
m.target._rdAttrChange=true;
self._observerQueue.push(m.target);
}
}
if(self._observerQueue.length)schedule();
});
this._resourceObserver.observe(document.body,{childList:true,subtree:true,attributes:true,attributeFilter:['src','href','srcset','poster','data-src','data-original','data-bg','style','background','data-alt','data-video','data-video-src','data-media','data-mp4','data-hls','data-url','data-poster']});
},
_scanQueuedNodes(){
const queue=this._observerQueue;
this._observerQueue=[];
const seen=new Set();
const attrChanged=new Set();
for(const node of queue){
if(node._rdAttrChange){
node._rdAttrChange=false;
attrChanged.add(node);
}else{
this._captureFromNode(node,seen);
}
}
if(attrChanged.size){
for(const el of attrChanged){
this._captureElement(el);
}
}
},
_captureFromNode(root,seen){
if(!root||root.nodeType!==1)return;
if(!seen)seen=new Set();
const collect=(el)=>{
if(!el||el.nodeType!==1||seen.has(el))return;
seen.add(el);
this._captureElement(el);
if(el.shadowRoot){
try{
const sEls=el.shadowRoot.querySelectorAll('img,video,audio,source,track,picture,object,embed,iframe,link,script,input[type=image],image,[data-src],[data-original],[data-lazy-src],[data-srcset],[data-bg],[data-poster]');
for(const s of sEls)collect(s);
}catch{}
}
if(el.tagName==='IFRAME'){
this._scanIframeElement(el);
}
};
collect(root);
if(root.querySelectorAll){
try{
const els=root.querySelectorAll('img,video,audio,source,track,picture,object,embed,iframe,link,script,input[type=image],image,[style],[background],[data-src],[data-original],[data-lazy-src],[data-lazy-srcset],[data-srcset],[data-bg],[data-bgset],[data-background],[data-poster],[data-alt],[data-video],[data-video-src],[data-media],[data-mp4],[data-hls],[data-url],[data-source],[data-file],[data-play]');
for(const el of els)collect(el);
}catch{}
}
if(root.shadowRoot){
try{
const sEls=root.shadowRoot.querySelectorAll('img,video,audio,source,track,picture,object,embed,iframe,link,script,input[type=image],image,[data-src],[data-original],[data-lazy-src],[data-srcset],[data-bg],[data-poster]');
for(const s of sEls)collect(s);
}catch{}
}
},
_scanIframeElement(iframe){
if(!iframe||iframe._rdScanned)return;
iframe._rdScanned=true;
const scanIframe=()=>{
try{
const doc=iframe.contentDocument;
if(!doc)return;
const elements=doc.querySelectorAll('img,video,audio,source,track,picture,object,embed,iframe,link,script,input[type=image],image');
for(const el of elements)this._captureElement(el,true);
try{
const sel='[data-src],[data-original],[data-lazy-src],[data-lazy-srcset],[data-srcset],[data-bg],[data-bgset],[data-background],[data-image],[data-thumb],[data-poster],[data-alt],[data-video]';
const lazyEls=doc.querySelectorAll(sel);
for(const el of lazyEls)this._captureElement(el,true);
}catch{}
}catch{}
};
scanIframe();
iframe.addEventListener('load',scanIframe);
},
_parseSrcset(srcset){
if(!srcset)return[];
const out=[];
for(const part of srcset.split(',')){
const u=part.trim().split(/\s+/)[0];
if(u)out.push(u);
}
return out;
},
_captureElement(el,useCache){
if(!el||el.nodeType!==1)return;
if(useCache&&processedElements.has(el))return;
processedElements.add(el);
const tag=(el.tagName||'').toLowerCase();
const push=(url,ct,it)=>{
if(url){const s=String(url).trim();if(s&&SecurityUtils.isSafeUrl(s))this.addResource({url:s,contentType:ct||'',initiatorType:it||'scan',timestamp:Date.now()});}
};
const lazyAttrs=['data-src','data-original','data-lazy-src','data-lazy','data-srcset','data-lazy-srcset','data-bg','data-bgset','data-image','data-thumb','data-poster'];
if(tag==='img'){
push(el.src,'image','scan');
const ss=el.getAttribute('srcset')||el.srcset;if(ss)this._parseSrcset(ss).forEach(u=>push(u,'image','srcset'));
push(el.currentSrc,'image','current');
lazyAttrs.forEach(a=>{const v=el.getAttribute(a);if(v){if(a.includes('srcset')||a.includes('bgset'))this._parseSrcset(v).forEach(u=>push(u,'image','lazy'));else push(v,'image','lazy');}});
}
else if(tag==='source'){
push(el.src,'','scan');
const ss=el.getAttribute('srcset')||el.srcset;if(ss)this._parseSrcset(ss).forEach(u=>push(u,'','srcset'));
const vt=el.getAttribute('type')||'';
if(vt)push(el.src,vt,'source-type');
}
else if(tag==='video'){
push(el.src,el.type||'video','scan');
push(el.poster,'image','poster');
push(el.getAttribute('data-poster'),'image','lazy-poster');
if(el.src&&el.src.startsWith('blob:'))push(el.src,'video/blob','blob-media');
lazyAttrs.forEach(a=>{const v=el.getAttribute(a);if(v)push(v,'video','lazy');});
const videoLazyAttrs=['data-alt','data-video','data-video-src','data-media','data-mp4','data-hls','data-url','data-src-video','data-source','data-file','data-play'];
videoLazyAttrs.forEach(a=>{const v=el.getAttribute(a);if(v&&SecurityUtils.isSafeUrl(v))push(v,'video','lazy-'+a);});
try{
const sources=el.querySelectorAll('source');
for(const s of sources){
push(s.src,s.getAttribute('type')||'video','video-source');
const ss=s.getAttribute('srcset')||s.srcset;
if(ss)this._parseSrcset(ss).forEach(u=>push(u,'video','srcset'));
}
}catch{}
if(!el.src&&!el.querySelector('source')){
const dataSrc=el.getAttribute('data-src')||el.getAttribute('data-video')||el.getAttribute('data-media')||el.getAttribute('data-alt');
if(dataSrc&&SecurityUtils.isSafeUrl(dataSrc))push(dataSrc,'video','fallback-src');
}
}
else if(tag==='audio'){
push(el.src,el.type||'audio','scan');
if(el.src&&el.src.startsWith('blob:'))push(el.src,'audio/blob','blob-media');
lazyAttrs.forEach(a=>{const v=el.getAttribute(a);if(v)push(v,'audio','lazy');});
}
else if(tag==='track'){
push(el.src,'text/vtt','track');
}
else if(tag==='iframe'){
push(el.src,'','iframe');
}
else if(tag==='link'){
const rel=(el.rel||'').toLowerCase();
if(rel==='stylesheet'||rel==='preload'||rel==='prefetch'||rel==='icon'||rel==='shortcut icon'||rel==='apple-touch-icon'||rel==='manifest')push(el.href,'','link');
}
else if(tag==='script'){
push(el.src,'','scan');
}
else if(tag==='object'||tag==='embed'){
push(el.data,'','scan');
push(el.src,'','scan');
}
else if(tag==='input'){
if((el.type||'').toLowerCase()==='image')push(el.src,'image','input-image');
}
else if(tag==='image'){
push(el.getAttribute('href')||el.getAttribute('xlink:href'),'image','svg-image');
}
else if(tag==='picture'){
const sources=el.querySelectorAll('source');
for(const s of sources){push(s.src,'','scan');const ss=s.getAttribute('srcset')||s.srcset;if(ss)this._parseSrcset(ss).forEach(u=>push(u,'image','srcset'));}
}
const inlineStyle=el.getAttribute('style');
if(inlineStyle){
const urls=inlineStyle.matchAll(/url\(\s*['"]?([^'")]+)['"]?\s*\)/g);
for(const m of urls)push(m[1],'','bg');
}
const bgAttr=el.getAttribute&&el.getAttribute('background');
if(bgAttr)push(bgAttr,'image','bg');
for(const a of['data-bg','data-background','data-bgset','data-bg-src']){
const v=el.getAttribute&&el.getAttribute(a);
if(v){if(a.includes('bgset'))this._parseSrcset(v).forEach(u=>push(u,'image','lazy-bg'));else push(v,'image','lazy-bg');}
}
},
setupSPASupport(){
const self=this;
const origPush=history.pushState;
history.pushState=function(...args){
origPush.apply(this,args);
setTimeout(()=>self.scanExistingResources(),500);
};
const origReplace=history.replaceState;
history.replaceState=function(...args){
origReplace.apply(this,args);
setTimeout(()=>self.scanExistingResources(),500);
};
window.addEventListener('popstate',()=>setTimeout(()=>self.scanExistingResources(),500));
},
scanExistingResources(){
const self=this;
const scan=()=>{
const elements=document.querySelectorAll('img,video,audio,source,track,picture,object,embed,iframe,link,script,input[type=image],image');
const seen=new Set();
for(const el of elements){
if(seen.has(el))continue;
seen.add(el);
self._captureElement(el,true);
}
self._scanInlineAndBgImages(seen);
self._scanLazyAttributes(seen);
self._scanMetaMedia();
self._scanStyleSheets();
self._scanIframes();
self._scanShadowDOM();
};
scan();
},
_scanIframes(){
try{
const iframes=document.querySelectorAll('iframe');
for(const iframe of iframes){
try{
const doc=iframe.contentDocument;
if(!doc)continue;
const elements=doc.querySelectorAll('img,video,audio,source,track,picture,object,embed,iframe,link,script,input[type=image],image');
for(const el of elements){
this._captureElement(el,true);
}
try{
const sel='[data-src],[data-original],[data-lazy-src],[data-lazy-srcset],[data-srcset],[data-bg],[data-bgset],[data-background],[data-image],[data-thumb],[data-poster],[data-alt],[data-video],[data-video-src],[data-media],[data-mp4],[data-hls],[data-url],[data-source],[data-file],[data-play]';
const lazyEls=doc.querySelectorAll(sel);
for(const el of lazyEls)this._captureElement(el,true);
}catch{}
const metas=doc.querySelectorAll('meta[property],meta[name]');
for(const m of metas){
const prop=(m.getAttribute('property')||m.getAttribute('name')||'').toLowerCase();
const content=m.getAttribute('content');
if(!content||!SecurityUtils.isSafeUrl(content))continue;
if(prop.startsWith('og:image')||prop.startsWith('og:video')||prop.startsWith('og:audio')||prop==='twitter:image'||prop==='twitter:image:src'||prop==='twitter:player:stream'){
const ct=prop.includes('video')?'video':(prop.includes('audio')?'audio':'image');
this.addResource({url:content,contentType:ct,initiatorType:'iframe-meta',timestamp:Date.now()});
}
}
}catch{}
}
}catch{}
},
_scanShadowDOM(){
try{
const walk=(root)=>{
if(!root||root.nodeType!==1)return;
if(root.shadowRoot){
try{
const els=root.shadowRoot.querySelectorAll('img,video,audio,source,track,picture,object,embed,iframe,link,script,input[type=image],image,[data-src],[data-original],[data-lazy-src],[data-srcset],[data-bg],[data-poster]');
for(const el of els){
this._captureElement(el,true);
if(el.shadowRoot)walk(el);
}
}catch{}
}
if(root.querySelectorAll){
const all=root.querySelectorAll('*');
for(const el of all){
if(el.shadowRoot)walk(el);
}
}
};
walk(document.body);
}catch{}
},
_scanLazyAttributes(seen){
try{
const sel='[data-src],[data-original],[data-lazy-src],[data-lazy-srcset],[data-srcset],[data-bg],[data-bgset],[data-background],[data-image],[data-thumb],[data-poster],[data-alt],[data-video],[data-video-src],[data-media],[data-mp4],[data-hls],[data-url],[data-source],[data-file],[data-play]';
const all=document.querySelectorAll(sel);
for(const el of all){
if(seen.has(el))continue;
seen.add(el);
this._captureElement(el,true);
}
}catch{}
},
_scanMetaMedia(){
try{
const metas=document.querySelectorAll('meta[property],meta[name]');
for(const m of metas){
const prop=(m.getAttribute('property')||m.getAttribute('name')||'').toLowerCase();
const content=m.getAttribute('content');
if(!content||!SecurityUtils.isSafeUrl(content))continue;
if(prop.startsWith('og:image')||prop.startsWith('og:video')||prop.startsWith('og:audio')||prop==='twitter:image'||prop==='twitter:image:src'||prop==='twitter:player:stream'){
const ct=prop.includes('video')?'video':(prop.includes('audio')?'audio':'image');
this.addResource({url:content,contentType:ct,initiatorType:'meta',timestamp:Date.now()});
}
}
}catch{}
},
_scanInlineAndBgImages(seen){
try{
const all=document.querySelectorAll('[style],[background]');
for(const el of all){
if(seen.has(el))continue;
seen.add(el);
if(processedBg.has(el))continue;
processedBg.add(el);
const inlineStyle=el.getAttribute('style');
if(inlineStyle){
const urls=inlineStyle.matchAll(/url\(\s*['"]?([^'")]+)['"]?\s*\)/g);
for(const m of urls){if(SecurityUtils.isSafeUrl(m[1]))this.addResource({url:m[1],contentType:'image',initiatorType:'bg',timestamp:Date.now()});}
}
const bgAttr=el.getAttribute('background');
if(bgAttr&&SecurityUtils.isSafeUrl(bgAttr))this.addResource({url:bgAttr,contentType:'image',initiatorType:'bg',timestamp:Date.now()});
const bg=getComputedStyle(el).backgroundImage;
if(bg&&bg!=='none'){
const urls=bg.matchAll(/url\(\s*['"]?([^'")]+)['"]?\s*\)/g);
for(const m of urls){if(m[1]&&SecurityUtils.isSafeUrl(m[1]))this.addResource({url:m[1],contentType:'image',initiatorType:'bg',timestamp:Date.now()});}
}
}
}catch{}
},
_scanStyleSheets(){
try{
for(const sheet of document.styleSheets){
if(processedSheets.has(sheet))continue;
let rules;
try{rules=sheet.cssRules||sheet.rules;}catch{processedSheets.add(sheet);continue;}
if(!rules||rules.length===0)continue;
processedSheets.add(sheet);
for(const rule of rules){
if(rule.type===3||rule.type===CSSRule.IMPORT_RULE){
if(rule.href&&SecurityUtils.isSafeUrl(rule.href))this.addResource({url:rule.href,contentType:'text/css',initiatorType:'css-import',timestamp:Date.now()});
continue;
}
if(rule.type===5||rule.type===CSSRule.FONT_FACE_RULE){
const style=rule.style;
if(style){
const src=style.getPropertyValue('src');
if(src){
const urls=src.matchAll(/url\(\s*['"]?([^'")]+)['"]?\s*\)/g);
for(const m of urls){if(m[1]&&SecurityUtils.isSafeUrl(m[1]))this.addResource({url:m[1],contentType:'font',initiatorType:'css-font',timestamp:Date.now()});}
}
}
continue;
}
const style=rule.style;
if(!style)continue;
for(let i=0;i{
if(this.currentFilter&&this.currentFilter!=='all'){
return this.getFilterType(r.displayType)===this.currentFilter;
}
return true;
});
this.sortResources(filtered);
this.filteredResources=filtered;
this.updateCounts();
if(filtered.length===0){
if(this._lastRenderedFilter!=='__empty__'){
this._lastRenderedFilter='__empty__';
this._renderSignature='';
this._elements.listContent.innerHTML=`
${Icons.harmony}
暂无捕获的资源
浏览网页时将自动捕获图片、视频、音频等资源
`;
}
return;
}
const batch=filtered.slice(0,CONFIG.BATCH_SIZE);
const sig=batch.map(r=>r.url).join('\x01')+this.currentFilter+batch.length+this.sortMode+this.viewMode;
if(sig===this._renderSignature&&this.currentFilter===this._lastRenderedFilter){
return;
}
const filterChanged=this.currentFilter!==this._lastRenderedFilter;
this._renderSignature=sig;
this._lastRenderedFilter=this.currentFilter;
const list=this._elements.list;
const savedScroll=list?list.scrollTop:0;
const frag=document.createDocumentFragment();
for(const r of batch){
frag.appendChild(this.createEntry(r));
}
this._elements.listContent.innerHTML='';
this._elements.listContent.appendChild(frag);
this.applyViewMode();
if(list&&!filterChanged)list.scrollTop=savedScroll;
},
createEntry(r){
const entry=document.createElement('div');
entry.className='rd-entry';
entry.dataset.url=r.url;
entry.dataset.displayType=r.displayType;
const thumbWrap=document.createElement('div');
thumbWrap.className='rd-entry-thumb-wrapper';
const typeColor=TYPE_COLORS[r.displayType]||'#0A84FF';
thumbWrap.style.background=`linear-gradient(135deg,${typeColor}22,${typeColor}0d)`;
if(r.previewUrl){
const img=document.createElement('img');
img.className='rd-entry-thumb';
img.src=r.previewUrl;
img.loading='lazy';
img.onerror=()=>{
thumbWrap.innerHTML=`${r.icon}
`;
};
thumbWrap.appendChild(img);
thumbWrap.dataset.url=r.url;
}else{
thumbWrap.innerHTML=`${r.icon}
`;
}
entry.appendChild(thumbWrap);
const content=document.createElement('div');
content.className='rd-entry-content';
const header=document.createElement('div');
header.className='rd-entry-header';
const typeBadge=document.createElement('span');
typeBadge.className=`rd-entry-type ${r.displayType}`;
typeBadge.textContent=r.displayType;
header.appendChild(typeBadge);
const filename=document.createElement('div');
filename.className='rd-entry-filename';
filename.textContent=r.filename;
filename.title=r.filename;
header.appendChild(filename);
const actions=document.createElement('div');
actions.className='rd-entry-actions';
const copyBtn=document.createElement('button');
copyBtn.className='rd-action-btn rd-copy-btn';
copyBtn.title='复制链接';
copyBtn.innerHTML=Icons.copy;
copyBtn.dataset.url=r.url;
actions.appendChild(copyBtn);
const isMedia=r.filterType==='media';
if(isMedia){
const playBtn=document.createElement('button');
playBtn.className='rd-action-btn rd-play-btn';
playBtn.title='播放';
playBtn.innerHTML=Icons.play;
playBtn.dataset.url=r.url;
playBtn.dataset.displayType=r.displayType;
actions.appendChild(playBtn);
}
const dlBtn=document.createElement('button');
dlBtn.className='rd-action-btn rd-download-btn';
dlBtn.title='下载';
dlBtn.innerHTML=Icons.download;
dlBtn.dataset.url=r.url;
actions.appendChild(dlBtn);
header.appendChild(actions);
const urlEl=document.createElement('div');
urlEl.className='rd-entry-url';
urlEl.textContent=r.url;
content.appendChild(header);
content.appendChild(urlEl);
entry.appendChild(content);
return entry;
},
updateCounts(){
if(!this._shadowRoot)return;
const counts={all:0,image:0,media:0,other:0};
for(const r of this.resources){
const ft=this.getFilterType(r.displayType);
counts.all++;
counts[ft]=(counts[ft]||0)+1;
}
for(const f in counts){
const el=this._shadowRoot.querySelector(`[data-count="${f}"]`);
if(el)el.textContent=counts[f];
}
const urlEl=this._shadowRoot.getElementById('rd-page-url');
if(urlEl)urlEl.textContent=SecurityUtils.sanitizeAttr(location.href);
},
};
RD.init();
window.ResourceDiary=RD;
})();