mboost-dp1
4 Silverlight streams i 1 browservindue
Min svoger og jeg elsker formel 1 - og vi har nu fået abonnement på Viaplay.dk og de tilbyder at man kan se flere kanaler når man bruger browseren. F.eks. onboard cam, track positioning, pitlane og timetable.
Sidste weekend ville vi prøve at sætte det op - men der gik megen spildplads til "rammen" på browseren da jeg blev nød til at åbne 4 browser vinduer med hver deres strem for at vi kunne følge med på alle kanaler.
Kan man åbne 4 streams i 1 vindue så de har 25% skærmbilled hver? og evt. kan køre fullscreen ved F11?
Er vi ude i noget CSS eller tables (bad choise I know)?
Sidste weekend ville vi prøve at sætte det op - men der gik megen spildplads til "rammen" på browseren da jeg blev nød til at åbne 4 browser vinduer med hver deres strem for at vi kunne følge med på alle kanaler.
Kan man åbne 4 streams i 1 vindue så de har 25% skærmbilled hver? og evt. kan køre fullscreen ved F11?
Er vi ude i noget CSS eller tables (bad choise I know)?
#1
Well, lige umiddelbart vil en hurtig løsning være en iframe der fylder 25% x 25% af skærmen?
Nu ved jeg ikke lige hvad linket er til din stream, men du kunne evt. prøve det? :)
- edit -
Jeg ved ikke om det vil virke, men det er blot et forslag på noget hurtigt HTML som måske klarer det du efterspørger :P
Well, lige umiddelbart vil en hurtig løsning være en iframe der fylder 25% x 25% af skærmen?
Nu ved jeg ikke lige hvad linket er til din stream, men du kunne evt. prøve det? :)
<iframe
name="billede1"
allowtransparency="true"
frameborder=0
border=0
scrolling="no"
width=25%
height=25%
src="din steam">
</iframe>
- edit -
Jeg ved ikke om det vil virke, men det er blot et forslag på noget hurtigt HTML som måske klarer det du efterspørger :P
Tag et kig på http://www.crazybrowser.com/
Ellers kan man få en udvidelse til Chrome, som splitter browseren op i to vinduer, https://chrome.google.com/webstore/detail/split-sc...
Ellers kan man få en udvidelse til Chrome, som splitter browseren op i to vinduer, https://chrome.google.com/webstore/detail/split-sc...
Som tillæg kunne det være fedt hvis silverligth steamet kunne køre "fuldskærm" i dens vindue - altså på dens 25% areal. Så vi har 4 streams og intet andet på skærmen når man kører browseren i fuldskærm.
Et eksempel på #2s kode: https://dl.dropbox.com/u/10359680/test.html
Tryk F11 og browseren går i fullscreen, så er der næsten ikke nogen spildplads. Se i koden for hvordan du kan ændre den til at virke for de videoer du skal se.
Koden er kun tjekket for at virke i Chrome.
Tryk F11 og browseren går i fullscreen, så er der næsten ikke nogen spildplads. Se i koden for hvordan du kan ændre den til at virke for de videoer du skal se.
Koden er kun tjekket for at virke i Chrome.
Det prøver jeg lige. :)
Tak gramps - jeg var kommet frem til en løsning med frameset og række/kolonner. Men der var scrollbars som der ser ud til ikke at være i din løsning.
Jeg prøver lige at erstatte med egne links.
Tak gramps - jeg var kommet frem til en løsning med frameset og række/kolonner. Men der var scrollbars som der ser ud til ikke at være i din løsning.
Jeg prøver lige at erstatte med egne links.
Når jeg åbner filen med de nye links så kommer der en ca 5 px hvid kant rundt om vinduet. Og ca 25 pixels i højre side. Er der er scrollbars. Det var der ikke i dit eksempel med youtube.
Her er hvad jeg har i min oprindelig html-side:
Ulempen ved denne løsning er at chrome/pc´en bliver noget sløv i forhold til 4 x chrome med hver deres åbne stream. Og så selvfølgelig scrollbars om hver ramme.
PS: Bruger chrome på Win7
Her er hvad jeg har i min oprindelig html-side:
<!DOCTYPE html>
<html>
<FRAMESET COLS="50%,50%">
<FRAMESET ROWS="50%,50%">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/brasiliens-grand-prix-pitlane">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/brasiliens-grand-prix-on-board">
</FRAMESET>
<FRAMESET ROWS="50%,50%">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/brasiliens-grand-prix-timing">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/brasiliens-grand-prix-rolling-highlights">
</FRAMESET>
</FRAMESET>
</html>
Ulempen ved denne løsning er at chrome/pc´en bliver noget sløv i forhold til 4 x chrome med hver deres åbne stream. Og så selvfølgelig scrollbars om hver ramme.
PS: Bruger chrome på Win7
<iframe
name="billede1"
allowtransparency="true"
frameborder=0
border=0
scrolling="no"
width=49%
height=49%
src="video-src">
</iframe>
For at undgå scrollbars kan man med snilde forbyde iframe at have dem (se fremhævede linie)
#10 kan den selv holde styr på at sætte dem ved siden af hinanden?
<html>
<head>
<title>F1 Quad-screen</title>
</head>
<body bgcolor="#000000">
<iframe
name="billede1"
allowtransparency="true"
frameborder=0
border=0
scrolling="no"
width=49%
height=49%
src="http://www.youtube.com/embed/8pN80h41xaQ"
allowfullscreen>
</iframe>
<iframe
name="billede1"
allowtransparency="true"
frameborder=0
border=0
scrolling="no"
width=49%
height=49%
src="http://www.youtube.com/embed/HnR0R3DB8O8"
allowfullscreen>
</iframe>
<br>
<iframe
name="billede1"
allowtransparency="true"
frameborder=0
border=0
scrolling="no"
width=49%
height=49%
src="http://www.youtube.com/embed/EKrEtyJ8MdU"
allowfullscreen>
</iframe>
<iframe
name="billede1"
allowtransparency="true"
frameborder=0
border=0
scrolling="no"
width=49%
height=49%
src="http://www.youtube.com/embed/4SRHilt3faM"
allowfullscreen>
</iframe>
</body>
</html>
DISCLAIMER:
Jeg kan desværre ikke garantere at det virker med ViaPlay, da jeg ikke ved hvordan deres steams kører (dog BURDE man kunne sakse steam'et og sætte det ind i den linie hvor youtube er)
Når jeg bruger løsningen med iframe så kommer der sort kant rundt om og i højre side.
Se billed her:
https://dl.dropbox.com/u/39020984/iframekant.png
Hvad angår streams så har jeg i frameset-versionen bare indsat linket til siden. Så det er hele html-siden jeg henter. Gad dog godt det kun var selve silverlight vinduet - a.la. youtube.
Se billed her:
https://dl.dropbox.com/u/39020984/iframekant.png
Hvad angår streams så har jeg i frameset-versionen bare indsat linket til siden. Så det er hele html-siden jeg henter. Gad dog godt det kun var selve silverlight vinduet - a.la. youtube.
- du kan evt. også sakse noget fra F1's hjemmeside, jeg plejer at have den der "status" popup kørende samtidig med at jeg ser det :)
- kun fantasien sætter grænser! Du kan evt have 3 iframes for oven, og to for neden
33% - 33% - 33%
50% --------- 50%
Pitcam > Startcam > Rækkefølge-grafik
Cam1 > Cam2
---------
Mht den sorte kant i højre side, så prøv at ændre iframe størrelsen
width=49% >>> width=50%
Hvis det ikke fungerer, så er det Chrome der knepper det - dette link virker på IE, Firefox og Safari
- kun fantasien sætter grænser! Du kan evt have 3 iframes for oven, og to for neden
33% - 33% - 33%
50% --------- 50%
Pitcam > Startcam > Rækkefølge-grafik
Cam1 > Cam2
---------
Mht den sorte kant i højre side, så prøv at ændre iframe størrelsen
width=49% >>> width=50%
Hvis det ikke fungerer, så er det Chrome der knepper det - dette link virker på IE, Firefox og Safari
Jeg kan eventuelt prøve at fikse noget sammen hvor den fjerner scrollbar i højre side total? Øjeblik ^_^
Lige efter BODY-tagget skriver du:
Og lige inden BODY slutter, skriver du
http://tved.me/test/video2.html
- edit -
Jeg kan ikke garantere det 100%, for OSX skjuler den automatisk ... Evt kan du have både Overflow X og Y til at være hidden
<div style="height:100%; width:100%; overflow-x:scroll ; overflow-y:hidden; ">
Og lige inden BODY slutter, skriver du
</div>
http://tved.me/test/video2.html
- edit -
Jeg kan ikke garantere det 100%, for OSX skjuler den automatisk ... Evt kan du have både Overflow X og Y til at være hidden
#16 - nice.
Min vision er følgende:
27" FULLHD skærm:
1+2
3+4 - hvor
1 = Pit-lane - http://viaplay.dk/sport/formula-1-live/brasiliens-...
2 = Live Timing (fra formula1.com) - http://www.formula1.com/live_timing/live_timing.ht...
3 = Onboard cam - http://viaplay.dk/sport/formula-1-live/brasiliens-...
4 = Rolling Highlights - http://viaplay.dk/sport/formula-1-live/brasiliens-...
14" Laptop skærm:
Trackpositioning
Min vision er følgende:
27" FULLHD skærm:
1+2
3+4 - hvor
1 = Pit-lane - http://viaplay.dk/sport/formula-1-live/brasiliens-...
2 = Live Timing (fra formula1.com) - http://www.formula1.com/live_timing/live_timing.ht...
3 = Onboard cam - http://viaplay.dk/sport/formula-1-live/brasiliens-...
4 = Rolling Highlights - http://viaplay.dk/sport/formula-1-live/brasiliens-...
14" Laptop skærm:
Trackpositioning
Når jeg åbner #17 linket i Internet Explorer så opstår sorte kanter stadig.
1 time og 13 min til start af løbet. :)
Indtil videre bruger jeg den oprindelige udgave:
Hvilket giver mig dette på min 27" skærm:
https://dl.dropbox.com/u/39020984/Splitplay1.png
Jeg er rimelig tilfreds - bortset fra at det er Viaplay som levere live timing i stedet for formula1.com og scrollbars!!!.
Indtil videre bruger jeg den oprindelige udgave:
<!DOCTYPE html>
<html>
<FRAMESET COLS="50%,50%">
<FRAMESET ROWS="50%,50%">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/brasiliens-grand-prix-pitlane">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/brasiliens-grand-prix-on-board">
</FRAMESET>
<FRAMESET ROWS="50%,50%">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/brasiliens-grand-prix-timing">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/brasiliens-grand-prix-rolling-highlights">
</FRAMESET>
</FRAMESET>
</html>
Hvilket giver mig dette på min 27" skærm:
https://dl.dropbox.com/u/39020984/Splitplay1.png
Jeg er rimelig tilfreds - bortset fra at det er Viaplay som levere live timing i stedet for formula1.com og scrollbars!!!.
Ved at ændre pixelbredden på "Rullepaneler" i "Personlige Indstillinger til 8 er spildpladsen blevet mindre:
https://dl.dropbox.com/u/39020984/Splitplay1-8pixe...
https://dl.dropbox.com/u/39020984/Splitplay1-8pixe...
Ved at kigge på kildekoden så tror jeg at selve streamet kommer fra viasatondemand.com - men jeg kan ikke lige se om det er sandt.
#24
Ikke alle bruger SuperBrowsers(TM), men derimod Opera :P
---
Kejser:
Prøv at sætte det DIV-tag ind, det burde fjerne scrollbars?
Kan ikke garantere at det virker, men det er da et forsøg værd :)
Ikke alle bruger SuperBrowsers(TM), men derimod Opera :P
---
Kejser:
Prøv at sætte det DIV-tag ind, det burde fjerne scrollbars?
<!DOCTYPE html>
<html>
<div style="height:100%; width:100%; overflow-x:hidden ; overflow-y:hidden; ">
<FRAMESET COLS="50%,50%">
<FRAMESET ROWS="50%,50%">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/
brasiliens-grand-prix-pitlane">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/
brasiliens-grand-prix-on-board">
</FRAMESET>
<FRAMESET ROWS="50%,50%">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/
brasiliens-grand-prix-timing">
<FRAME SRC="http://viaplay.dk/sport/formula-1-live/
brasiliens-grand-prix-rolling-highlights">
</FRAMESET>
</FRAMESET>
</div>
</html>
Kan ikke garantere at det virker, men det er da et forsøg værd :)
Opret dig som bruger i dag
Det er gratis, og du binder dig ikke til noget.
Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.
- Forside
- ⟨
- Forum
- ⟨
- Support
Gå til bund