聊天应用程序-有人进入/离开房间时通过声音通知用户

debugcn 发表于 Dev

萨钦·卡里亚汀（Sachin Kariyattin）

我已经调整了Firebase聊天应用程序（快速入门教程中提供了一个），并向其中添加了用户状态信息，即，当任何用户进入或离开房间时，都会向其他用户显示一条消息。例如：用户A已加入。

现在，我试图在用户离开或进入房间时向应用程序添加声音通知。我正在使用ngAudio模块来做到这一点。但是，到目前为止，我还无法实现此功能。

目前，我已经尝试过了。我正在使用浅表来继续检查chatstatus数组

$scope.$watchCollection('chatstatus', function (newVal, oldVal) { 

         if ($scope.chatstatus[$scope.chatstatus.length-1].status.indexOf("joined") > -1) {
            $scope.joinedplay.play();

        }
        else{
            $scope.leftplay.play();
         }

    });

但是，当我执行此操作时，只有登录的用户会收到声音通知，而其他人则不会（声音很明显，因为控制器只是为他执行）。

我也尝试过使用ngRepeatFinished指令（在显示列表的最后一个元素时触发声音通知）。但这也不起作用。

我为此做了一个Plunker，我确实希望我的应用程序像这个小精灵一样表现。

在两个不同的标签页（或浏览器）中打开插件，并与两个用户一起加入聊天室。当两个用户之一加入/离开时，另一个用户获得alert。这将起作用，因为我们将访问相同的插件。

但是如何实时实现呢？

注意：alert在上面的示例中，我已使用而不是音频，因为它更易于演示。

萨钦·卡里亚汀（Sachin Kariyattin）

我找到了解决方案。使用Firebase.on()解决了问题。https://www.firebase.com/docs/web/api/query/on.html

 statusref.on('child_added', function(childSnapshot, prevChildKey) {
            var postsData = null;
            postsData = childSnapshot.val();
            logResults(postsData);
    });

    function logResults(postsData) {
        if (postsData.status.indexOf("joined") > -1) {
            $scope.joinedplay.play();

        }
        else{
            $scope.leftplay.play();
         }
    }

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。