Cookies op Tweakers

Tweakers maakt gebruik van cookies, onder andere om de website te analyseren, het gebruiksgemak te vergroten en advertenties te tonen. Door gebruik te maken van deze website, of door op 'Ga verder' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt, bekijk dan ons cookiebeleid.

Meer informatie

Door , , 90 reacties

Tweakers.net heeft met StreamOne een nieuw videohosting-platform opgezet. Door dit platform kunnen we meerdere versies van een video aanbieden en zijn we ook in staat mobiele bezoekers te bedienen.

Zoals je onlangs kon lezen, zijn we bezig met het verbeteren van de videohosting. Om dat voor elkaar te krijgen hebben we in samenwerking met StreamOne een nieuw videohosting-platform opgezet. Dit platform is een stand-alonevariant op de cloudversie van StreamOne.

Met dat platform is ons een groot deel van het werk uit handen genomen. Het complete traject van transcoderen, opslaan en schaalbaar uitserveren van video's wordt door het StreamOne-platform geregeld. Het belangrijkste wat we zelf nog moesten regelen is het integreren van de StreamOne-api in ons cms.

Meerdere video-versies

Een van de belangrijkste veranderingen met StreamOne is dat we vanaf nu meerdere versies van dezelfde video kunnen aanbieden. Daardoor kunnen we eenvoudiger verschillende clients ondersteunen; we kunnen nu video op maat leveren voor bijvoorbeeld krachtige mobiele apparaten als de iPhone, de iPad en Android-telefoons. De ondersteuning daarvoor zullen we geleidelijk verbeteren, maar onze eerste opzet zou in veel mobiele clients al moeten werken. In de toekomst zullen we bijvoorbeeld ook een aantal verschillende WebM-versies toevoegen voor een betere ondersteuning van de video-tag.

We gaan in eerste instantie de volgende varianten uitserveren:

PlayerVersie
Flashplayer H264 360p high profile
Flashplayer HD-knop H264 720p of 540p high profile, afhankelijk van de bron
Videotag H264 360p baseline
Extra downloadlink bij "devicegrade B+" H264 270p baseline en 3GP

Nieuwe servers

Om de videohosting efficiënt te laten werken, hebben we twee Dell PowerEdge R210's aangeschaft. Deze zijn elk voorzien van een Intel Core i3 530-processor, 8GB ram en een 160GB-harddisk. Die schijf wordt door de StreamOne-software gebruikt voor het lokaal cachen van de populairste videofiles. Daarnaast beschikken beide servers over vier 1Gbit-netwerkpoorten, waardoor ze samen in theorie 6Gbit aan bandbreedte kunnen leveren - de vierde poort van elke server is op het interne netwerk aangesloten. De bronvideo's staan op onze fileserver.

Dell R210-vooraanzicht

Voor het transcoderen van de bronvideo's naar de bovenstaande versies wordt een virtual machine gebruikt op twee nieuwe virtual-machineservers die onder meer voor dit werk zijn aangeschaft. Daarnaast bemoeien deze machines zich met het mailverkeer, inclusief het filteren op spam en het versturen van de nieuwsbrief. Dat werk nemen ze over van het ondertussen bejaarde cadeautje van Sun.

De vm-dozen zijn twee Dell PowerEdge R410's die elk een tweetal Xeon E5630-quadcores en 16GB ram aan boord hebben. De shared storage voor de disk images van de virtual machines komt van de ondertussen gerepareerde Dell MD3000i. Hierdoor kunnen vm's in theorie zonder merkbare downtime van de ene host naar de andere gemigreerd worden. Een korte single-threaded transcodeerbenchmark gaf aan dat de nieuwe servers ongeveer twee keer zo snel zijn als de Xeon E5310 waar dit werk tot nu toe op werd uitgevoerd. Omdat het transcoderen multithreaded wordt uitgevoerd, wordt de snelheidswinst in de praktijk nog groter.

Dell R410-vooraanzicht in actie
Een nieuwe R410 onder onze "oude" R410-webservers

Meer bandbreedte

Om te voorkomen dat hi-res video's in populaire artikelen de bandbreedte van het gewone verkeer wegkapen, zijn we in conclaaf gegaan met onze hostingprovider True. Uiteindelijk hebben we ervoor gekozen om een aantal extra Gbit-lijnen te plaatsen én om de bestaande redundante lijn te gebruiken. Tot nu toe gebruikten we één lijn naar de eerste coreswitch van True en was er nog een ongebruikte backuplijn naar de tweede coreswitch.

In de nieuwe opstelling hebben we een trunk van twee lijnen naar de eerste coreswitch en een tweede trunk van twee lijnen naar de andere coreswitch, en die gaan we ook gebruiken. De capaciteit is van effectief 1Gbit dus naar effectief 4Gbit gegroeid en mochten we in de toekomst meer nodig hebben, dan kan er triviaal worden opgeschaald naar 2x3Gbit of zelfs 2x4Gbit. Als we dan nog niet genoeg bandbreedte hebben, zullen we nieuwe switches moeten kopen want de huidige hebben niet genoeg poorten meer vrij.

Meer mogelijkheden

Met het nieuwe platform krijgen we meer mogelijkheden. De verschillende versies zorgen ervoor dat we uiteenlopende clients op maat kunnen bedienen. Daarnaast hebben we een overzicht van de laatste video's gemaakt, met per video een eigen pagina met een grotere player en de mogelijkheid tot reageren.

Verder is het met StreamOne mogelijk om een livestream voor onze bezoekers op te zetten. Dergelijke functionaliteit hebben bijvoorbeeld al bij diverse overklokevenementen gebruikt, en voortaan kunnen we zulke streams dus ook zelf hosten. Bovendien kunnen we die streams ook opnemen om later nog eens te bekijken.

Door Arjen van der Meijden

- Lead Developer

In oktober 2001 begonnen met als voornaamste taak het technisch beheer van het forum. Daarna doorgegroeid tot senior developer en softwarearchitect. Nu lead developer, met een leidinggevende taak binnen het team van programmeurs en systeembeheerders van Tweakers.

Moderatie-faq Wijzig weergave

Reacties (90)

Kan alleen op mijn iPhone nog steeds geen vids zien, bijv de true crime vid.. staat een streep door de play btn heen en krijg de melding "film afspelen niet mogelijk"
Is meer een probleem van je Iphone ipv Tweakers vermoed ik ;)
lijkt me niet...
"Daardoor kunnen we eenvoudiger verschillende clients ondersteunen; we kunnen nu video op maat leveren voor bijvoorbeeld krachtige mobiele apparaten als de iPhone, de iPad en Android-telefoons."
Dat is echter nog geen garantie dat video's het ook daadwerkelijk altijd in elk apparaat doen. De nieuw geuploade video's zouden het over het algemeen wel moeten doen, maar de oudere hebben we dergelijke garanties niet ineens met terugwerkende kracht ook bij gekregen.
Hier geen probleem, zowel via Safari als de Tweakers.net-app (iPhone 4)
Op mijn x10 met android kan ik youtube filmpjes bekijken, indien er een directe link naar het filmpje wordt geplaatst. Bij vele sites wordt de link naar youtube gegeven, maar bij tweakers.net word alleen de player embed in de site en kan je de link nergens terugvinden.
Als ze dit zouden veranderen dan was het voor mij al OK! geweest, maar dit is natuurlijk nog beter.

(het zou alsnog fijn zijn als tweakers bij youtube filmpjes de link ergens klikbaar maakt, op deze manier kan volgens mij elke android gebruiker zonder flash de filmpjes via de youtube app bekijken, ik zal ergens op het forum dit aan de redactie voorleggen)
Respect voor de manier van werken.

Ik blijf het integrerend vinden hoe de heren van T.net het voor elkaar krijgen om even een paar extra servertjes erbij te hangen, extra pagina'tje aan te maken (T.net/video) en alles laten uitzien alsof het een kwestie van een knopje indrukken is.

Mag hopelijk voor de meeste mensen toch duidelijk zijn dat dit toch iets meer is dan een knopje indrukken.

Is de video pagina overigens ook van de FP te bereiken? Zie nog nergens een link staan...
Bij mij staat die aan de rechterkant onder meuktracker en boven product reviews.

Edit/OT:
Maar, zo maar een gekke vraag, de video servers hebben intern 1 GBit/s elk en extern 3 Gbit/s elk. Dat klinkt opzichzelf zo gek nog niet, maar als er dan maar 4 GBit/s totaal uitgaand beschikbaar is, is het dan niet verstandiger om intern 2 GBit/s beschikbaar te hebben? Immers kan de 6 GBit/s video output nooit gebruikt worden en heb je met 4 Gbit/s net zoveel bandbreedte als je uitgaand hebt. Bedenk dat je verder ook nog andere pagina's/bestanden/andere meuk serveert, krijg je ook dan die 4 GBit/s videolinks niet vol.

[Reactie gewijzigd door EvilWhiteDragon op 9 augustus 2010 09:33]

We hebben nu 2x2Gbit uitgaand, maar dat is al zo ingericht dat het 2x4Gbit kan worden. Het interne verkeer is niet zoveel, dus daar meer ruimte aan geven is weinig zinvol.
Overigens is de kans dat we over de 1Gbit gaan alsnog niet enorm groot hoor, dit is vooral om onverwachte pieken op te vangen :)
Das dan beter dan T-mobile he!
Vooraf denken :) !, zijn d oude filmpjes al vervangen zodat ik ze eventueel op mijn ipod kan kijken? Ik zal zelf maar op onderzoek uitgaan.
Super T.net

Edit:/ woow dit werkt! En ook nog goed en netjes je komt mooi in je video scherm terecht en als je op gereed klikt springt het filmpje mooi terug! Zeer netjes gedaan, ben blij dat ik nu altijd filmpjes kan kojken bij artikelen, op mijn ipod touch 2g(volume buttons, geen bluetooth) met safari, opera werkte trouwens niet :( erg jammer...

[Reactie gewijzigd door alaintje op 10 augustus 2010 00:20]

extra pagina'tje aan te maken (T.net/video) en alles laten uitzien alsof het een kwestie van een knopje indrukken is.
Die pagina is waarschijnlijk ook een 'push of the button' actie (ligt aan het CMS.. wat T.net kennende kontschoppend is)
En een manier van plannen en communiceren. Het is pas af als het af is, en eerder zwijg je erover. Dat laatste waren ze bij bijvoorbeeld Duke Nukem: Forever vergeten. Het is beter om je publiek te verrassen dan teleur te stellen.
Is dit de juiste plek om een bugje foutje van de video'spagina te melden?

Ik heb de trailer van Dirt 3 in HD als eerste bekeken, als ik nu de video van Vanquish in HD bekijk dan krijg ik de trailer van Dirt 3 voorgeschoteld (Google Chrome 5.0.375); als ik de Vanquish trailer in LowD bekijk krijg ik wel de juiste video te zien.

Bij de Sonic Colours trailer krijg ik in HD en LD gewoon de juiste video te zien.

PS. ik denk dat voor de Vanquish trailer gewoon de verkeerde HD video geupload is. Als ik Firefox start of Chrome in een ander profiel krijg ik precies hetzelfde probleem.

[Reactie gewijzigd door brem op 9 augustus 2010 10:17]

Had niks met de video-pagina te maken, maar met een stukje verwerking/aanroep van de genoemde API. Als het goed is komt dat niet meer voor :)
Inderdaad opgelost. De HD versies starten nu ook een heel stuk sneller (daar zat 3 uur geleden nog een flink delay in).
Kleine aanvulling op wat ACM hierboven post: er wordt maar één (hoge kwaliteit) video geupload. Het StreamOne-platform zorgt er vervolgens voor dat dit naar de juiste profielen wordt omgezet.

Via de API kan vervolgens gemakkelijk een lijst met beschikbare files voor een media-item worden opgehaald en zo weet de website wat hij wel en niet aan een user kan voorschotelen. :)
Ik snap er geen fluit van. Met Opera mobile op mijn Xperia X1 krijg ik niet eens de optie om de bestanden te downloaden te zien. Surf ik met IE mobile naar de site dan heb ik die optie wel!

Ik was altijd in de veronderstelling dat Opera een stuk beter was dan IE voor WM6.1. Minpuntje, jammer.
Misschien handig om te vermelden welke versie van Opera Mobile je gebruikt. :)
Opera is niet zo goed in adverteren dat het een mobiele versie is, dus de kans is groot dat je ook geen lagere devicegrade hebt gekregen... En dus als volwaardige desktopbrowser wordt gezien.
Lijkt mij een mooi puntje voor op de developer's todo. De browser gaat niet anders worden. ;)
Nee, dat kunnen we dan niet op de devtodo zetten. Sommige mobiele Opera-versies geven gewoon precies dezelfde soort useragent-string als de desktop-versie. Daar kunnen we dus geen aanvullende detectie op loslaten en daar gaan we dan ook niet proberen heel complex en foutgevoelig iets met versienummers voor te verzinnen.

Als de browser ons niet via zijn useragent-string wil laten weten dat ie een mobiele versie is, dan houdt het voor ons toch echt een beetje op :/

Je kan eventueel nog kijken wat je useragent is (o.a. te achterhalen via: http://tweakers.net/devicedetect en daar dan gelijk even de B-grade forceren als je die niet al kreeg)
De gegevens op deze pagina kunnen voor ons handig zijn om te kijken of je wellicht niet goed gedetecteerd wordt: http://tweakers.net/devicedetect :)
Leuk deze update. Heb alleen 1 vraagje. Waarom moet bij het muten van het geluid perse dat mute icoontje in het midden van het scherm staan? Kan dat nou echt nergens anders geplaatst worden? Het is rechts onder ook al duidelijk dat er een mute is.

http://i34.tinypic.com/rrktgl.jpg
Dat is een beperking van JWPlayer, daar kan Tweakers weinig aan doen. Als ze dat willen oplossen moeten ze overstappen naar een andere player helaas.
http://developer.longtailvideo.com/trac/browser
lijkt open source te zijn wat betekend dat ze het kunnen aanpassen naar wens.
Er zijn meer mensen die dezelfde vraag hebben gesteld. Staat ook op de support site van de ontwikkelaar: http://www.longtailvideo....34/moving-the-play-button

En inderdaad, je kan de boel zelf compilen. Sources staan er gewoon bij.
Wel jammer dan je de boel wel kan skinnen maar dat daarin niet de posities van de knoppen/plaatjes wordt bepaald. Dat had het een stuk makkelijker gemaakt.

[Reactie gewijzigd door njitter op 9 augustus 2010 12:10]

erg irritant inderdaad..
Wat betreft de http://tweakers.net/video pagina. Waarom staan daar de gekoppelde nieuwsberichten niet bij de video's?
Dan doel ik vooral op de reactiemogelijkheid. Nu krijg je reacties bij nieuws: Video: Red Dead Redemption - Legends & Killers trailer en bij video's: Video: Red Dead Redemption - Legends & Killers dlc.
Dat lijkt me best wel vaag en ongewenst?

[Reactie gewijzigd door Barleone op 9 augustus 2010 11:53]

Dan zijn ze niet gekoppeld, niet in de manier waarop wij het bedoelen. Embedden is niet automatisch koppelen namelijk (stukje evolutie van code die ik nu verder niet ga lopen verdedigen) :)
I get it wat betreft dat koppelen.
Maar je begrijpt mijn punt wel dat je nu een speciale video-pagina creëert voor video's die al zijn behandeld in een nieuwsbericht?
Zou het niet 'mooier' zijn als de video-nieuwsberichten gewoon op de /video pagina komen te staan met zo'n mooi video-preview-plaatje?
Met uiteraard gewoon de /video frontend met breedbeeld video.

edit:
HOI HOI! d:)b

[Reactie gewijzigd door Barleone op 9 augustus 2010 13:19]

Jahoor, de evolutie van onze code staat echt niet vanaf vandaag stil wbt video's :)
Extra downloadlink bij "devicegrade B+" H264 270p baseline en 3GP

270? Niet 720?
In de nieuwe opstelling hebben we een trunk van twee lijnen naar de eerste coreswitch en een tweede trunk van twee lijnen naar de andere coreswitch
Nee, je hebt link aggregation gebruikt. Trunking is iets anders.

[Reactie gewijzigd door CyBeR op 9 augustus 2010 10:43]

Waarom zouden we voor weinig krachtige machines een 720p-link aanbieden als ie de 360p misschien niet eens aan kan?

Ennueh, http://en.wikipedia.org/wiki/Trunking#Link_aggregation daar staat link aggregation toch echt ok bij genoemd :P Dat die vlan-tagging ook trunking is... sja.
Waarom zouden we voor weinig krachtige machines een 720p-link aanbieden als ie de 360p misschien niet eens aan kan?
Oh ik dan heb ik 't verkeerd begrepen. Ik dacht dat dat juist voor betere devices zou zijn.
Ennueh, http://en.wikipedia.org/wiki/Trunking#Link_aggregation daar staat link aggregation toch echt ok bij genoemd :P Dat die vlan-tagging ook trunking is... sja.
Ja dat komt omdat 't op een gegeven moment verward is. Maar trunking en aggregation zijn precies tegenovergestelden van elkaar, hoewel je ze wel samen kunt gebruiken. Trunking is het vervoeren van meerdere logische kanalen over één fysiek kanaal (dus 802.1q vlans bijvoorbeeld), waar aggregation het vervoeren van één logisch kanaal is over meerdere fysieke kanalen. Het constante door elkaar halen van deze twee termen veroorzaakt veel verwarring.
Ziet er mooi uit en ik zat al een tijdje op deze functies te wachten. Vooral de iPhone support (safari) kan ik erg waarderen (wordt ook snel gebufferd). Erg gaaf gemaakt hoe de video op en neer schaalt bij het openen en sluiten. Dit heb ik nog nergens anders gezien, dus chappeau! ;)

Wel een korte vraag, niet alle video's zijn nog geschikt om mobiel te bekijken (zag het even snel bij de spiderman video). Is dit omdat het video's zijn van voor de invoering van dit platform of een andere reden (nog niet encoded of het wordt intentioneel niet omgezet)?

Laatste opmerking uit mijn lofzang; Mooi dat het ook al direct werkt in jullie iPhone app _/-\o_
Dat openen doet je browser voor je hoor, hebben wij weinig voor gedaan ;)

En idd, niet alle video's werken in iphone e.d. Alles na de "Dirt 3" video zou het wel moeten doen, zo niet dan horen we het graag. Oudere video's moeten we even naar kijken in hoeverre we die kunnen en willen omzetten.
Vreemd, genoeg embedded video's gekeken hierop maar dat effect toch nooit gezien. Ik had voor het schrijven nog gechecked met de vids op de apple site, dat het niet een ios4 dingetje is. Maargoed het zal wel dan :)
De hudige 3 videos die online staat zien er behoorlijk slecht uit met HD knop.

Wat is de bitrate van de HD videos?
Vind je? Met de HD-knop krijg je bij onderstaande video een 720p-video van 2.5 Mbps:
http://tweakers.net/video/1557/dirt-3-trailer.html

Vaak is de aangeleverde content minder dan 720p en dan geeft de HD-knop de "best mogelijke" versie weer, vaak 540p en soms zelfs maar 480p.
Goed om te horen dat op termijn ook de VP8 codec ondersteund gaat worden.
Jammer alleen dat niet nu al theora ondersteund wordt.

Op dit item kan niet meer gereageerd worden.



Apple iOS 10 Google Pixel Apple iPhone 7 Sony PlayStation VR AMD Radeon RX 480 4GB Battlefield 1 Google Android Nougat Watch Dogs 2

© 1998 - 2016 de Persgroep Online Services B.V. Tweakers vormt samen met o.a. Autotrack en Carsom.nl de Persgroep Online Services B.V. Hosting door True