I edit file lib\onebox\engine\video_onebox.rb to parser link that endwith m3u8. However, when I paste the m3u8 link from an external site, the video fails to parse correctly. If I upload a file to the website, get an m3u8 link from this site, and then paste it into the reply box and refresh the page, the video plays perfectly. However, there are some styling issues with the onebox. Here is the code I edited. if file_extension == '.m3u8' m3u8_html_tag(escaped_url) else # Set type attribute based on file extension type_attribute = case file_extension when '.mov' 'video/quicktime' when '.mp4' 'video/mp4' when '.webm' 'video/webm' when '.ogv' 'video/ogg' else '' end source_tag = " ' #{source_tag} #{@url} HTML end end def m3u8_html_tag(url) HTML end Here’s a video of my process.

edit this file lib/onebox/engine/video_onebox.rb you should merge change into test-passed branch. # frozen_string_literal: true module Onebox module Engine class VideoOnebox include Engine # 添加对m3u8文件的匹配 matches_regexp(%r{^(https?:)?//.*\.(mov|mp4|webm|ogv|m3u8)(\?.*)?$}i) def always_https? AllowlistedGenericOnebox.host_matches(uri, AllowlistedGenericOnebox.https_hosts) end def to_html # 判断是否是m3u8文件，如果是，则使用适用于Video.js的HTML模板 if @url.match(%r{\.m3u8$}) # 获取时间戳，并添加一段八位随机数 randomId = Time.now.to_i.to_s + rand(100000000).to_s video_tag_html = HTML else # 原有处理非m3u8文件的代码保持不变 escaped_url = ::Onebox::Helpers.normalize_url_for_output(@url) video_tag_html = #{@url} HTML end video_tag_html end def placeholder_html SiteSetting.enable_diffhtml_preview ? to_html : ::Onebox::Helpers.video_placeholder_html end end end end Rebuild docker image: In project discourse_docker, edit file image\base\slim.Dockerfile, search # Discourse specific bits and change github link to your edited project. rebuild image, and push it to dockerhub. change word in []. docker build --no-cache -t mydiscourse -f slim.Dockerfile . docker tag mydiscourse:latest [your dockerhub name]/[your image name]:[your image tag] docker push [your dockerhub name]/[your image name]:[your image tag] change launcher 95 line : image="[your dockerhub name]/[your image name]:[your image tag]" then rebuild app ./launcher rebuild app edit theme: Customize-> Themes → Custom CSS/HTML->Edit CSS/HTML (If you dont have this button, you have to Export your theme then install it From your device.) add videojs in head : add script in Body: setTimeout(() => { const domList = document.querySelectorAll('.video-js'); console.log(domList,'==domList'); domList.forEach((ele, i) => { const videoElement = domList[i]; const player = videojs(videoElement); // 将 DOM 元素传递给 videojs() player.ready(function() { console.log("Player is ready!"); }); }); }, 200); if you enable CSP, you should edit content security policy script src setting .

I have successfully utilized VideoJS for streaming video playback. This thread is now closed.

May I change title to : Onebox parser m3u8 link and play with videojs ？

Onebox parser m3u8 link and play with videojs

Development

Arkshine February 26, 2024, 1:34am 3

Great! Do you think you could share the solution here, that would be helpful for others users.

Topic		Replies	Views
M3U8 file support Development onebox	4	1245	February 17, 2024
Need post m3u8 video in onebox Marketplace	1	422	February 26, 2024
Onebox Youtube not recognizing ?t=13m30s but does ?t=810 - member says m:s used to work Bug	2	415	July 3, 2023
Should audio and video tags be allowed? Feature	15	5880	December 24, 2015
Video thumbnails issue Product Support video	10	1200	April 9, 2024

Onebox parser m3u8 link and play with videojs

Related topics