ON-Line Webkamera beillesztése HTML oldalra
Azzal a kéréssel fordultak hozzám, hogy webkamera képét kell ON-LINE megjeleníteni egy honlapon. Mivel eddig ilyet nem csináltam azt se tudom mit kérdezzek és kitől, nemhogy hogyan valósítsam meg.
Mielőtt rosszra gondoltok egy most induló Óvoda szeretné, ha a szülők látnák a csemetéiket akármikor.
Annyit sejtek, hogy a webkamera egy lokális gépre van kötve, de ezzel vége számomra...
re: ON-Line Webkamera beillesztése HTML oldalra
Idézet:
sbs eredeti hozzászólása
Azzal a kéréssel fordultak hozzám, hogy webkamera képét kell ON-LINE megjeleníteni egy honlapon. Mivel eddig ilyet nem csináltam azt se tudom mit kérdezzek és kitől, nemhogy hogyan valósítsam meg.
Mielőtt rosszra gondoltok egy most induló Óvoda szeretné, ha a szülők látnák a csemetéiket akármikor.
Annyit sejtek, hogy a webkamera egy lokális gépre van kötve, de ezzel vége számomra...
A lokális gépnek meg kell valósítani hogy valamilyen fix IP-ről, vagy dyndns alternatíváról elérhető legyen. Ha ez megvan akkor hxxp://www.yawcam.com/index.php oldalról a program képes weben keresztül megjelentetni a képet, azaz streameli. Ha megvan az óvoda elérhetősége és látszik is a neten mondjuk sbs-ovoda.dyndns.org:8080 címen (óvodai lokális szerver), akkor már csak be kell ágyazni a flash-t a sbs-ovodaja.sbs :) tld-s domain megfelelő fájlába és KÉSZ is.
re: ON-Line Webkamera beillesztése HTML oldalra
Ha ingyen kellene megoldni, akkor a következő oldalak segítenek: no-ip.com és dyndns.com
re: ON-Line Webkamera beillesztése HTML oldalra
hxxp://ustream.tv segíthet
re: ON-Line Webkamera beillesztése HTML oldalra
Én a ustream.tv mellett szavazok.
re: ON-Line Webkamera beillesztése HTML oldalra
Ustream.tv:
- Pro:
* van sávszélességük, igy ha az ovodának van legalább 512 Kbit uploadja, akkor egyszerre akár 500 szülő is nézheti a gyerekét.
* Van rendes flash szoftverük.
* Ingyenes
- Cons:
* Nem tudod limitálni, hogy ki fér hozzá a streamhez.
* Külsős szolgáltatóra kell támaszkodni.
Ha több kamera képét kellene megjeleníteni, és kellene valamilyen hozzáférés szabályozás, akkor wowza szerver. De akkor ez már kicsit nagyobb költségvetésű játék.
re: ON-Line Webkamera beillesztése HTML oldalra
Én már csináltam ilyet, bár nem óvodának, hanem egy számtech boltnak :D
A webcamXP nevű szoftver rendkívül egyszerűen kezelhető és tökéletes megoldás erre a célra. A kamera (akár egy 5e ft-os alap webcam is megteszi) usb-be dugása után, be lehet állítani, hogy miként néznéd a képet a túlvégen. Javaslom a kód generálást. A program által generált kódot egyszerűen beilleszted a honlap forrásába, oszt heló. Jön a kép. H aváltozik az ip-d, egyszerűen átírod a kódot. Rettenetesen nagy problémát is lehet kreálni ebből a feladatból, én is megtettem mielőtt ráleltem erre a programra. Próbálkoztam mindenfélével: fix ip, ip camera, drágábbnál drágább megoldásokkal. Ez amit írtam (mivel van már a programnak free verziója) gyakorlatilag teljesen ingyenes és teljesen jó megoldás ahhoz, hogy az anyukák lássák a csemetét.
El kell indítani a webcam xp progit egy gépen és kész. Bár a sávszélességet elzabálja, de sztem tökéletes megoldás.
megtaláltam a beillesztendő kódot. Valami ilyesmi volt:
Kód:
<img src="http://89.135.85.104:8080/loading.jpg" class="webcam" id="webcam1" onmousedown="PTZMouseDown1(event)" width="0" height="0" alt="Live Stream" />
<script type="text/javascript">
<!--
currentCamera1= 1;
errorimg1= 0;
document.images.webcam1.onload = DoIt1;
document.images.webcam1.onerror = ErrorImage1;
function LoadImage1()
{
uniq1 = Math.random();
document.images.webcam1.src = "http://89.135.85.104:8080/cam_" + currentCamera1 + ".jpg?uniq="+uniq1;
document.images.webcam1.onload = DoIt1;
}
function PTZMouseDown1(e)
{
var IE = document.all?true:false;
var x,y;
var myx,myy;
var myifr = document.getElementById("_iframe-ptz");
tp = getElPos1();
myx = tp[0];
myy = tp[1];
if(IE){
var scrollX = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft;
var scrollY = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
x = event.clientX - myx + scrollX;
y = event.clientY - myy + scrollY;
} else {
x = e.pageX - myx;
y = e.pageY - myy;
}
if ((width_array[currentCamera1] != null) && (width_array[currentCamera1] > 0)) x = Math.round((x * 400) / width_array[currentCamera1]);
if ((height_array[currentCamera1] != null) && (height_array[currentCamera1] > 0)) y = Math.round((y * 300) / height_array[currentCamera1]);
if (x > 400) x = 400;
if (y > 300) y = 300;
if (myifr != null) myifr.src = "http://89.135.85.104:8080/ptz?src=" + currentCamera1 + "&moveto_x=" + x + "&moveto_y=" + y +"";
return true;
}
function getElPos1()
{
el = document.images.webcam1;
x = el.offsetLeft;
y = el.offsetTop;
elp = el.offsetParent;
while(elp!=null)
{ x+=elp.offsetLeft;
y+=elp.offsetTop;
elp=elp.offsetParent;
}
return new Array(x,y);
}
function ErrorImage1()
{
errorimg1++;
if (errorimg1>3){
document.images.webcam1.onload = "";
document.images.webcam1.onerror = "";
document.images.webcam1.src = "offline.jpg";
}else{
uniq1 = Math.random();
document.images.webcam1.src = "http://89.135.85.104:8080/cam_" + currentCamera1 + ".jpg?uniq="+uniq1;
}
}
function DoIt1()
{
errorimg1=0;
window.setTimeout("LoadImage1();", 40);
}
//-->
</script>
Ezt a kódot csak azért tettem ide, hogy azon a pár helyen kell átírni az ip-t amit itt lehet látni. A programban el kell indítani a broadcast-ot, generáltatni ezt (de az új verzióban akár flash) kódot, beilleszteni, oszt have a nice day.
Nem egy ördöngősség.
re: ON-Line Webkamera beillesztése HTML oldalra
Laptop belső kamerával hogy lehetne ezt megoldani? Mert nem ismeri fel a progi, pedig van driver és működik.
re: ON-Line Webkamera beillesztése HTML oldalra
Idézet:
xenophobe eredeti hozzászólása
Laptop belső kamerával hogy lehetne ezt megoldani? Mert nem ismeri fel a progi, pedig van driver és működik.
Milyen progi nem ismeri fel? Gondolatolvasás nem megy ám negyed tízkor.
re: ON-Line Webkamera beillesztése HTML oldalra
Idézet:
Milyen progi nem ismeri fel? Gondolatolvasás nem megy ám negyed tízkor.
Legjobb komment!
Amugy en ugy tudom hogy a Laptop belso kamerajat nem tudod felhasznalni ilyenre, csak IP camerat. Maximum Streamelni tudsz, azt pedig a Twitch oldalon teheted meg. Ehhez kell egy Streamer program. Vannak fizetosek, de van egy ketto ingyenes es jo program is.