إضافة فيديو

[Discourse]

	Summary	Insert Video adds a composer button that simplifies adding videos with subtitles (VTT format), a poster image and multiple video sources to a Discourse post.
	Preview	Preview on Discourse Theme Creator
	Repository Link	https://github.com/discourse/discourse-insert-video
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

As this is an official theme component maintained by the Discourse team, support, bug, ux, and feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started.

 Support  Bug  UX  Feature

Features

Clicking the button triggers a modal window that allows uploading/linking the relevant files and then adds the appropriate HTML code in the composer:

Settings

Name	Description
default track label
default track langcode
only available to staff
disable download
text tracks as blobs	When using subtitles, download VTT files and inject as blob (fixes issues when using S3 storage or a CDN)

(For uploads to work, you’ll need to allow .vtt and your chosen video formats in the authorized extensions site setting.)

Translation	Default
modal.title	Insert Video
modal.video_title	Add video sources
modal.poster	Poster image (optional)
modal.vtt_title	Subtitles (optional)
modal.vtt_help	Comma-delimited, in the format: url,label,langcode
modal.insert	Insert
modal.cancel	Cancel
source_not_video	Error: One of the video source URLs is invalid.
composer_title	Insert Video
simple_list_placeholder	Add item…

Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-06-13T07:09:42Z

Check document

Perform check on document:

[tomtjes (Thomas Reintjes)]

Sweet, thank you! Would it be possible to allow audio as well and just keep showing the poster image (or if none is available maybe a configurable background color) plus subtitles?

Also, and I realize this is a much bigger ask, would something like what the YouTube Timestamps Component does be doable with this component in the long-term? That’d be absolutely fantastic.

[Moin]

مع أي أنواع ملفات يُتوقع أن تعمل؟

بعد إضافة سطرين إضافيين قبل إدراج الفيديو، تمكنت من جعله يعمل مع ملف MP4. ولكن حتى الآن، لم أنجح مع ملف MOV. ويبدو أن الملفات التي وجدتها هنا على Meta لا تعمل أيضًا. على سبيل المثال:

@Discourse

ما يلي هو مثال لميزات مساعد الذكاء الاصطناعي داخل Composer. ملاحظة: كان هناك بالفعل محتوى مكتوب.

<video controls preload="metadata" poster="https://d11a6trkgmumsb.cloudfront.net/original/4X/e/3/4/e34904f6eedd062b77f5fe8e79b7217e975f7b71.jpeg">
  <source src="https://d11a6trkgmumsb.cloudfront.net/original/4X/0/b/a/0ba9f528c91a643df9127448496965ee9c096890.mov" type="video/mov" />
</video>

<video controls preload="metadata" poster="https://d11a6trkgmumsb.cloudfront.net/original/4X/d/6/c/d6c3411b7c8c0d3da5ec66805fbef1d62caccc13.jpeg">
  <source src="https://d11a6trkgmumsb.cloudfront.net/original/4X/d/8/6/d86ea65cec25e0a79d2c9f0426f03e8d8f8b5385.mov" type="video/mov" />
</video>

---

لا عليكم. لقد وجدت الإجابة:

.mov is not working

From my tests: webm – works fine ogg – can work, but by default, you can’t select it because the mime type is not referenced here ; however, as workaround you can choose “all files” in the windows, and select your .ogg file, It will work. You should not be able to validate any files (even if restricted by authorized extensions setting) . mov – doesn’t work as it is, but it can if you remove manually type="video/mov" or use type="video/mp4" instead. This should be handled in th…

[Truest]

سيكون من الجيد لو كان هناك زر في التفضيلات لتغيير أيقونة الفيديو، أو لو كانت أيقونة فيديو مختلفة. إنها نفس أيقونة إضافة Jitshi، لذلك من الصعب التمييز بينهما.

[putty (Derek Putnam)]

هل يمكن أن يكون ملف الفيديو عبر رابط URL أم يجب أن يكون ملفًا تم تحميله؟ الفيديو الذي أرغب في استخدامه حجمه 2.3 جيجابايت (فيديو مدته 60 دقيقة). لقد حاولت زيادة الحد الأقصى لحجم الملف، ولكن يبدو أنه غير قادر على استيعاب شيء بهذا الحجم الكبير:

[Carlos_Leiva]

سيكون من الرائع دمج مكون السمة هذا مع منصات متخصصة مثل Bunny Stream | A better way to deliver online video | bunny.net

بهذه الطريقة تعرف أنك تمتلك بياناتك، ولا يعتمد تخزين الفيديو على قدرات Discourse أو الخادم الخاص بك، وتدفع مقابل ما تستخدمه. من الناحية المثالية، تقوم فقط بتخصيص إعدادات واجهة برمجة التطبيقات الخاصة بك على Discourse، وتمكين مكون السمة، وعند تحميل مقاطع الفيديو، يتم تحميلها تلقائيًا إلى bunny.net stream، وتضمينها في منشور Discourse الخاص بك بشكل صحيح دون عناء.

[putty (Derek Putnam)]

لقد وجدنا حلاً (DiscourseVideo) يقوم بالتحميل مباشرة إلى Mux.

[efuetatem1 (Efuet A Andrew)]

@putty

إيجاد حل (DiscourseVideo)

مرحباً @putty، هل DiscourseVideo هذا إضافة أم ماذا؟ بعد البحث هنا، لم أتمكن من رؤيته. شكراً

[NateDhaliwal]

أعتقد أن هذا هو المستودع الخاص به؛ الدليل موجود هناك.

GitHub - discourse/discourse-video

[efuetatem1 (Efuet A Andrew)]

شكراً @NateDhaliwal، أحاول الحصول على مجتمع Discourse يستخدم إضافة DiscourseVideo هذه، حتى أتمكن من رؤية تجربة المستخدم بنفسي. @putty، إذا كنت تستخدمها، فسأكون سعيدًا بمعرفة عنوان URL لمجتمعك حتى أتمكن من رؤيته بنفسي.

شكرا

[putty (Derek Putnam)]

نحن نستخدم المستودع الذي قدمه @NateDhaliwal، ولكنه مرئي فقط لمسؤولي المحتوى. هم المستخدمون الوحيدون في مجتمعنا الذين تجاوزوا حجم الملف القياسي.

[唐帅华 (tang shuaihua)]

لقد واجهت خطأً عند تحميل الفيديو [عذرًا، الملف الذي حاولت تحميله غير مسموح به (الامتدادات المسموح بها: jpg, jpeg, png, gif, heic, heif, webp, avif).]. ما سبب ذلك؟ هل هذا يعني أنه يجب علي تغيير نطاق امتدادات الملفات التي أقوم بتحميلها على الموقع؟

[putty (Derek Putnam)]

ما هو نوع الملف الذي تقوم بتحميله؟ ربما تحتاج إلى إضافة هذا التنسيق إلى القائمة البيضاء في الإعدادات.

[唐帅华 (tang shuaihua)]

لقد أضفت .vtt وتنسيق الفيديو، والآن يمكنني إدراج الفيديو بشكل طبيعي، شكرًا لمساعدتك

[putty (Derek Putnam)]

هذه نسخة متفرعة تقوم بتحديث الإذن من موظفين فقط بنعم/لا إلى مجموعات معتمدة.

GitHub - dereklputnam/discourse-insert-video

في حالتي، أراد فريقي التسويقي القدرة على تحديد الصور المصغرة، لكنني لم أكن على استعداد لمنحهم صلاحية staff، ولم أرغب أيضًا في أن يكون لمجتمعي بأكمله حق الوصول.