search

limingth / NeXT-classroom

Next classroom for maodou.io
1 stars 0 forks source link

Chrome 版本 37.0.2062.94 无法共享桌面 #8

Open limingth opened 10 years ago

limingth commented 10 years ago

今天我的 Chrome 自动升级了，原来的测试 demo 共享桌面无法使用。

版本 37.0.2062.94 @wzhan12

ggxx commented 10 years ago

目前看来，chrome出于对安全的考虑，禁用了页面javascript脚本中getUserMedia的共享桌面。解决方法是通过chrome extension的方式访问getUserMedia API。

ggxx commented 10 years ago

我的也自动升级到了版本 37.0.2062.103 m，测试上面方法可行。

limingth commented 10 years ago

@ggxx 陈渝老师那边说你已经可以demo了，能否尽快和张宝合作，把我们的视频教室发布新版本 2.0 ？

ggxx commented 10 years ago

@limingth 是的，Demo代码与测试文档已经push到repo中。 @lonsdale8734 什么时候有时间？

limingth commented 10 years ago

看到 demo 代码了。

我现在用的是 macbook air 上的 chrome 37 版本，安装了 插件 extension，并且 port install apache2 之后，按照你给的流程说明，可以录制并生成2个文件，webm 的拖入到 chrome 中可以播放。

目前看起来，如果需要回放，可以同时播放2个文件，简单同步一下即可。

@ggxx 我有如下3个新需求：

  1. 能否把这个 demo 搭建到 166.111.131.12 的服务器上，这样可以省去本地安装 apache2 的步骤。
  2. 生成的文件不在本地保存，直接放到服务器上
  3. 能否做一个回放按钮，直接同时播放 视频和音频，这样本地就无需进行额外操作，都放到网页中。

2014-09-10 2:30 GMT-07:00 ggxx notifications@github.com:

@limingth https://github.com/limingth 是的，Demo代码与测试文档已经push到repo中。 @lonsdale8734 https://github.com/lonsdale8734 什么时候有时间？

— Reply to this email directly or view it on GitHub https://github.com/limingth/NeXT-classroom/issues/8#issuecomment-55091530 .

Ming Li

ggxx commented 10 years ago
  1. 目前的测试网址是https://166.111.131.12/webrtc/index.html
  2. 文件肯定是在客户端生成的，可以上传到服务器上之后再删掉
  3. 这个功能我会尽快加上
limingth commented 10 years ago

@ggxx

生成在服务器端的好处是，学生和老师，以及其他用户都可以同时得到，方便传播链接，而不是文件。

如果不能，则可以做一个自动上传按钮，把本次生成的文件，无需用户输入文件名，直接上传到服务器。

回放按钮可以开2个线程，1个播放视频，1个播放音频，只要效果上是同步就行，先不用整合为1个 mp4 文件。

在 2014年9月21日 上午1:06，ggxx notifications@github.com写道：

  1. 目前的测试网址是https://166.111.131.12/webrtc/index.html
  2. 文件肯定是在客户端生成的，可以上传到服务器上之后再删掉
  3. 这个功能我会尽快加上

— Reply to this email directly or view it on GitHub https://github.com/limingth/NeXT-classroom/issues/8#issuecomment-56292274 .

ggxx commented 10 years ago

更正之前的测试结果： chrome版本 37.0.2062.124 m在https访问时可以实现桌面分享，http下不行。 Demo可参考 https://www.webrtc-experiment.com/demos/screen-and-video-from-single-peer.html

limingth commented 10 years ago

@ggxx 如何能够在 37版本下面进行桌面共享？ 能否帮助张宝把第2个教室的桌面共享功能在37版本的浏览器上搭建起来

我这里是37版本，在之前张宝的 audiochatroom.html 页面里面，点击 共享桌面 按钮，没有反映。

李明 / maodou.io

2014-10-13 23:37 GMT-07:00 ggxx notifications@github.com:

更正之前的测试结果： chrome版本 37.0.2062.124 m在https访问时可以实现桌面分享，http下不行。 Demo可参考

https://www.webrtc-experiment.com/demos/screen-and-video-from-single-peer.html

— Reply to this email directly or view it on GitHub https://github.com/limingth/NeXT-classroom/issues/8#issuecomment-58996395 .

ggxx commented 10 years ago

@limingth 打开下面这个页面可以看到桌面共享吗？ https://www.webrtc-experiment.com/demos/screen-and-video-from-single-peer.html

limingth commented 10 years ago

看不到。我看到的如图： image

ggxx commented 10 years ago

怪啊，我的能看到，左边video是摄像头，右边video是桌面。可以按F12看看console下有没有什么错误提示？ 我再测试一下

ggxx commented 10 years ago

chrome37桌面共享的解决方案：

  1. 网站需要使用https访问
  2. 使用命令行运行chrome，增加启动参数 --enable-usermedia-screen-capturing
limingth commented 10 years ago

@ggxx 能否截图说明一下，如何增加启动参数？

李明 / maodou.io

2014-10-14 3:41 GMT-07:00 ggxx notifications@github.com:

chrome37桌面共享的解决方案：

  1. 网站需要使用https访问
  2. 使用命令行运行chrome，增加启动参数 --enable-usermedia-screen-capturing

— Reply to this email directly or view it on GitHub https://github.com/limingth/NeXT-classroom/issues/8#issuecomment-59020843 .

limingth commented 10 years ago

通过 chrome://flags/ 没有发现 --enable-usermedia-screen-capturing 这个参数。

console 下面设置也没有成功。

image

ggxx commented 10 years ago

在Linux下，可以在Terminal中输入{YOUR_PATH}\google-chrome --enable-usermedia-screen-capturing启动chrome 在Windows下，可以在桌面新建一个chrome的快捷方式，右键查看快捷方式的属性，在Shortcut选项卡中编辑Target文本框，改成类似下面的样子C:\Users\myname\AppData\Local\Google\Chrome\Application\chrome.exe --enable-usermedia-screen-capturing，双击这个快捷方式启动chrome就可以了。

limingth commented 10 years ago

How about Mac Chrome?

李明 / maodou.io

2014-10-14 9:59 GMT-07:00 ggxx notifications@github.com:

在Linux下，可以在Terminal中输入{YOUR_PATH}\google-chrome --enable-usermedia-screen-capturing启动chrome

在Windows下，可以在桌面新建一个chrome的快捷方式，右键查看快捷方式的属性，在Shortcut选项卡中编辑Target文本框，改成类似下面的样子C:\Users\myname\AppData\Local\Google\Chrome\Application\chrome.exe --enable-usermedia-screen-capturing，双击这个快捷方式启动chrome就可以了。

— Reply to this email directly or view it on GitHub https://github.com/limingth/NeXT-classroom/issues/8#issuecomment-59079332 .

ggxx commented 10 years ago

我不太了解苹果电脑……应该是同样的方法，在类似Linux terminal（或Windows cmd）这样的命令行工具中找到chrome可执行程序所在的路径，输入google-chrome（或chrome.exe），然后在后面添加参数就可以启动chrome了。

limingth commented 10 years ago

好像不行，还没解决。你找有苹果电脑的人试试。

李明 / maodou.io

在 2014年10月14日 上午10:12，ggxx notifications@github.com写道：

我不太了解苹果电脑……应该是同样的方法，在类似Linux terminal（或Windows cmd）这样的命令行工具中找到chrome可执行程序所在的路径，输入google-chrome（或chrome.exe），然后在后面添加参数就可以启动chrome了。

— Reply to this email directly or view it on GitHub https://github.com/limingth/NeXT-classroom/issues/8#issuecomment-59081176 .

ggxx commented 10 years ago

参考这个试试 http://archives.guao.hk/posts/use-a-command-line-argument-automatically-with-chrome-mac.html

limingth commented 10 years ago

limingth@gmail /Applications/Google Chrome.app/Contents/MacOS$ ./"Google Chrome" --enable-usermedia-screen-capturing

测试成功了可以看到屏幕，但下面这个链接好像看不到左侧的用户名，张宝看看怎么回事？

https://maodou.io:3004/audiochatroom.html?username=11&role=1&room=on

image