動画を挿入

[Discourse]

	概要	Insert Video は、Discourse の投稿に字幕（VTT 形式）、ポスター画像、複数の動画ソースを簡単に追加するための作曲ボタンを追加します。
	プレビュー	Discourse Theme Creator でのプレビュー
	リポジトリリンク	https://github.com/discourse/discourse-insert-video
	Discourse テーマは初めてですか？	Discourse テーマの使い方入門ガイド

このテーマコンポーネントをインストール

これは Discourse チームによってメンテナンスされている official テーマコンポーネントですので、#support、#bug、#ux、および #feature のリクエストは、Meta のそれぞれのカテゴリで、適切なテーマコンポーネントタグを付けて投稿してください。以下のリンクをクリックしてトピックを作成しましょう。

 サポート  バグ  UX  機能

機能

ボタンをクリックするとモーダルウィンドウが開き、関連ファイルのアップロードやリンクを設定できます。その後、適切な HTML コードが作曲エリアに追加されます：

設定

名前	説明
default track label
default track langcode
only available to staff
disable download
text tracks as blobs	字幕を使用する際、VTT ファイルをダウンロードしてバブとして注入します（S3 ストレージや CDN を使用する場合の問題を解決します）

（アップロードが機能するには、authorized extensions サイト設定で .vtt および選択した動画フォーマットを許可する必要があります。）

翻訳キー	デフォルト値
modal.title	動画の挿入
modal.video_title	動画ソースの追加
modal.poster	ポスター画像（オプション）
modal.vtt_title	字幕（オプション）
modal.vtt_help	カンマ区切りで、以下の形式：url,ラベル,言語コード
modal.insert	挿入
modal.cancel	キャンセル
source_not_video	エラー：動画ソース URL のいずれかが無効です。
composer_title	動画の挿入
simple_list_placeholder	アイテムを追加…

当社のホスティングを利用中ですか？ テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。

[tomtjes (Thomas Reintjes)]

素敵ですね、ありがとうございます！音声も許可して、ポスター画像（ない場合は設定可能な背景色）と字幕を表示し続けることは可能でしょうか？

また、これはより大きなリクエストであることは承知していますが、YouTube Timestamps Component のような機能がこのコンポーネントで長期的に実装可能でしょうか？それは本当に素晴らしいことだと思います。

[Moin]

これはどのファイルの種類で機能することが期待されていますか？

動画を挿入する前に2つの追加の改行を追加したところ、MP4ファイルで機能しました。しかし、今のところMOVファイルではうまくいっていません。また、ここで見つけたものも機能しないようです。例：

@Discourse

以下は、Composer内のAI Helper機能の例です。注：すでにコンテンツが記述されていました。

<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>

以下は、トピックを読みながらAI Helperの「説明」機能を使用する例です。

<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]

設定にビデオアイコンを変更するボタンがあるか、または別のビデオアイコンがあると良いのですが。Jitsiプラグインのアイコンと同じなので、違いがわかりにくいです。

[putty (Derek Putnam)]

動画ファイルはURL経由でも可能ですか、それともアップロードされたファイルである必要がありますか？使用したい動画は2.3GB（60分動画）です。最大ファイルサイズを増やそうとしましたが、これほど大きいものには対応できないようです。

[Carlos_Leiva]

Bunny Stream | A better way to deliver online video | bunny.net のような専門プラットフォームとこのテーマコンポーネントを統合できると素晴らしいでしょう。

これにより、データが自分のものになったことを確認でき、ビデオストレージは Discourse やサーバーの機能に依存せず、使用した分だけ支払うことができます。理想的には、Discourse で API 設定をカスタマイズし、テーマコンポーネントを有効にするだけで、ビデオをアップロードすると自動的に bunny.net stream にアップロードされ、手間をかけずに Discourse の投稿に正しく埋め込まれます。

[putty (Derek Putnam)]

DiscourseVideoというソリューションを見つけ、Muxに直接アップロードできるようにしました。

[efuetatem1 (Efuet A Andrew)]

@putty

finding a solution (DiscourseVideo)

@puttyさん、そのDiscourseVideoはプラグインですか？ここで検索しましたが、見つかりませんでした。ありがとうございます。

[NateDhaliwal]

これがおそらくそのリポジトリでしょう。ガイドはそこにあります。

GitHub - discourse/discourse-video

[efuetatem1 (Efuet A Andrew)]

@NateDhaliwalさん、ありがとうございます。実際にユーザーエクスペリエンスを確認するために、このDiscourseVideoプラグインを使用しているDiscourseコミュニティを取得しようとしています。@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)]

承認済みグループに、Y/Nスタッフのみの権限を更新するフォークを作成しました。

GitHub - dereklputnam/discourse-insert-video

私の場合は、マーケティングチームがサムネイルを指定できるようにしたかったのですが、スタッフ権限を付与するつもりはなく、コミュニティ全体にアクセスさせるつもりもありませんでした。