Nytt projekt: Tvinterplay.se

För ett par veckor sedan satte vi de sista bitarna på plats för arbetet med Tvinterplay.se, en filmsajt till produktionsbolaget TV-Inter. TV-Inter har sedan starten 1983 producerat över 200 timmar material på uppdrag av den svenska pingströrelsen. Bland produktionern kan nämnas framgångarna med SVT-produktionen Minns du sången. Man sände även en tv-serie(Guds Hus) på kanal 8 hösten 2008.

TV-Inter kom till oss med uppdraget att utforma en webbplats som:

• Är lättillgänglig, fungerar för så många som möjligt(olika plattformar, webbläsare och bandbredd)
• Fräsch och fin
• Har stöd för användaruppladdade filmer
• Har stöd för egna kanaler för publicering av eget material
• Billig att drifta
• Förberedd för mobila plattformar
• Möjlighet att bädda in video på externa webbplatser

Nu är vi klar med arbetet och vi är minst sagt nöjda med slutresultatet som vi tycker håller hög kvalitet.

Videospelare
För uppspelning av filmer har vi valt en flashbaserad spelar, Flow Player, att spela filmer i mp4-formatet. Detta format stöds av minst 96% av  de europesika användarna och håller i vår uppfattning en hög och professionell kvalitet. Värt att notera är att vi valde bort så väl FLV-formatet samt JW Media Player. Det tidigare håller inte tillräckligt hög kvalitet och fungerar dåligt med de streamingmoduler vi använder. Den senare upplever vi som lite stel när det kommer till att göra egna anpassningar även men den också håller hög kvalitet.

Spelaren har fullt ut byggts om för att gränssnittet skall vara baserat på Javascript/HTML/CSS istället för flash. Det är enbart sjävla filmytan som är flash. Övriga kontroller styrs via Javascript. Det underlättar för att oss att skinna spelaren precis som vi vill och kan få den att skilja sig något till utseendet än många andra spelare på marknaden.

Streaming
När vi byggde applikationen har vi gjort allt vi kunnat, och lyckats, med att försöka uppnå streamingfunktionalitet utan att använda dyra programvaror som inte sälla kostar per streamad megabyte. Detta beskrivs närmare i detalj här.

Filmuppladdning
Funktionen för användaruppladdning har vi löst genom att använda tredjepartstjänsten Encoding.com. När användarna laddar upp filer(baserat på tekniken Plupload) hämtas de upp av Encoding.com som encodar filmfilerna till flashkompatibelt mp4-format och genererar en thumbnail innan filmen publiceras på webbplatsen. Eftersom Encoding.com är baserat på Amazons servermoln Amazon EC2 är den totala kapaciteten för videoencoding i stort sett obegränsad.

Utvecklingsplattform
Vi har faktiskt i alla delar av plattformen utom encoding baserat applikationen på öppen källkod för såväl server(Linux), videospelare(Flow Player), Streaming(H264 Streaming Module), PHP(Zend Framework). Den sistnämnda har blivit lite av en favorit i våra sammanhang och helt klart något som lyft PHP till nya höga höjder.

Projektgrupp
Micke Degerfält(systemutveckling), Björn Blomquist(Projektledning), Hjalmar Hägglund(gränssnittsutveckling), Christian Cederwall(gränssnittsutveckling), Malin Hamrin(formgivning), Maria Nordmark(konceptutveckling)

Beställare: Roger Svanell
Adress: www.tvinterplay.se

Streama flashvideo gratis utan dedikerad Streamingserver

Som tidigare skrivit arbetar vi just nu med ett störe videoprojekt där vi skall publicera flera hundra timmar video. Vi kommer enbart att använda oss av flashvideo då helst MP4 med H264-encodning. Själva encodningen av filmer i stor skala har vi löst och nu har vi fokuserat på att försöka lösa streaming av filmfiler på ett bra sätt. Anledningen till att vi vill ha streaming istället för bara buffrade filmfiler(som t.ex. Vimeo kör) är att man vill kunna hoppa in i en filmfil var som helst för att dels kunna skapa bokmärkning av filmer men även ge en bättre användarupplevelse så man kan hoppa i filerna utan att behöva invänta buffring av hela filen.

Länge var vi inställda på att hyra in en extern tjänst för streaming eller att använda oss av det öppna alternativet Red5(andra alternativ som vi inte undersökt vidare: FMS, Wowza). Båda vägarna skulle helt klart vara möjliga även om jag tycker det är skönt att slippa blanda in externa leverantörer om man inte måste. Red5 har vi tittat på några gånger men det känns lite som att jaga älg med bazooka. Lite overkill, halvtaskigt dokumenterat och känns inte helt färdigt. Detta gjorde att vi länge övervägde en extern streamingtjänst ända till vi upptäckte ett par andra intressanta alternativ.

H264 Streaming Module för Apache/Lighttpd samt PHP-streaming av FLV-filer. Den senare metoden är den enklaste att komma igång med då den bara kräver att man lägger in ett PHP-script(XMoov-PHP) och konfigurerar JW Media Player. Detta gör att man har fejkad streaming inom några minuter. Nackdelarna med detta är att det dels belastar PHP men även bara fungerar på FLV-filer. Vi vill använda oss av MP4. Därför testade den ovan nämnda streamingmodulen för Apache. Och den tog inte mycket längre tid att installera. Efter 10 minuter hade vi lyckats få till en väl fungerande streaming av MP4 bara genom att installera en modul till Apache.

Modulen fungerar så att den fångar all hantering av MP4-filer och streamar dem till klienten. Genom att skicka in query-parametrar direkt på filanropet kan man välja om man vill starta en bit in i filmen eller bara visa ut delar av filmklippet. Det senare är riktigt användbart då vi vill reducera antalet filmklipp som används och skapa klipp genom att peka på delar av en större film snarare än att klippa upp längre filmer i kortare klipp.

Resultatet är helt klart tillfredsställande . Ett par exempel nedan:

Stream en helt film på 20 minuter
http://tvinterplay.swedmedia.se/streamtest/readme.html

Visa bara 20 sekunder av filmen från: 00:40 till 00:60
http://tvinterplay.swedmedia.se/vischan.mp4?start=40&end=60

Veckans avsnitt av Guds Hus

Del 1


Del 2


Del 3