Ógnvekjandi HTML5 gagnvirk tónlistarmyndbönd
Hönnuðir og verktaki eru að þrýsta á umslagið með því sem hægt er í gagnvirka hönnun á stöðugan hátt. Og ógnvekjandi ný dæmi koma út allan tímann.
Eitt af nýjustu dæmunum er gagnvirkt tónlistarmyndband fyrir Evelyn , eftir ABBY.
Það er frábær staður sem gefur þér tækifæri til að blanda mismunandi hljóðfæri og söngstílstíl saman, meðan lagið er að spila, fyrir algjörlega sérsniðin reynsla.
Við spurðum verktaki hvernig þeir búðu til svo frábært gagnvirkt myndband og fengu ábendingar til að vinna að slíkum verkefnum.
1. Hvar kom hugmyndin fyrir myndbandið frá? Hvað var skapandi ferlið?
Þó að við vorum ekki beint þátt í skapandi ferlinu munum við gefa þér stutt yfirlit um hvernig það var búið til.
Við, Steffen & Dominik, stofnuðu bara vefsíðuþróunarstofnun í Berlín sem heitir blæðing sem sérhæfir sig í HTML5 og öðrum nútíma vefur tækni. Við höfum skrifstofu okkar í sameiginlegu rými ásamt upptökustofu sem er stjórnað af meðlimum hljómsveitarinnar ABBY . Rýmið er lokið með bókunarstofu og iOS auglýsingastofu.
Flest okkar þekkja hvert annað frá háskóla og við höfum unnið saman síðan síðan á mörgum mismunandi verkefnum í mörgum fjölbreyttum og skapandi umhverfi.
Raunveruleg hugmyndin fyrir myndbandið var þróað af vini okkar sem lærði hönnun. Hann þurfti efni í ritgerð sinni og hafði sýnina um að skapa gagnvirka reynslu sem leyfir notandanum að gera tilraunir með mismunandi hlutum nútíma lags.
2. Getur þú gefið skjótan yfirsýn yfir ferlið til að búa til myndskeiðið, skrefin sem taka þátt, osfrv?
Einn af stærstu áskorunum hljómsveitarinnar var að velja fullnægjandi hljóðfæri sem eru mismunandi í hljóð þeirra og eiginleikum en á sama tíma hafa skemmtilega hljóð og samhæfingu við hvert annað. Auk þess þurftu þeir að tryggja að hrynjandi og samhljómur af nýju samþættum lögunum gerðu ekki á hverjum tíma gegn hver öðrum.
Við trúum því að þeir gerðu mjög gott starf á þessu.
Öll hugmyndin var þróuð án þess að takast á við tæknilegar kröfur varðandi vefur tækni. Þannig byrjuðu þeir að taka upp eitt myndband fyrir hvert hljóðskrá í sögulegu hljóðstofu í Berlín. Þetta leiddi til alls 20 einstakra myndbanda, sem síðan varð að sameinast til að gera hugmyndina að veruleika. Fyrir þetta verkefni spurðu þeir vingjarnlegur Flash verktaki að búa til vefsíðu þar sem þú getur stjórnað mismunandi lög og blandað eigin útgáfu af laginu. Því miður lenti hann í einhverjum erfiðleikum með samstillingarferlinu yfir netkerfi, þannig að snemma drög aldrei gerði það að lokaútgáfu.
Það er þegar við komum inn. Við héldum áskorun til að sanna að það væri hægt að koma hugmyndinni að lífi með nýjustu tækni sem enginn hefur enn notað á þessum nákvæmlega hátt.
Við byrjuðum að byggja upp grunninn í prófaðri JavaScript umhverfi til að tryggja samhæf samskipti milli myndbanda, fjölmiðlaeftirlitsaðila okkar og heimsvísu tímalína mát. Fjölmiðlaráðgjafarnir sjá um að skiptast á myndskeiðunum og birta aðeins valið lag. Tímalína mátin virkar sem viðmiðunartími fyrir hverja miðlunarstýringu og samstillir þá ef þörf krefur.
3. Hvaða óvæntar áskoranir komu fram við verkefnið? Hvaða ráð myndir þú gefa verktaki sem vildi búa til verkefni eins og þetta?
Mikil þáttur í þróunarferlinu var að halda myndskeiðunum í sambandi án þess að gera margar útreikningar og tryggja að jafnvel á eldri tölvum sé góð og móttækileg notandi reynsla möguleg.
Aðferðirnar sem við komumst að árangursríkustu voru samsöfnun nokkurra reiknirita sem halda vídeóunum í samstillingu og laga sig að frammistöðu tölvunnar með því að auka þröskuldinn og tíðni hversu oft samstillingin er í gangi.
Stærsta áskorunin var þó að fínstilla á millisekúndarsvæðinu, eins og fyrir lag með 120 slög á mínútu, myndi vega á móti 50 milljónum af einhverju lögunum. Að lokum náðum við að ná öllum hljóð- og myndskeiðunum í samstillingu með minna en 10 ms á tölvum með hágæða (eins og 2011 MacBook Pro / Air).
Ef þú ætlar að þróa fjölmiðlafyrirtæki HTML5 verkefni, vertu tilbúinn fyrir svefnlausar nætur sem fínstilla litla kóða kóðann, ófyrirsjáanlegar vafrahugmyndir og milljón mögulegar leiðir til að framkvæma eina aðgerð.
4. Hvar sérðu þessa tegund af efni á næstu árum?
Við vonum að fleiri forritarar byrja að gera tilraunir með fjölmiðlumengdar vefurverkefni og vonast til að sjá að nýjar rammar séu búnar til fyrir fjölbreyttar umsóknir. Fram að þessu leyti hafa Java (vinnsla) og Flash enn nokkur kostur fyrir ákveðna notkunartilfelli.
Mest áberandi þróun í HTML5 í augnablikinu eru örugglega hljóð- og myndvinnslugetan og við hlökkum til þess að aðgerðir eins og fjölmiðlaráðgjafinn eða tækjatengillinn sé til framkvæmda í nýjum vöfrum.
Með nútíma miðlarahugbúnaði eins og websocket, erum við að bíða eftir að sjá afhendingu rauntímaviðburða til notandans í stað þess að aðeins þjóna truflanir, fyrirframgreind efni. Að auki væri frábært að sjá stærri gagnvirkt efni sem samþættir félagsleg reynsla við núverandi miðlunarrásir. Venjulegt efni sem allir eru að tala um núna ...
Við erum ánægð að vera hluti af þessu verkefni og vinna með frábærum listamönnum með ýmsa þekkingu. Verkefnið hefur orðið litla elskan okkar og við erum mjög óvart af jákvæðu viðbrögðum.
BTW, við erum að leita að fólki til að styðja við vaxandi lið okkar.
Hvaða önnur ógnvekjandi HTML5 verkefni hefur þú séð nýlega? Láttu okkur vita í athugasemdum!