python-eel/Eel

Adding external media files in webpage

Open

#516 opened on Aug 30, 2021

View on GitHub
 (1 comment) (0 reactions) (0 assignees)Python (570 forks)batch import
help wanted

Repository metrics

Stars
 (5,980 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Describe the problem I want to add audio file which is not part of 'web' folder in my eel project. I am giving absolute path link as source in my html. But I am getting error in console "Resource not found"

Code snippet(s)

import eel

...

<html>
<audio controls=""> <source src="/home/user/workspace/voice/test.wav" type="audio/wav">   Your browser does not support the   <code>audio</code> element. </audio>
</html>

Console error: Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8000/home/user/workspace/voice/test.wav

Note. When I load my html directly in browser, its working Desktop (please complete the following information):

  • OS: Ubuntu
  • BrowserChrome
  • Version [e.g. 22]

How can I embed external media in my html while using eel? I can't change the path or copy audio files to my eel web folder as files are being dynamically generated by other code and I am using eel to view/play them.

Contributor guide

Research direction
Investigate how Eel serves static files. Use eel.expose() to create a Python function that returns the file path or content, then fetch it with JavaScript. Alternatively, configure a custom static file handler to serve external directories.
Tech stack
pythonjavascripthtml
Domain
frontenddesktop
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
PythonHTML
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75