用户输入更改显示的抽搐频道？答案

【问题标题】：User Input to change what twitch channel is displayed?用户输入更改显示的抽搐频道？
【发布时间】：2017-09-11 12:36:58
【问题描述】：

当涉及到做这样的事情时，我不是最好的编码员，所以我寻求帮助，我已经尝试过搜索，但找不到有效的解决方案，如果这真的是基本的或不可能的，很抱歉全部。

我有一个简单的页面，它使用预定义的频道加载 twitch，并且只有在您手动将频道名称输入代码时才能更改该频道。频道名称在“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>

现在，我需要帮助的是，是否可以使用它，以便在页面加载时提示用户输入他们输入的频道名称，然后继续加载该频道。

提前致谢。

【问题讨论】：

标签： javascript html twitch

【解决方案1】：

这完全有可能！您可以创建一个函数，从表单或模式或您想要的任何其他输入模式中获取 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);

【讨论】：