Estoy tratando de agregar JWPlayer a mi componente React, sé que en una página web estática/representada por el servidor puede simplemente agregar la etiqueta del script , y luego puede usar el componente, pero en React es una historia diferente.
por ejemplo, en un lenguaje renderizado por un servidor como php, un componente JWPlayer tiene el siguiente aspecto:
<script src="location of jwplayer library cdn"></script> </head> <body> <div id="myElement"></div> <script type="text/JavaScript"> jwplayer("myElement").setup({ "playlist": [{ "file": "<?php echo $videourl; ?>" }] }); </script>esto es fácil, y hay una amplia documentación sobre cómo hacer que esto funcione. pero también quiero poder usar el CDN de JWPlayer en reaccionar, y el paquete de reacción más popular ha quedado obsoleto y ya no es compatible. Siento que debería poder agregar al DOM el cdn, y luego poder usarlo para poder terminar el resto de esto.
por ejemplo tengo:
useEffect(() => { const JWPlayerScript = async () => { const script = document.createElement("script"); script.type = "text/javascript"; script.src = "location of jwplayer library cdn"; script.async = true; document.body.appendChild(script); }; JWPlayerScript()},[]) Esto funciona, sin embargo, todavía no tengo acceso a ninguno de los javascript en el cdn, mi consola sigue indicando que jwplayer() no se ha definido y es correcto. no lo ha hecho, pero no sé cómo extraerlo del cdn para obtener acceso a esas funciones de javascript.