Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/virtual-classroom/virtual-classroom

Utilize affordable 360 cameras and VR headset like Google Cardboard to create an intractable virtual classroom.
https://github.com/virtual-classroom/virtual-classroom

a-frame classroom meteorjs virtual-environment virtual-reality webrtc webvr

Last synced: 4 months ago
JSON representation

Utilize affordable 360 cameras and VR headset like Google Cardboard to create an intractable virtual classroom.

Host: GitHub
URL: https://github.com/virtual-classroom/virtual-classroom
Owner: virtual-classroom
License: gpl-3.0
Created: 2017-09-26T14:48:27.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2018-07-04T18:42:10.000Z (over 6 years ago)
Last Synced: 2024-10-01T05:20:49.330Z (4 months ago)
Topics: a-frame, classroom, meteorjs, virtual-environment, virtual-reality, webrtc, webvr
Language: JavaScript
Homepage:
Size: 65.1 MB
Stars: 7
Watchers: 8
Forks: 12
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        ### Virtual Classroom

Utilize affordable 360 cameras and VR headset like Google Cardboard to create a virtual environment.

The project is under supervision of Professor Steve Engels and Professor Paul Gries at the University of Toronto

#### General Idea

As virtual reality (VR) becoming mature, and reasonable priced 360 cameras entering the consumer market; it is possible to visualize a workspace (classroom, meeting room, office etc.) using 360 cameras to record the space, stream through the Internet and view through a VR headset. This project explores this idea and will create a prototype by the end of the semester.

#### Features

- Course and lecture structure

- Instructors, Teaching Assistants, students user types

- Live 360 streaming using A-Frame and YouTube Live

- Live Q/A between instructor and students using WebRTC, Web Speech API and HTML5 Notification

- Live group chat and interaction using A-Frame and WebRTC

- Responsive design

#### Frameworks/Packages Used

- [MeteorJS](http://meteor.com)

- [iron-cli](https://github.com/iron-meteor/iron-cli)

- [meteor-up](https://github.com/zodern/meteor-up)

- [A-Frame](https://aframe.io/)

- [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API)

- [WebRTC](https://webrtc.org/)

#### How to run

- navigate to `app`

- `meteor`

#### Project demo video (Dec 14, 2017)

[![Project demo video](http://img.youtube.com/vi/uRAkkkK9s5o/0.jpg)](https://www.youtube.com/watch?v=uRAkkkK9s5o)