RaspberryPi Camera Server provides a stable multicast video streaming service functionality over WebSocket protocol. It's built around the raspivid terminal command and partially based on these two awesome projects: raspivid-stream, raspivid.
It's written in NestJS.
## install npm & raspivid on your RaspberryPi
# Install dependencies
npm i
# Run the server
npm run startAccess the WebSocket video stream on this URL (change where necessary):
ws://<IP>:3001/api/video-stream
Example Web client:
index.html
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<canvas id="video-canvas"></canvas>
</body>
<script type="text/javascript" src="https://rawgit.com/131/h264-live-player/master/vendor/dist/http-live-player.js"></script>
<script>
const canvas = document.getElementById('video-canvas');
const wsavc = new WSAvcPlayer(canvas, "webgl");
wsavc.connect("ws://<IP>:3001/api/video-stream");
</script>
</html>styles.css
html, body {
background: #111;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
body {
display: flex;
align-items: center;
justify-content: center;
}
canvas {
background: black;
width: 800px;
height: 600px;
/*width: 1640px;*/
/*height: 1232px;*/
vertical-align: center;
}Hope y'all enjoy it!