Estoy usando una vista web para acceder a una página web de radio en línea. La radio tiene un botón para iniciar/pausar la transmisión y siempre está en pausa al inicio, por lo que tengo que hacer clic en el botón de reproducción para que comience a reproducirse.
//my code for webView <WebView source={{ uri: 'https://mmufmkenya.radio12345.com/' }}/> //button that when pressed calls the play function from webView <Button onPress={()=> playButton()}>¿Puede alguien ayudarme con un fragmento de trabajo que pueda intentar estudiar o alguien dispuesto a explicarme como si tuviera 5 años?
Lo que he probado:
He leído enJavascript inyectado y pasé el código javascript a webView pero sigue fallando (principalmente porque todavía estoy en la fase de aprendizaje y no estoy seguro de si lo estoy haciendo bien)
Después de leer algunos artículos y documentos, cambié mi código a:
//I don't know of the correct className but I think it's 'jp-play' const jsCode = "setTimeout(function() { const playButton = document.getElementById('jp-play')}, 2000)"; return( <> <WebView source={{ uri: 'https://mmufmkenya.radio12345.com/' }} javaScriptEnabled={true} injectedJavaScript={jsCode} javaScriptEnabledAndroid={true} /> <Button onPress={()=> playButton()}/> </> )Solo necesito un botón personalizado que cuando se presiona llama a la función de reproducción desde la página web
https://mmufmkenya.radio12345.com/¿Ha intentado usar useRef y ver si hay algún método al que pueda llamar desde allí?
Desde su código, intenta obtener una identificación que no existe. Debe agregar una identificación "jp-play" a su fuente. Aquí un ejemplo de uno de mis proyectos anteriores:
source={{ html: ` <iframe id="player1" src="https://player.vimeo.com/video/${vimeoId}?api=1&player_id=player1#t=${lastTimecode}s" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> `, }}