个人中心
gpt4 book ai didi

javascript - 在我的网站上嵌入 Google Hangout(在你的网页上功能齐全)

转载 作者：行者123 更新时间：2023-11-29 21:57:33 24 4
gpt4 key购买 nike

我已成功将 Google Hangouts 和按钮嵌入到我的网站中。但是，它们都不起作用。

我可以在我的网站上看到 Google Hangouts 聊天页面和按钮，但我无法使用登录、发送 session 邀请等功能。除了实际登录外，其他所有功能都可以使用。我只想启动 Google Hangouts来 self 的网站，这样所有成员都可以留在我的网页上，但仍然可以使用环聊 session 功能。

谁能告诉我 Google 是否允许这样做，以及我是否缺少一些必要的代码才能使其正常工作，或者它是否与其他网站不兼容？

最佳答案

您有几个选择，但都不会以我认为您想要的方式代替聊天室。

您可以根据 Google Developers 嵌入 Google+ 环聊按钮.

First, make sure that you are specifying a valid app ID, which you can find as described in the Initial app parameters section

Next, you need to make sure that the JavaScript array of apps is valid, and is in fact an array as opposed to just a JavaScript object. In the following example where there is an issue, a JavaScript object is passed instead of an array which will prevent the app from including the Google+ Hangout app.

邀请人们加入视频群聊

您可以指定要在环聊开始时邀请其加入的人员列表。该列表只是对发起视频群聊的用户的建议。在环聊开始之前，该用户将能够跳过邀请或更改人员列表。

您可以通过三种不同的标识符指定邀请(表示邀请对象的对象):

  • Google+ 个人资料 ID:此 ID 与特定的 Google+ 用户相关联。你可以通过多种方式获取此 ID:

  • 来自 Google+ signin flow .用户登录后，您可以使用具有特殊值 me 的 People get API 获取授权用户的 Google ID。

  • 来自其他各种People APIs .

  • 来自用户的公开个人资料 URL。这些通常是 https://plus.google.com/ 的形式.

  • 来自Hangout app .多个 API 返回一个 Participant 对象，person.id 字段是 Google ID。

  • Google+ 圈子 ID:圈子的标识符。请注意，这与发起视频群聊的用户密切相关；只有用户拥有的圈子的 ID 才有效。只能通过 Circles API for Google Apps 获取圈子 ID .

  • 电子邮件地址:标准电子邮件地址。

  • 或者，您可以邀请一个电话号码加入环聊。您只能邀请一个电话号码，并且不能像上面记录的那样将一个电话号码与邀请其他人结合使用

但是，如果用户没有登录他们的 Google 帐户，它将重定向到登录屏幕。

嵌入的最基本版本是这样的:

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

为了更好的性能，异步加载会更好:

<html>
<head>
    <title>Hangout button demo: Async load</title>
    <link rel="canonical" href="http://www.example.com" />
</head>
<body>
  <div id="placeholder-div"></div>
  <script type="text/javascript">
    window.___gcfg = {
      lang: 'zh-CN'
    };
    (function() {
      var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
      po.src = 'https://apis.google.com/js/platform.js?onload=renderButtons';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();

    function renderButtons(){
      gapi.hangout.render('placeholder-div', {
          'render': 'createhangout',
        });
    }
  </script>
</body>
</html>

或者你可以使用 Hangouts on Air并从您的网站广播，并与他人互动聊天。它快速简便，但不能替代“聊天室”类型的界面，因为您需要进行广播。

关于javascript - 在我的网站上嵌入 Google Hangout(在你的网页上功能齐全)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25640441/

24 4 0
文章推荐： javascript - 传单 - map 的顶部始终指向传感器的航向
文章推荐： javascript - javascript 中的 parseInt 方法返回错误的值
文章推荐： java - 这是一个合适的 Android 游戏循环吗？
文章推荐： javascript - Angular : transclude ng-repeat inside directive
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com