small updates

demo/encode.sh

@@ -0,0 +1,63 @@
+#!/bin/bash
+SOURCE=$(realpath $1)
+
+GOP_SIZE=60
+PRESET_P=ultrafast
+V_SIZE=1280x720
+
+START_OFFSET=180
+DURATION=90
+
+../FFmpeg/bin/ffmpeg -i $SOURCE/match.mp4 \
+     -ss $START_OFFSET \
+     -c:v libx264 -keyint_min $GOP_SIZE -g $GOP_SIZE -pix_fmt yuv420p -r 30 \
+     -t $DURATION \
+     -map v:0 -s:0 $V_SIZE \
+     -init_seg_name init\$RepresentationID\$.\$ext\$ -media_seg_name chunk\$RepresentationID\$-\$Number%05d\$.\$ext\$ \
+     -adaptation_sets "id=0,streams=v" \
+     -use_template 1 -use_timeline 0 \
+     -frag_type every_frame \
+     -seg_duration 10 \
+     -preset ultrafast \
+     -f dash videos/match/video.mpd
+
+../FFmpeg/bin/ffmpeg -i $SOURCE/match.mp4 \
+     -ss $START_OFFSET \
+     -c:v libx264 -keyint_min $GOP_SIZE -g $GOP_SIZE -pix_fmt yuv420p -r 30 \
+     -t $DURATION \
+     -vf "sa=snooker:3" \
+     -map v:0 -s:0 $V_SIZE \
+     -init_seg_name init\$RepresentationID\$.\$ext\$ -media_seg_name chunk\$RepresentationID\$-\$Number%05d\$.\$ext\$ \
+     -adaptation_sets "id=0,streams=v" \
+     -use_template 1 -use_timeline 0 \
+     -frag_type every_frame \
+     -seg_duration 10 \
+     -preset ultrafast \
+     -f dash videos/match-visualized/video.mpd
+
+../FFmpeg/bin/ffmpeg -i $SOURCE/match2.mp4 \
+     -ss $START_OFFSET \
+     -c:v libx264 -keyint_min $GOP_SIZE -g $GOP_SIZE -pix_fmt yuv420p -r 30 \
+     -t $DURATION \
+     -map v:0 -s:0 $V_SIZE \
+     -init_seg_name init\$RepresentationID\$.\$ext\$ -media_seg_name chunk\$RepresentationID\$-\$Number%05d\$.\$ext\$ \
+     -adaptation_sets "id=0,streams=v" \
+     -use_template 1 -use_timeline 0 \
+     -frag_type every_frame \
+     -seg_duration 10 \
+     -preset ultrafast \
+     -f dash videos/match2/video.mpd
+
+../FFmpeg/bin/ffmpeg -i $SOURCE/match2.mp4 \
+     -ss $START_OFFSET \
+     -c:v libx264 -keyint_min $GOP_SIZE -g $GOP_SIZE -pix_fmt yuv420p -r 30 \
+     -t $DURATION \
+     -vf "sa=snooker:3" \
+     -map v:0 -s:0 $V_SIZE \
+     -init_seg_name init\$RepresentationID\$.\$ext\$ -media_seg_name chunk\$RepresentationID\$-\$Number%05d\$.\$ext\$ \
+     -adaptation_sets "id=0,streams=v" \
+     -use_template 1 -use_timeline 0 \
+     -frag_type every_frame \
+     -seg_duration 10 \
+     -preset ultrafast \
+     -f dash videos/match2-visualized/video.mpd

demo/index.html

@@ -30,6 +30,7 @@
 							<div class="col-sm-6">
 								<h1>Automated Adaptive Playback for Encoder-Adjudicated Live Sports</h1>
 								<p>Read the MIPR'22 paper <a href="https://doi.org/10.1145/3458305.3478437" target="_blank">here</a></p>
+								<p>Checkout the <a href="https://github.com/DenizUgur/CAPSC" target="_blank">GitHub repository</a> with Docker image ready to test the system</p>
 							</div>
 						</div>
 					</div>

scripts/server.sh

@@ -1,9 +1,11 @@
 #!/bin/bash
-BASE=$(pwd)
+BASE=$(dirname $0)
+
+NGINX_CONF=$(realpath $BASE/../config/nginx.dev.conf)
 
 # Start NGINX
 nginx -s stop >/dev/null 2>&1
-nginx -c $BASE/config/nginx.dev.conf
+nginx -c $NGINX_CONF
 
 # Start React
-BROWSER=none npm --prefix $BASE/server/app run start
+BROWSER=none npm --prefix $BASE/../server/app run start

server/app/src/Demo.js

@@ -102,7 +102,7 @@ export default function Demo() {
 						</p>
 					</div>
 					<div>
-						<span>Desnity (0-2)</span>
+						<span>Density (0-2)</span>
 						<p
 							style={{
 								color: state.density === 2 ? "green" : "red",

simulator/.env

@@ -1,5 +1,5 @@
 INPUT_DIR=./videos
-COMMON_OUTPUT_DIR=../development/content
+COMMON_OUTPUT_DIR=../server/content
 COMMON_HTTP_CONTEXT=/content
 SCRIPTS_DIR=../scripts
 BASE_URL=http://localhost/client

simulator/client.js

@@ -82,7 +82,7 @@ async function master() {
 		resources: [
 			"http://localhost:80", // Nginx
 			"http://localhost:8000", // Gpac
-			"http://localhost:3000", // Next.js
+			"http://localhost:3000", // React
 		],
 		validateStatus: (status) => {
 			return status >= 200 && status < 500;
@@ -232,7 +232,7 @@ async function worker() {
 
 		// Start the browser
 		const browser = await puppeteer.launch({
-			headless: false,
+			headless: true,
 			executablePath:
 				"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
 			args: ["--window-size=840,525", "--window-position=840,0"],