Oldal: 1 / 2 12 UtolsóUtolsó
Eredmény: 1 - 10 (12) összesen

Téma: ON-Line Webkamera beillesztése HTML oldalra

  1. #1
    sbs
    sbs nem elérhető
    Google 'n' Roll Man sbs logója
    Csatlakozott
    08-07-03
    Hely
    Tárnok és Budapest
    Hozzászólás
    2.109
    Begyűjtött 3 köszönetet
    3 hozzászólásával

    Kérdés 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...


    Ablak és beltéri ajtó :: Netmax: "Mindig van a tiédnél jobb oldal..." :: Építkezés Fórum

  2. #2
    A kis Stefan syshost logója
    Csatlakozott
    08-06-29
    Hely
    Zalaegerszeg
    Hozzászólás
    302
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: ON-Line Webkamera beillesztése HTML oldalra

    Idézet sbs eredeti hozzászólása Hozzászólás megtekintése
    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.



  3. #3
    webzsonglőr mulidesign logója
    Csatlakozott
    08-01-11
    Hely
    Budapest XIII.ker.
    Hozzászólás
    197
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás 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


    Utoljára módosítva: mulidesign által : 2009-08-10 08:10 Oka: elírás

  4. #4
    Mentor garrotter logója
    Csatlakozott
    07-05-11
    Hely
    Budapest
    Hozzászólás
    477
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: ON-Line Webkamera beillesztése HTML oldalra

    hxxp://ustream.tv segíthet



  5. #5
    Bölcs Harder logója
    Csatlakozott
    07-05-05
    Hely
    Budapest
    Hozzászólás
    1.873
    Begyűjtött 168 köszönetet
    109 hozzászólásával

    Alapbeállítás re: ON-Line Webkamera beillesztése HTML oldalra

    Én a ustream.tv mellett szavazok.



  6. #6
    Bölcs
    Csatlakozott
    07-08-28
    Hozzászólás
    1.024
    Begyűjtött 146 köszönetet
    105 hozzászólásával

    Alapbeállítás 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.



  7. #7
    Mentor Zaphod logója
    Csatlakozott
    08-01-21
    Hely
    Veszprém
    Hozzászólás
    324
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: ON-Line Webkamera beillesztése HTML oldalra

    Én már csináltam ilyet, bár nem óvodának, hanem egy számtech boltnak
    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.


    Utoljára módosítva: Zaphod által : 2009-08-10 15:42 Oka: csakmégmer2

  8. #8
    xenophobe
    Vendég

    Alapbeállítás 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.



  9. #9
    Adminisztrátor BagiZoli logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.855
    Begyűjtött 320 köszönetet
    154 hozzászólásával

    Alapbeállítás re: ON-Line Webkamera beillesztése HTML oldalra

    Idézet xenophobe eredeti hozzászólása Hozzászólás megtekintése
    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.



  10. #10
    Törzsvendég HugoTheOne logója
    Csatlakozott
    14-06-13
    Hely
    Cyprus
    Hozzászólás
    101
    Begyűjtött 9 köszönetet
    6 hozzászólásával

    Alapbeállítás re: ON-Line Webkamera beillesztése HTML oldalra

    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.



Oldal: 1 / 2 12 UtolsóUtolsó

A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •