2017-09-11 14 views
0

私は最高のコーダーではないので、私は助けを求めています。私は検索を試みましたが、本当に基本的でないか、まったく不可能な場合には申し訳ありませんでした。ユーザの入力は、表示される罠のチャンネルを変更しますか?

私は、あらかじめ定義されたチャンネルでちょうちょをロードする単純なページを持っています。そのチャンネルは、コードに手動でチャンネル名を入力した場合にのみ変更できます。チャンネル名は "channelnamegoeshere"と定義されています - チャンネル123に変更すると、そのチャンネルのツイッチストリームがロードされます。ページをユーザーが入力を求めるプロンプトが表示されてロードするときに、それらがチャンネル名を入力するように、それを持つことが可能であり、それは、その後のロードに進む

<!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); 
関連する問題