Vue WebRTC Photo App

This is a simple app to take a photo from your device's camera.

You can check the live demo here.

This project is built with:

• Frontend Framework: Vuejs
• Created with: Vue CLI
• Project Source: Taking still photos with WebRTC
• Deployment: Surge

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with
• Author
• Project Setup

Overview

The challenge

Users should be able to:

• See the video stream from his/her camera when the app is opened
• See the list of media devices (cameras and microphones) connected to the computer
• Select desired media devices from the lists
• Take a photo by clicking the "Take Photo" button
• See the taken photo

Links

• Solution URL: Github Link
• Live Demo URL: Vue WebRTC Photo App

My process

Built with

• HTML5
• CSS Flexbox
• Vuejs
• Vue CLI
• WebRTC Official
• WebRTC MDN
• Surge

Author

• Portfolio - Fatih Özoğlu
• Linkedin - Fatih Özoğlu

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.