मैं "टोकन इनपुट" नामक एक चर जोड़ने की कोशिश कर रहा हूं। मैं इस चर को संपादित करने के लिए एक टेक्स्ट बॉक्स जोड़ना चाहता हूं।

मैं अब कुछ घंटों के लिए खोज रहा था और कोई परिणाम नहीं मिला।

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

तो होने की उम्मीद है जब मैं एक पृष्ठ पर एक टोकन मिला और इनपुट किया यह खिलाड़ी काम करेगा।

अग्रिम धन्यवाद संपादित करें: मदद करने वाले सभी लोगों के लिए धन्यवाद। फाइनल स्क्रिप्ट ने उत्तरों की मदद से काम किया।

0
modman276 22 अक्टूबर 2019, 21:37

2 जवाब

सबसे बढ़िया उत्तर

क्या आपका मतलब है कि आप Spotify.player फ़ंक्शन को कॉल करने के बजाय टोकन को समायोजित करने के लिए HTML में टेक्स्टबॉक्स रखना चाहते हैं?

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

इसे अपनी स्वयं की जेएस फ़ाइल में भी निकाला जा सकता है यदि वह वह जगह है जहां अन्य सभी स्पॉटिफाई एपीआई लॉजिक है।

0
Nocturnel 22 अक्टूबर 2019, 19:03

आप जेएस का उपयोग करके गतिशील रूप से तत्व जोड़ सकते हैं जैसे,

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 अक्टूबर 2019, 19:13