Bildspel hemsida

[growingart.se]

Jag har tittar runt i trådarna om bildspel, och valt ut proshow. Dock så har jag gått bet på vilket format, eller hur man kan göra för att visa bildspel (med musik) på egen hemsida, så att det har största möjliga tillgänglighet, d v s besökare ska inte behöva ladda ner plugin etc. Någon som har goda råd?

 

[korv_med_mos]

Skulle rekommendera att exportera i Flash. Det krävs visserligen ett plug-in, men det har i princip alla redan installerat.

 

[growingart.se]

Tack, det funkar faktiskt. Finns viss flash export i proshow under andra sektion i create output (samma som upload to you tube) men den funkar inte för mig. I fjärde sektionen så går det göra en flashvideo. Den dyker (för mig) som en fil medan en mpeg dyker upp i ett fönster i mozilla, dock ganska liten. Abnormt stor skillnad i filstorlek dock, så flash verkar vara bättre.

Måste man länka till filen, eller finns det annat sätt?

www.growingart.se/flash2.flv

 

[skyfire]

finns väl sidor på nätet som har sådana tjänster, flickr.com bl.a har jag använt en gång och funkade fint.

 

[reflux]

Proshow skapar alltså Flash video (.flv) och inte en "vanlig" Flash-fil (.swf) som länkar till dina bilder med JPEG-kompression och en mp3-fil?

Det låter inte helt optimalt för nätanvändning.

Jag skulle kolla på http://soundslides.com/ eller gratisalternativet DFGallery: http://dezinerfolio.com/2007/06/07/dfgallery/

Soundslides är oerhört smidigt, kastade ihop det här på bara ett par minuter; http://www.mestrock.se/slideshows/freak_guitar/

DfGallery får man själv trixa mer med, men som sagt, det är gratis.

Sen finns också SlideShow Pro från http://slideshowpro.net/ och det använder jag på t ex http://www.framednoise.com

Man kan lägga till mp3-filer till både DfGallery och SlideShow Pro.

Om du ändå vill köra vidare med Proshow och vill visa en Flash Video-fil måste du kapsla in videofilen med en Flash-baserad spelare så att den spelas direkt på hemsidan.

Jag skulle rekommendera följande spelare som du kan ladda hem, ställa in rätt parametrar för och sen klistra in den färdiga koden på hemsidan:
http://www.longtailvideo.com/players/jw-flv-player/

Det kan se ganska jobbigt ut men i praktiken är det inte så mycket man behöver hålla reda på, hör av dig om du stöter på patrull.

 

[growingart.se]

Tack Daniel, you rock, jag har en del att röna ut, men det är kanske inte så konstigt eftersom jag började med bildspel i söndags... Jag vill förmodligen inte ha något enkelt, jag vill åt den filmlika känslan och kreativ frihet. Jag har börjat med ett bildspel, andra halvan visar lite av det jag vill åt, om du/ni kan läsa filen (mpg fil, ca 10 MB).

www.growingart.se/bildspel/090106.mpg

 

[reflux]

Tack Daniel, you rock, jag har en del att röna ut, men det är kanske inte så konstigt eftersom jag började med bildspel i söndags... Jag vill förmodligen inte ha något enkelt, jag vill åt den filmlika känslan och kreativ frihet. Jag har börjat med ett bildspel, andra halvan visar lite av det jag vill åt, om du/ni kan läsa filen (mpg fil, ca 10 MB).

www.growingart.se/bildspel/090106.mpg

Ser ut som om du använder en additiv övergång mellan bilderna? Det går förmodligen scripta liknande saker med SlideShow Pro eftersom den senaste versionen stödjer olika typer av övergångar som accelereras av användarens grafikkort, men samtidigt är det inte säkert att det funkar på alla användares datorer.

Då är det nog bäst att spara ut som Flash Video eller H.264-format (stöds i senaste Flash-spelaren) men frågan är hur pass bra ProShow är på att komprimera filerna? Jag hade nog sparat ut dem som lossless AVI-film eller Quicktime (med codec Animation) och sen komprimerat till Flash Video med ett program mer specialiserat för videokompression och som tillåter 2-pass komprimering av Flash Video eller H.264-video.

Video som ligger på en vanlig webbserver strömmas inte utan laddas istället hem progressivt, så snabbt nätet tillåter, och tänk då på att anpassa bildspelet till någon form av rimlig bandbredd så att dina besökare slipper vänta i evigheter på att bildspelet ska starta. De flesta har väl idag över 512kBit/s så någonstans där och upp till 1Mbit/s inkl ljudet är väl att rekommendera. Eftersom bandbredden måste fördelas ut över hela ytan blir självklart bildstorleken en trade off där du måste balansera hur stor du vill ha bilden mot hur hård bildkompression du kan gå med på.

Med JW Mediaplayer är det lätt att integrera videon med hemsidan, ladda hem spelaren, zippa upp och kolla koden i exempelfilen.

Eller här:
http://www.ufomagnet.com/test/bildspel.html

Kolla sourcen, den länkar direkt till din videofil på webbservern och de enda filer jag behöver på min server är:

bildspel.html
swfobject.js <-- läggs med fördel nära rooten på servern, typ /mediaplayer
player.swf <-- dito

Exempel 2, med din andra fil.
Omkomprimerad till MPEG4 H.264 och stretchad 200% direkt i JW Player:
http://www.ufomagnet.com/test/bildspel2.html

 

[growingart.se]

Övergången är något som tydligen kallas crossfade (blend), man får upp en karta på övergångar och väljer efter den. I två av bilderna har jag lagt två bilder i photoshop och suddat ut delar i övre lagret och sparat som en ny bild. Hemsnickrad lösning.

Jag förstår kompromissen med storlek, får anpassa det, om det fungerar så att man kan få en fil som inte blir så stor. Jag har inte spelat in (komponerat) hela musiken än så den biten lär öka storleken, det brukar ofta bli att flera gitarrer läggs på över varandra... men det var ett tag sedan jag spelade. Verkar annars lätt bli stora filer i proshow, men jag är ingen expert förstås. Annars får jag väl sälja bildspel på DVD eller nåt. Inte för att det förmodligen fungerar, jag har fortfarande 295 ex av New Grove Project's platta "Brill" i garderoben (skrev en del av texterna på plattan).

Exempel två står och tuggar för mig. Jag ska prova runt lite efter din info ovan.

 

[reflux]

Övergången är något som tydligen kallas crossfade (blend), man får upp en karta på övergångar och väljer efter den. I två av bilderna har jag lagt två bilder i photoshop och suddat ut delar i övre lagret och sparat som en ny bild. Hemsnickrad lösning.

Jag förstår kompromissen med storlek, får anpassa det, om det fungerar så att man kan få en fil som inte blir så stor. Jag har inte spelat in (komponerat) hela musiken än så den biten lär öka storleken, det brukar ofta bli att flera gitarrer läggs på över varandra... men det var ett tag sedan jag spelade. Verkar annars lätt bli stora filer i proshow, men jag är ingen expert förstås. Annars får jag väl sälja bildspel på DVD eller nåt. Inte för att det förmodligen fungerar, jag har fortfarande 295 ex av New Grove Project's platta "Brill" i garderoben (skrev en del av texterna på plattan).

Exempel två står och tuggar för mig. Jag ska prova runt lite efter din info ovan.

Men om det bara är vanliga crossfades du har så borde det absolut gå lätt att göra med Soundslides! Batcha ut bilder i den storlek du vill ha bildspelet i från Photoshop, i sRGB och med skärpa för skärmen. Importera dem i Soundslides, importera din musik som en färdigkomprimerad MP3-fil, lägg ut dem i tidslinjen och välj hur länge varje bild ska visas och sen kan du för varje enskild övergång mellan två bilder välja hur lång övergången ska vara.

Sen exporterar du ut slideshowen som en mapp som innehåller dina JPEG-filer (ingen omkomprimering), mp3-filen, en .swf-fil som innehåller all faktiskt Flash-kod, en html-fil som innehåller koden för att visa Flash-filen på en webbsida, en textfil med metadata och en XML-fil som innehåller all faktiskt styrkod till Flash-bildspelet. Färdigt att dundra upp på webbservern och du kommer att få betydligt högre bildkvalitét och mer snabbladdade filer utan lika stora krav på bandbredd.

Ladda hem demoversionen av Soundslides och testa, du kommer snabbt att få snits på bildspelsbyggandet.

Och om exempel två inte funkar, kontrollera att du verkligen har en ny version av Flash Player-pluggen installerad. Adobe är uppe på v10 nu och stödet för h.264-video kom inte förrän med en sen uppdatering av v9.

 

[growingart.se]

Härligt, soundslides blir nästa steg att prova då! Låter troligt med flash pluggen, jag har inte uppdaterat på ett par år. Jag har en laptop från jobbet som internetdator och sedan är min egen stationära inte uppkopplad (musik och bilddator).

 

[growingart.se]

I proshow kan man stoppa in videosnuttar, och det blir riktigt läckert. Vilket även banar väg för nya lärdomar Jag kan absolut INGET om video.

Video, finns det något "givet" program (som photoshop för stillbilder) som man kan använda? I första hand, just nu, vill jag klippa videosnuttar och stoppa in i bildspelet.

Nästa steg blir att kolla videokamera, helst digitalt format så arbetsflödet blir smidigt. Funderar på Canons 5D mkII, om den ger sådan kvalité så att det känns "proffsigt". Men det kanske är för bra för att vara sant (så jag kan motvera ett inköp .

 

[staika]

Använder själv Adobe Premiere Elements för videoredigering.
Kolla även program från Pinnacle t.ex.Studio 12.
Enklare redigeringar kan du göra direkt i Proshow som t.ex. klippa en scen, färgjusteringar mm.

Christer

 

[growingart.se]

Jag använder inte så mycket effekter, men förmodligen vore det intressant om man kan lägga två filmer på varandra, med lägre opacitet i det övre "lagret", eller en film i lägre opacitet som går över en stillbild. Passar nog mitt bildspråk.

 

[staika]

Jag använder inte så mycket effekter, men förmodligen vore det intressant om man kan lägga två filmer på varandra, med lägre opacitet i det övre "lagret", eller en film i lägre opacitet som går över en stillbild. Passar nog mitt bildspråk.

Det som du vill göra är väl en effekt om något
Inga problem i Proshow Producer som jag använder. Det är bara att dra bilderna/filmerna till samma ruta och jobba i lager.

Christer

 

[growingart.se]

Jag är inte så förjust i sådana här saker som kommer in från höger, vänster, snurrar, men opacitet och lager är ju normalt

Kan bli riktigt bra det här, jag laddade hem manualen nyss. Jag har naturligtvis använt programmet utan manual :-o

Men jag ser inte i den vilka video format som programmet stöder. .mov filer funkar vet jag av mitt testande igår kväll, men om jag springer iväg och köper en videokamera så är det bra om pro show stöder det formatet. Hur gör du med videoformat Christer? (eller någon annan som läser detta)

Edit: ah, hittade på sid 136
Stillbilderna gör jag i lager i PS

 

[growingart.se]

Nu har jag kommit på att ett enkelt sätt är att ladda upp på myspace, eller youtube antar jag, och sedan kan man länka med bildspelet inbäddat. Tänk så lätt.

http://www.growingart.se/news.html

 

[reflux]

Nu har jag kommit på att ett enkelt sätt är att ladda upp på myspace, eller youtube antar jag, och sedan kan man länka med bildspelet inbäddat. Tänk så lätt.

http://www.growingart.se/news.html

Ett litet tips är att Youtube numer även klarar av att leverera filmer i HD-upplösning och med förvånansvärt hög bitrate (datahastighet).

Skapa era bildspel i 1280*720 pixels, 24/25/30 bilder per sekund och exportera dem som antingen MPEG4 h.264-video eller WMV (Windows Media Video) med en bitrate om minst 5000 kbit/s. Ladda sen upp till Youtube och vänta. Om allt stämmer så kommer ni sedan få både en vanlig, lågupplöst version, en "HQ"-version med något större bildyta (max 480*360) samt en HD-version i hög upplösning och med riktigt god bildkvalitet. Det kan bli problem att skapa HD-version av bildspel med enbart stillbilder, satsa istället på att ha med lite rörelse eller iallafall mjuka övergångar mellan bilderna.

Sen kommer tricket. I normala fall kan man bara länka in den lägsta Youtube-upplösningen på sin egen sida, MEN det går att länka in HD-versionen av en video genom att lägga till data i strängen som används för att skapa Youtube-spelaren på en hemsida.
Läs den här sidan för mer information:
http://www.mydigitallife.info/2008/...gh-definition-youtube-videos-fmt22-code-hack/

Kolla den enorma skillnaden mellan de klipp som ligger på sidan i Youtubes tre olika standardupplösningar.

Och, för att se HD-video via Youtube etc behöver du minst Flash 9-pluggen från sen höst 2007 eller nyare.
Uppdatera här: http://www.adobe.com/products/flashplayer/

 

[growingart.se]

Mycket intressant! Men 1280*720 är max upplösning för youtube, men man kan kanske fortfarande göra bildspelen i 1920*1080?

 

[reflux]

Mycket intressant! Men 1280*720 är max upplösning för youtube, men man kan kanske fortfarande göra bildspelen i 1920*1080?

Ja, du kan förmodligen skapa ditt bildspel i 1920*1080 men sen välja att exportera ut i 1280*720 från ProShow, eller så skalar Youtubes komprimeringsmotor automatiskt ner till rätt storlek. Jag är osäker på om Youtube fortfarande har sin begränsning i filstorlek, 1GB, vid uppladdning, men det kan ändå vara en vits att hålla filerna man skickar upp till 1280*720 pixels, det blir helt enkelt fler bytes/pixel eftersom bildrutan är mindre och således färre kompressionsartefakter.

 

[growingart.se]

Annars går det lätt att skala bilderna, men jag tänkte på videosnuttar som man kan lägga in mellan bilderna. Eller kanske går det att skala videon på liknande sätt direkt i proshow. Slipper man bök och det bara är en mindre skalning så underlättar det arbetsflödet om man pumpar ut bildspelsvideos.