Welcome to TalkGraphics.com
Results 1 to 8 of 8
  1. #1
    Join Date
    Jan 2021
    Posts
    5

    Default <iframe> snapshot not showing on website

    Hi, I am very new to Xara Web Designer 17 and am trying to embed snapshots from a web camera. I have created a rectangle on my web page then >utilities>web properties>placeholder to embed html code ( <iframe width="640" scrolling="no" height="480" frameborder="0" vspace="0" hspace="0" marginheight="0" marginwidth="0" src="http://80.229.175.33:8009/snapshot.cgi?user=operator&pwd=operator" name="myframe"></iframe> ).

    The picture appears on the webpage exactly as I would wish but when I publish to my website the rest of the page displays but no sight of the picture. I am obviously missing something - can anyone please suggest what might be wrong.

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Default Re: <iframe> snapshot not showing on website

    Quote Originally Posted by Jodelman View Post
    Hi, I am very new to Xara Web Designer 17 and am trying to embed snapshots from a web camera. I have created a rectangle on my web page then >utilities>web properties>placeholder to embed html code ( <iframe width="640" scrolling="no" height="480" frameborder="0" vspace="0" hspace="0" marginheight="0" marginwidth="0" src="http://abc.def.ghi.jkl:mnop/snapshot.cgi?user=operator&pwd=operator" name="myframe"></iframe> ).

    The picture appears on the webpage exactly as I would wish but when I publish to my website the rest of the page displays but no sight of the picture. I am obviously missing something - can anyone please suggest what might be wrong.
    The problem lies in the src URL to your picture. It would appear to be PlusNet's IP address and is probably private, internal, to yourself.

    If you have such access, why not just copy and paste directly onto your design page?
    I will assume your answer covers an update with periodic snapshots for monitoring purposes so you want a dynamic presentation.

    It is unusual, but not wrong, to use an IPv4 URI but if this is your Webcam's IP address, you have exposed it and yourself to being hacked. If so, edit your Post as I have done in this reply.

    I think you may need to read how to use DNS Port Forwarding with your router.
    An example package is this: https://www.contaware.com/contacam.html.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  3. #3
    Join Date
    Jan 2021
    Posts
    5

    Default Re: <iframe> snapshot not showing on website

    Thanks for your reply and no doubt you can tell that I am not very experienced with web design. The url in the src is for a webcam at another place not at my home but that code worked on another website I created with one.com's website builder and I couldn't see why it doesn't work with xara. You are correct in that each time the page is refreshed, an updated snapshot is shown.

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Info Re: <iframe> snapshot not showing on website

    Quote Originally Posted by Jodelman View Post
    Thanks for your reply and no doubt you can tell that I am not very experienced with web design. The url in the src is for a webcam at another place not at my home but that code worked on another website I created with one.com's website builder and I couldn't see why it doesn't work with xara. You are correct in that each time the page is refreshed, an updated snapshot is shown.
    I just retried the URL and it is now working!

    Here is my simplified IFRAME capture: IFRAME - Webcam.xar

    Acorn

    P.S. Just to annoy, I tried your original code and that now works too!
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Jan 2021
    Posts
    5

    Default Re: <iframe> snapshot not showing on website

    Thanks for that. Your code is much better and more succinct and the picture appears on xara program but when I publish no picture appears on the website. With your code there is a border edging where the picture should be which there wasn't with my code. It's as if it is hidden in some way and if only I could bring it to the foreground all would be okay but I tried >arrange>bring to front with no effect.

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Info Re: <iframe> snapshot not showing on website

    Quote Originally Posted by Jodelman View Post
    Thanks for that. Your code is much better and more succinct and the picture appears on xara program but when I publish no picture appears on the website. With your code there is a border edging where the picture should be which there wasn't with my code. It's as if it is hidden in some way and if only I could bring it to the foreground all would be okay but I tried >arrange>bring to front with no effect.
    I didn't bother with hiding the border. The code could instead be:
    Code:
    <iframe src="http://80.229.175.33:8009/snapshot.cgi?user=operator&pwd=operator" [COLOR=var(--highlight-color)][COLOR=var(--highlight-attribute)]style[/COLOR]=[COLOR=var(--highlight-variable)]"width: 100%; height: 100%; border: 0"[/COLOR]>[/COLOR]</iframe>
    However, your problem is your browser is blocking access to insecure content:
    Mixed Content: The page at 'https://curvy-sloth-89.loca.lt/Webcam/index.htm' was loaded over HTTPS, but requested an insecure frame 'http://80.229.175.33:8009/snapshot.cgi?user=operator&pwd=operator'. This request has been blocked; the content must be served over HTTPS.
    Instead of an IFRAME, I have just tried a background image:
    Code:
    <div style="width: 100%; height: 100%; background-image: url(http://80.229.175.33:8009/snapshot.cgi?user=operator&pwd=operator);"></div>
    This only now gives a Warning rather than blocking the snapshot. Consider this a temporary fix as browsers are tightening security all the time.

    The reason why it is blocked is here: https://web.dev/fixing-mixed-content/.
    Your webcam needs to be made secure.

    Ultimately you may have to follow an approach I suggested by using an application that published to a secure Cloud location.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  7. #7
    Join Date
    Jan 2021
    Posts
    5

    Default Re: <iframe> snapshot not showing on website

    Thanks for the reply. I will follow up further in the morning

  8. #8
    Join Date
    Jan 2021
    Posts
    5

    Default Re: <iframe> snapshot not showing on website

    Many thanks for your help in pointing me in the right direction. I thought the problem lay with Xara not that the browser didn't like the insecure snapshots.

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •