Initial working version.
commit
5c6ca82c13
@ -0,0 +1,61 @@
|
|||||||
|
# Byte-compiled / optimized / DLL files
|
||||||
|
__pycache__/
|
||||||
|
*.py[cod]
|
||||||
|
|
||||||
|
# C extensions
|
||||||
|
*.so
|
||||||
|
|
||||||
|
# Distribution / packaging
|
||||||
|
.Python
|
||||||
|
env/
|
||||||
|
build/
|
||||||
|
develop-eggs/
|
||||||
|
dist/
|
||||||
|
downloads/
|
||||||
|
eggs/
|
||||||
|
.eggs/
|
||||||
|
lib/
|
||||||
|
lib64/
|
||||||
|
parts/
|
||||||
|
sdist/
|
||||||
|
var/
|
||||||
|
*.egg-info/
|
||||||
|
.installed.cfg
|
||||||
|
*.egg
|
||||||
|
|
||||||
|
# PyInstaller
|
||||||
|
# Usually these files are written by a python script from a template
|
||||||
|
# before PyInstaller builds the exe, so as to inject date/other infos into it.
|
||||||
|
*.manifest
|
||||||
|
*.spec
|
||||||
|
|
||||||
|
# Installer logs
|
||||||
|
pip-log.txt
|
||||||
|
pip-delete-this-directory.txt
|
||||||
|
|
||||||
|
# Unit test / coverage reports
|
||||||
|
htmlcov/
|
||||||
|
.tox/
|
||||||
|
.coverage
|
||||||
|
.coverage.*
|
||||||
|
.cache
|
||||||
|
nosetests.xml
|
||||||
|
coverage.xml
|
||||||
|
*,cover
|
||||||
|
|
||||||
|
# Translations
|
||||||
|
*.mo
|
||||||
|
*.pot
|
||||||
|
|
||||||
|
# Django stuff:
|
||||||
|
*.log
|
||||||
|
local_settings.py
|
||||||
|
|
||||||
|
# Sphinx documentation
|
||||||
|
docs/_build/
|
||||||
|
|
||||||
|
# PyBuilder
|
||||||
|
target/
|
||||||
|
|
||||||
|
# sqlite database
|
||||||
|
*.sqlite3
|
@ -0,0 +1,3 @@
|
|||||||
|
from django.contrib import admin
|
||||||
|
|
||||||
|
# Register your models here.
|
@ -0,0 +1,5 @@
|
|||||||
|
from django.apps import AppConfig
|
||||||
|
|
||||||
|
|
||||||
|
class CameraConfig(AppConfig):
|
||||||
|
name = 'camera'
|
@ -0,0 +1,42 @@
|
|||||||
|
from channels.generic.websocket import AsyncWebsocketConsumer
|
||||||
|
|
||||||
|
|
||||||
|
class VideoConsumer(AsyncWebsocketConsumer):
|
||||||
|
async def connect(self):
|
||||||
|
self.room_name = self.scope['url_route']['kwargs']['room_name']
|
||||||
|
self.kind = self.scope['url_route']['kwargs']['kind']
|
||||||
|
self.listen_group_name = '%s_%s' % (self.kind, self.room_name)
|
||||||
|
other_kind = 'client' if self.kind == 'host' else 'host'
|
||||||
|
self.send_group_name = '%s_%s' % (other_kind, self.room_name)
|
||||||
|
|
||||||
|
# Join room group
|
||||||
|
await self.channel_layer.group_add(
|
||||||
|
self.listen_group_name,
|
||||||
|
self.channel_name
|
||||||
|
)
|
||||||
|
|
||||||
|
await self.accept()
|
||||||
|
|
||||||
|
async def disconnect(self, close_code):
|
||||||
|
# Leave room group
|
||||||
|
await self.channel_layer.group_discard(
|
||||||
|
self.listen_group_name,
|
||||||
|
self.channel_name
|
||||||
|
)
|
||||||
|
|
||||||
|
# Receive message from WebSocket
|
||||||
|
async def receive(self, text_data):
|
||||||
|
await self.channel_layer.group_send(
|
||||||
|
self.send_group_name,
|
||||||
|
{
|
||||||
|
'type': 'chat_message',
|
||||||
|
'message': text_data
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
# Receive message from room group
|
||||||
|
async def chat_message(self, event):
|
||||||
|
message = event['message']
|
||||||
|
|
||||||
|
# Send message to WebSocket
|
||||||
|
await self.send(text_data=message)
|
@ -0,0 +1,3 @@
|
|||||||
|
from django.db import models
|
||||||
|
|
||||||
|
# Create your models here.
|
@ -0,0 +1,8 @@
|
|||||||
|
from django.urls import re_path
|
||||||
|
|
||||||
|
from . import consumers
|
||||||
|
|
||||||
|
websocket_urlpatterns = [
|
||||||
|
re_path(r'camera/ws/(?P<kind>host|client)/(?P<room_name>\w+)/$',
|
||||||
|
consumers.VideoConsumer),
|
||||||
|
]
|
@ -0,0 +1,173 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8"/>
|
||||||
|
<title>Simple WebRTC</title>
|
||||||
|
<style>
|
||||||
|
body.justVideo {
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a id="qrcodelink" style="display:none;"><img id="qrcode" /></a>
|
||||||
|
<span id="status"></span>
|
||||||
|
<div id="videos" style="display:none;">
|
||||||
|
<video id="remoteView" width="100%" autoplay muted></video>
|
||||||
|
<video id="selfView" width="200" height="150" autoplay></video>
|
||||||
|
</div>
|
||||||
|
<script >
|
||||||
|
const create = (container, type) => container.appendChild(document.createElement(type));
|
||||||
|
|
||||||
|
const body = document.querySelector("body");
|
||||||
|
const out = document.getElementById("status");
|
||||||
|
const qrcode = document.getElementById("qrcode");
|
||||||
|
const qrcodelink = document.getElementById("qrcodelink");
|
||||||
|
const remoteView = document.getElementById("remoteView");
|
||||||
|
remoteView.style.display = 'none';
|
||||||
|
out.innerText += "Loading...\n";
|
||||||
|
|
||||||
|
function getRoomName() {
|
||||||
|
JSON.parse(document.getElementById('room-name').textContent);
|
||||||
|
}
|
||||||
|
|
||||||
|
let roomName = window.location.hash;
|
||||||
|
let isHost = roomName === undefined || !roomName;
|
||||||
|
if (isHost) {
|
||||||
|
// From https://stackoverflow.com/a/1349426
|
||||||
|
function makeid(length) {
|
||||||
|
var result = '';
|
||||||
|
var characters = 'abcdefghijklmnopqrstuvwxyz';
|
||||||
|
var charactersLength = characters.length;
|
||||||
|
for (var i = 0; i < length; i++) {
|
||||||
|
result += characters.charAt(Math.floor(Math.random() * charactersLength));
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
roomName = makeid(8);
|
||||||
|
qrcodelink.href = window.location.href.split('#')[0] + '#' + roomName;
|
||||||
|
qrcode.src = window.location.href.split('#')[0] + roomName + '/qr';
|
||||||
|
qrcodelink.style.display = '';
|
||||||
|
} else {
|
||||||
|
roomName = roomName.substring(1);
|
||||||
|
qrcodelink.style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
out.innerText += "Room: " + roomName + "\n";
|
||||||
|
|
||||||
|
var webSocket = undefined;
|
||||||
|
|
||||||
|
function sendJson(data) {
|
||||||
|
const toSend = JSON.stringify(data);
|
||||||
|
out.innerText += "Sending message...\n";
|
||||||
|
create(out, 'pre').innerText = toSend.split('\\r\\n').join('\r\n');
|
||||||
|
create(out, 'br');
|
||||||
|
webSocket.send(toSend);
|
||||||
|
}
|
||||||
|
|
||||||
|
var pc = undefined;
|
||||||
|
function createRTCPeerConnection() {
|
||||||
|
const pc = new RTCPeerConnection();
|
||||||
|
out.innerText += "Created RTCPeerConnection.\n";
|
||||||
|
|
||||||
|
pc.onicecandidate = ({candidate}) => sendJson({candidate});
|
||||||
|
|
||||||
|
// let the "negotiationneeded" event trigger offer generation
|
||||||
|
pc.onnegotiationneeded = async function () {
|
||||||
|
out.innerText += "In pc.onnegotiationneeded...\n";
|
||||||
|
await pc.setLocalDescription(await pc.createOffer());
|
||||||
|
sendJson({
|
||||||
|
description: pc.localDescription
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
pc.ontrack = ({streams: [stream]}) => {
|
||||||
|
out.innerText += "In pc.ontrack...\n";
|
||||||
|
|
||||||
|
remoteView.srcObject = stream;
|
||||||
|
remoteView.style.display = '';
|
||||||
|
remoteView.play();
|
||||||
|
out.innerText += "Set srcObject\n";
|
||||||
|
out.style.display = 'none';
|
||||||
|
videos.style.display = '';
|
||||||
|
body.classList.add('justVideo');
|
||||||
|
};
|
||||||
|
|
||||||
|
return pc;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function receiveMessage(e) {
|
||||||
|
if (pc === undefined) pc = createRTCPeerConnection();
|
||||||
|
|
||||||
|
qrcode.style.display = 'none';
|
||||||
|
out.innerText += "In webSocket.onmessage...\n";
|
||||||
|
create(out, 'pre').innerText = e.data.split('\\r\\n').join('\r\n');
|
||||||
|
create(out, 'br');
|
||||||
|
const data = JSON.parse(e.data);
|
||||||
|
if (data.description) {
|
||||||
|
await pc.setRemoteDescription(data.description);
|
||||||
|
if (data.description.type == "offer") {
|
||||||
|
out.innerText += "Got an offer...\n";
|
||||||
|
await pc.setLocalDescription(await pc.createAnswer());
|
||||||
|
sendJson({
|
||||||
|
description: pc.localDescription
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else if (data.candidate) {
|
||||||
|
out.innerText += "Adding ice candidate...\n";
|
||||||
|
await pc.addIceCandidate(data.candidate);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function createWebSocket() {
|
||||||
|
const webSocket = new WebSocket(
|
||||||
|
'ws' + (window.location.protocol == 'https:' ? 's' : '') + '://'
|
||||||
|
+ window.location.host
|
||||||
|
+ '/camera/ws/' + (isHost ? 'host' : 'client') + '/'
|
||||||
|
+ roomName
|
||||||
|
+ '/'
|
||||||
|
);
|
||||||
|
out.innerText += "Created WebSocket.\n";
|
||||||
|
|
||||||
|
webSocket.onclose = function(e) {
|
||||||
|
console.error('Web socket closed unexpectedly');
|
||||||
|
};
|
||||||
|
|
||||||
|
webSocket.onmessage = receiveMessage;
|
||||||
|
|
||||||
|
return webSocket;
|
||||||
|
}
|
||||||
|
|
||||||
|
webSocket = createWebSocket();
|
||||||
|
|
||||||
|
// get a local stream, show it in a self-view and add it to be sent
|
||||||
|
async function startStreaming() {
|
||||||
|
pc = createRTCPeerConnection();
|
||||||
|
|
||||||
|
const videoConstraints = { advanced: [{facingMode: "environment"}] };
|
||||||
|
out.innerText += "Created videoConstraints.\n";
|
||||||
|
const stream = await navigator.mediaDevices.getUserMedia({ "audio": false, "video": videoConstraints });
|
||||||
|
out.innerText += "Created stream.\n";
|
||||||
|
selfView.srcObject = stream;
|
||||||
|
for (const track of stream.getTracks()) {
|
||||||
|
out.innerText += "Added track.\n";
|
||||||
|
pc.addTrack(track, stream);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!isHost) {
|
||||||
|
startStreaming()
|
||||||
|
.then(() => {
|
||||||
|
out.innerText += "startStreaming() finished.\n";
|
||||||
|
})
|
||||||
|
.catch(e => {
|
||||||
|
out.innerText += "startStreaming() errored: " + e.message + "\n";
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
out.innerText += "Finished <script> block.\n";
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,3 @@
|
|||||||
|
from django.test import TestCase
|
||||||
|
|
||||||
|
# Create your tests here.
|
@ -0,0 +1,8 @@
|
|||||||
|
from django.urls import path
|
||||||
|
|
||||||
|
from . import views
|
||||||
|
|
||||||
|
urlpatterns = [
|
||||||
|
path('camera/', views.camera, name='camera'),
|
||||||
|
path('camera/<str:room_name>/qr', views.camera_qr, name='camera_qr'),
|
||||||
|
]
|
@ -0,0 +1,19 @@
|
|||||||
|
from io import BytesIO
|
||||||
|
import qrcode
|
||||||
|
|
||||||
|
from django.http import HttpResponse
|
||||||
|
from django.shortcuts import render
|
||||||
|
from django.urls import reverse
|
||||||
|
|
||||||
|
|
||||||
|
def camera(request):
|
||||||
|
return render(request, 'index.html')
|
||||||
|
|
||||||
|
|
||||||
|
def camera_qr(request, room_name):
|
||||||
|
camera_url = reverse('camera')
|
||||||
|
camera_url = request.build_absolute_uri(camera_url) + '#' + room_name
|
||||||
|
img = qrcode.make(camera_url)
|
||||||
|
output = BytesIO()
|
||||||
|
img.save(output, "PNG")
|
||||||
|
return HttpResponse(output.getvalue(), content_type='image/png')
|
@ -0,0 +1,12 @@
|
|||||||
|
"""
|
||||||
|
ASGI entrypoint. Configures Django and then runs the application
|
||||||
|
defined in the ASGI_APPLICATION setting.
|
||||||
|
"""
|
||||||
|
|
||||||
|
import os
|
||||||
|
import django
|
||||||
|
from channels.routing import get_default_application
|
||||||
|
|
||||||
|
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "camera_site.settings")
|
||||||
|
django.setup()
|
||||||
|
application = get_default_application()
|
@ -0,0 +1,9 @@
|
|||||||
|
from channels.routing import ProtocolTypeRouter, URLRouter
|
||||||
|
import camera.routing
|
||||||
|
|
||||||
|
application = ProtocolTypeRouter({
|
||||||
|
# (http->django views is added by default)
|
||||||
|
'websocket': URLRouter(
|
||||||
|
camera.routing.websocket_urlpatterns
|
||||||
|
),
|
||||||
|
})
|
@ -0,0 +1,94 @@
|
|||||||
|
"""
|
||||||
|
Django settings for camera_site project.
|
||||||
|
|
||||||
|
Generated by 'django-admin startproject' using Django 3.0.4.
|
||||||
|
|
||||||
|
For more information on this file, see
|
||||||
|
https://docs.djangoproject.com/en/3.0/topics/settings/
|
||||||
|
|
||||||
|
For the full list of settings and their values, see
|
||||||
|
https://docs.djangoproject.com/en/3.0/ref/settings/
|
||||||
|
"""
|
||||||
|
|
||||||
|
import os
|
||||||
|
|
||||||
|
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
|
||||||
|
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
|
||||||
|
|
||||||
|
|
||||||
|
# Quick-start development settings - unsuitable for production
|
||||||
|
# See https://docs.djangoproject.com/en/3.0/howto/deployment/checklist/
|
||||||
|
|
||||||
|
# SECURITY WARNING: keep the secret key used in production secret!
|
||||||
|
SECRET_KEY = 'xh9dx24&9r8yx!@@qyjn@b7z%b-_mc&@itrv&52z#8@=08sdlr'
|
||||||
|
|
||||||
|
# SECURITY WARNING: don't run with debug turned on in production!
|
||||||
|
DEBUG = False
|
||||||
|
|
||||||
|
ALLOWED_HOSTS = []
|
||||||
|
|
||||||
|
|
||||||
|
# Application definition
|
||||||
|
|
||||||
|
INSTALLED_APPS = [
|
||||||
|
'channels',
|
||||||
|
'camera',
|
||||||
|
'django.contrib.contenttypes',
|
||||||
|
'django.contrib.staticfiles',
|
||||||
|
]
|
||||||
|
|
||||||
|
MIDDLEWARE = [
|
||||||
|
'django.middleware.security.SecurityMiddleware',
|
||||||
|
'django.middleware.common.CommonMiddleware',
|
||||||
|
'django.middleware.csrf.CsrfViewMiddleware',
|
||||||
|
'django.middleware.clickjacking.XFrameOptionsMiddleware',
|
||||||
|
]
|
||||||
|
|
||||||
|
ROOT_URLCONF = 'camera_site.urls'
|
||||||
|
|
||||||
|
TEMPLATES = [
|
||||||
|
{
|
||||||
|
'BACKEND': 'django.template.backends.django.DjangoTemplates',
|
||||||
|
'DIRS': [],
|
||||||
|
'APP_DIRS': True,
|
||||||
|
'OPTIONS': {
|
||||||
|
'context_processors': [
|
||||||
|
'django.template.context_processors.debug',
|
||||||
|
'django.template.context_processors.request',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
WSGI_APPLICATION = 'camera_site.wsgi.application'
|
||||||
|
|
||||||
|
# Internationalization
|
||||||
|
# https://docs.djangoproject.com/en/3.0/topics/i18n/
|
||||||
|
|
||||||
|
LANGUAGE_CODE = 'en-us'
|
||||||
|
|
||||||
|
TIME_ZONE = 'UTC'
|
||||||
|
|
||||||
|
USE_I18N = True
|
||||||
|
|
||||||
|
USE_L10N = True
|
||||||
|
|
||||||
|
USE_TZ = True
|
||||||
|
|
||||||
|
|
||||||
|
# Static files (CSS, JavaScript, Images)
|
||||||
|
# https://docs.djangoproject.com/en/3.0/howto/static-files/
|
||||||
|
|
||||||
|
STATIC_URL = '/static/'
|
||||||
|
|
||||||
|
ASGI_APPLICATION = 'camera_site.routing.application'
|
||||||
|
CHANNEL_LAYERS = {
|
||||||
|
'default': {
|
||||||
|
'BACKEND': 'channels_redis.core.RedisChannelLayer',
|
||||||
|
'CONFIG': {
|
||||||
|
"hosts": [('127.0.0.1', 6379)],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
SECURE_PROXY_SSL_HEADER = ('HTTP_X_FORWARDED_PROTO', 'https')
|
@ -0,0 +1,21 @@
|
|||||||
|
"""camera_site URL Configuration
|
||||||
|
|
||||||
|
The `urlpatterns` list routes URLs to views. For more information please see:
|
||||||
|
https://docs.djangoproject.com/en/3.0/topics/http/urls/
|
||||||
|
Examples:
|
||||||
|
Function views
|
||||||
|
1. Add an import: from my_app import views
|
||||||
|
2. Add a URL to urlpatterns: path('', views.home, name='home')
|
||||||
|
Class-based views
|
||||||
|
1. Add an import: from other_app.views import Home
|
||||||
|
2. Add a URL to urlpatterns: path('', Home.as_view(), name='home')
|
||||||
|
Including another URLconf
|
||||||
|
1. Import the include() function: from django.urls import include, path
|
||||||
|
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
|
||||||
|
"""
|
||||||
|
from django.conf.urls import include
|
||||||
|
from django.urls import path
|
||||||
|
|
||||||
|
urlpatterns = [
|
||||||
|
path('', include('camera.urls')),
|
||||||
|
]
|
@ -0,0 +1,21 @@
|
|||||||
|
#!/usr/bin/env python
|
||||||
|
"""Django's command-line utility for administrative tasks."""
|
||||||
|
import os
|
||||||
|
import sys
|
||||||
|
|
||||||
|
|
||||||
|
def main():
|
||||||
|
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'camera_site.settings')
|
||||||
|
try:
|
||||||
|
from django.core.management import execute_from_command_line
|
||||||
|
except ImportError as exc:
|
||||||
|
raise ImportError(
|
||||||
|
"Couldn't import Django. Are you sure it's installed and "
|
||||||
|
"available on your PYTHONPATH environment variable? Did you "
|
||||||
|
"forget to activate a virtual environment?"
|
||||||
|
) from exc
|
||||||
|
execute_from_command_line(sys.argv)
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == '__main__':
|
||||||
|
main()
|
@ -0,0 +1,5 @@
|
|||||||
|
#!/bin/sh
|
||||||
|
|
||||||
|
export DJANGO_SETTINGS_MODULE=camera_site.local_settings
|
||||||
|
daphne -u site.sock camera_site.asgi:application
|
||||||
|
|
@ -0,0 +1 @@
|
|||||||
|
chromium --incognito --app=https://localhost/viewer/lobby/
|
Loading…
Reference in New Issue