Question

在做这样的事情时，我不是最好的程序员所以我正在寻求帮助，我已经尝试过搜索，并且无法找到一个令人遗憾的解决方案，如果这是非常基本或根本不可能。

我有一个简单的页面，用预定义的频道加载抽搐，只有在手动将频道名称输入代码时才能更改该频道。频道名称定义在＆＃34; channelnamegoeshere＆＃34; - 如果我将其更改为channel123，则会加载该频道的抽搐流。

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

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

提前致谢。

Answer 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);

用户输入更改显示的抽搐通道？

1 个答案: