Embedded HTML Code Snippet for Webcam image webcam.io

Ask the community
,
1

I am trying to embed a feed to a webcam on my site. I have the images hosted with webcam.io. They are accessible via code snippets they provide. Below is the code snipet I am trying to add to my page however I am unable to get it to work. Any ideas or reasons this should not work?

<!-- webcam.io widget -->
<script type="text/javascript">window.timelapseview_options=window.timelapseview_options || {};window.timelapseview_options["0BOE4"] = {"e":"9bqdAM","t":"7"};</script><script src="https://webcam.io/s/widget-v1_03.load.js?i=0BOE4" async></script>
<!-- end webcam.io widget -->
2

Where do you put in this code?

3

I am not sure what you mean. I put it into an HTML Element.

4

Try this one…

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Webcam.io Widget Example</title>
</head>
<body>

<!-- webcam.io widget -->
<script type="text/javascript">
  window.timelapseview_options = window.timelapseview_options || {};
  window.timelapseview_options["0BOE4"] = {"e":"9bqdAM","t":"7"};
</script>
<script src="https://webcam.io/s/widget-v1_03.load.js?i=0BOE4" async></script>
<!-- end webcam.io widget -->

</body>
1 Like
5

Hi. That got it working! Thank you so much for helping with that!

1 Like
6

No problem 5sec optimization :wink:

1 Like