BullGuard Antivirus Sale - 60% Off with openElement !
Forum Home Forum Home >

openElement

> openElement General Discussion
  New Posts New Posts RSS Feed - Can HTML5 video play video stream? [No]
  FAQ FAQ  Forum Search   Register Register  Login Login

Can HTML5 video play video stream? [No]

 Post Reply Post Reply Page  <12
Author
Message
TC2020 View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 26 2020
Location: Canada
Status: Offline
Points: 61
Post Options Post Options   Thanks (0) Thanks(0)   Quote TC2020 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 28 2023 at 7:02pm
I watched that VLC YouTube earlier and it looks like to view the video from my page, you need to set up VLC on your computer/device (please correct me if I am wrong). This approach would not work for me as there will be other viewers and I cannot really ask them to do that set up.

I have not tried your code but I have similar source (http://192.168.0.122:8081) linked to an image and that works. On my test web page, I have 4 images and each linked to an http://192.168.0.122:808x where x= [8081, 8082, 8083, 8084]. When you click on the image, the browser opens a new tab and displays the video correctly. I think I will stay with this approach.

What I am trying to do is not to open a new tab when users click on the image, but the browser displays the video in that image area. Can I set that in OE?. I want to display 4 streams in a 4-quadrant format.

Thanks for your help.

Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6178
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 28 2023 at 7:10pm
I there any way you can publish your page so I can see what you have done?


Back to Top
TC2020 View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 26 2020
Location: Canada
Status: Offline
Points: 61
Post Options Post Options   Thanks (0) Thanks(0)   Quote TC2020 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 28 2023 at 7:28pm
I am not sure how to do that but here is the source code. I can zip the OE project but there is no attachment on this platform.

<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">

<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<meta name="generator" content="openElement (1.57.9)" />

<link id="openElement" rel="stylesheet" type="text/css" href="WEFiles/Css/v02/openElement.css?v=50491105200" />

<link id="OETemplate1" rel="stylesheet" type="text/css" href="Templates/Base.css?v=50491105200" />

<link id="OEBase" rel="stylesheet" type="text/css" href="index.css?v=50491105200" />

<!--[if lte IE 7]>

<link rel="stylesheet" type="text/css" href="WEFiles/Css/ie7.css?v=50491105200" />

<![endif]-->

<script type="text/javascript">

var WEInfoPage = {"PHPVersion":"phpOK","OEVersion":"1-57-9","PagePath":"index","Culture":"DEFAULT","LanguageCode":"EN","RelativePath":"","RenderMode":"Export","PageAssociatePath":"index","EditorTexts":null};

</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript" src="WEFiles/Client/jQuery/migrate.js?v=50491105200"></script>

<script type="text/javascript" src="WEFiles/Client/Common/oe.min.js?v=50491105200"></script>

</head>

<body class="RWAuto">

<form id="XForm" method="post" action="#"></form>

<div id="XBody" class="BaseDiv RBoth OEPageXbody OESK_XBody_Default" style="z-index:1000">

<div class="OESZ OESZ_DivContent OESZG_XBody">

<div class="OESZ OESZ_XBodyContent OESZG_XBody OECT OECT_Content OECTAbs">

<div id="WEf5fe7c29f3" class="BaseDiv RBoth OEWEPanel OESK_WEPanel_Default OECenterAH" style="z-index:1001">

<div class="OESZ OESZ_DivContent OESZG_WEf5fe7c29f3">

<div class="OECT OECT_Content OECTRel OEDynTag0">

<div class="OERelLine OEHAlignC OEVAlignM">

<div id="WE835360d0cb" class="BaseDiv RWidth OEWELinkImage OESK_WELinkImage_Default" style="z-index:1001" onclick="return OE.Navigate.open(event,'http://192.168.0.122:8081',1)">

<div class="OESZ OESZ_DivContent OESZG_WE835360d0cb">

<a href="http://192.168.0.122:8081" data-cd="PageLink">

<img style="width:100%;height:100%;border:none" src="WEFiles/Image/empty.png" />

</a>

</div>

</div>

</div>

</div>

</div>

</div>

<div id="WEfcf6be0bce" class="BaseDiv RBoth OEWEPanel OESK_WEPanel_Default OECenterAH" style="z-index:1002">

<div class="OESZ OESZ_DivContent OESZG_WEfcf6be0bce">

<div class="OECT OECT_Content OECTRel OEDynTag0">

<div class="OERelLine OEHAlignC OEVAlignM">

<div id="WE86a4924b4c" class="BaseDiv RWidth OEWELinkImage OESK_WELinkImage_Default" style="z-index:1001" onclick="return OE.Navigate.open(event,'http://192.168.0.122:8082',1)">

<div class="OESZ OESZ_DivContent OESZG_WE86a4924b4c">

<a href="http://192.168.0.122:8082" data-cd="PageLink">

<img style="width:100%;height:100%;border:none" src="WEFiles/Image/empty.png" />

</a>

</div>

</div>

</div>

</div>

</div>

</div>

<div id="WEa715d38479" class="BaseDiv RBoth OEWEPanel OESK_WEPanel_Default OECenterAH" style="z-index:1003">

<div class="OESZ OESZ_DivContent OESZG_WEa715d38479">

<div class="OECT OECT_Content OECTRel OEDynTag0">

<div class="OERelLine OEHAlignC OEVAlignM">

<div id="WE00603555f0" class="BaseDiv RWidth OEWELinkImage OESK_WELinkImage_Default" style="z-index:1001" onclick="return OE.Navigate.open(event,'http://192.168.0.122:8083',1)">

<div class="OESZ OESZ_DivContent OESZG_WE00603555f0">

<a href="http://192.168.0.122:8083" data-cd="PageLink">

<img style="width:100%;height:100%;border:none" src="WEFiles/Image/empty.png" />

</a>

</div>

</div>

</div>

</div>

</div>

</div>

<div id="WEc2faec3955" class="BaseDiv RBoth OEWEPanel OESK_WEPanel_Default OECenterAH" style="z-index:1004">

<div class="OESZ OESZ_DivContent OESZG_WEc2faec3955">

<div class="OECT OECT_Content OECTRel OEDynTag0">

<div class="OERelLine OEHAlignC OEVAlignM">

<div id="WEf582cc3d53" class="BaseDiv RWidth OEWELinkImage OESK_WELinkImage_Default" style="z-index:1001" onclick="return OE.Navigate.open(event,'http://192.168.0.122:8084',1)">

<div class="OESZ OESZ_DivContent OESZG_WEf582cc3d53">

<a href="http://192.168.0.122:8084" data-cd="PageLink">

<img style="width:100%;height:100%;border:none" src="WEFiles/Image/empty.png" />

</a>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="OESZ OESZ_XBodyFooter OESZG_XBody OECT OECT_Footer OECTAbs"></div>

</div>

</div>

</body>

</html>
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6178
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 28 2023 at 7:45pm
How did you get the onclick event on the image element?

<div id="WEf582cc3d53" class="BaseDiv RWidth OEWELinkImage OESK_WELinkImage_Default" style="z-index:1001" onclick="return OE.Navigate.open(event,'http://192.168.0.122:8084',1)">
<div class="OESZ OESZ_DivContent OESZG_WEf582cc3d53">
<a href="http://192.168.0.122:8084" data-cd="PageLink">
<img style="width:100%;height:100%;border:none" src="WEFiles/Image/empty.png" />
</a>
</div>
</div>
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6178
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 28 2023 at 7:46pm
Forget it, i know how
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6178
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 28 2023 at 8:02pm
Well, it looks like you reached my limit.  

The absence of target='_blank' in your code means that the target will open on the same tab.

Displaying video stream seems to be unvailable in browsers by design.

You could display a video stream using an image element not by using a plugin.

I am sorry but I can't help you on this topic.


Edited by Hobby001 - Dec 28 2023 at 8:03pm
Back to Top
TC2020 View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 26 2020
Location: Canada
Status: Offline
Points: 61
Post Options Post Options   Thanks (0) Thanks(0)   Quote TC2020 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 28 2023 at 8:33pm
I will look into "target='_blank'". Image Link is probably my final solution for this video streaming.

OE has been great for me as someone who does not code but uses it to design the front-end html pages to what one envisions. This work is somewhat creative and also subjective. So, using OE to describe/design web UI is much more efficient in time and efforts than trying to describe it in other ways. I have SW developers to code scripts for these pages and add these scripts via "Add a code block". So far, OE works well for me.

Thanks for your help.
 
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6178
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 29 2023 at 12:15am
Finally, I should say that it's not openElement that is not allowing it but the browswers.

I will close the topic
Back to Top
 Post Reply Post Reply Page  <12
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.078 seconds.