0

我得到了普通环聊的 html 按钮标签，但我没有得到 OnAir 的任何环聊按钮 html 标签。
我正在使用下面的标签，但我无法获得直播按钮。

<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-hangout" data-render="createhangout" type="onair"></div>

谁能给我onair google+ hangout的确切html代码？

<script src="https://apis.google.com/js/platform.js" async defer></script>
<div id="placeholder-div5"></div>
<script>
gapi.hangout.render('placeholder-div5', {
  'topic': 'cats',
  'render': 'createhangout',
  'hangout_type': 'onair',
  'initial_apps': [{'app_id' : '184219133185', 'start_data' : 'dQw4w9WgXcQ', 'app_type' : 'ROOM_APP' }],
  'widget_size': 72
});
</script>

刷新页面后，我得到了空白页面。

4

4 回答 4

1

要获得 Hang Out OnAir 按钮，您需要使用以下代码

<script src="https://apis.google.com/js/platform.js" async defer></script>
<div id="placeholder-div5"></div>

请参考jsfiddle

https://jsfiddle.net/zk755cr9/42/

于 2015-04-16T15:00:10.327 回答
0
  • 检查您可能会得到的浏览器控制台

未捕获的 ReferenceError：未定义 gapi

如果您将脚本与 platform.js 一起添加，这个错误肯定可以解决，这是脚本。

<script src="https://apis.google.com/js/client:plusone.js" type="text/javascript"></script>
于 2015-05-10T11:17:27.937 回答
0

我使用的是 normal 而不是 onAir 我不认为这会产生任何问题但是在我添加以下代码之后

 <script src="https://apis.google.com/js/client:plusone.js" type="text/javascript"></script>

像下面

   <!DOCTYPE html>
<html>
<head>

</head>
<body>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="https://apis.google.com/js/client:plusone.js" type="text/javascript"></script>
<div id="placeholder-div1"></div>
<script>
  gapi.hangout.render('placeholder-div1', {
    'render': 'createhangout', 'topic':'just test topic!!!','invites':[ { 'id' : 'xxxx@gmail.com.com', 'invite_type' : 'EMAIL' },
    { 'id' : 'yyyy@gmail.com.com', 'invite_type' : 'EMAIL' }],
    'initial_apps': [{'app_id' : '184219133185', 'app_type' : 'ROOM_APP' }]
  });
</script>
</body>
</html>

我也有空白页。当我通过 f12 查看时，出现以下错误

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('file://') does not match the recipient window's origin ('null').

经过大量研究发现这是因为它没有在任何网络服务器中运行，因此我只是从命令提示符启动了我的 python 网络服务器，如下所示

python -m SimpleHTTPServer

它通过在控制台上提供以下信息在端口 80000 启动网络服务器

Serving HTTP on 0.0.0.0 port 8000 ...

然后从与下面相同的 http://localhost:8000/hangout.html 调用 hangout.html ，它最后向我显示了按钮。粘贴此内容是因为我觉得其他人可以从中获得帮助。

于 2016-07-30T19:05:45.707 回答
0

你可以使用这个：

<script src="https://apis.google.com/js/platform.js" type="text/javascript"/>
    <div id="placeholder-div5"/>
    <script>
            gapi.hangout.render('placeholder-div5', {
              'topic': 'cats',
              'render': 'createhangout',
              'hangout_type': 'onair',
              'initial_apps': [{'app_id' : '184219133185', 'start_data' : 'dQw4w9WgXcQ', 'app_type' : 'ROOM_APP' }],
              'widget_size': 72
        });
    </script>

或这个 ：

<script src="https://apis.google.com/js/platform.js?onload=onLoadCallback" async defer></script>
<div id="placeholder-div5"></div>
<script>
        window.onLoadCallback = function(){
        gapi.hangout.render('placeholder-div5', {
          'topic': 'cats',
          'render': 'createhangout',
          'hangout_type': 'onair',
          'initial_apps': [{'app_id' : '184219133185', 'start_data' : 'dQw4w9WgXcQ', 'app_type' : 'ROOM_APP' }],
          'widget_size': 72
    });}
</script>
于 2015-10-07T10:18:12.153 回答