GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kasperkamperman → Mobilecameratemplate

kasperkamperman / Mobilecameratemplate

Licence: mit
A HTML5, JS, CSS Camera interface template. Feel free to use it in your next Computer Vision or AI project.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

computer-visionaicamerawebrtc-demos

Projects that are alternatives of or similar to Mobilecameratemplate

Smartopencv
🔥 🔥 🔥 SmartOpenCV是一个OpenCV在Android端的增强库，解决了OpenCV Android SDK在图像预览方面存在的诸多问题，且无需修改OpenCV SDK源码，与OpenCV的SDK解耦
Stars: ✭ 1,869 (+1188.97%)
Mutual labels:  ai, camera
React Native Vision Camera
📸 The Camera library that sees the vision.
Stars: ✭ 443 (+205.52%)
Mutual labels:  ai, camera
Frigate
NVR with realtime local object detection for IP cameras
Stars: ✭ 1,329 (+816.55%)
Mutual labels:  ai, camera
Image classifier
CNN image classifier implemented in Keras Notebook 🖼️.
Stars: ✭ 139 (-4.14%)
Mutual labels:  ai
C Is For Camera
A 35mm camera, based on the Canonet G-III QL17 rangefinder, simulated in Python.
Stars: ✭ 138 (-4.83%)
Mutual labels:  camera
Algorithms
A collection of common algorithms and data structures implemented in java, c++, and python.
Stars: ✭ 142 (-2.07%)
Mutual labels:  ai
Awesome Fairness In Ai
A curated list of awesome Fairness in AI resources
Stars: ✭ 144 (-0.69%)
Mutual labels:  ai
Pleco
A Rust-based re-write of the Stockfish Chess Engine
Stars: ✭ 137 (-5.52%)
Mutual labels:  ai
Rivescript Python
A RiveScript interpreter for Python. RiveScript is a scripting language for chatterbots.
Stars: ✭ 142 (-2.07%)
Mutual labels:  ai
Androidcamera
🔥🔥🔥自定义Android相机(仿抖音 TikTok)，其中功能包括视频人脸识别贴纸，美颜，分段录制，视频裁剪，视频帧处理，获取视频关键帧，视频旋转，添加滤镜，添加水印，合成Gif到视频，文字转视频，图片转视频，音视频合成，音频变声处理，SoundTouch，Fmod音频处理。 Android camera(imitation Tik Tok), which includes video editor,audio editor,video face recognition stickers, segment recording,video cropping, video frame processing, get the first video frame, key frame, v…
Stars: ✭ 2,112 (+1356.55%)
Mutual labels:  camera
Lazy
Lazy, AI chatbot service.
Stars: ✭ 141 (-2.76%)
Mutual labels:  ai
Imageprocessing
MicaSense RedEdge and Altum image processing tutorials
Stars: ✭ 139 (-4.14%)
Mutual labels:  camera
Python Sc2
A StarCraft II bot api client library for Python 3
Stars: ✭ 141 (-2.76%)
Mutual labels:  ai
Irwin
irwin - the protector of lichess from all chess players villainous
Stars: ✭ 138 (-4.83%)
Mutual labels:  ai
Caiss
跨平台/多语言的 相似向量/相似词/相似句 高性能检索引擎。功能强大，使用方便。欢迎star & fork。Build together! Power another !
Stars: ✭ 142 (-2.07%)
Mutual labels:  ai
Leelasabaki
Leela (Zero) integration with Sabaki.
Stars: ✭ 138 (-4.83%)
Mutual labels:  ai
Awesome Quantum Machine Learning
Here you can get all the Quantum Machine learning Basics, Algorithms ,Study Materials ,Projects and the descriptions of the projects around the web
Stars: ✭ 1,940 (+1237.93%)
Mutual labels:  ai
All4nlp
All For NLP, especially Chinese.
Stars: ✭ 141 (-2.76%)
Mutual labels:  ai
Nlpaug
Data augmentation for NLP
Stars: ✭ 2,761 (+1804.14%)
Mutual labels:  ai
Lessonmaterials
Open Sourced Curriculum and Lessons for an Introductory AI/ML Course
Stars: ✭ 142 (-2.07%)
Mutual labels:  ai
View All Similar Projects ➔

Mobile (and Desktop) Camera App Template (HTML, CSS, JS and WebRTC)

Release 17-05-2020: Replaced DetectRTC with own code to solve a bug on iOS 13.4.1

I like to experiment with Computer Vision and AI API's (like Azure Cognetive Services, Google Cloud Vision, IBM Watson) to see if I can utilise them for some ideas.

The most easy way to test those scripts and APIs them is by directly making a photo and sending image data to the API/script, instead of uploading files. I didn't find a fast mobile first camera template for HTML5 as a starting point for my prototypes, so I developed one myself. The interface setup is mainly inspired by the standard Android and iOS Cameras.

The template doesn't do anything with the image(canvas) data yet, I'll leave that up to you. If you need help with integrations or app development (PHP, Vue), feel free to contact me.

Feel free to use it in your next Computer Vision or AI project.

Requirements

  • WebRTC is only supported on secure connections. So you need to serve it from https. You can test and debug in Chrome from localhost though (this doesn't work in Safari).

  • A recent OS and browser. It should work on recent Phones and OS-es. If it isn't, please let me know (issue) (including a suggestion to fix it). Also add the debugging info in the console.

Functionalities

  • Fullscreen mode (not on Safari mobile (iOS))
  • Take Photo
  • Flip Camera (environment / user)
  • Supports both portrait and landscape mode

Check the demo

Used Libraries:

Used Assets:

Tested with:

  • Chrome Android 8.0 (Nokia 5)
  • Chrome 65 - Chrome 80
  • Safari 11.0.3, 13.1
  • Safari mobile - iOS 11, iOS 12, iOS 13.4.1

Created by

Kasper Kamperman

Credits and a link to my website are always appreciated. I'm always curious how people end up using my stuff, so feel free to mail or send a tweet @kasperkamperman.

Good WebRTC resources

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].