Datarhei/Restreamer - bädda in Livestream på hemsida (5 / 5 steg)

Steg 5: Kontrollera resultatet på hemsida



Nu är det dags att kolla resultatet på din webbplats - Ja!

Vad du har gjort hittills:

  1. Kopierade iframe htmlkod utdrag ur lokala Datarhei/Restreamer spelaren till din webbplats
  2. Kopierade den HTML koden beckasin iframe med levande ögonblicksbilden till din webbplats
  3. Laddat upp den * html webbplatser med iframes på ditt webbutrymme med FTP
  4. Och vidarebefordrade port att kommunicera mellan iframes och Datarhei/Restreamer

Resultatet i mitt exempel visas på bilderna ovan. En liten och söt en personsökare med Bootstrap tema kallas gråskala. Jag tog bilden som bakgrundsbild på webbplatsen via CSS och iframe med spelaren centrerad på sidan. Som en liten addon bygga jag min mall med två andra undersidor. En för YouTube-Live iframe och andra iframe med Ustream. Den fungerar inte alla tillsammans eftersom flera streaming inte är en officiell Restreamer funktion för tillfället.

Hålla på streaming!
(Sven)

Se Steg
Relaterade Ämnen

Datarhei/Restreamer - Setup din IP-kamera för livestreaming

Bara några enkla steg och du kan starta streaming H.264-video.Förberedelser för att göra stegen:Programvara:Kör Datarhei/Restreamer(Valfritt) Network scanner som AngryipVLC att testa din RTMP-URLHårdvara:IP/Network cameraOch en fungerande internet-an...

Datarhei/Restreamer - Setup Ip Raspicam för livestreaming

I detta Instructables visar vi hur man ställer in din Raspicam med en Raspberry Pi 1 och Pi 2. Som ett resultat kommer du få din Raspicam streaming HLS i en HTML5 videospelare redo att bädda in på din webbplats!De viktigaste stegen ärStäll in din Ras...

Datarhei/Restreamer - Installation OSX och Windows med Docker Toolbox (Kitematic)

Vad är detta Instructables?Det snabbaste sättet att använda Datarhei/Restreamer är att använda verktygslådan Docker aka Kitematic.Det finns bara några steg för att få den Restreamer som körs i din webbläsare.De viktigaste stegen är: Ladda ner och ins...

Förbereda minneskortet med HypriotOS för Datarhei/Restreamer på hallon Pi1 & Pi2 med Microsoft Windows

Innan du kan börja streaming med Datarhei/Restreamer måste du förbereda ett minneskort och komma igång med Docker på din Raspberry Pi. Rekommenderar vi för att använda HypriotOS Raspberry Pi bilden med Docker stöd.Det finns andra sätt. Men detta bör...

Datarhei/Restreamer - ändra Port, användarnamn, lösenord och Snapshot intervall

Denna Instrucables visar hur man ändrar några miljövariabler i din Datarhei/Restreamer.ändra standardporten för UIändra användarnamn och lösenordändra standardintervallet för ögonblicksbildDet är alltid samma rutin om du vill ändra variablerna.Sluta...

Hur du uppdaterar Datarhei/Restreamer på Raspberry Pi 1/2 (video tutorial)

Denna video visar hur du uppdaterar en Datarhei/Restreamer Docker HypriotOS installation på en Raspberry Pi.För alltid aktuell dokumentation ta en titt på våra Docs på GitHub.Uppdatera din Resteamer och många fler saker: https://datarhei.GitHub.IO/re...

Bädda in din Google Drive skapelser på webbplatsen Weebly

jag har visat detta till en hel del lärare, och tänkte jag skulle skriva en kort instructable för alla som är intresserade av att bädda in en Google Drive objekt i en Weebly webbplats. Klicka på bilderna för att se dem i full storlek!Det finns några...

Bygga din egen hemsida med dreamweaver

så jag har tidigare skrivit om detta innan den gamla är värt att läsa först, den innehåller instruktioner om photoshop och dreamweaver som detta inte, men det missar många poäng ut jämfört med den här.Nuförtiden det finns ton av tjänster för att bygg...

Instructables på din hemsida eller blogg - uppdaterad!

Detta Instructable visar dig hur du kan bädda in en lista med länkar till din Instructables på din webbplats, formaterade precis som på din profilsida. De uppdateras automatiskt varje gång sidan laddas och är sorterbara av vyer, rating, senaste och n...

Bädda in en OEM GPS till något

jag kommer att visa dig hur du koppla in en mycket anpassningsbar OEM GPS-enhet. Detta är stora delar av utrustning som kan bäddas in i nästan vad som helst.Bygga ett komplett anpassade system är mycket arbete. Det krävs normalt specifik kunskap om f...

Rädda WebCamen från en bärbar dator

Det är samma process för min överordnade instructable "rädda en Bluetooth från laptop"...4 cable(black,red,with,green) att ansluta på en gammal USB kabel med manliga part... isolerade och njuta...Windows söka automatiskt alla drivrutiner men om...

Bädda in din Playercard

hur till bädda in instructables spelare kort på hemsidor att visa upp din statistik! Detta (jag är ganska säker) påbörjar från Instructables Top Trumps speletJag är ingen kodare, trots att de har en kandidatexamen i datavetenskap, inte jämfört med mi...

Gör en 100% gratis hemsida! Inga annonser eller virus!

Th är en stor webbplats för att göra helt gratis webbplatser. En personlig hemsida eller företagets webbplats, även en lösenord beskyddat webbplats, och kan du skapa den ensam och ingen kod kunskap krävs men det skulle hjälpa dig att skapa en trevlig...

Hur du gör din egen "rädda vår Statsparker" knappar

Visa ditt stöd för California State Parks genom att göra och bär dessa "rädda vår Statsparker" knappar. Lägg dem på din ryggsäck, solhatt eller t-shirt medan du är ute vandring och hjälp sprida ordet kalifornier kommer inte att stå för stängning...

Amys födelsedag drag - OBH Nordica, Le Creuset, & All-klädda

Gå med mig för en födelsedag drag! Jag hade mycket roligt spendera min födelsedag presentkort. Eric fick mig en Breviile allt i en nedsänkning mixer BSB530XL som innehåller en mat Bearbetning station. Jag har också besökt WIlliams-Sonoma Outlet store...

Bädda in en Fusion 360 (3D) modell på din Facebook-sida

Du har skapat en stor 3D modell använder Fusion 360. Du har bäddat in denna modell till en Instructable. Nu vill du visa upp samma modell på din Facebook-sida. Här är hur.(Detta Instructable förutsätter att du redan är bekant med publicerande Fusion...

Bädda in en Fusion 360 (3D) modell i din Instructable

Här är en cool nya sätt att förbättra din Instructables med detaljerade interaktiv 3D modeller skapats med Autodesk Fusion 360. Jag tar dig steg för steg genom processen att publicera din Fusion 360 modell på Fusion 360 Galleri och bädda in det i din...

Batch hemsida Launcher

Hej! Detta är min första instructable, så snälla Döm inte.Idag, jag kommer att visa dig hur man gör en liten kommandofil som startar webbplatser, utan att behöva mata www. eller .com!(Obs: detta fungerar bara med .com websites, jag ska försöka arbeta...

Svart och vitt moderna nyfödda plantskola Tour

Denna video tar dig genom varje detalj av denna nyfödda plantskola.Länkarna nedan till där jag köpte allt:Spjälsäng: http://www.ikea.com/us/en/catalog/products/502485...Byrå: http://www.ikea.com/us/en/catalog/products/502485...Skötbord: http://www.ik...