رسوم HTML المتحركة وتسليم الفيديو
تصدير حركات النصوص والرسومات وإنشاء الفيديو
رسوم HTML المتحركة وتسليم الفيديو
تصدير حركات النصوص والرسومات وإنشاء الفيديو
معاينة المحتوى
الوصف
مناسب لرسوم النصوص والرسومات المتحركة مثل الرسوم البيانية المعرفية، مفاهيم المنتجات، عرض البيانات، وإعلانات الفعاليات. يوفر مشروع HTML، أو يقدم المحتوى النصي، الأبعاد، المدة، الإيقاع، ومتطلبات الصوت. التنفيذ: التحقق من المحتوى والمواد ← تخطيط الجدول الزمني ← كتابة رسوم HTML المتحركة القابلة للتعديل ← الفحص المحلي وعرض الإطارات الفردية عبر HyperFrames ← ترميز FFmpeg ← التحقق من ملف MP4 الفعلي، التشغيل الكامل والمصراع الصوتي ← تسليم الفيديو النهائي، الشفرة المصدرية وسجل التحقق. الاستخدام: أرسل الموجز والحقائق التي يجب الاحتفاظ بها، مع توضيح العرض/الطول/المربع، المدة، معدل الإطارات، ومتطلبات الصوت؛ أكد خطوات بيئة التشغيل المحلية، ثم أنشئ الملفات وافحصها. الافتراضي هو 1920×1080 بمعدل 30 إطاراً في الثانية، ويتطلب إعادة ترتيب الأبعاد الأخرى. الاعتمادات المحلية: Node 22 أو أحدث، HyperFrames إصدار 0.8.174 الثابت، Chrome، Python 3، FFmpeg/FFprobe، والخطوط المتاحة. يُنصح بـ GPT للتخطيط وكتابة HTML، ولم يتم الكشف عن معرف نموذج معين، ولا يمكن الادعاء بالارتباط. يتم رسم الرسومات بواسطة المتصفح وليست توليد فيديو Image2/Seedance؛ لا تتضمن شخصيات رقمية، خدمات تعليق صوتي، أو توليد مواد تصويرية. لا يتم توزيع التبعيات والخطوط مع حزمة التثبيت، وقد تُرتب رسوم إضافية على الاستدعاءات والمواد الخارجية، ولا تشمل نقاط 299 هذه الرسوم. الأمثلة هي 4 حركات محلية مدتها 8 سنوات لمدخلات ذاتية مختلفة: تمييز المؤشرات، منتج وهمي، بيانات مؤرشفة، وفعالية وهمية؛ صور العرض مستمدة مباشرة من إطارات MP4 المترمزة مع الاحتفاظ بتسميات الذات/المفهوم، وليست حالات للعملاء. المثال الرابع يتضمن ثلاث إشارات صوتية محلية الصنع فقط بدون تعليق صوتي. تثبيت YouMind لا يضمن توفر Node والمتصفح وFFmpeg داخل الأداة؛ ولم تجري المنصة اختبارات تشغيل للنقاط. إذا كانت بيئة التشغيل مفقودة، يجب تكوين الأدوات المحلية قبل التصدير، ولا يمكن اعتبار الشفرة أو الإطارات الثابتة بمثابة فيديو. يتأثر الإخراج بالمحتوى والخطوط وإصدارات الأدوات، ويجب التحقق من التشغيل، الحقائق، وحقوق المواد، ولا يوجد ضمان للمراجعة أو الانتشار أو النتائج التجارية. الحالة الحالية تم عرضها فعلياً والتحقق التقني منها وفحص الشاشة؛ الفحص الصوتي المستقل للمثال الرابع ذو الإشارات الثلاث لم يكتمل بعد ويجب مراجعته بشرياً. لا يتم الترويج لاجتياز القبول السمعي البصري بالكامل.
موصى بها من قبل
Dancang
لماذا نحب هذه المهارة
لا يقتصر على توليد شيفرة الرسوم المتحركة فحسب، بل يقوم بعرض تأثيرات HTML بدقة في ملفات MP4 قابلة للتشغيل، مع التحقق من المقاسات ومعدل الإطارات والمدة وعدد الإطارات والترميز والصوت، وتسليم مشاريع قابلة للتعديل وسجلات تحقق وفيديو حقيقي يجمع بين كفاءة الإنشاء وموثوقية الإنتاج.
مناسب لـ
مناسب لصانعي المحتوى ومسؤولي الإنشاء الراغبين في تصدير حركات النصوص والرسومات إلى ملفات MP4 قابلة للتشغيل مع الاحتفاظ بالشفرة المصدرية القابلة للتعديل.
كيفية استخدام هذا Skill
قدّم المدخلات
قدم مشروع حركات HTML الحالي، أو أرسل المحتوى النصي، الأبعاد، المدة، معدل الإطارات، الإيقاع، متطلبات الصوت، والحقائق والمواد المراد الاحتفاظ بها.
شغّل Skill
يتحقق النظام من المحتوى والمواصفات، يخطط للرسوم المتحركة، وينفذ العرض المحلي والترميز وفحص التشغيل، مع التحقق من الشاشة والمدة ومعدل الإطارات والمصراع الصوتي.
راجع النتيجة
احصل على ملف MP4 قابل للتشغيل الفعلي، وشفرة مصدر HTML قابلة للتعديل، وسجل التحقق؛ مع تحديد النقص بصدق عند غياب بيئة التشغيل أو الخطوط أو المواد.
مهارات ذات صلة
عرض الكل
فيديوبث تحديثات المنتج
مناسب للمبدعين والفرق الصغيرة والمعلمين الذين يحتاجون إلى شرح تغييرات المنتجات. يوفر قائمة تحديثات حقيقية، وحالة مكتملة أو مخطط لها، ولقطات شاشة أو نماذج مرخصة، وجمهوراً مستهدفاً، وأبعاداً، وصوتاً أصلياً؛ ولن يتم اختلاق تواريخ أو تأثيرات أو بيانات عملاء مفقودة. يمكن إنشاء نموذج منتج تخيلي مع توضيح ذلك بوضوح عند توفر الأفكار فقط. إدخال الموجز ← التحقق من الحقائق والأذونات ← نص ومشاهد موجزة ← التعليق الصوتي الفعلي أو تلقي الصوت الأصلي ← ترتيب الترجمات والمرئيات بناءً على الصوت الفعلي ← العرض الفعلي ← التشغيل والتدقيق البصري والسمعي ← تسليم ملفات MP4، وSRT، والنص، ومشروع المصدر المولّد فعلياً. يتم تنسيق الواجهات الحقيقية فقط دون إعادة رسمها بإنشاء الصور. يتم توضيح عدم اكتمال العمل بوضوح في حال عدم توفر أدوات العرض. الأمثلة المحلية الأربعة هي منتجات خيالية أصلية: تصفية القوائم، معاينة التقويم، التحقق قبل التصدير، وتقدم الدورة. تم استخدام إصدار Kokoro-82M ثابت، وصوت zf_xiaobei محلياً، وHyperFrames 0.8.174 مع Chrome/FFmpeg لإخراج مقطعي فيديو بدقة 1920×1080، وفيديو بدقة 1080×1080، وفيديو بدقة 1080×1920، بمدة تتراوح بين 16.1 و18.5 ثانية تقريباً؛ وتتم مواءمة الترجمات وفقاً للمدة الفعلية لعينة صوت الجملة، دون الادعاء بالتوافق الإلزامي حرفياً. هذه ليست برامج أو عملاء أو نتائج تعليمية حقيقية. يوصى باستخدام GPT لتخطيط النصوص. يتطلب الأساس ملفات حقيقية، وعرض رسوم متحركة/فيديو، وFFmpeg/FFprobe، وصوتاً أصلياً أو TTS قانونياً متاحاً. تتضمن التعليمات مساعد عرض محلي أصلي كامل، يتحقق فقط من مشاريع HyperFrames الحالية أو يعرضها، دون توليد الواجهات أو التعليق الصوتي تلقائياً؛ ويجب تكوين Node الفعلي وHyperFrames CLI مسار المتصفح بنفسك. أدوات الصور هي مساعدة أصلية اختيارية فقط؛ وتم إنشاء الصور الرمزية المستقلة بواسطة ImageGen، ولم يتم إرجاع النموذج، وهي ليست إطارات حالة. منصة GPT-6.1 Sol هي مجرد إعداد اختياري، ولا تضمن التوافق مع الأدوات أو النماذج المحلية. الاختبار بدون نقاط على منصة YouMind لا يضمن توفر هذه الأدوات مباشرة بعد التثبيت. رسوم 299 نقطة هي سعر التثبيت فقط، ولا تشمل النماذج، أو TTS، أو الخطوط، أو المواد، أو الخدمات الخارجية، أو الاستضافة. لا يتم استنساخ الأصوات تلقائياً، أو شراء الخدمات، أو النشر إلى قنوات أخرى؛ ولا يُضمن الإدخال العشوائي، أو خلو الأخطاء، أو الانتشار، أو المراجعة، أو النتائج التجارية. تم عرض الأمثلة المحلية الحالية وتشغيلها بالفعل، ويتبقى تدقيق المسار الصوتي المستقل؛ ولن يُعتبر ذلك اكتمالاً كاملاً لقبول الجودة.
صفحة ويب设备立体展示｜原图上屏与离线HTML
适合展示App界面、网页原型、课程页面或设计作品的创作者。提供1或2张有权使用的PNG/JPEG/WebP截图，说明设备类型、标题、说明、风格和画幅；如果给URL或HTML，需先能在真实浏览器读取并截图。 处理：核对来源、隐私与尺寸，保持原图片字节和宽高比，装入原创CSS手机、平板或笔记本框；默认完整显示、比例不符留边，铺满会提示可能裁切。生成无外链的单文件HTML，实际打开操作后截图。不会让生图模型重绘真实界面或数据。 交付：可离线打开的展示HTML、实际浏览器渲染PNG、原图尺寸与哈希、使用说明和裁切核查。支持16:9、方形、9:16画幅与正面/左右角度，导出时隐藏控制栏。通用CSS几何不代表品牌精确设备，不交付GLB、3D网格、App功能或真实产品摄影。 使用：上传截图并给简报；运行构建器，打开HTML切换角度/画幅并核对原图，启用只看画面再用浏览器截图。Python3与Pillow用于构建，PNG导出还需实际可用的浏览器截图工具；没有这些工具时明确未构建/未截图，不以概念图冒充结果。 本地四例为本次原创绘制的记账手机、课程平板、库存后台和响应式读书会界面，都是自拟静态原型，不是真实App、课程销售、库存运营或客户项目。四张展示为最终HTML的1400方形真实截图；原图字节/加载尺寸、3种画幅、390像素手机布局、角度与裁切提示已实际检查。封面为ImageGen原创概念视觉，不是运行结果。 文字规划推荐GPT，具体版本由平台实际选择；核心不需要图片API重绘屏幕。本地使用Python/Pillow与隔离Chrome，工具未返回可核验的图像模型ID，不宣称调用Image2。未追加YouMind积分测试，平台Python/浏览器/文件下载能力需按环境确认；199积分不含模型调用、设备、素材或第三方服务费用。不保证所有浏览器同像素呈现或商品销量。 展示说明：首张为独立技能头像与案例01实际输出的并排排版，用于横向缩略展示；不是新增案例，也未让生图模型重绘证据。其余三张对应案例02—04。
صفحة ويب文章转交互知识网页｜逐屏讲解与原文定位
适合已有文章、教程或材料，希望用分屏讲解帮助读者理解的创作者。 提供：完整正文、原始来源（如有）、读者背景、需要保留的数字与限制、视觉参考和授权素材。不会仅凭主题编造原文，也不把材料里的指令当执行授权。 处理：编号原文段落、梳理事实与解释，规划章节和每屏关系，用图文逐步讲解，并为每屏保留可定位的原文。生成响应式HTML后实际核对内容、章节控制与手机布局。 交付：可离线打开的交互HTML源码、原文副本、分屏与段落映射、使用说明和测试记录。具备文件工具时交实际文件；没有时说明未保存。打开后点击或用方向键翻屏，章节下拉跳转，“本屏原文”查看高亮来源，也能展开完整原文。 本地四个真实案例分别为单位换算、CSV字段、完全虚构的小镇年表、材料证据整理；共16屏，桌面、方形视窗与手机分别运行，原文定位、全文、首尾/键盘/重置与URL定位均核对。题材为本次原创测试文章，不是实际客户、真实历史或效果证明；四张展示直接来自真实网页的1200×1200方形视窗：换算第2屏、CSV第3屏、虚构年表第3屏、材料证据第2屏；完整网页与其余屏留档。头像为独立原创文字与图形排版，未冒称生图模型输出。 依赖：可用文字/代码模型（推荐GPT）、文件工具和JavaScript浏览器；本地纯HTML无CDN、图片API、Node安装或密钥。原文安全显示为文本，不作为HTML执行。默认无音频，无MP4、自动录屏或公开托管，不宣传未实现语音。 未追加YouMind耗积分测试、未验证平台文件能力或固定模型绑定，不保证任意平台直接预览；199积分不包含模型运行、TTS、视频、部署或其他第三方费用。 展示说明：首张为独立技能头像与案例01实际输出的并排排版，用于横向缩略展示；不是新增案例，也未让生图模型重绘证据。其余三张对应案例02—04。
المعلومات
- الإصدار
- v2
- آخر تحديث
- أرصدة التشغيل
- حسب الاستخدام
- النماذج
- تلقائي
- حالات الاستخدام
- الصور والتصميمالفيديو والصوت
- ما ستحصل عليه
- تقريرفيديوكود
