På Pirat TV bruger vi en del flash. Stort set al frontend er bygget i flash, hvilket vi i sin tid fik svenske Doberman til. Og de gjorde det rigtig godt. Desværre har det efterfølgende givet lidt bagslag, da vores egen flashmand har haft alt for travlt til at rette de småfejl vi har fundet undervejs.
Så for en uges tid siden kastede jeg mig ud i et eksperiment: At bygge Pirat TV’s forside udelukkende af god, gammeldags HTML, CSS og javascript — helt uden flash. Jeg er nu nået så langt at jeg har noget der er værd at se på. Det er ikke en færdig erstatning til forsiden. Mere et proof of concept, og jeg kunne derfor godt tænke mig at få noget feedback.
En ting der er vigtig for os, for at vi vil tage skridtet og skrælle noget flash af, er at det ikke må gå ud over brugeroplevelsen. For brugeren skal det ikke føles som en degradering at vi skifter den bagvedliggende teknologi for visningen af vores sider. Og siden er lidt tung. Både med mange billeder, men også med en god portion javascript.
Så derfor: Kig på den nuværende forside og den nye forside uden flash. Kør lidt rundt med musen på dem begge. Prøv at ændre størrelse på vinduet. Hvordan føles det? Hænger det for meget? I hvilke situationer? Prøv meget gerne i forskellige browsere. Jeg har selv testet i de fleste moderne browsere (i Windows), men har ikke haft mulighed for at prøve i en rigtig Internet Explorer 7/8. Skriv om dine observationer og hvad du synes i kommentarfeltet. Fortæl også gerne lige lidt om din computer: Hvor hurtig den er, hvor meget ram den har, hvilket styresystem du bruger, hvilke browsere du har testet i.
Det skal måske lige nævnes at de to forsider ikke er identiske helt ned på pixelniveau. Det behøver de ikke være. Endnu.
På forhånd tak.
[...] This post was mentioned on Twitter by divinegod, Mikkel Mortensen. Mikkel Mortensen said: hej internetfolk. hjælp os med at teste ny ikke-flash forside til #pirattv: http://bit.ly/c8pxo6 [...]
Jeg kører normalt med firefox og ikke med IE8 men prøvede da lige at se siderne i forhold til hinanden… Det blev en meget kort test, da jeg sagtens kan se den nye side uden flash, men ikke kan se den nuværende med flash.
Der kommer ikke nogen besked op om at jeg skal installere en ny version af flash eller noget (sikkert fordi den allerede er installeret) – der kommer bare den store ramme med det lille røde kryds i øverste venstre hjørne som skal vise at den ikke kan vise indholdet. (version 8.0.6001.18702IS)
I firefox var der ingen problemer med de to sider. Her er det der mest falder mig i øjnene:
- Der kommer scrollbar i bunden af skærmen i den nye version. Det gør der ikke i den nuværende, hvilket automatisk får mig til at tænke at det er roddet.
- Afrundingen af hjørnerne er for lille, billederne i den nye version ser meget firkantede ud som følge deraf.
- I fuld skærm (1920 x 1200 opløsning) i den nuværende version er der tre kolonner af mørke bokse i hver side og så stopper de. I den nye version fortsætter de helt til kanten. Jeg kan bedst lide at de stopper, da jeg er af den ‘nervøse klikker’-type som helst skal kunne klikke med musen i et tomt område uden derved at trykke på et link… men det er nok bare mig der er skør.
- Største forskel er nok i det øjeblik man kommer ind på siden og der ikke er noget der fader frem – ligeledes når man bevæger musen over billederne og de ikke fader til start, men bare går i gang.
Håber det kan bruges. :)Laust
Det er rigtigt rart at se en html/js version :)
Jeg vil meget gerne se hvordan siden kører når den kommer til at kører på samme premisser som flash-versionen; eks. ondemand load af mouseover billeder (pt loades alle 8mb billeder i html-versionen fra start mod kun 1.5mb i flash-versionen).
Og det ekstra load både i kb, men også i cpu ved at loade 200×200px billeder og lade browseren skalere dem ned til 95×95px kunne vel også undlades? (Det _har_ I sikkert vurderet)
Lidt af lækkerheden ved load af tumbnails i flash skal gen-implementeres i html. Noget a la:
$$(‘li.spot.small img.thumbnail’).setStyle(‘opacity’, 0).addEvent(‘load’, function(){ this.tween(‘opacity’, 1); });
Hej
Jeg ved det er et gammelt indlæg, men hvor er det dejligt at se at de bruger tid på sådan noget :) Især når det ikke er alle enheder der understøtter flash – så mangler vi bare html5 afspiller af filmene. Men så får i nok problemer med rettighedstyrring i forhold til f.eks. embed osv.
Keep up the good work :)
Hej Tobias
Tak for rosen.
Den er desværre gået lidt i stå der, da vi har haft andre projekter at se til i løbet af året. Men jeg håber vi en dag får tid til at se på Pirat TV igen.
Vi kommer desværre nok ikke til helt at droppe flash til fordel for HTML5. Det største problem er (desværre) – som du selv nævner – det med rettigheder. Personligt ville jeg gerne at vi udgav noget af vores egenproducerede indhold under en Creative Commons-licens der gjorde det muligt for os at være lidt mindre restriktive, men det lader ikke til at dem der skal beslutte noget i DR om brug af CC rigtigt har fået øjnene op for mulighederne i det.