Kolla hemsidans laddningstider

En sidas laddningstid kan avgöra om en besökare stannar kvar eller surfar vidare direkt.

Med Firefox addon Firebug får man information om laddningstiderna för sidor, bilder, stilmallar, skript osv. Det följer med ett antal utvecklingsverktyg, t ex kan du editera, felsöka och övervaka CSS, HTML och JavaScript på webbsidor.

Ett användbart tillägg för webbutvecklare, webbdesigners och bloggare.

Ladda ner: https://addons.mozilla.org/en-US/firefox/addon/1843

Firebug 1.4 kräver Firefox 3.0 eller högre

Generera slumptal

Generera slumptal med MySQL

SQL för att generera slumptal mellan 0 och 99:

SELECT floor(rand() * 100);

Funktionen rand() genererar ett decimaltal som är större än eller lika med 0 men mindre än 1. Sätt ett tak för slumptalet, här i exemplet 100. Använd funktionen floor() som avrundar nedåt för att få heltal.

För att generera slumptal mellan 10 och 20:

SELECT FLOOR(RAND()*20)+10;

Vill du ha ett slumptal med exakt 4 siffor skriv:

SELECT FLOOR(RAND()*1000)+9999;

Läs mer om funktionen rand() på den officiella hemsidan för MySQL

Generera slumptal med PHP

Genererar en integer:
echo rand();

Genererar ett slumptal mellan 5 och 15:
echo rand(5, 15);

Läs mer om PHP-funktionen rand() på PHP:s officiella webbplats

Antalet dagar i år

Så här får man fram antalet dagar för innevarande år:

echo date("z", mktime(0,0,0,12,31,date("Y"))) + 1;

Förbereda film för hemsida

Du har filmat lite och vill nu lägga in videon på din hemsida. Hur gör man? Jag har testat med några olika program.

För det första så vill jag dela upp filmen i mindre delar och kanske även förbättra bilden visuellt. Jag använder då Virtual Dub, ett gratisprogram för att editera främst AVI-filer. Programmet kan öppna flera olika sorters filmformat och sparar sedan i .avi. Ett annat gratisalternativ är Avidemux. Jag tycker bättre om Virtual Dubs filter så jag väljer den. Givetvis kan man även använda t ex Adobe Premiere tillsammans med Adobe After Effects eller något annat mer avancerat videoredigeringsprogram men fördelen med Virtual Dub är att det går snabbt att arbeta med (+ att det är gratis).

För mörk film
Filtret Levels är mycket användbart om man har fått för mörka filmer. Välj i menyn Video -> Filters -> Add -> Levels. Dra i reglagen tills du är nöjd (klicka på knappen preview).

Beskära filmen
Vill man beskära filmen väljer man filtret null transform. En knapp dyker då upp som heter Cropping... och man kan beskära filmen hur man vill.

Förminska filmen
För att förminska filmen så väljer man filtret Resize.

Klippa i filmen
Vill man klippa bort delar av filmen kan man även göra det i Virtual Dub. Ställ markören på tidslinjen där du vill klippa och klicka på någon av de två svarta liggande "flaggorna" (start och stopp). Klipp sedan bort den markerade biten genom att trycka Del.

När jag känner mig klar så kollar jag inställningarna: I menyn Video -> Full processing mode och Audio -> Direct stream copy (för att originalljudet ska behållas). Sedan väljer jag File -> Save as AVI

När jag är klar i Virtual Dub så öppnar jag programmet Adobe Media Encoder. Här väljer jag Add... och letar upp min film. Sen dubbelklickar jag på länken i filmen under Preset. I rutorna till höger låter jag Custom vara valt i Preset (rutan Export settings). I fliken format nedanför kontrollerar jag att FLV är valt. Jag ändrar Audio bitrate till 96, sänker Video bitrate och sätter Video quality till best.

Man kan även ändra storlek, beskära och klippa i filmen i Adobe Media Encoder. För att ändra storlek så klickar jag på fliken Video och klickar i Resize Video (under Basic Video Settings). Här skriver jag in mina mått jag vill ha på filmen. I den vänstra halvan av programmet kan man beskära bilden och även klippa i början och slutet av filmen. För att klippa så dra i trianglarna på tidslinjen.

När du är klar klickar du på OK och sedan Start Queue

För att göra klart filmen och spara den i Flash-format kan man även använda t ex Avidemux. Öppna AVI-filen och välj i menyn Auto -> Flash Video och sedan File -> Save -> Save video... Skriv in filnamnet och sluta med ändelsen .flv.

Virtual Dub

Avidemux

Läs om hur man publicerar filmen på nätet i ett av mina tidigare inlägg

Läs om hur du konverterar en DVD-film till avi-format

Macromedia Flash spelare till din film på webben

Flash har flera färdiga skins med spelarfunktioner vilket gör det lätt att lägga ut filmer på webben.

Skapa ett nytt Flash-dokument. Ställ in dokumentets storlek. Välj i menyn: File -> Import -> Import Video... Nu dyker en guide upp som hjälper till att importera videon och lägga på en spelare.

Vill du sedan ändra parametrarna för videon/spelaren så markera spelaren (ex FLVPlayback) och välj i menyn: Window -> component inspector (Ctl+F7).

Flera filmer i samma storlek (höjd bredd)
Om du ska ha flera filmer i samma storlek på samma sida kan du hämta filmen via en variabel. Du slipper då skapa en swf-fil för varje film.

Markera spelaren. Gå in i component Inspector (Ctl+F7) och sudda ut texten på raden contentPath.

Öppna Properties och ge spelaren ett instansnamn, ex spelare.

Gör ett nytt lager och döp till Actions. Ställ markören på frame 1 och välj i menyn Window -> Actions (F9). Skriv in:

var passed:String=film;
spelare.contentPath=film;

I HTML-koden lägger man till variabelnamnet efter filmens filnamn. Ex minfilm.swf?film=film1.flv

Andvänd t ex swfobject för att lägga in filmen på hemsidan:
<div id="filmkontainer"></div>
<script type="text/javascript">
var so = new SWFObject('video.swf?film=1.flv','mpl','640','480','8');
so.write('filmkontainer');
</script>

Flash video (FLV) bitrate calculator

Hjälp för att räkna ut bithastigheten på flv-videos.

Flash video (FLV) bitrate calculator