Generate Video Bildetekster med Soundbooth og Flash
Del
Del
Del
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Det virker som om vi er oversvømt med video på nettet. På mange måter er dette ikke en uventet fenomen, men video er inne i en heller rolig skifte i oppfatning. For de siste årene, har video blitt ansett som innhold tar opp plass på nettsiden. Et par år tilbake, det sakte gikk opp for noen få mennesker at selv om video er faktisk innhold, er det videoens data som kan ha stort potensial.
I denne opplæringen jeg skal vise deg et eksempel på hvordan dette fungerer. Vi kommer til å ta lydsporet ut av en videofil, transkribere det og deretter bruke denne transkripsjon å lage video for hørselshemmede i Flash.
For å følge denne opplæringen fra start til slutt vil du må ha Soundbooth CS4, Dreamweaver CS4 og Flash CS4 installert på din datamaskin. Hvis du ikke har Soundbooth Jeg har tatt med en kopi av transkripsjon - ZombieTranscript.txt - i Eksempler mappen. Hvis du ikke har Dreamweaver, har jeg tatt en kopi av ZombiesTT.xml som du kan bruke i Flash.
Fra og med Audio
Før vi begynner la oss få virkelig klare på terminologien vi skal bruke. En transkripsjon tar det talte ord og gjør det til det trykte ord. En bildetekst viser et stykke som transkripsjon i en Flash-video prosjekt for å lage en video tilgjengelig.
Du vil se hvordan alt dette fungerer i et par minutter, men du må forstå, vi er i en tidlig fase av denne prosessen, noe som betyr at du bare ikke kan forvente å magisk slå lydsporet inn tekster i Flash med et par museklikk. Den dagen er ikke her, men likevel, men i forhold til de conniptions og contortions vi måtte gå gjennom et par år siden for å få til dette, er dagens prosess en "tur i parken."
Ned siden av det første alternativet er ekstra vekt i SWF takket være det faktum at du må bruke både FLVPlayback komponenten og FLVPlayback teksting komponent. Ulempen med den andre tilnærmingen er den resulterende XML-filen vil bli innebygd i FLV-fil og kan ikke endres.
Den positive siden til den første tilnærmingen er at det er "Actionscript-fri" og lar deg endre XML og har disse endringene umiddelbart reflektert i SWF. Den positive siden til den andre tilnærmingen er et relativt miniscule SWF.
Av hensyn til tid, jeg kommer til å ta minste motstands vei og gå komponenten ruten. En ytterligere grunn er at XML brukes av komponenten oppfyller W3 Tidsbestemt tekststandard. Den andre grunnen er XML kreves er langt mer elegant og et tonn lettere å bruke og følg enn XML skapt av Soundbooth.
Likevel, noen av dere kan være interessert i hvordan en transkripsjon blir XML og CuePoints i en FLV.
Opprette XML og Soundbooth markører
Selv om vi ikke kommer til å gå denne ruten i denne øvelsen, hevet jeg problemet og bør følge gjennom. Selv om jeg ikke er en stor fan av denne teknikken, er det en flott måte å få nøyaktige hendelses Cue Points til en FLV og deretter bruke disse cue punkter i Flash. Slik gjør du:
Trinn 9: Export
Velg Fil > Export > Tale transkripsjon
Trinn 10. Spar
navn på filen og lagre den i Exercise mappen
Trinn 11:. Import Markers Anmeldelser
Velg Fil > Import > Markers.
Trinn 12: XML
Naviger til XML-filen, velger du den og klikker på Åpne. Markørene vises på Soundbooth tidslinje. Dette trinnet er hvordan XML transkripsjon er trukket tilbake i Soundbooth og brukes til å lage arrangement cue punkter i en FLV
Trinn 13:. Lagre som
Velg Fil > Lagre som. Når dialogboksen Lagre som åpnes, velger FLV /F4V fra Format pop ned og endre navn på filen. Klikk på Lagre. Dette vil lansere Adobe Media Encoder.
Trinn 14: FLV
Velg FLV som format. Før du gjør det selv, ta en titt på Cue Points området under forhåndsvisning. Legg merke til hvordan de er nå innebygd i filen.
På dette punktet kan du velge å kode video og deretter bruke cue punkter innebygd i FLV til enten lage bildetekster eller lage video søkbare. Hvis du ønsker å utforske dette emnet videre Marcus Geduld og Richard Harrington dekke det ganske pent her, klikk på linken nederst på siden for å laste ned kapittelet, fra sin bok "After Effects for Flash, Flash for After Effects".
Lage video med tekster i Flash
Før lanseringen av Flash CS3, var teksting video rett opp der med å slå deg i hodet med en murstein. Det var ikke lett, og skulle unngås når det er mulig. Fortsatt var en av de hindringer for den ellers rask adopsjon av Flash Video tilgjengelighet som ble stadig mer etterspurt av regjeringer rundt om i verden. Innføringen av FLVPlayback hørselshemmede komponent i Flash CS3 adressert dette problemet. Slik gjør du:
Trinn 15: XML
Skriv inn følgende XML-kode inn i en teksteditor eller Dreamweaver CS4:?
≪ xml version = "1.0" encoding = " UTF-8 "> < tt xml: lang = "no" xmlns = "http://www.w3.org/2006/04/ttaf1~~number=plural" xmlns: TTS = "http://www.w3.org/2006/04/ttaf1# styling "> < head > < styling > < style id = "1" TTS: Tekstjustering = "right" /> < style id = "2" TTS: color = "transparent" /> < style id = "3" style = "2" TTS: bakgrunnsfarge = "hvit" /> < style id = "4" style = "2 3" TTS: skrift = "20" /> < /styling > < /head > < body > < div xml: lang = "no" > < p begynne = "00: 00: 00,46" dur = "00: 00: 02,50" > Det er ikke en typisk høst ettermiddag i byen < /p >. < p begynne = "00: 00: 03.06" dur = "00: 00: 01,90" > I dag, de døde ta til gatene < /p > < p begynne = "00: 00: 05.01" dur = "00: 00: 02,6" > for Toronto syvende årlige "Zombie Walk". < /p > < p begynne = "00: 00: 07,90" dur = "00: 00: 03,55" > Årets rute tok zombier på en svingete trek gjennom sentrum av Toronto, < /p > < p begynne = "00: 00: 11.75" dur = "00: 00: 02,90" > fra Trinity Bellwoods Park hele veien opp til Bloor Cinema < /p >. < p begynne = "00: 00: 15.16" dur = "00: 00: 01,75" > Turen endte her på Bloor Kino < /p > < p begynne = "00: 00: 17.00" dur = "00: 00: 03,25" > hvor de udøde ser nå på en samling av zombie-tema filmer < /p > < p begynne = "00: 00: 20.50" dur = "00: 00: 02,44". > levert av sine venner på After Dark Film Festival < /p > < p begynne = "00: 00: 23.20" dur = "00: 00: 03.30" > Arrangørene si dette har vært en av de mest vellykkede turer noensinne < /p >. < p begynne = "00: 00: 26.70" dur = "00: 00: 03,20" > Jeg er Stephanie Skendaris for thedailyplanet.com < /p > < /div > < /body > < /tt >
Når du er ferdig, lagre dokumentet som et XML-dokument
Det du nettopp har skrevet inn er XML-format - TimedText - brukes av komponenten.. Hvis du åpner ZombiesSB.xml dokument produsert av Soundbooth vil du merke det er en stor forskjell mellom dem. Hvis du skal bruke den komponenten du må bruke TimedText format.
Som du ser, kan du sette styling for hver bildetekst og at hver bildetekst har en start og en slutt punkt. Disse tallene ble hentet fra Soundbooth, men du kan bruke QuickTime, Adobe Media Encoder eller annen programvare som viser deg tidskoden.
Hver bildetekst du skriver må inneholde en begynne attributt, som bestemmer når bildeteksten vises. Hvis du utelater dur tilskriver bildetekst vil forbli på skjermen til neste bildetekst vises eller videoen slutter. Du kan også finne det interessant å vite at dur attributtet forteller Flash hvor lenge bildetekst vil forbli på skjermen. Hvis du bruker slutten, i stedet, som forteller Flash den tiden da bildetekst er å forsvinne
Trinn 16:.. Action
Start en ny Flash Actionscript 3.0 dokument
< hr>
Trinn 17: Save
Sett av fla til samme mappe som XML-filen og .f4v filen inkludert i nedlastingen
Trinn 18:. Layers
Legg to lag til Flash tidslinje. Navngi dem. Video, Caption og tekst
Trinn 19: FLVPlayback Component
Legg til en FLVPlayback komponent til Video laget. Åpne Component Inspector og sette Content bane for komponent til Zombies.f4v og velg SkinUnderPlaySeekCaption.swf i Skin parameter. Komponenten vil våren ut til størrelsen på flv - 873 av 480. Resize scenen til 873 av 600 for å få plass til huden og bildetekstene
Trinn 20:. FLVPlaybackCaptioning Component
Legg til FLVPlaybackCaptioning komponent til Caption lag. Du kan sette den komponenten hvor som helst på scenen, men jeg foretrekker å holde ut av veien på papp. Den trenger bare å være i filmen for at den skal fungere
Trinn 21:. Component Inspector
Velg den hørselshemmede komponent og åpner Component Inspector. Du trenger bare å gjøre to ting her: Fortell Component hvor du skal plassere bildetekstene og der XML-filen er plassert. Sett captionTargetName parameter til txt og kilden til ZombiesTT.xml.
Hvis du lar captionTargetName parameter ved mislighold, auto, bildetekstene vil vises over videoen
Trinn 22:. Dynamic Text
Legg til en dynamisk tekst Boks til bunnen av scenen og gi den forekomsten navnet txt. Det er der bildeteksten vises. Et sikkert kort for teksten i tekstboksen er å bruke Arial eller _sans
Trinn 23:. Test Movie
Konklusjon:
< p> Vi har dekket mye bakken i denne øvelsen. Jeg har vist deg hvordan du slår lydsporet til en video inn en transkripsjon i Soundbooth CS4. Du så også hvordan det transkripsjon ble endret til lyd markører i Soundbooth og hvordan disse lyd-markører senere omgjort til hendelsen cue punkter innebygd i en FLV-fil. Det interessante aspektet av alt dette er at hele prosessen kan gjennomføres uten å forlate Soundbooth.
Jeg viste deg også hvordan du skriver en TimedText XML-fil og hvordan du bruker denne filen for å gi bildetekster for video spiller i FLVPlayback komponent. Jeg håper du likte det
Merk: I arbeidet med denne opplæringen jeg merket at når jeg åpnet TimedText xml i Dreamweaver CS4, vil programmet krasje. Når det samme skjedde i en klasse jeg underviste på min College jeg fikk tak i Adobe for å se om dette var et problem. Det er. I denne opplæringen bruker jeg et XML-dokument som inneholder styling informasjon. Dreamweaver CS4 gir opp å prøve å lese det som CSS og krasjer. Jeg har blitt fortalt av Adobe de var uvitende om dette, at faktisk det er en feil, og at det vil bli løst i CS5 utgivelsen av Dreamweaver.This er ikke en "deal killer". Selv om jeg vise XML i Dreamweaver CS4 (før den krasjer), kan du fortsatt bruke hvilken som helst tekst editor for å skrive XML-filen. Anmeldelser