我的乐与怒

Life, thoughts, stories and ideas.

开发一个基于WEB的AR应用

AR.js AR.js 是用于 Web 增强现实的轻量级库，具有图像跟踪、基于位置的 AR 和标记跟踪等功能。 github 地址 : https://github.com/AR-js-org/AR.js 文档: https://ar-js-org.github.io/AR.js-Docs/ 基于位置的AR gps-camera 组件场景中允许一个该对象,将该对象绑定到 camera 实体.用于捕捉设备的运动和摄像机进行关联,处理旋转位置等变化. <a-camera gps-camera rotation-reader></a-camera> rotation-reader 用于处理旋转事件.参考AFrame文档 https://aframe.io/docs/0.9.0/components/camera.html#reading-position-or-rotation-of-the-camera gps-entity-place 组件场景中允许多

Posted by Vincent on Thursday, December 1, 2022

使用A-Frame搭建360VR

简介 A-Frame是一个用于构建虚拟现实(VR)体验的Web框架。 A-Frame基于HTML之上，使其更加易于上手。但是A-Frame不仅仅是3D场景图或标记语言；他的核心是一个强大的实体组件框架，它对three.js进行扩展,提供了一个声明性的、可扩展的和可组合的结构。A-Fr

Posted by Vincent on Thursday, July 29, 2021

WebRTC技术简介-RTCDataChannel

RTCDataChannel WebRTC可以像音频和视频一样支持实时通讯来传输其他类型的数据. RTCDataChannel API可以使端到端进行任意数据的交换,保持低延迟和高吞吐量.这里有一些单页DEMO可供参考. webrtc.github.io/samples/#datachannel 和 WebRTC codelab 展示了如何建立一个简单的文件传输应用. 这个API可以应用到很多业务场景: 游戏远程控制应用实时文字聊天文件传输去

Posted by Vincent on Friday, December 14, 2018

WebRTC技术简介-RTCPeerConnection

第一个WebRPC应用 WebRPC 需要做以下的几件事: 获取音频,视频或者其他数据获取网络信息比如IP地址,端口,并与其他的WebRTC客户端进行交换,穿过NAT合防火墙进行连接. 处理信号以便发起请求报告错误或者关闭会话交换客户端支持的媒体信息,比如分辨率,解码器传输音频视频流或者数据为了获

Posted by Vincent on Wednesday, November 14, 2018

WebRTC技术简介-获取媒体

Google I/O 的介绍 https://youtu.be/p2HzZkd2A40 1 .通过getUserMedia()使用摄像头和麦克风通过 getUserMedia()我们可以在不使用任何插件的情况下访问到摄像头和麦克风. 特性检查只需要检查navigator.mediaDevices.getUserMedia对象是否存在就可以了 function hasGetUserMedia() { return !!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia); } if (hasGetUserMedia())

Posted by Vincent on Friday, November 9, 2018