¿Hay alguna manera de incrustar reproductores de medios (audio/video) dentro de una tabla?

Me pregunto si hay una manera de organizar archivos multimedia en algún tipo de tabla. Este es mi enfoque actual:

Prueba 1:

Prueba 2:

Prueba 3:

Pero me gustaría poder hacer algo como esto (con los reproductores incrustados en lugar de la URL):

oh, esto va a ser complicado, básicamente se pide una forma de forzar un “onebox completo” en algún lugar de un enlace que no está al principio de una línea. Creo que en condiciones muy raras como las que tienes aquí, esto podría ser útil.

Me inclino por apoyar un cambio que permita algo así para los casos ultra ninja donde quieras forzar un onebox en medio de una línea:

<a href="onebox_url" type=onebox>...</a>

El problema es que, por ahora, todo nuestro estilo de onebox asume que es lo único en la línea y ocupa todo el ancho, por lo que habría que cambiar muchas suposiciones.

Esto también sería útil cuando quieras mostrar oneboxes dentro de una sección de detalles.

No sé si esto ayudaría, pero una interfaz alternativa podría ser extender la sintaxis de BBCode. Algo como:

[audio src="https://file.m4a"][/audio]

O incluso:

[inline_onebox]https://file.m4a[/inline_onebox]

¿O podemos simplemente incluir en la lista de permitidas las etiquetas audio, video y source? Hoy es imposible publicar un video en Discourse con múltiples fuentes (un mp4 y un webm) para que se reproduzca en todos los dispositivos.

¿Has considerado permitir Iframes y publicar la tabla en otro lugar?

@martin Gracias a tu increíble PR, los enlaces de audio ahora funcionan incluso si hay caracteres a la izquierda de la URL. :tada: (muchos de mis usuarios tuvieron problemas con este detalle, así que les resultará mucho más fácil).

Noté que ahora los archivos de audio funcionan dentro de details:

Ejemplo

Esperaba que también funcionaran dentro de tablas markdown, pero veo que esto aún no es posible:

nombre aquí va el archivo de audio
ejemplo ![New Recording 23

Pensé que el problema podría ser el carácter de pipe |, pero tampoco funciona con tablas HTML:

nombre aquí va el archivo de audio
ejemplo ![New Recording 23|video](upload://g3KMoFLMKmekLPcoBovHQCD71eU.mp4)

¿Sería posible incluir esta característica en una versión futura?

Las tablas de Markdown funcionan, pero necesitas escapar el | con , por ejemplo \|. Es un problema ligeramente molesto con las barras verticales porque las tablas de Markdown ya tienen semántica para ellas.

Estoy medio dispuesto a agregar otro carácter opcional que podamos usar allí como separador. La coma no es ideal porque la gente puede usarla para descripciones.

Por ahora, esta es una solución alternativa bastante buena. ¡Gracias por señalarlo!

El único problema que he encontrado han sido los errores 429 (demasiadas solicitudes) cuando intento editar una tabla de tamaño medio con varios archivos de audio (en realidad, el mismo repetido). Apareció un modal de Discourse cuando intenté guardar los cambios y esto es lo que mostraba la consola:

Lo único que hice fue añadir tres filas a esta tabla:

No sé si este es el comportamiento esperado o si existe una forma de cargar los recursos de forma diferida para evitar el error (logré hacerlo tras varios intentos).

Hmm, me pregunto: si actualmente incluimos un MP3 de 40 MB en una página, ¿los navegadores lo descargan por completo antes de reproducirlo?

Un cargador diferido tiene mucho sentido si esto es lo que está ocurriendo actualmente; lo único que perderíamos sería la duración, pero podríamos calcularla en el servidor.