Bolt + 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 Bolt 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 Bolt para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prepara la reproducción de video y audio para nuestra app nativa de WebViewGold. Añade un componente MediaPlayer: en navegadores normales renderiza un elemento video HTML5 con controls, playsinline y un póster; cuando navigator.userAgent contiene "WebViewGold", renderiza un botón Reproducir que asigna "startnativevideo://videostreamurl=" + streamUrl a window.location.href, donde streamUrl es un enlace directo .mp4 o HLS .m3u8. Crea una Netlify Function get-stream-url que verifique el access token de Supabase de la cabecera Authorization, compruebe que el usuario puede ver la lección y devuelva una URL firmada de Supabase Storage válida durante dos horas, usando SUPABASE_SERVICE_ROLE_KEY del entorno de Netlify. No expongas nunca esa clave mediante una variable VITE_. Para la página del podcast, mantén un elemento audio estándar con controls y un botón de reproducir visible. Muestra un estado de error claro si no se puede cargar la URL del stream.
Mi WebView de iOS finalmente está aprobada. ¡Gracias!
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: Supabase, Firebase o tu propia API.
// 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 Bolt 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.