Discourse Bilibili Onebox

[scavin]

	Resumen	Discourse Bilibili Onebox es un complemento que permite a las comunidades de Discourse reproducir directamente videos y transmisiones en vivo de Bilibili.
	Enlace al Repositorio	GitHub - scavin/discourse-bilibili-onebox: Discourse Bilibili Onebox
	Guía de Instalación	Cómo instalar complementos en Discourse

Características

Simplemente pega una URL de video o transmisión en vivo de Bilibili en su propia línea en el editor para incrustarla y reproducirla automáticamente. La reproducción automática está deshabilitada.

DEMO

• https://meta.appinn.net/t/topic/55832

Configuración

Debes agregar las siguientes dos entradas a la configuración Allowed iframes (Iframes permitidos):

• https://player.bilibili.com/
• https://www.bilibili.com/
• https://live.bilibili.com/ (PARA transmisiones en vivo)

Uso

Pega una URL de Bilibili en su propia línea dentro del compositor. Los enlaces copiados del diálogo de compartir móvil también funcionan.

Ejemplos:

• https://www.bilibili.com/video/BV1WEgJzMEK3/?spm_id_from=333.1387.homepage.video_card.click
• https://www.bilibili.com/video/BV1WEgJzMEK3/?spm_id_from=333.1387.homepage.video_card.click&vd_source=b0a719e1950c150a97859195679d417a
• https://www.bilibili.com/video/BV1WEgJzMEK3/
• https://www.bilibili.com/video/BV1WEgJzMEK3
• https://b23.tv/hiS7rgR

Para transmisiones en vivo:

• https://live.bilibili.com/1977907487

[qi_lu]

Muy útil.
Pregunto, ¿sería posible desarrollar algunos complementos de inserción de medios para otras plataformas? Por ejemplo, plataformas de video chinas comunes como Xiaohongshu (Pequeño Libro Rojo) y Douyin (TikTok chino).

[scavin]

Solo se puede reproducir si el iframe está permitido oficialmente. Dices que ninguno de los dos se puede.

[qi_lu]

Las pruebas de vídeo normal no tienen problemas, se muestra al introducir el enlace, pero la sala de transmisión en vivo parece que no funciona.
No se puede previsualizar ningún enlace web en la sala de transmisión en vivo.

Lo único que funciona en la sala de transmisión en vivo es el código de inserción iframe. Pero el tamaño no es muy adecuado y la modificación de los parámetros no tiene efecto.

<iframe style="width: 700px;height: 400px;" src="https://www.bilibili.com/blackboard/live/live-activity-player.html?cid=8178490&quality=0" frameborder="no"    framespacing="0" scrolling="no" allow="autoplay; encrypted-media" allowfullscreen="true"></iframe>

Imagen de prueba:

¿Pueden las salas de transmisión en vivo de Bilibili admitir la inserción de enlaces o el código de inserción para adaptarse al tamaño de la página?

[scavin]

Transmisión en vivo actualizada

feat(bilibili): 添加 Bilibili 直播间支持功能