npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

rg-callkit-vue2

v3.0.5

Published

An Open-source Voice & Video Calling UI Component Based on Tencent Cloud Service.

Downloads

18

Readme

特性

  • ⚡️ 功能全面 —— 支持单人/多人/音频/视频通话、支持视频转音频通话、支持自由选择通话设备
  • 🌟 低门槛 —— 仅需 3 行代码即可跑通测试 Demo,6 行代码完成通用能力接入
  • 📱 多设备适配 —— 支持 H5 1v1 通话、群组通话 布局
  • 🎨 灵活样式 —— 组件开源,可复用逻辑,自定义 UI 样式
  • 🛠 优秀生态 —— 与 TUIKit 协同使用,可以在 TIM 会话中直接发起音视频通话
  • 🔥 先进技术栈 —— TypeScript 类型,支持 Vue3 Composition API
  • 🌍 跨平台 —— 支持 Android、iOS、Web、小程序、Flutter、UniApp 等多个开发平台
  • ☁️ 低延迟 —— 腾讯云全球链路资源储备,保证国际链路端到端平均时延 < 300ms
  • 🤙🏻 低卡顿 —— 抗丢包率超过 80%、抗网络抖动超过 1000ms,弱网环境仍顺畅稳定
  • 🌈 高品质 —— 支持 720P、1080P 高清画质,70% 丢包率仍可正常视频

使用指引

我们团队即将在 Web 端丰富更多不同的组件,以满足您的开发需求。
希望您能抽出几分钟时间,为您自己的需求投上一票,我们将优先开发!
问卷地址:https://wj.qq.com/s2/11263124/1556/

为方便您的使用,本组件配套多篇使用指引:

目录说明

.
├── README.md
├── demos/basic-vue3/
├── demos/basic-vue2/
└── TUICallKit/

demos/basic-vue3/

  • 此文件夹下是 Vue3 基础版 demo,集成了完整的 TUICallKit 组件功能,可以直接搜索用户拨打音视频通话。
  • demo 页面下方集成了调试面板,可直接输入您的应用信息,具体流程请参考:Vue3 Demo 快速跑通

demos/basic-vue2/

  • 此文件夹下是 Vue2.7 基础版 demo,集成了完整的 TUICallKit 组件功能,可以直接搜索用户拨打音视频通话。
  • demo 页面下方集成了调试面板,可直接输入您的应用信息,具体流程请参考:Vue2 Demo 快速跑通

TUICallKit/

  • 此文件夹下是 TUICallKit 组件源文件,支持 Vue3 与 Vue2.7+ 的项目直接引入。包含全部 UI 层与逻辑层代码,入口文件为 index.ts
  • 推荐直接使用打包方式引入,如 快速接入 TUICallKit。可直接复制此文件到您的工程中进行组件的引入,详细的源码接入组件过程请参考 TUICallKit 界面定制指引

Changelog

版本更新历史请点击 SDK 发布日志(Web)

附录

  • 如果你遇到了困难,可以先参阅 常见问题
  • 如果发现了示例代码的 bug,欢迎提交 issue;
  • 欢迎加入 QQ 群:646165204,进行技术交流和反馈~

License

ISC License © 2022-present, Tencent