angular - Vidyo.io 远程 JS 不可用
问题描述
我试图将 vidyo.io 集成到我的 Angular Web 应用程序中。在执行此操作时,我正在尝试使用以下方式加载 Vidyo SDK,
script.type = 'text/javascript';
script.src = 'https://static.vidyo.io/4.1.12.8/javascript/VidyoClient/VidyoClient.jsonload=onVidyoClientLoaded';
在名为 的回调方法上onVidyoClientLoaded
,放置了以下开关盒,
switch (status.state) {
case "READY": // The library is operating normally
console.log("Ready");
break;
case "RETRYING": // The library operating is temporarily paused
console.log("Temporarily unavailable");
break;
case "FAILED": // The library operating has stopped
console.log("Failed");
break;
case "FAILEDVERSION": // The library operating has stopped
console.log("Failed version");
break;
case "NOTAVAILABLE": // The library is not available
console.log("Not available");
break;
case "TIMEDOUT":
console.log("Time out");
break;
}
现在,在运行我的 Angular 项目之后,使用ng serve --host 0.0.0.0
,如果我将 url 打为http://localhost:4200
,则“READY”案例被击中。但是,如果我将 url 设为http://192.168.X.X:4200
,则“NOTAVAILABLE”案例会受到打击。
我无法理解为什么会这样。请帮忙。提前致谢。
解决方案
由于 WebRTC 的浏览器限制,您将获得“NOTAVAILABLE”。大多数浏览器(如 Chrome 和 Firefox)只允许在安全网站 (HTTPS) 上使用 WebRTC,但 localhost 除外。
这就是为什么您可以使用 http://localhost 而不是http://192.168.xx获得“READY”的原因
推荐阅读
- php - Laravel Artisan 命令 - “找不到类”
- reactjs - 如何为 React Gutenberg 属性分配 iframe url 查询参数值
- javascript - 使用 HtmlWebackPlugin 时如何在里面添加某些脚本标签和标签
- css - CSS。定位和溢出
- drupal-8 - 如何在 Drupal 8 中创建和保存用户配置文件字段?
- python - DRF - `write_only=True` 显示在响应模式中
- mysql - SQL 查询为多个 AND 条件返回 0 行
- mysql - Ubuntu 16.04 上的问题 - MySQL 5.7 - 拒绝所有新用户访问,不包括 root
- c# - HttpClient中有多少个连接
- ios - 如何使用 UISearchBar 过滤类型为 [[String:String]] 的数组并显示为 String