2015-04-16 38 views
0

我收到了正常環聊的html按鈕標記,但是我沒有收到OnAir的任何環聊按鈕html標記。
我正在使用下面的標記,但我無法得到onair按鈕。
Google + Hangout OnAir按鈕Html標記

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

任何人都可以得到我的確切的html代碼onair谷歌+視頻聚會嗎?

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

刷新頁面後,我有空白頁面。

回答

0
  • 檢查你可能會得到
  • 您的瀏覽器控制檯

Uncaught ReferenceError: gapi is not defined

這個錯誤肯定可以解決,如果你添加一個腳本以及platform.js這裏的腳本。

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

要獲得結伴旅遊OnAir公司按鈕,你需要使用下面的代碼

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

請參考的jsfiddle

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

+0

謝謝,但我試過你的代碼,你可以得到我的編輯上面。但是在放入相同的代碼並刷新我的頁面之後,它就變成了空白頁面。 –

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

我用正常的,而不是ONAIR我不認爲造成任何問題,但是我添加以下代碼

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

like belo w

<!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' : '[email protected]', 'invite_type' : 'EMAIL' }, 
    { 'id' : '[email protected]', '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 

它通過在控制檯上給予以下信息

Serving HTTP on 0.0.0.0 port 8000 ... 

開始在端口80000的網絡服務器然後叫hangout.html從以下相同 http://localhost:8000/hangout.html 它最後顯示了我的按鈕。 貼吧因爲我覺得別人可以從中獲得幫助。