HTML5在线教程和技术博客

  • WebGL 2D纹理坐标到3D顶点坐标的映射

    webgl纹理映射用来把图片贴到模型的材料表面,给模型添加丰富的细节。该方法的核心是把一张二维的图片映射到三维的坐标空间去,也就是为每一个3d顶点找到其相应的纹理像素。要想实现这样的目标,显然需要先把3d模型展开为2d的平面,然后才可以和2d贴图建立对等的映射关系。我们这里以一个最简单的平面来观察这个映射的过程...

    阅读全文 收藏 评论 (1) 阅读 (99) 2019-09-12 20:24:55  
  • WebXR基本概念和应用程序开发简介

    XR是VR,AR和MR的统称,VR,AR是从感官体验的角度来区分的,
    VR是用户借助外设输入输出(头戴、手柄、体感、运动感知等软硬件系统)来和纯虚拟场景的交互体验,AR也是用户借助外设来体验额外的虚拟内容,区别是虚拟内容是叠加在真实世界上,其方式可以是通过透射或者视频叠加。WebXR是基于网页的XR应用程序,可以用来支持...

    阅读全文 收藏 评论 (0) 阅读 (129) 2019-09-02 18:31:12  
  • 网站SSL安全证书认证的基本过程和原理

    现在的网站基本上都迁移到了https协议上,https是http协议的安全升级版本。在原来的http协议下,如果有人截获了你发送给服务器的报文,就能获取里面的信息,比如用户名乃至密码。所以http协议单纯从传输层面看是不安全的,其信息安全性得依赖额外的应用层面来保证。那么如何保证信息交互的安全性呢,一般是通过密钥对的方式...

    阅读全文 收藏 评论 (0) 阅读 (148) 2019-08-16 13:33:18  
  • 体积光原理及WebGL实现

    体积光(或叫上帝之光)在自然界中是十分常见的现象,如太阳光从云隙中透过时产生的云隙光,森林中阳光从树叶中穿过产生的光柱。如果我们要在网页三维场景中模拟这种光效,需要深入了解大气物理模型和光散射原理。大气物理模型物体与其观察者之间存在着复杂的介质,比如太阳光到达我们眼睛是穿过了厚厚的大气层,大气层里面...

    阅读全文 收藏 评论 (1) 阅读 (399) 2019-07-16 17:43:36  
  • 构建网站我们该选择Laravel还是React

    现在构建网站的可选项很多,就架构上来讲,有两种方式:一种是传统的服务端动态语言构建,使用PHP/JAVA/Python的开发框架,比如Laravel/Yii/Django/Spring,在服务端完成特定语言模板的解析并生成标签文本输出到客户端(即SSR:服务端渲染);另外一种使用前后端分离的方式,也就是通过后端(Healess CMS)纯粹提供数据,给...

    阅读全文 收藏 评论 (1) 阅读 (670) 2019-05-22 16:27:56  
  • IntersectionObserver(相交观察器) API简介及在线实例

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

    阅读全文 收藏 评论 (0) 阅读 (545) 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) 阅读 (720) 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) 阅读 (2456) 2019-03-29 12:48:58  
  • 初识websocket

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

    阅读全文 收藏 评论 (0) 阅读 (887) 2019-03-25 18:25:32  
  • 2019年开源WebRTC媒体服务器选型比较

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

    阅读全文 收藏 评论 (0) 阅读 (3506) 2019-01-21 18:41:39