Video einfügen

:discourse2: 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.
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-insert-video
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

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…

:discourse2: 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 documentPerform check on document:
39 „Gefällt mir“

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.

3 „Gefällt mir“

Mit welchen Dateitypen soll das funktionieren?

Nachdem ich zwei zusätzliche Leerzeilen hinzugefügt hatte, bevor ich das Video einfügte, funktionierte es mit einer MP4-Datei. Aber bisher hatte ich kein Glück mit einer MOV-Datei. Und die, die ich hier auf Meta gefunden habe, scheinen auch nicht zu funktionieren. Zum Beispiel:


Habe es schon gefunden.

2 „Gefällt mir“

Es wäre schön, wenn es in den Einstellungen eine Schaltfläche gäbe, um das Videosymbol zu ändern, oder wenn es ein anderes Videosymbol wäre. Es ist dasselbe wie das Symbol des Jitshi-Plugins, daher ist es schwer zu unterscheiden.

1 „Gefällt mir“

Kann die Videodatei über eine URL bezogen werden oder muss es eine hochgeladene Datei sein? Das Video, das ich verwenden möchte, ist 2,3 GB groß (60-minütiges Video). Ich habe versucht, die maximale Dateigröße zu erhöhen, aber es scheint nicht für etwas so Großes geeignet zu sein:

Es wäre großartig, diese Theme-Komponente mit spezialisierten Plattformen wie Bunny Stream | A better way to deliver online video | bunny.net zu integrieren.

Auf diese Weise wissen Sie, dass Sie Ihre Daten besitzen, die Videospeicherung nicht von Discourse oder Ihren Serverkapazitäten abhängt und Sie nur für das bezahlen, was Sie verwenden. Idealerweise passen Sie einfach Ihre API-Einstellungen in Discourse an, aktivieren die Theme-Komponente und beim Hochladen von Videos werden diese automatisch auf Bunny.net Stream hochgeladen und ohne Aufwand ordnungsgemäß in Ihren Discourse-Beitrag eingebettet.

4 „Gefällt mir“

Wir haben eine Lösung gefunden (DiscourseVideo), die direkt auf Mux hochlädt.

4 „Gefällt mir“

Hallo @putty, ist das DiscourseVideo ein Plugin oder was? Nach einer Suche hier kann ich es nicht finden. Danke

1 „Gefällt mir“

Ich glaube, das ist sein Repository; die Anleitung ist dort.

3 „Gefällt mir“

Danke @NateDhaliwal, ich versuche, eine Discourse-Community zu finden, die dieses DiscourseVideo-Plugin verwendet, damit ich die Benutzererfahrung selbst sehen kann. @putty, wenn Sie es verwenden, würde ich mich freuen, die URL Ihrer Community zu erfahren, damit ich sie selbst sehen kann.

Danke

1 „Gefällt mir“

Wir verwenden das Repository, das @NateDhaliwal bereitgestellt hat, aber es ist nur für Content-Admins sichtbar. Sie sind die einzigen Benutzer in unserer Community, die an die Standarddateigröße gestoßen sind.

2 „Gefällt mir“

Beim Hochladen meines Videos erhalte ich die Fehlermeldung [Entschuldigung, die Datei, die Sie hochladen möchten, ist nicht zulässig (zulässige Erweiterungen: jpg, jpeg, png, gif, heic, heif, webp, avif).]. Was bedeutet das? Soll ich den Bereich der Dateierweiterungen ändern, die ich auf der Website hochlade?

1 „Gefällt mir“

Welchen Dateityp laden Sie hoch? Möglicherweise müssen Sie dieses Format in den Einstellungen auf die Whitelist setzen.

4 „Gefällt mir“

Ich habe .vtt und das Videoformat hinzugefügt, jetzt kann ich Videos normal einfügen, vielen Dank für Ihre Hilfe :grinning_face:

2 „Gefällt mir“

Hier ist eine geforkte Version, die die Berechtigung von nur Y/N-Mitarbeitern auf genehmigte Gruppen aktualisiert.

In meinem Fall wollte mein Marketingteam die Möglichkeit, Thumbnails anzugeben, aber ich war nicht bereit, ihnen Mitarbeiter-Zugriff zu gewähren, noch wollte ich, dass meine gesamte Community Zugriff hat.

1 „Gefällt mir“