如何使用WebRTC insde Google Chrome扩展程序?

亚雷克

我已经开发了谷歌浏览器扩展程序。

我现在正在尝试将webRTC功能集成到其中:

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
console.log("step1");
navigator.getUserMedia({audio: true, video: true}, function(stream){
    console.log("step2");
    $('#myVideo').prop('src', URL.createObjectURL(stream));
    window.localStream = stream;
    console.log("step3");

  }, function(error){ 
    console.log(error);
 });

我收到一个错误:

step1
NavigatorUserMediaError {constraintName: "", message: "", name: "InvalidStateError"}

任何的想法 ?

在扩展程序中使用webrtc是否需要任何特殊权限?并且可以访问扩展中的webrtc吗?

问候

这是我称为“弹出窗口”的屏幕截图(扩展名=弹出窗口+背景) 弹出窗口= chrome扩展名

罗伯·W

为了在Chrome扩展程序的背景页面中使用WebRTC或语音识别API,您需要在扩展名的标签,(弹出式)窗口或iframe(在标签内)中打开扩展页(如果使用iframe,别忘了在中列出该页面web_accessible_resources在此页面中,调用navigator.webkitGetUserMedia以触​​发权限提示。用户批准许可后,您的扩展名(特别是背景页面)可以再次请求访问麦克风/摄像机,并且该请求将自动被批准。

争论是否需要一次提示后进行静默批准,这是有争议的,这也是无法在扩展中使用audioCapturevideoCapture许可的原因不过,audioCapturevideoCapture权限在将来提供,因此,即使您的扩展程序需要扩展名,即使在当前版本的Chrome无法识别扩展名的权限时,我也建议将这些权限放入清单文件中。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何卸载此Google Chrome扩展程序?

来自分类Dev

如何查看Google Chrome扩展程序的来源?

来自分类Dev

在Chrome扩展程序中使用Google图表

来自分类Dev

Google Fire使用Firebase登录Chrome中的Chrome扩展程序

来自分类Dev

如何在Selenium中使用Google Chrome扩展程序?

来自分类Dev

如何为Google Chrome扩展程序创建安装程序

来自分类Dev

如何使Chrome扩展程序标题栏如Google Hangouts?

来自分类Dev

如何缩小我的Google Chrome扩展程序的JavaScript文件

来自分类Dev

如何将Google表格集成到Chrome扩展程序

来自分类Dev

如何从Chrome扩展程序下载公共Google云端硬盘文件?

来自分类Dev

如何重定向Google Chrome扩展程序中的某些页面?

来自分类Dev

使用Chrome扩展程序将jQuery注入Google.com

来自分类Dev

使用Google Chrome扩展程序访问本地文件

来自分类Dev

使用Google Chrome扩展程序访问本地文件

来自分类Dev

使用Google chrome扩展程序重定向到url

来自分类Dev

Javascript无法在Google Chrome扩展程序中使用

来自分类Dev

无法在Google Chrome扩展程序中使用jQuery

来自分类Dev

使用我的Chrome扩展程序更改Google搜索页的背景

来自分类Dev

使用Google Chrome扩展程序导入/导出JSON文件?

来自分类Dev

Javascript无法在Google Chrome扩展程序中使用

来自分类Dev

在Chrome扩展程序中无法使用Google Analytics(分析)

来自分类Dev

Google Chrome扩展程序错误

来自分类Dev

更新Google Chrome扩展程序

来自分类Dev

Google Chrome扩展程序:如何确定用户是否已登录Chrome浏览器?

来自分类Dev

如何将chrome.alarms用于Google Chrome扩展程序

来自分类Dev

无法使用Google Chrome扩展程序触发chrome.browserAction.onClicked.addListener

来自分类Dev

如何使用Google Chrome扩展程序覆盖用crossorigin =“ anonymous”引用的javascript文件?

来自分类Dev

如何使用JS Regex从Google查询链接获取查询的价值?(Chrome扩展程序)

来自分类Dev

Google Chrome扩展程序:多功能框关键字如何使用?

Related 相关文章

  1. 1

    如何卸载此Google Chrome扩展程序?

  2. 2

    如何查看Google Chrome扩展程序的来源?

  3. 3

    在Chrome扩展程序中使用Google图表

  4. 4

    Google Fire使用Firebase登录Chrome中的Chrome扩展程序

  5. 5

    如何在Selenium中使用Google Chrome扩展程序?

  6. 6

    如何为Google Chrome扩展程序创建安装程序

  7. 7

    如何使Chrome扩展程序标题栏如Google Hangouts?

  8. 8

    如何缩小我的Google Chrome扩展程序的JavaScript文件

  9. 9

    如何将Google表格集成到Chrome扩展程序

  10. 10

    如何从Chrome扩展程序下载公共Google云端硬盘文件?

  11. 11

    如何重定向Google Chrome扩展程序中的某些页面?

  12. 12

    使用Chrome扩展程序将jQuery注入Google.com

  13. 13

    使用Google Chrome扩展程序访问本地文件

  14. 14

    使用Google Chrome扩展程序访问本地文件

  15. 15

    使用Google chrome扩展程序重定向到url

  16. 16

    Javascript无法在Google Chrome扩展程序中使用

  17. 17

    无法在Google Chrome扩展程序中使用jQuery

  18. 18

    使用我的Chrome扩展程序更改Google搜索页的背景

  19. 19

    使用Google Chrome扩展程序导入/导出JSON文件?

  20. 20

    Javascript无法在Google Chrome扩展程序中使用

  21. 21

    在Chrome扩展程序中无法使用Google Analytics(分析)

  22. 22

    Google Chrome扩展程序错误

  23. 23

    更新Google Chrome扩展程序

  24. 24

    Google Chrome扩展程序:如何确定用户是否已登录Chrome浏览器?

  25. 25

    如何将chrome.alarms用于Google Chrome扩展程序

  26. 26

    无法使用Google Chrome扩展程序触发chrome.browserAction.onClicked.addListener

  27. 27

    如何使用Google Chrome扩展程序覆盖用crossorigin =“ anonymous”引用的javascript文件?

  28. 28

    如何使用JS Regex从Google查询链接获取查询的价值?(Chrome扩展程序)

  29. 29

    Google Chrome扩展程序:多功能框关键字如何使用?

热门标签

归档