在 vue.js 中使用 agora.io

Posted

技术标签:

【中文标题】在 vue.js 中使用 agora.io【英文标题】:Using agora.io in vue.js 【发布时间】:2020-08-21 06:05:27 【问题描述】:

这个问题可能听起来很傻,但我需要你的帮助。 我已经在 Flutter 中成功实现了 agora.io 实时交互流,并且运行良好。我想知道我是否可以在 vue.js 中实现同样的功能。我试图找到任何文档,但找不到任何文档。 谁能帮我找到我可以参考的任何文档或至少一个 git repo。 提前谢谢你。

【问题讨论】:

【参考方案1】:

虽然 Agora 官方没有任何关于在 Vue 中制作交互式流媒体网络应用程序的文档,但它确实有一个用于群组视频通话的文档,地址为 https://github.com/AgoraIO-Community/OpenAgoraWeb-Vue。

由于视频通话的工作方式与广播几乎相同,因此您可以使用 OpenAgoraWeb 存储库链接并对其进行调整,使其仅以一种方式向观众流式传输。

使用 Vanilla JS 的 Web 交互式流式 Web 应用示例:https://github.com/digitallysavvy/agora-web-broadcast-demo。

您也可以使用此Vanilla Sample 链接将其转换为 VueJS 应用程序,或者您可以将两者结合使用。

您也可以使用以下文档从头开始创建它:https://docs.agora.io/en/Interactive%20Broadcast/start_live_web?platform=Web。

【讨论】:

非常感谢您的详细回答。我从未检查过开发者中心。

以上是关于在 vue.js 中使用 agora.io的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Vue.js 3 中使用 Vue 3 Meta?

如何在 Nuxt.js (Vue.js) 中使用 vue-infinite-loading

在 Vue.js 中使用 vue.config.js 修复 sass-loader 错误

vue.min.js 独立版本中,第三方js 通过vm使用vue内定义的数据

为啥在 Vue.js 或 React 中使用组件? [关闭]

如何在 Vue.js 中使用 MaterializeCss?