Fix: Access localhost webpage; close #10 #13

[yacmov]

System

Main system	Test system using different IDE	Test system using different platform
macOS	macOS	Windows 11 Arm
VS Code	Pycharm	VS Code

Agendar

• Fix: Bug: unable to access "localhost:port" #10
• Fix: Video Thumbnails in Video Library Not Shown  #13

Solution Description:

• Setting port based on the platform to avoid conflicts.
• Adjusting the file path relative path to absolute path

PREVIOUS PATH	MODIFIED PATH
data/userdata.json	app/data/userdata.json
config.example.ini	app/config.example.ini
config.ini	app/config.ini
static/img/	app/static/img

Solutions

1. Verify Port Usage:

• Use alternative port ex: 5001, 5002 etc.
• To avoid error code added code to check platform then if windows, use 5000 and macOS/Linux use 5002

2. Resolve Configuration File Path:

Screenshot - example problem with relative path with VS Code on macOS

Change to absolute path will solve the problem.

app.py

utils.py

3. Resolve Thumbnails issue

Warning

This issue doesn’t occur when I try to use it with PyCharm
But With VS Code has problem same as #13

Related path issue with various IDE that the script save Thumbnails image save on
Root/static/img/file_name.png

the the script try to access
root/**app**/static/img/file_name.png

adding app then read and write same location.

Previous

# Check if img dir exists if not create
if not os.path.exists("static/
    os.makedirs("static/img")
cv2.imwrite(f"static/img/{thumbnail}", frame)

Modified

# Check if img dir exists if not create
if not os.path.exists("app/static/
    os.makedirs("app/static/img")
cv2.imwrite(f"app/static/img/{thumbnail}", frame)