javascript - 在我的网站中设置环聊按钮

Question

我有奇怪的问题。我正在尝试在我的网站中集成环聊按钮，以使用户能够直接从网站打开讲座，我使用了 Google Hangout API 文档 https://developers.google.com/+/hangouts/button#hangout_button_code中的示例代码 按钮不起作用，那是什么问题？

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

Answer 1

To follow-up, I looked at the gapi.hangout.render method and it's not clear about the first parameter, but disregard my previous answer and try this:

<script>
 gapi.hangout.render(document.querySelector('#placeholder-div3'), {
'render': 'createhangout',
'hangout_type': 'onair',
'initial_apps': [{'app_id' : '184219133185', 'start_data' : 'dQw4w9WgXcQ', 'app_type' : 'ROOM_APP' }],
'widget_size': 175
 });
</script>

Answer 2

我认为您的问题与您推迟库脚本而不是gapi.hangout.render脚本的事实有关。所以，我的猜测是你的gapi.hangout.render代码在它使用的库被加载之前就已经运行了。

尝试仅删除asyncanddefer属性，看看是否适合您。

render如果在库完全加载之前调用您的方法，我想象的异步也可能会导致问题。