M3U8ファイル対応

開発
1

m3u8動画ファイルを投稿内で再生したいです。
動画リンクを解析するにはどのような方法がありますか？
動画リンクを貼り付けた際にエラーが発生しました。
申し訳ありませんが、以下のoEmbed / OpenGraphタグが見つからなかったため、このウェブページのプレビューを生成できませんでした：description、image

2

私の根本的な質問は、投稿でストリーミングビデオを再生する方法と、サポートされている形式についてです。

3

こんにちは。

HTTP Live Streaming (HLS) リンクは onebox としてサポートされていません。

代わりに <video> HTML タグを使用できます。
例：

<video controls preload="metadata">
  <source src="https://demo.unified-streaming.com/k8s/features/stable/video/tears-of-steel/tears-of-steel.ism/.m3u8" type="application/x-mpegURL" />
</video>

この Insert Video コンポーネントを使用すると、<video> タグを簡単に挿入できます。

私が見る限り、HLS サポートは Android/iOS デバイスに限定されており、Safari 以外の主要なデスクトップブラウザではサポートされていません。

デスクトップで動作させたい場合は、videojs のようなサードパーティライブラリと、それを統合するためのテーマコンポーネントが必要になります。

「いいね！」 1
4

HLS動画を再生するためにvideo.jsを使用したいと考えています。

discourse/lib/oneboxer.rb を変更し、以下のコードを追加しました。

module Oneboxer
  ONEBOX_CSS_CLASS = "onebox"
  AUDIO_REGEX = /\A\.(mp3|og[ga]|opus|wav|m4[abpr]|aac|flac)\z/i
  VIDEO_REGEX = /\A\.(mov|mp4|webm|m4v|3gp|ogv|avi|mpeg|ogv)\z/i
  HLS_REGEX = /\A\.(m3u8)\z/i

 ***other code
    when HLS_REGEX
      <<~HTML
      <script src="https://vjs.zencdn.net/8.10.0/video.min.js"></script>
      <link href="https://vjs.zencdn.net/8.10.0/video-js.css" rel="stylesheet" />
      <div class="onebox video-onebox">
        <video-js #{additional_controls} width="100%" height="100%"  class="vjs-default-skin" controls>
          <source src="#{normalized_url}">
        </video-js>
      </div>
      HTML

次に、discourse-dockerプロジェクトを変更しました。https://github.com/discourse/discourse.git を変更したプロジェクトに置き換えました。
以下のファイルを置き換えました。

image/base/slim.Dockerfile
image/discourse_dev/postgres_dev.template.yml

しかし、動作しません。
この機能の修正を手伝っていただける方はいらっしゃいますか？
報酬を支払うことも可能です。

5

Marketplace にトピックを投稿したり、このトピックをそこに移動して OP を少し編集したりできます。

「いいね！」 2
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.