支持语音,图片发送的聊天室

原创 1275917839 随笔 JS 173阅读 29 天前 举报

Chatroom

一个支持语音,图片发送并在移动端可用的公共聊天室

示例地址
Github

图片

  • 图片发送支持粘贴,拖拽,本地文件上传三种方式
  • 按照光标在合适的位置插入图片,因为服务器较小所以图片发送时会在前端进行压缩,可以混合文本发送

语音

  • Chrome,Safari,Opera均不支持在非安全来源网站(例如http)下使用录音API(可能是因为它们都使用的webkit内核?),目的在于避免网站含有恶意录音的脚本代码获取用户隐私。IE不支持录音,所以http下可用录音功能的浏览器只有Firefox了。但是chrome可以用以下步骤越过此限制:
    • 在谷歌浏览器的安装目录下(一般是C:\Program Files (x86)\Google\Chrome\Application)找到chrome.exe
    • 右键点击该exe文件,点击发送到,点击桌面快捷方式
    • 在C盘下建立ChromeTempFiles文件夹
    • 右键点击快捷方式,点击属性,在快捷方式标签页下修改目标值为"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="C:\ChromeTempFiles" --unsafely-treat-insecure-origin-as-secure=http://47.106.66.80
    • 用快捷方式启动chrome即可
    • 如果还是不行,请移步这篇回答
  • 录音支持试听,由于大小限制,录音时长不得超过15s
  • IE不支持WAV文件,无法在IE上播放录音

移动端

  • 移动端无法录音,其余和PC端一致
评论 ( 1 )
最新评论