guoguicheng / Mxreality.js
Licence: gpl-3.0
普通全景视频,直播全景视频,hls和flv全景VR视频直播,全景图片、VR模型、多终端自适应
Stars: ✭ 386
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Mxreality.js
Chimee
a video player framework aims to bring wonderful experience on browser
Stars: ✭ 2,332 (+504.15%)
Mutual labels: video-player, flv, hls
Xgplayer
A HTML5 video player with a parser that saves traffic
Stars: ✭ 4,792 (+1141.45%)
Mutual labels: video-player, flv, hls
Ideaspace
😎 Create interactive 3D and VR web experiences for desktop, mobile & VR devices
Stars: ✭ 344 (-10.88%)
Mutual labels: vr, webvr
cordova-plugin-tencent-liteav
A cordova plugin for video playing with Tencent's LiteAV SDK. Support RTMP/HLS/FLV/MP4.
Stars: ✭ 24 (-93.78%)
Mutual labels: hls, flv
tms
tms(toy media server) is a toy media server for myself learning media develop. Just for fun.
Stars: ✭ 29 (-92.49%)
Mutual labels: hls, flv
kaltura-player-js
Kaltura Player JS Platform - Cloud TV and OVP Media Players
Stars: ✭ 83 (-78.5%)
Mutual labels: hls, video-player
HJPlayer
A HTML5 Player, can play flv and hls by Media Source Extension, based on typescript.
Stars: ✭ 149 (-61.4%)
Mutual labels: hls, flv
Node Video Lib
Node.js Video Library / MP4 & FLV parser / MP4 builder / HLS muxer
Stars: ✭ 264 (-31.61%)
Mutual labels: flv, hls
aframe-mirror-component
Mirror effect material that works with snapshots of the scene for A-Frame
Stars: ✭ 29 (-92.49%)
Mutual labels: vr, webvr
Vue Video Player
🎞 @videojs component for @vuejs
Stars: ✭ 4,026 (+943.01%)
Mutual labels: video-player, hls
aframe-registry
[DISCONTINUED] Curated collection of community A-Frame components.
Stars: ✭ 76 (-80.31%)
Mutual labels: vr, webvr
Chimee Player
A complete set of H5 player. 这是一套包含UI插件、FLV和HLS解码器的快速上手解决方案,可以按您的业务场景适当调整依赖后重新构建打包。
Stars: ✭ 271 (-29.79%)
Mutual labels: flv, hls
aframe-xylayout
Flexbox like 2D layout + UI components for A-Frame.
Stars: ✭ 23 (-94.04%)
Mutual labels: vr, webvr
video-server
Server which connects to set of existing RTSP's and provides HLS/MSE-based streams.
Stars: ✭ 12 (-96.89%)
Mutual labels: hls, video-player
mxreality 读音 mix reality
免费软件,但受软件版权保护,尊重作者的成果,严格遵守协议内容并且保留播放器版权信息
♨️商务合作请咨询
-
🐡本站提供全面的VR全景视频、普通2D和3D视频是在线免费上传分享功能,支持免费在线直播。
-
🎈提供VR视频和普通视频直播技术支持
-
💓关注官方微信公众号“迷视VR资讯”,获取最新的VR咨询内容
-
🌼加入QQ群863363544与各路同行大佬交流行业技术心得
搭建nginx服务器、windows用户找到 安装->nginx在windows安装,根据教程安装然后修改nginx.conf配置文件,指定当前项目目录为根目录,然后在浏览器地址栏输入localhost打开即可查看例子
如果你不太了解web服务器或是初学者,查看例子前先web引用
#如果连带hls.js 和flv.js库,则添加 --recursive 参数 # (速度慢则可自行单独clone)
$ git clone https://github.com/guoguicheng/mxreality.js.git
$ cd mxreality.js
$ npm install
$ gulp build
初始化例子
<script src="./build/three.js"></script>
<script src="./build/mxreality.js"></script>
<!-- hls 直播(按需引入) -->
<script src="./libs/hls.js"></script>
<!-- flv 直播(按需引入) -->
<script src="./libs/flv.js"></script>
<div id='example'></div>
<script>
container=document.getElementById('example')
renderer = new THREE.WebGLRenderer();
container.appendChild(renderer.domElement);
scene = new THREE.Scene();
var vr=new VR(scene,renderer,container);
vr.init(function(){
})
vr.playPanorama('360.mp4',<vrType>);
// <vrType>播放类别:
// vr.resType.video 播放VR视频
// vr.resType.box 天空盒子模式
// vr.resType.slice 全景图片切片模式
// vr.resType.sliceVideo 全景视频分片模式或者是HLS直播模式
// vr.resType.flvVideo FLV直播模式
</script>
npm引用
-
1、全景图片播放
-
5、全景图热点切换
-
6、热点鼠标点击事件
-
7、全景场景(飞鸟)
-
8、全景场景(模型)
-
10、全景场景(模型地球)
-
11、全景视频
-
12、热点图标设置
-
13、天空盒子
-
14、全景视频小行星视角初始化
-
15、全景MKV格式视频
-
16、全景视频
-
17、全景视频直播(HLS流)
-
18、全景视频直播(FLV流)
-
20、自定义流解码器
-
21、强制指定流解码器
-
22、混合现实(需摄像头支持)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].