HTML5在线教程和技术博客

  • npm install error: tunneling socket could not be established

    出现这个问题是因为代理设置不对,执行如下命令:
    config>set>proxy>http://proxyhost:proxyport config>set>https-proxy>http://proxyhost:proxyport其中proxyhost可以是localhost,即本地代理,proxyport是端口号。如果没有proxy,则需要去除:config>set>proxy>null config>set>https-proxy>null

    阅读全文 收藏 评论 (0) 阅读 (64) 2019-05-13 18:07:22  
  • 浏览器报错: Failed to execute 'createObjectURL' on 'URL'

    之前工作的网页调用摄像头获取视频并拍照的作品报错:Failed to execute 'createObjectURL' on 'URL'原因是Chrome升级后,新版本的Chrome不再支持该用法。其他主流浏览器也是如此,详细讨论请参考如下链接:

    阅读全文 收藏 评论 (0) 阅读 (257) 2019-04-25 16:23:38  
  • IntersectionObserver(相交观察器) API简介及在线实例

    有时候我们希望跟踪DOM中的元素何时进入屏幕视线可见区域,这样就可以延迟加载图像或其他数据(比如广告)。要实现这样的目的,一般的思路是我们可以通过挂接滚动事件或使用定时器并对该元素调用getboundingclientrect(),然后计算元素包围盒是否落在当前位置的窗口区域中来完成。然而,这种方法非常缓慢,因为每次调用getb...

    阅读全文 收藏 评论 (0) 阅读 (180) 2019-04-25 14:26:26  
  • 基于jsmpeg库下使用ffmpeg创建视频流连接websocket中继器传输视频并播放

    这个功能的基本工作是这样的:  1.使用node运行jsmpeg库下的websocket-relay.js文件,这个文件的作用是创建一个websocket视频传输中继器  2.运行ffmpeg,将输出发送到中继的HTTP端口,这个http端口是使用node.js搭建的一个简易的http服务器  3.将浏览器中的JSMpeg连接到中继的Websocket端口,浏览器中的JSMpeg是node.js...

    阅读全文 收藏 评论 (0) 阅读 (310) 2019-04-09 13:24:35  
  • videos播放rtmp流遇到的一些问题

    >利用videos播放rtmp流遇到的一些问题此处使用的是videojs的5.xx版本,尝试利用6.xx或者7.xx是播放不了rtmp流的,6以上的videojs版本默认取消了flash的支持,因此在项目中如果必须使用高版本,可以添加支持flash的js文件videojs-flash。在项目中因为需要使用高版本来播放HLS,因此与5.xx版本冲突,所以我的解决办法是添加了...

    阅读全文 收藏 评论 (0) 阅读 (590) 2019-03-29 12:48:58  
  • 初识websocket

    之前对websocket是一点都不了解(H5都那么久了,实在不该),由于工作中需要了解websocket相关知识,自己查阅资料、模拟环境、调试等一系列操作之后从网上看到适合小白的一段代码,Ctrl+C,Ctrl+V之后,在代码中加了自己的理解,代码中注释是自己的一些看法,理解如有误,路过的大神多指正,小白级别,勿喷哦。在服务端使用...

    阅读全文 收藏 评论 (0) 阅读 (539) 2019-03-25 18:25:32  
  • CentOS6 Apache2.2多站点HTTPS配置

    可以使用letsencrypt(certbot)免费证书服务。支持多系统、多站点和多目录,支持wildcard(通配符域名),90天生效,可用定时任务自动更新。需要注意一点的是apache2.4以下版本需要在默认的ssl配置中添加如下的指令:NameVirtualHost>*:443否则,只会第一个vhost配置中的域名生效。vhost配置示例如下:&VirtualHost>*:443S...

    阅读全文 收藏 评论 (0) 阅读 (275) 2019-03-03 18:24:33  
  • 3D感知和建模关键硬件技术:双目、3D结构光和TOF

    无论VR、AR和3D打印,其核心技术包含3D成像和建模。而3D建模属于劳动密集型的工作,耗时耗力,凡这类工作都会是被新技术革命的地方,自动3D建模技术就是为了解决这样的产业瓶颈。而自动3D建模的一个技术前提是需要设备(如手机或专业的3D扫描仪)能够有效(高精度且快速)感知3D景深。这就引出了本文的主...

    阅读全文 收藏 评论 (0) 阅读 (436) 2019-02-28 14:28:08  
  • 2019年开源WebRTC媒体服务器选型比较

    什么是WebRTC服务器?在WebRTC的早期开始,该技术的主要卖点之一是它允许点对点(浏览器到浏览器)通信,几乎没有服务器的干预,服务器通常仅用于信令(比如用于连接代理)。 在这个应用阶段,一个专门的WebRTC媒体服务器的概念显得有点多余。
    但是随着WebRTC应用场景变得复杂,比如在线视频会议,这个时候点对点通讯会...

    阅读全文 收藏 评论 (0) 阅读 (1523) 2019-01-21 18:41:39  
  • 3D场景中多相机拍摄的原理和意义

    一般而言,3D场景的渲染只需要一个相机,不过借助多相机可以获取一些单相机无法达到的特效。比如突显特定对象并模糊背景。
    3D相机渲染的基本原理是依靠颜色缓存和深度缓存区,颜色缓存用来成像,深度缓存用来剔除不可见对象。相机每一帧渲染时,一般都会清除这两个缓冲区,否则就会出现重影现象。多个相机渲染时,有先...

    阅读全文 收藏 评论 (0) 阅读 (2016) 2018-08-13 13:35:58