Estoy tratando de agregar una variable llamada "tokeninput". Quiero agregar un cuadro de texto para editar esta variable.

Estuve buscando durante unas horas y no encontré ningún resultado.

<script src="https://sdk.scdn.co/spotify-player.js"></script>
 <script>

window.onSpotifyWebPlaybackSDKReady = () => {
const token = '`enter token here`';
const player = new Spotify.Player({
  name: 'Speaker of some sort',
  getOAuthToken: cb => { cb(token); }

 });

</script>

Entonces, lo que se espera es cuando pongo un token encontrado en una página y lo inserto, el reproductor funcionará.

Gracias de antemano EDITAR: Gracias a todos los que ayudaron. El guión final funcionó con la ayuda de las respuestas.

0
modman276 22 oct. 2019 a las 21:37

3 respuestas

La mejor respuesta

¿Quiere decir que desea tener un cuadro de texto en html para ajustar el token que llamar a esa función Spotify.player?

<html>
 <body> 
   <input type="text" id="token" />
   <script>
      function updateToken(){
           var token = document.getElementById("token");
           // Do whatever with the token here
       }
   </script>
</body>
</html>

Esto también se puede extraer a su propio archivo js si ahí es donde está el resto de la lógica de API de Spotify.

0
Nocturnel 22 oct. 2019 a las 19:03

Puedes usar el siguiente código:

<script src="https://sdk.scdn.co/spotify-player.js"></script>
<script>

window.onSpotifyWebPlaybackSDKReady = () => {
const prompt = '`enter token here`';
const token = $('#idOfTokenInput'); // OR document.querySelector('idorClassofInputelement')
const player = new Spotify.Player({
  name: 'Speaker of some sort',
  getOAuthToken: cb => { cb(token); }

 });
 // To update the Token with input change
 $('#idOfTokenInput').keydown(function(event) { 
    token = $('#idOfTokenInput').value;
 }); 

</script>
0
GB Patil 22 oct. 2019 a las 19:25

Puede agregar el elemento dinámicamente usando JS como,

var input = document.createElement('input'); 
input.type = "text"; 
input.placeholder = "enter token here";
document.body.appendChild(input); 
input.addEventListener("blur", function(e){
// add your code to use token here.
  alert("token is "+ input.value);
})
0
Vishnu 22 oct. 2019 a las 19:13