Saya mencoba menambahkan variabel yang disebut "tokeninput". Saya ingin menambahkan kotak teks untuk mengedit variabel ini.

Saya mencari selama beberapa jam sekarang dan tidak menemukan hasil.

<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>

Jadi yang diharapkan adalah ketika saya meletakkan token yang ditemukan di halaman dan memasukkannya, pemain akan berfungsi.

Terima kasih sebelumnya EDIT: Terima kasih kepada semua orang yang membantu. Skrip final bekerja dengan bantuan dari jawaban.

0
modman276 22 Oktober 2019, 21:37

3 jawaban

Jawaban Terbaik

Maksud Anda, Anda ingin memiliki kotak teks di html untuk menyesuaikan token daripada memanggil fungsi Spotify.player itu?

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

Ini juga dapat diekstraksi ke file js itu sendiri jika di sanalah semua logika api spotify lainnya berada.

0
Nocturnel 22 Oktober 2019, 19:03

Anda dapat menambahkan elemen secara dinamis menggunakan JS seperti,

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 Oktober 2019, 19:13

Anda dapat menggunakan kode di bawah ini:

<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 Oktober 2019, 19:25