Claude Code + video y audio
Una etiqueta de video HTML5 funciona dentro de la app, pero las lecciones largas se ven apretadas y la reproducción suele detenerse en cuanto el usuario cambia de app. Con WebViewGold, tu app de Claude Code pasa la URL de un stream al reproductor nativo con un solo enlace (startnativevideo://), así que los espectadores tienen pantalla completa y Picture-in-Picture en ambas plataformas, y AirPlay en iPhone. En iOS también puedes mantener el audio HTML sonando en segundo plano para podcasts, radio y cursos de audio.
Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.
Enlaza a startnativevideo://videostreamurl= seguido de la URL directa de un stream y WebViewGold abre el reproductor de video del sistema en iOS y Android. Los usuarios pueden reducir el video a una ventana flotante y seguir navegando por la app, o incluso cambiar a otra app.
En iPhone y iPad, el reproductor nativo incluye AirPlay, pantalla completa y los controles de reproducción estándar que los usuarios ya conocen. Sin bibliotecas de reproductor propias que mantener en la web app.
Para podcasts, emisoras de radio, meditaciones y lecciones de audio, la configuración de audio HTML en segundo plano mantiene sonando el audio de la web app cuando el iPhone está bloqueado o hay otra app en primer plano. Es un ajuste del proyecto de Xcode, explicado paso a paso en el video de la documentación de iOS.
El reproductor nativo necesita un archivo .mp4 o un stream HLS .m3u8, no la URL de una página que incrusta un video. Los servicios de streaming como Mux, Cloudflare Stream o Bunny Stream te dan URLs HLS; las páginas de YouTube y Vimeo siguen siendo inserciones normales.
Pega esto en Claude Code para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prompt para Claude Code: Lee https://www.webviewgold.com/llms-full.txt (sección de video nativo) y después añade reproducción de medios nativa para el envoltorio de WebViewGold. 1) Encuentra cada video, audio e inserción de video del código y haz una lista. 2) Crea lib/native.ts con isWebViewGold() (navigator.userAgent contiene mi token personalizado) y playNativeVideo(url), que navega a "startnativevideo://videostreamurl=" + url. 3) Construye un único componente MediaPlayer: reproductor nativo dentro de la app, elemento video con controls, playsinline y un póster en navegadores. 4) Añade una ruta de servidor que devuelva una URL de stream firmada y de corta duración tras comprobar el acceso. 5) Comprueba URLs de stream de ejemplo con curl -I e informa del estado y el content type. 6) Mantén las inserciones de YouTube y Vimeo como iframes. 7) Documenta el puente en CLAUDE.md y añade tests.
¡Una forma estupenda de convertir tu web app en una app nativa! Entrega rápida y una manera genial de llevar tus apps a las tiendas sin tener que desarrollar una app nativa completa.
Unos 30 minutos, la mayor parte probando en teléfonos reales.
Usa un archivo .mp4 de tu almacenamiento o una playlist HLS .m3u8 de tu servicio de video. Las lecciones largas se transmiten mejor en HLS, porque el reproductor adapta la calidad a la conexión.
El reproductor nativo carga el stream por su cuenta y puede que no vea la sesión iniciada del WebView. Para lecciones de pago, crea en el servidor una URL firmada de corta duración después de comprobar el acceso, y pasa esa.
Configura un user agent personalizado que contenga un token como WebViewGold (useragent_iphone y useragent_ipad en Config.swift, USER_AGENT en Config.java). Si está presente, el botón de reproducir navega a startnativevideo://videostreamurl= más la URL del stream; en un navegador se reproduce el elemento <video> normal.
Solo para apps cuyo audio debe seguir sonando con la pantalla bloqueada. Sigue el video sobre audio HTML en segundo plano de la documentación de iOS y luego prueba con el teléfono bloqueado y con otra app en primer plano.
Inicia un video, abre Picture-in-Picture, navega a otra página, bloquea el teléfono, gíralo a horizontal y prueba con una conexión móvil lenta. Hazlo en un iPhone y en un teléfono Android.
Una sola función para ambos mundos. La URL firmada del stream viene de la parte de servidor de tu stack: Tus propias rutas de API, funciones serverless o Supabase.
// User agent personalizado con "WebViewGold", definido en Config.swift / Config.java
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1;
// streamUrl: .mp4 directo o HLS .m3u8 (firmada y de corta duración para contenido de pago)
function playVideo(streamUrl, videoEl) {
if (IN_APP) {
window.location.href = "startnativevideo://videostreamurl=" + streamUrl;
} else {
videoEl.src = streamUrl; // fuera de Safari, HLS necesita una biblioteca como hls.js
videoEl.play();
}
}
// En el navegador, mantén un reproductor normal:
// <video controls playsinline preload="metadata" poster="/poster.jpg"></video>No a través de startnativevideo://, que necesita un archivo .mp4 directo o un stream HLS .m3u8. Las inserciones de YouTube y Vimeo suelen seguir funcionando como iframes normales dentro de la app, con su propio reproductor y su botón de pantalla completa.
Sí. Tanto la documentación de iOS como la de Android describen startnativevideo:// con Picture-in-Picture: el video sigue reproduciéndose en una ventana flotante mientras el usuario navega por la app o por otra app.
En iOS, sí, una vez activado el audio HTML en segundo plano en el proyecto de Xcode como muestra la documentación de iOS. En Android, la documentación de WebViewGold no describe un modo de audio en segundo plano, así que prueba tu reproductor en un dispositivo antes de prometerlo.
Si la propia app vende el curso o la suscripción, sí: Apple exige compras dentro de la app para el contenido digital (directriz 3.1.1) y Google exige Play Billing. El contenido comprado en tu sitio web a menudo también se puede desbloquear en la app; revisa el texto actual de las directrices 3.1.1 y 3.1.3, porque las reglas sobre enlaces de compra externos varían según la región.
Los enlaces que terminan en .mp4 los gestiona el descargador de archivos de WebViewGold, que guarda el archivo en el dispositivo. Una biblioteca sin conexión completa dentro de la web app de Claude Code es un proyecto mayor; para la mayoría de las apps de cursos basta con el streaming más la pantalla sin conexión nativa.
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principal$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuita$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.
Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días
¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.
Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.