Question / Help HTML Local File Not Displaying Image in Container

P

puddingbear

New Member
Hey everyone I have a HTML file that I created for OBS to display and image periodically, but the image doesn't seem to display. It works fine on Chrome, but just not in OBS. I have attached what shows up in OBS. BTW, I am not a developer and have limited knowledge in HTML, so please don't expect the code to follow all the best practices:

<html>
<head>
<title>Display Image</title>
<meta http-equiv="refresh" content="5">
<style>
#reminderContainer {
width: 0px;
height: 0px;
background: #2e5794;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
color: white;
-webkit-box-shadow: 0px 0px 20px #0f3369;
-webkit-animation: animateReminder 10s 0s 1;
}

@-webkit-keyframes animateReminder {
0%, 100% {
width: 0px;
height: 0px;
}
20%, 80% {
width: 470px;
height: 300px;
}
}
</style>
</head>


<body>

<div id="reminderContainer">

<img src="C:\Users\User\Desktop\picture.jpg" style="width:470px;height:400px;">

</div>

</body>
\

</html>
----------------------------------------------------------------------

OBS Output

OBS output.JPG
 
koala

koala

Active Member
In img src=xxx, instead of

C:\Users\User\Desktop\picture.jpg

use a path formatted like this:

file:///C:/Users/User/Desktop/picture.jpg
 
P

puddingbear

New Member
koala said:
In img src=xxx, instead of

C:\Users\User\Desktop\picture.jpg

use a path formatted like this:

file:///C:/Users/User/Desktop/picture.jpg
Click to expand...

Hey Koala,

Thanks for the help, but it doesn't seem to work. When I changes the image path to:

<img src="file:///C:/Users/User/Desktop/picture.jpg" style="width:470px;height:400px;">

It won't shows the broken link icon in ONS, but it will not work in the browser. It will be like the original OBS in Chrome
 
You must log in or register to reply here.
Top