audio device

README.md

@@ -0,0 +1,32 @@
+# Raspberry pi video player
+
+## How to install
+
+1. Install Raspberry Pi Imager on your local computer from <https://www.raspberrypi.com/software/>
+
+	![Install Raspberry Pi Imager](/docs/install-imager.png)
+
+1. Select `Raspberry Pi OS (64-bit)` in Pi Imager
+
+	![Select Pi Os](/docs/pi-os.png)
+
+1. Configure Wifi details and `pi` user credentials using the settings in the imager.
+
+
+	![Imager Settings](/docs/imager-settings.png)
+
+1. Flash the SD card
+
+1. Insert it into the Pi and boot it up.
+
+1. Run the following command on the Pi either via ssh or in the terminal from the desktop
+
+	```bash
+	curl https://git.bpfilip.dk/fbp/video-player/raw/branch/main/install.sh | bash
+	```
+
+1. Access the web interface by typing the ip address of the pi in a web browser followed by the port `:8080`. Fx:
+
+	```
+	http://192.168.25.219:8080
+	```

clock.desktop

@@ -0,0 +1,4 @@
+[Desktop Entry]
+Type=Application
+Name=Clock
+Exec=sudo systemctl start video-player2.service

index.js

@@ -17,7 +17,7 @@ app.use(express.static('public'));
 
 let videoDirs = [
 	'./public/videos',
-	'/media/pi/USB',
+	'/media/pi',
 	'/video'
 ];
 
@@ -42,46 +42,76 @@ app.get('/videos', (req, res) => {
 	const list = [];
 
 	for (const dir of videoDirs) {
-		fs.readdirSync(dir, { recursive: true }).forEach(fileName => {
-			if (!fileEndings.includes(path.extname(fileName))) {
-				return;
+		try {
+			if (!fs.existsSync(dir)) {
+				continue;
 			}
-			const file = {
-				name: fileName,
-				path: path.resolve(dir, fileName)
-			};
-			list.push(file);
-		});
+			fs.readdirSync(dir, { recursive: true }).forEach(fileName => {
+				if (!fileEndings.includes(path.extname(fileName))) {
+					return;
+				}
+				const file = {
+					name: fileName,
+					path: path.resolve(dir, fileName)
+				};
+				list.push(file);
+			});
+		}
+		catch (error) {
+			console.error(error);
+		}
 	}
 
 	res.json(list);
 });
 
 let process = null;
+let mayRestart = false;
+
+// if (fs.existsSync('/tmp/video')) {
+// 	const initialVideo = fs.readFileSync('/tmp/video');
+// 	startVideo(initialVideo);
+// }
+
+function startVideo(path) {
+	process = require('child_process').spawn('ffplay', ['-fs', '-loop', '2147483647', '-hide_banner', '-loglevel', 'error', path]);
+
+	process.stdout.on('data', (data) => {
+		console.log(`stdout: ${data}`);
+	});
+
+	process.stderr.on('data', (data) => {
+		console.error(`stderr: ${data}`);
+	});
+
+	process.on("exit", () => {
+		if (!mayRestart) {
+			startVideo(path);
+		}
+	});
+}
+
+fs.mkdirSync('/video', { recursive: true });
 
 app.post('/play', (req, res) => {
 	if (process) {
+		mayRestart = true;
 		process.kill();
+		mayRestart = false;
 	}
 
 	let video = req.query.video;
 
 	console.log(video);
 
-	if (video.startsWith('/media/pi/USB')) {
-		fs.copyFileSync(video, path.join('/tmp/', path.basename(video)));
-		video = path.join('/tmp/', path.basename(video))
+	if (video.startsWith('/media/pi')) {
+		fs.copyFileSync(video, path.join('/video/', path.basename(video)));
+		video = path.join('/video/', path.basename(video))
 	}
 
-	process = require('child_process').spawn('ffplay', ['-fs', '-loop', '2147483647', '-hide_banner', '-loglevel', 'error', video], { stdio: 'overlapped' });
-
-	process.stdout.on('data', (data) => {
-		console.log(`stdout: ${data}`);
-	});
+	fs.writeFileSync('/tmp/video', video);
 
-	process.stderr.on('data', (data) => {
-		console.error(`stderr: ${data}`);
-	});
+	startVideo(video);
 
 	res.json({ status: 'ok' });
 });
@@ -95,11 +125,17 @@ app.post('/upload', function (req, res) {
 	// The name of the input field (i.e. "sampleFile") is used to retrieve the uploaded file
 	const uploadPath = path.join(__dirname, '/public/videos/');
 
-	req.files.file.mv(uploadPath + req.files.file.name, function (err) {
+	req.files.file.mv(uploadPath + "video.mp4", function (err) {
 		if (err) {
 			return res.status(500);
 		}
 	});
 
+	try {
+		require('child_process').spawn('sudo', ['systemctl', 'restart', 'video-player2.service']);
+	} catch (error) {
+		console.error(error);
+	}
+
 	res.redirect('/');
 });

install.sh

@@ -1,6 +1,6 @@
 #!/bin/bash
 
-cd /home/pi
+cd ~
 
 # Install the required packages
 sudo apt update -y
@@ -8,13 +8,17 @@ sudo apt install -y git curl wget nodejs npm samba samba-common-bin
 
 git clone https://git.bpfilip.dk/fbp/video-player.git
 
-pushd /home/pi/video-player
+sudo chown -R steady:steady ~/video-player
+
+pushd ~/video-player
+
+git pull
 
 npm install
 
 # Create the samba share
 sudo mkdir -p /video
-sudo chown -R pi:pi /video
+sudo chown -R steady:steady /video
 sudo chmod -R 777 /video
 
 cat smb.conf | sudo tee -a /etc/samba/smb.conf
@@ -22,7 +26,14 @@ cat smb.conf | sudo tee -a /etc/samba/smb.conf
 sudo systemctl restart smbd
 
 sudo cp video-player.service /etc/systemd/system/video-player.service
+sudo cp video-player2.service /etc/systemd/system/video-player2.service
+sudo systemctl daemon-reload
 sudo systemctl enable video-player.service
-sudo systemctl start video-player.service
+sudo systemctl disable video-player2.service
+sudo systemctl restart video-player.service
+sudo systemctl restart video-player2.service
+
+mkdir ~/.config/autostart
+cp clock.desktop ~/.config/autostart/clock.desktop
 
 popd

public/index.html

@@ -4,8 +4,22 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>PI Video Player</title>
+  <style>
+    #videos {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      flex-direction: column;
+      width: fit-content;
+      margin: 0 auto;
+    }
+    #videos button {
+      margin: 2px;
+    }
+  </style>
 </head>
 <body>
+  <h1>Upload a file and it should start playing</h1>
 	<form ref='uploadForm' 
       id='uploadForm' 
       action='/upload' 

smb.conf

@@ -1,5 +1,5 @@
 [video]
-    path = /path/to/video/folder
+    path = /video
     writable = yes
     guest ok = yes
     create mask = 0777

video-player.service

@@ -3,7 +3,12 @@ Description=Video Player
 After=multi-user.target
 
 [Service]
-ExecStart=node /home/pi/video-player/index.js
+WorkingDirectory=/home/steady/video-player
+ExecStart=node /home/steady/video-player/index.js
+Environment=DISPLAY=:0
+User=1000
+Group=1000
+Restart=always
 
 [Install]
 WantedBy=multi-user.target

video-player2.service

@@ -0,0 +1,11 @@
+[Unit]
+Description=Video Player
+
+[Service]
+WorkingDirectory=/home/steady/video-player
+ExecStart=ffplay -fs -loop 2147483647 /home/steady/video-player/public/videos/video.mp4
+Environment=DISPLAY=:0
+Environment=AUDIODEV="hw:2,0"
+User=1000
+Group=1000
+Restart=always