2017-09-11 58 views
0

當我這樣做時,我並不是最好的編碼器,所以我尋求幫助,我嘗試過搜索並找不到解決方案,如果這真的是基本的或根本不可能的。用戶輸入來改變顯示什麼抽搐頻道?

我有一個簡單的頁面,用一個預定義的通道加載抽搐,只有手動輸入通道名稱到該代碼才能更改該通道。頻道名稱被定義在「channelnamegoeshere」的位置 - 如果我將其更改爲channel123,則會加載該頻道的twitch流。現在

<!DOCTYPE html> 
<html> 
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>Twitch Cinema</title> 
</head> 
<body style="background-color: black"> 

<script src= "http://player.twitch.tv/js/embed/v1.js"></script> 
<div align="center" id="{PLAYER_DIV_ID}"></div> 
<script type="text/javascript"> 
      var options = { 
       width: 1600, 
       height: 900, 
       channel: "{channelnamegoeshere}", 
       //video: "{VIDEO_ID}" 
      }; 
      var player = new Twitch.Player("{PLAYER_DIV_ID}", options); 
      player.setVolume(0.5); 
     </script><!-- <div align="center"> 
     <iframe frameborder="0" 
      scrolling="no" 
      id="chat_embed" 
      src="http://www.twitch.tv/esgtour/chat" 
      height="350" 
      width="1600"> 
     </iframe> 
     </div>--></body> 
</html> 

,我願與幫助,是它是否可能有它,這樣在頁面加載時會提示用戶輸入其所在頻道名稱輸入後,進入加載該頻道。

在此先感謝。

回答

0

這完全有可能!你可以創建一個函數,它從表單或模式或任何其他你想要的輸入模式獲得ID,並返回它,然後用該配置對象實例化Twitch。

這裏有一個粗略的例子:

function getIdFromUser() { 
    // do something here to get the ID from the user 
    // example: 
    var id = prompt('Type in the twitch ID'); 
    return id; 
} 

var options = { 
     width: 1600, 
     height: 900, 
     channel: getIdFromUser(); 
     //video: "{VIDEO_ID}" 
}; 
var player = new Twitch.Player("{PLAYER_DIV_ID}", options); 
player.setVolume(0.5);