# Analisador Onebox de link m3u8 e reprodução com videojs
**URL:** https://meta.discourse.org/t/onebox-parser-m3u8-link-and-play-with-videojs/296426
**Category:** Development
**Tags:** onebox
**Created:** [Fevereiro 23, 2024, 4:26am UTC](https://meta.discourse.org/t/onebox-parser-m3u8-link-and-play-with-videojs/296426 "2024-02-23T04:26:20Z")
**Posts on this page:** 6
**Page:** 1
Editei o arquivo `lib\\onebox\\engine\\video_onebox.rb` para analisar links que terminam em `m3u8`.
No entanto, quando colo um link m3u8 de um site externo, o vídeo não é analisado corretamente.
Se eu faço upload de um arquivo para o site, obtenho um link m3u8 desse site e, em seguida, o colo na caixa de resposta e atualizo a página, o vídeo é reproduzido perfeitamente. No entanto, há alguns problemas de estilo com o onebox.
Aqui está o código que editei.
```plaintext
if file_extension == '.m3u8'
m3u8_html_tag(escaped_url)
else
# Define o atributo type com base na extensão do arquivo
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 = "
HTML
end
end
def m3u8_html_tag(url)
<<-HTML
HTML
end
```
Aqui está um vídeo do meu processo.
---
edite este arquivo `lib/onebox/engine/video_onebox.rb`
você deve mesclar a alteração no branch `test-passed`.
```plaintext
# frozen_string_literal: true
module Onebox
module Engine
class VideoOnebox
include Engine
# Adiciona correspondência para arquivos 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
# Verifica se é um arquivo m3u8, se for, usa o template HTML para Video.js
if @url.match(%r{\\.m3u8$})
# Obtém o timestamp e adiciona um número aleatório de oito dígitos
randomId = Time.now.to_i.to_s + rand(100000000).to_s
video_tag_html = <<-HTML
HTML
else
# O código original para lidar com arquivos não-m3u8 permanece o mesmo
escaped_url = ::Onebox::Helpers.normalize_url_for_output(@url)
video_tag_html = <<-HTML
HTML
end
video_tag_html
end
def placeholder_html
SiteSetting.enable_diffhtml_preview ? to_html : ::Onebox::Helpers.video_placeholder_html
end
end
end
end
```
* * *
Reconstrua a imagem docker:
No projeto `discourse_docker`, edite o arquivo `image\\base\\slim.Dockerfile`, procure por `# Discourse specific bits\n` e altere o link do github para o seu projeto editado.
* * *
reconstrua a imagem e envie para o dockerhub. altere a palavra entre colchetes `[]`.
```plaintext
docker build --no-cache -t mydiscourse -f slim.Dockerfile .
docker tag mydiscourse:latest [seu nome de usuário do dockerhub]/[nome da sua imagem]:[sua tag de imagem]
docker push [seu nome de usuário do dockerhub]/[nome da sua imagem]:[sua tag de imagem]
```
* * *
altere a linha 95 do `launcher`:
```plaintext
image="[seu nome de usuário do dockerhub]/[nome da sua imagem]:[sua tag de imagem]"
```
então reconstrua o app
```plaintext
./launcher rebuild app
```
* * *
edite o tema:
Personalizar → Temas → CSS/HTML Personalizado → Editar CSS/HTML
(Se você não tiver este botão, terá que exportar seu tema e depois instalá-lo do seu dispositivo.)
adicione videojs no head:
```plaintext
```
adicione script no Body:
```plaintext
```
* * *
se você habilitar CSP, deverá editar a configuração `content security policy script src`.
---