الصورة إلى الفيديو
المهام الخاصة بي
تسجيل الدخول / الاشتراك
C
0
0
المهام الخاصة بي
يدعو
+
0
الاعتمادات
تسجيل الخروج
الضوابط
انقر لتحميل الصورة
أو قم بالسحب والإفلات هنا
وصف الحركة
</div></div><div class="style-section"><label class="section-label">إعدادات الحركة المسبقة</label><div class="style-grid-wrap" id="style-grid-wrap"><div class="style-grid" id="style-grid"><button class="style-btn active" data-prompt="Dancing movement, rhythmic body motion, energetic dance moves, dynamic pose transitions, lively animation" type="button"><img src="/static/ai-image-to-video/preset-dancing.9fcfe79f.webp" alt="الرقص" class="style-icon" loading="lazy"> <span class="style-name">الرقص</span></button> <button class="style-btn" data-prompt="Slow cinematic camera pan, dramatic lighting shift, film grain texture, professional cinematography, epic atmosphere" type="button"><img src="/static/ai-image-to-video/preset-cinematic.16bbf2ac.webp" alt="سينمائية" class="style-icon" loading="lazy"> <span class="style-name">سينمائية</span></button> <button class="style-btn" data-prompt="Smooth zoom in effect, focus on center subject, depth of field transition, gradually revealing details" type="button"><img src="/static/ai-image-to-video/preset-zoom-in.e404e8ff.webp" alt="تكبير" class="style-icon" loading="lazy"> <span class="style-name">تكبير</span></button></div></div><button class="style-expand-btn" id="style-expand-btn" type="button" style="display:none"><svg class="expand-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg> <span class="expand-text">عرض المزيد</span></button></div></div><div class="model-section"><label class="section-label">نموذج</label><div class="model-toggle" id="model-toggle"><button class="model-btn active" data-model="standard" type="button"><svg class="model-icon" width="16" height="16" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="#F59E0B" stroke-width="2.5"/><text x="12" y="16" text-anchor="middle" font-size="12" font-weight="bold" fill="#F59E0B">C</text></svg> <span>قياسي (وان 2.2)</span></button> <button class="model-btn disabled" data-model="premium" type="button" disabled="disabled" title="قريبًا - إنشاء مقاطع فيديو متميزة قيد التطوير"><svg class="model-icon" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M6 3h12l4 7-10 11L2 10l4-7z" stroke="#60A5FA" stroke-width="2" stroke-linejoin="round"/><path d="M2 10h20M12 21L8.5 10M12 21l3.5-11" stroke="#60A5FA" stroke-width="1.5" stroke-linejoin="round"/></svg> <span>بريميوم (سيدانس)</span> <span class="coming-soon-badge">قريباً</span></button></div></div><div class="duration-section"><label class="section-label">مدة</label><div class="duration-slider-wrap"><input type="range" id="duration-slider" min="3" max="8" value="5" step="1" class="duration-slider"><div class="duration-labels"><span>3s</span> <span id="duration-display">5s</span> <span id="duration-max-label">8s</span></div></div></div><div class="controls-action"><div class="credits-cost-info" id="credits-cost-info"><span id="cost-text" data-keep="true">30 ساعة معتمدة لكل فيديو</span></div><button class="generate-btn primary-btn" id="generate-btn" disabled="disabled"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0298 9.26132C15.1753 8.82472 15.2415 8.61303 15.3605 8.57334C15.4135 8.56011 15.4664 8.56011 15.5193 8.57334C15.6384 8.61303 15.7045 8.82472 15.8501 9.26132C16.4454 11.0739 16.7365 11.9736 17.3054 12.688C17.57 13.0188 17.8611 13.3098 18.1918 13.5744C18.9063 14.1301 19.806 14.4344 21.6185 15.0298C22.0551 15.1753 22.2668 15.2415 22.3065 15.3606C22.3197 15.4135 22.3197 15.4664 22.3065 15.5193C22.2668 15.6384 22.0551 15.7045 21.6185 15.8501C19.806 16.4454 18.9063 16.7365 18.1918 17.3054C17.8611 17.57 17.57 17.8611 17.3054 18.1919C16.7497 18.9063 16.4454 19.806 15.8501 21.6185C15.7045 22.0551 15.6384 22.2668 15.5193 22.3065C15.4664 22.3198 15.4135 22.3198 15.3605 22.3065C15.2415 22.2668 15.1753 22.0551 15.0298 21.6185C14.4344 19.806 14.1433 18.9063 13.5744 18.1919C13.3098 17.8611 13.0188 17.57 12.688 17.3054C11.9735 16.7497 11.0739 16.4454 9.26131 15.8501C8.8247 15.7045 8.61302 15.6384 8.57333 15.5193C8.5601 15.4664 8.5601 15.4135 8.57333 15.3606C8.61302 15.2415 8.8247 15.1753 9.26131 15.0298C11.0739 14.4344 11.9735 14.1434 12.688 13.5744C13.0188 13.3098 13.3098 13.0188 13.5744 12.688C14.1433 11.9736 14.4344 11.0739 15.0298 9.26132Z" fill="currentColor"/><path d="M6 3V7M6 7V11M6 7H2M6 7H10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg> <span>توليد الفيديو</span></button><div class="processing-state" id="processing-state" style="display:none"><div class="processing-spinner"></div><span>جارٍ إنشاء الفيديو...</span></div></div></div><div class="workspace-right" id="workspace-right"><div class="workspace-preview" id="workspace-preview"><div class="preview-header"><h3 class="preview-title">معاينة الفيديو</h3><div class="preview-actions"><button class="preview-action-btn" id="zoom-btn" title="ملء الشاشة" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path><path d="M11 8v6"></path><path d="M8 11h6"></path></svg></button> <button class="preview-action-btn" id="download-btn" title="تحميل" disabled="disabled"><svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 24.008V42h36V24" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 27L24 36L15 27" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.992 6v30" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></button> <button class="preview-action-btn share-btn" id="share-btn" title="يشارك" onclick="showSharePanel(this)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.59 13.51 6.83 3.98"/><path d="m15.41 6.51-6.82 3.98"/></svg></button></div></div><div class="preview-content" id="preview-content" data-status=""><div class="preview-empty" id="preview-empty"><div class="preview-empty-icon"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect></svg></div><p class="demo-hint">قم بتحميل صورة ووصف الحركة لإنشاء فيديو مدته 5 ثوانٍ</p></div><div class="preview-result" id="preview-result" style="display:none"><video id="result-video" class="result-video" controls autoplay loop playsinline></video></div><div class="preview-processing" id="preview-processing" style="display:none"><div class="processing-overlay"><img id="processing-preview-img" src="" alt="Processing" class="processing-bg-image"><div class="processing-mask"><div class="processing-content"><div class="processing-spinner-large"></div><p class="processing-text">جارٍ إنشاء الفيديو...</p><p class="processing-subtext">الوقت المقدر: ~30-60 ثانية</p></div></div></div></div></div></div><div class="feedback-widget-container" id="feedback-container"></div></div></div></div><div class="app-extra-content"><section class="section-container" lazy-element><div class="feature-container grid-xl"><div class="text-with-title-container sf-title"><h2 class="sf-title__text">ميزات AI Image to Video</h2></div><div class="feature-content"><div class="feature-item"><div class="feature-item-title"><div class="feature-icon"><i class="iconfont icon-shandian"></i></div><h3 title="الرسوم المتحركة المدعومة بالذكاء الاصطناعي">الرسوم المتحركة المدعومة بالذكاء الاصطناعي</h3></div><div class="feature-item-content"><p class="feature-info">يفهم الذكاء الاصطناعي الخاص بنا محتوى صورتك ويولد حركة سلسة وطبيعية. تحويل أي صورة إلى مقطع فيديو حي يتنفس.</p></div></div><div class="feature-item"><div class="feature-item-title"><div class="feature-icon"><i class="iconfont icon-line-075"></i></div><h3 title="أنماط الحركة المتعددة">أنماط الحركة المتعددة</h3></div><div class="feature-item-content"><p class="feature-info">اختر من بين أنماط الحركة المعدة مسبقًا مثل السينمائية والديناميكية والتكبير والمزيد. أو اكتب وصف الحركة المخصص الخاص بك.</p></div></div><div class="feature-item"><div class="feature-item-title"><div class="feature-icon"><i class="iconfont icon-yintian"></i></div><h3 title="لا حاجة للبرمجيات">لا حاجة للبرمجيات</h3></div><div class="feature-item-content"><p class="feature-info">قم بإنشاء مقاطع فيديو بتقنية الذكاء الاصطناعي مباشرة في متصفحك. لا توجد تنزيلات، ولا توجد مهارات مطلوبة لتحرير الفيديو. مجرد تحميل وتوليد.</p></div></div><div class="feature-item"><div class="feature-item-title"><div class="feature-icon"><i class="iconfont icon-test"></i></div><h3 title="مخرجات عالية الجودة">مخرجات عالية الجودة</h3></div><div class="feature-item-content"><p class="feature-info">احصل على مقاطع فيديو سلسة وعالية الدقة مدتها 5 ثوانٍ جاهزة لوسائل التواصل الاجتماعي أو العروض التقديمية أو المشاريع الإبداعية.</p></div></div></div></div></section><section class="section-container section-mask" lazy-element><div class="faq-container grid-xl"><div class="faq-title"><div class="text-with-title-container sf-title"><h2 class="sf-title__text">الأسئلة المتداولة</h2><p class="sf-title__desc">هل لديك المزيد من الأسئلة؟ اتصل بنا على support@velee.ai</p></div></div><div class="faq-content"><div class="accordion col-12"><input type="radio" id="accordion-1" name="accordion-radio" hidden> <label class="accordion-header" for="accordion-1"><h3>1. ما هي صورة AI للفيديو؟</h3><span class="faq-icon" alt="Arrow icon" loading="lazy" title="Arrow icon">+</span> <span class="faq-icon-active" alt="Arrow icon" loading="lazy" title="Arrow icon">-</span></label><div class="accordion-body"><p>يستخدم AI Image to Video الذكاء الاصطناعي المتقدم لتحريك الصور الثابتة إلى مقاطع فيديو قصيرة. قم بتحميل أي صورة، ووصف الحركة المطلوبة، وسيقوم الذكاء الاصطناعي الخاص بنا بإنشاء فيديو واقعي مدته 5 ثوانٍ بحركة طبيعية.</p></div></div><div class="accordion col-12"><input type="radio" id="accordion-2" name="accordion-radio" hidden> <label class="accordion-header" for="accordion-2"><h3>2. ما هي مدة الفيديوهات التي تم إنشاؤها؟</h3><span class="faq-icon" alt="Arrow icon" loading="lazy" title="Arrow icon">+</span> <span class="faq-icon-active" alt="Arrow icon" loading="lazy" title="Arrow icon">-</span></label><div class="accordion-body"><p>تبلغ مدة جميع مقاطع الفيديو التي تم إنشاؤها 5 ثوانٍ. تم تحسين هذه المدة للحصول على أفضل جودة للمخرجات وهي مثالية لمقاطع الوسائط الاجتماعية وملفات GIF والمحتوى الإبداعي.</p></div></div><div class="accordion col-12"><input type="radio" id="accordion-3" name="accordion-radio" hidden> <label class="accordion-header" for="accordion-3"><h3>3. ما هي أنماط الحركة المتوفرة؟</h3><span class="faq-icon" alt="Arrow icon" loading="lazy" title="Arrow icon">+</span> <span class="faq-icon-active" alt="Arrow icon" loading="lazy" title="Arrow icon">-</span></label><div class="accordion-body"><p>نحن نقدم العديد من أنماط الحركة المعدة مسبقًا: افتراضي (حركة طبيعية)، سينمائي (تحريك الكاميرا البطيء)، تكبير (تكبير التركيز)، ديناميكي (حركة نشطة)، لطيف (رسوم متحركة ناعمة)، وأوربت (تدوير الكاميرا). يمكنك أيضًا كتابة أوصاف الحركة المخصصة.</p></div></div><div class="accordion col-12"><input type="radio" id="accordion-4" name="accordion-radio" hidden> <label class="accordion-header" for="accordion-4"><h3>4. كم من الوقت يستغرق إنشاء الفيديو؟</h3><span class="faq-icon" alt="Arrow icon" loading="lazy" title="Arrow icon">+</span> <span class="faq-icon-active" alt="Arrow icon" loading="lazy" title="Arrow icon">-</span></label><div class="accordion-body"><p>يستغرق إنشاء الفيديو عادةً ما بين 30 إلى 60 ثانية. يمكنك مغادرة الصفحة أثناء المعالجة - سيتم حفظ النتيجة لمدة 24 ساعة.</p></div></div><div class="accordion col-12"><input type="radio" id="accordion-5" name="accordion-radio" hidden> <label class="accordion-header" for="accordion-5"><h3>5. ما هي تنسيقات الصور المدعومة؟</h3><span class="faq-icon" alt="Arrow icon" loading="lazy" title="Arrow icon">+</span> <span class="faq-icon-active" alt="Arrow icon" loading="lazy" title="Arrow icon">-</span></label><div class="accordion-body"><p>نحن ندعم تنسيقات الصور الشائعة بما في ذلك PNG وJPG وJPEG. للحصول على أفضل النتائج، استخدم صورًا واضحة وعالية الدقة تتراوح بين 512 × 512 و2048 × 2048 بكسل.</p></div></div></div></div></section></div></main><aside class="recents-panel" id="recents-panel" data-open="false"><div class="recents-header"><h3 class="recents-title">المهام الخاصة بي</h3><button class="recents-close-btn" id="recents-close" aria-label="Close Recents"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div><div class="recents-content" id="recents-content"><div class="recents-empty" id="recents-empty"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg><p>ستظهر مهامك الأخيرة هنا</p></div><div class="recents-list" id="recents-list"></div></div><div class="recents-footer"><span class="recents-usage"><span id="recents-count">0</span> المهام ل 24 hrs <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></span></div></aside><template id="recent-item-template"><div class="recent-item" data-id=""><div class="recent-item-thumb"><img src="" alt="Recent Image" loading="lazy"><div class="recent-item-status"></div></div></div></template><nav class="bottom-tab-bar" id="bottom-tab-bar"><a href="/ar/" class="bottom-tab-item" data-slug=""><span class="bottom-tab-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="m21 15-5-5L5 21"/><path d="M14 4h6v6"/><path d="m20 4-6 6"/></svg></span><span class="bottom-tab-label">صورة</span> </a><a href="/ar/ai-video-enhancer-online-free" class="bottom-tab-item" data-slug="ai-video-enhancer-online-free"><span class="bottom-tab-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><polygon points="10 8 16 12 10 16 10 8" fill="currentColor" stroke="none"/></svg></span><span class="bottom-tab-label">فيديو</span> </a><a href="/ar/ghibli-style-ai-generator" class="bottom-tab-item" data-slug="ghibli-style-ai-generator"><span class="bottom-tab-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.9 0 1.8-.1 2.7-.3"/><path d="M9.1 9a3 3 0 0 1 5.8 0"/><path d="M9 14c.6.9 1.7 1.5 3 1.5"/><circle cx="9" cy="10" r="1" fill="currentColor"/><circle cx="15" cy="10" r="1" fill="currentColor"/><path d="M17 17c2.2 0 4-1.8 4-4 0-1.5-.8-2.8-2-3.4-.2-2.4-2.2-4.4-4.7-4.6"/></svg></span><span class="bottom-tab-label">جيبلي ستايل</span> </a><a href="/ar/ai-image-to-image" class="bottom-tab-item" data-slug="ai-image-to-image"><span class="bottom-tab-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="8" height="8" rx="1"/><rect x="13" y="13" width="8" height="8" rx="1"/><path d="m13 7 4 4"/><path d="M17 7v4h-4"/></svg></span><span class="bottom-tab-label">صورة منظمة العفو الدولية</span> </a><button class="bottom-tab-item bottom-tab-more" id="bottom-tab-more" aria-label="قائمة طعام"><span class="bottom-tab-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg></span><span class="bottom-tab-label">قائمة طعام</span></button></nav></div><div class="sidebar-overlay" id="sidebar-overlay"></div><div class="modal" id="login-modal"><a href="javascript:closeModal();" class="modal-overlay" aria-label="Close"></a><div class="modal-container"><div class="modal-header"><a href="javascript:closeModal();" class="btn btn-clear float-right" aria-label="Close"></a></div><div class="modal-body"><div class="content"><div class="h5">الرجاء تسجيل الدخول أو الاشتراك</div><p class="invite-credits">قم بالتسجيل للحصول على <span class="login credits">أكثر</span> اعتمادات مجانية</p><div class="g_id_signin" data-type="standard"></div></div></div></div></div><script>function _0x5c66(){let e=["3848040VDvpMm","5472639vUuNEy","unobserve","4608060VLRQVr","removeAttribute","33HGOyam","forEach","isIntersecting","68vpwZam","querySelectorAll","observe","11985pAVcje","47630lbddzr","*[lazy-element]","7yBeslW","36912LqCHzu","432lFRmSr","7827GthSEe"];return(_0x5c66=function(){return e})()}function _0x29da(e,t){let r=_0x5c66();return(_0x29da=function(e,t){return e-=301,r[e]})(e,t)}(()=>{for(var e=_0x29da,t=_0x5c66();;)try{if(394904==+parseInt(e(309))+-parseInt(e(310))/2*(parseInt(e(311))/3)+-parseInt(e(302))/4*(-parseInt(e(305))/5)+parseInt(e(315))/6*(parseInt(e(308))/7)+-parseInt(e(312))/8+parseInt(e(313))/9+parseInt(e(306))/10*(-parseInt(e(317))/11))break;t.push(t.shift())}catch(e){t.push(t.shift())}})(),(()=>{let r=_0x29da,n=new IntersectionObserver(e=>{let r=_0x29da;e[r(318)](e=>{var t=r;e[t(301)]&&(e.target[t(316)]("lazy-element"),n[t(314)](e.target))})});document[r(303)](r(307)).forEach(e=>{var t=r;n[t(304)](e)})})()</script><script src="/lib/define/index.100e5304.js"></script><script src="/lib/const.20322aa8.js"></script><script defer="defer" src="/lib/dialog.5eb9b5ac.js"></script><script src="/lib/utils.d1903f29.js"></script><script defer="defer" src="/lib/sf-loading.e17d5d4b.js"></script><script defer="defer" src="/lib/sf-message.fe38fe27.js"></script><script defer="defer" src="/lib/velee/credits-modal.fb5cf363.js"></script><script defer="defer" src="/lib/handle-error.6210c42e.js"></script><script defer="defer" src="/lib/request.5d9038fd.js"></script><script defer="defer" src="/lib/user.27b29a4e.js"></script><script defer="defer" src="https://accounts.google.com/gsi/client"></script><script defer="defer" src="/lib/lto.eb11009d.js"></script><script defer="defer" src="/lib/config.5429e79c.js"></script><script defer="defer" src="/lib/dom-loaded.e38b9273.js"></script><script defer="defer" src="/lib/velee/server-tabs.1219f6ba.js"></script><script defer="defer" src="/lib/velee/app-layout.391d931e.js"></script><script defer="defer" src="/lib/velee/exit-confirm.f72928dd.js"></script><script defer="defer" src="/lib/request/action-history.ac304547.js"></script><script defer="defer" src="/lib/velee/recents.96d0586d.js"></script><script defer="defer" src="/lib/request/enhancer.37bf321b.js"></script><script defer="defer" src="/lib/velee/enhancer-workspace.a69c054b.js"></script><script defer="defer" src="/lib/velee/silent-checkin.bf84e670.js"></script><script defer="defer" src="/lib/velee/compare-image.116e1ca7.js"></script><script defer="defer" src="/lib/common/chat-widget.fbf35f64.js"></script><script defer="defer" src="/lib/velee/plaza-request.bb72821c.js"></script><script defer="defer" src="/lib/velee/share-to-plaza.afa5014b.js"></script><script defer="defer" src="/lib/velee/plaza-autofill.af80b47d.js"></script><script>(()=>{function t(){var e=localStorage.getItem("theme");return"dark"===e||"light"===e?e:matchMedia("(prefers-color-scheme:dark)").matches?"dark":"light"}function a(e){document.documentElement.dataset.theme=e}function o(){var e="dark"===(document.documentElement.dataset.theme||t())?"light":"dark";localStorage.setItem("theme",e),a(e)}a(t()),["sidebar-theme-toggle","header-theme-toggle"].forEach(function(e){e=document.getElementById(e);e&&e.addEventListener("click",o)}),matchMedia("(prefers-color-scheme:dark)").addEventListener("change",function(e){localStorage.getItem("theme")||a(e.matches?"dark":"light")});var e=document.getElementById("app-header");e&&window.addEventListener("scroll",function(){e.classList.toggle("scrolled",8<window.scrollY)},{passive:!0}),document.addEventListener("click",function(e){var t=e.target.closest(".user-avatar-area");t?(e.stopPropagation(),(t=(e=t.closest(".navbar-user-avatar"))&&e.querySelector(".avatar-pop"))&&t.classList.toggle("avatar-pop--open")):document.querySelectorAll(".avatar-pop--open").forEach(function(e){e.classList.remove("avatar-pop--open")})})})()</script><script></script><script defer="defer" src="/lib/request/video-create.fc303482.js"></script><script defer="defer" src="/lib/actions/velee/i2v-action.c26cc26c.js"></script><script defer="defer" src="/lib/velee/share-component.ee8ea9a1.js"></script><script defer="defer" src="/lib/velee/feedback-widget.25a89419.js"></script><script defer="defer" src="/lib/velee/cross-recommend.1dd5140f.js"></script><script defer="defer" src="/lib/faqs.4e5ff996.js"></script></body></html>
