2 lines
7.0 KiB
JavaScript
2 lines
7.0 KiB
JavaScript
|
import{aB as X,aA as A,r as u,m as W,U as Z,al as y,z as f,A as B,B as e,R as s,J as l,u as d,P as c,M as $,I as E,E as q}from"./vue-vendor-164775a6.js";import{E as g,a as J,u as r,d as G,j as H}from"./element-plus-4a19e5e8.js";import{_ as K}from"./index-2fb4354b.js";import"./utils-edfcd65b.js";const O={class:"video-detail-page"},Q={class:"sidebar"},ee={class:"nav-menu"},te={class:"nav-item active"},se={class:"main-content"},oe={class:"video-player-section"},ae={class:"video-container"},le=["src","poster"],ne={key:0,class:"video-overlay"},ie={class:"overlay-text"},ce={class:"video-controls"},de={class:"control-left"},re={class:"progress-container"},ue={class:"time-display"},ve={class:"control-right"},_e={class:"video-actions"},pe={class:"detail-sidebar"},me={class:"sidebar-header"},fe={class:"user-info"},ge={class:"avatar"},be={class:"username"},ye={class:"description-section"},he={class:"description-text"},ke={class:"metadata-section"},Te={class:"metadata-item"},xe={class:"value"},Ce={class:"metadata-item"},Be={class:"value"},Ee={class:"metadata-item"},Ve={class:"value"},we={class:"metadata-item"},De={class:"value"},Pe={class:"metadata-item"},Se={class:"value"},Le={class:"metadata-item"},Me={class:"value"},Re={__name:"VideoDetail",setup(Ue){const V=X(),p=A(),a=u(null),v=u(!1),b=u(0),m=u(0),h=u(0),n=u({id:"2995697841305810",username:"mingzi_FBx7foZYDS7inL",title:"What Does it Mean To You",overlayText:"What Does it Mean To You",description:"影片捕捉了暴风雪中的午夜时分,坐落在积雪覆盖的悬崖顶上的孤立灯塔。相机逐渐放大灯塔的灯光,穿透飞舞的雪花,投射出幽幽的光芒。在白茫茫的环境中,灯塔的黑色轮廓显得格外醒目,呼啸的风声和远处海浪的撞击声增强了孤独的氛围。这一场景展示了灯塔的孤独力量。",createTime:"2025/10/17 13:41",duration:5,resolution:"1080p",category:"文生视频",aspectRatio:"16:9",videoUrl:"/images/backgrounds/welcome.jpg",cover:"/images/backgrounds/welcome.jpg"}),w=i=>{const t={"2995000000001":{category:"参考图",title:"图片作品 #1"},"2995000000002":{category:"参考图",title:"图片作品 #2"},"2995000000003":{category:"文生视频",title:"视频作品 #3"},"2995000000004":{category:"图生视频",title:"视频作品 #4"}},o=t[i]||t["2995000000003"];return{id:i,username:"mingzi_FBx7foZYDS7inL",title:o.title,overlayText:o.title,description:"影片捕捉了暴风雪中的午夜时分,坐落在积雪覆盖的悬崖顶上的孤立灯塔。相机逐渐放大灯塔的灯光,穿透飞舞的雪花,投射出幽幽的光芒。在白茫茫的环境中,灯塔的黑色轮廓显得格外醒目,呼啸的风声和远处海浪的撞击声增强了孤独的氛围。这一场景展示了灯塔的孤独力量。",createTime:"2025/10/17 13:41",duration:5,resolution:"1080p",category:o.category,aspectRatio:"16:9",videoUrl:"/images/backgrounds/welcome.jpg",cover:"/images/backgrounds/welcome.jpg"}},D=()=>{a.value&&(v.value?a.value.pause():a.value.play())},P=()=>{m.value=a.value.duration},S=()=>{b.value=a.value.currentTime,h.value=b.value/m.value*100},L=()=>{v.value=!1},M=i=>{if(!a.value)return;const t=i.currentTarget.getBoundingClientRect(),_=(i.clientX-t.left)/t.width*m.value;a.value.currentTime=_},k=i=>{const t=Math.floor(i/60),o=Math.floor(i%60);return`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`},R=()=>{a.value&&(document.fullscreenElement?document.exitFullscreen():a.value.requestFullscreen())},U=()=>{g.info("分享功能开发中")},j=()=>{g.success("开始下载视频")},F=async()=>{try{await J.confirm("确定删除这个视频吗？","删除确认",{type:"warning",confirmButtonText:"删除",cancelButtonText:"取消"}),g.success("视频已删除"),p.back()}catch{}},z=()=>{g.info("跳转到文生视频创作页面")},I=()=>{p.push("/profile")},Y=()=>{p.push("/subscription")},N=()=>{p.back()},T=()=>{v.value=!0},x=()=>{v.value=!1};return W(()=>{const i=V.params.id;i&&(n.value=w(i)),a.value&&(a.value.addEventListener("play",T),a.value.addEventListener("pause",x))}),Z(()=>{a.value&&(a.value.removeEve
|