• 对接网易云信音视频2.0呼叫组件集成到vue中,实现web端呼叫app,视频语音通话。


    项目中需要实现视频通话功能,经过公司的赛选,采用网易云信的视频通话服务,app小伙伴集成很顺利。web端需要实现呼叫app端用户。网易云信文档介绍不全,vue的demo满足不了需求,和客服人员沟通,只能通过集成呼叫组件来实现了。

    这个demo是vue版本,可以实现视频通话,但是是加入聊天房间的方式,没有呼叫功能。

    https://github.com/netease-im/Basic-Video-Call/tree/master/One-to-One-Video/NERtcSample-1to1-Web-Vue

    本着不能重复造轮子的想法,先在网上找了一圈的文章和代码,可惜一无所获,所以只能自己动手了,在demo基础上进行修改。

    采用官方组件地址:

    https://github.com/netease-kit/documents/blob/main/%E4%B8%9A%E5%8A%A1%E7%BB%84%E4%BB%B6/%E5%91%BC%E5%8F%AB%E7%BB%84%E4%BB%B6/%E5%BC%80%E5%8F%91%E6%96%87%E6%A1%A3/%E5%BF%AB%E9%80%9F%E9%9B%86%E6%88%90/%E9%9B%86%E6%88%90%E5%88%B0%E9%A1%B9%E7%9B%AE_Web.md

    这个里面的介绍点击下载组件下载的js只有一个还缺少两个js。  (这三个js,引入方式不同自行选择)

    如果选择index.esm.js,使用import方式引用,记得查看此路径是否正确。

     

     剩余两个js的下载方式是,在这个地址中

    https://github.com/netease-kit/NIM_Web_Demo/tree/feature-g2-new

     

     

    将所有js代码引入进来后,就可以对照文档接口进行开发了。

    第一步:引用js

     第二步:创建实例,配置信息,登录

     第三步:配置相应的事件

     第四步:呼叫指定人员

     

    下面是界面显示:

     

     

     当然后面还有细节需要去完善,比如开关静音,视频等..  还有后面的token调取后台鉴权等.......

  • 相关阅读:
    黑苹果崩溃恢复
    黑苹果声音小解决方法
    idea plugin 进度条
    phpstorm 插件
    awesome mac
    webstorm vue eslint 自动修正配置
    Laravel/php 一些调试技巧
    php ZipArchive 压缩整个文件夹
    laravel 模型事件 updated 触发条件
    php 开启 opcache 之后 require、include 还会每次都重新加载文件吗?
  • 原文地址:https://www.cnblogs.com/xiaobaicode/p/15764132.html
Copyright © 2020-2023  润新知