venerdì 16 maggio 2008

Risorse web . inserire un video nel blog. video registrati o video in diretta,servizi di streaming

Articolo scritto da lucertolealguinzaglio
USTREAM.TV
BAMBUSER
YHAOO LIVE
JUSTIN TV
OPERATOR 11

L’iscrizione e il conseguente uso del servizio di streaming e’ molto veloce e semplice.
I links sopra portano alle home page dove e’ possibile iscriversi e iniziare a trasmettere immediatamente dopo l’iscrizione.
Ogni servizio fornisce comunque una pagina personale nel contesto del portale.

Il download che segue contiene lo zip con i file necessari per gli esempi sopracitati…
ovviamente bastera’ cambiare l’embed code e dimensionarlo allo stesso modo per ottenere qualsiasi altro player .
Tutto si riduce a SOLI TRE FILE
uno sfondo
un distanziatore
una indexpage .

La pagina risultera’ leggerissima e tutto il grosso del “carico” e’ compito del server che ci consente lo streaming.

Per avere l’embed code (che dovrai sostiture a quello presente nel file index
inserendo il TUO embed code dopo :
)

devi essere iscritto ad un servizio di streaming live (ecco l’esempio per Ustream ).

Per mettere in rete la pagina devi solo disporre di un server che possa ospitare la tua pagina.
Richiedi un dominio (il tuo dominio personale ) e una volta attivato (normalmente dopo uno o al massimo due giorni ) puoi caricare i tre file necessari nella cartella principale del tuo dominio.
Uno dei molti server che forniscono spazi web e’ ARUBA


Il principale ostacolo nell’utilizzare la pagina che i vari server offrono e che contiene normalmente
tutto il “corredo” (player,archivio,dati personali,immagini ect.ect. )
di solito sta tutto nell’indirizzo davvero difficile da ricordare e quindi da diffondere….

Un modo veloce e tutto sommato non troppo costoso ,sempre che non si abbia voglia di leggere il resto di questo articolo, rimane quello di utilizzare un servizio di redirect…

SEGUE FORTE PISTOLOTTO:

Come “incastrare” (anche dal punto di vista grafico ) un player Ustream (o qualsiasi altro player ) in una pagina web ?
La risposta piu’ banale e’ “copiando il code nella pagina ” , ma di fatto i “problemi” potrebbero essere altri…
Il primo proviene proprio dal player, e a causa dei suoi colori….
possono piacere o meno , ma di sicuro non sono facilissimi da inserire in un contesto….

Un po’ “vecchiotti” e non customizzabili ….
Probabilmente la collocazione ideale e’ nel contesto di una pagina personale…una pagina contatto….
e sono certo che in futuro sara’ assolutamente normale poter aggiungere al proprio indirizzo sul biglietto da visita anche il proprio dominio (nomecognome ) che portera’ ad una pagina dedicata alla comunicazione.

In quel contesto penso che diventera’ d’obbligo un player del tipo Ustream….
Non foss’altro perche’ consente di mandare facilmente delle registrazioni oltre che la diretta live.


Nel caso di Ustream (ma anche di qualsiasi altro servizio del genere ) non e’ nemmeno necessario munire la pagina di una chat….ci pensa il canale Ustream stesso (pero’ richiede la registrazione….) ma non e’ nemmeno un problemone inserire eventualmente una chat….uno spazio download e soprattutto UPLOAD….un servizio e.mail dal web….ect.ect.
Se si usa Bambuser si ha anche un link gia’ pronto (e’ in cima a sinistra del player” ) attraverso il quale potremo fornire un archivio i filmati registrati (subito accessibile ) e una chat (si usa solo se registrati ) …. .


Qualcuno pensera’ che e’ fantasticare su di un futuro che non verra’ davvero mai….
Palle….e’ gia’ presentissimo in U .S. A
Qualcuno dira’ che “oggi si usa Twitter…i social network…altre cosucce tutto on line…
PALLE….avere e poter offrire una pagina personale non significa non utilizzare altri canali….

IL PUNTO E’ UNO SOLO
non si sa bene come fare , e spesso si presume anche che costi un sacco di soldi (e si dimenticano i capitali che si spendono per un telefonino….) e in certi casi e’ vero perche’ esistono rettili che per una cosa cosi’ sono capacissimi di chiederti cifre al limite del paradosso.


Cio’ che serve di fatto e’ semplicemente la registrazione del proprio dominio (pincopallino.com )
e si fa anche con 4 euro all’anno…..con diversi provider nazionali (per esempio tenendo d’occhio le PUBBLICITA’ CHE COMPARE IN QUESTO BLOG e’ un attimo capire dove andare , e poi basta seguire le istruzioni…).


Se date retta alle maghe DEL WEB (si trovano un po’ovunque dai forum ai blog…) che vi diranno che con 4 euro si puo’ solo bere un caffe’ con biscottino e che per fare “le cose serie” bisogna prendere un provider americano…. PALLE (nel senso che sono cose vere , ma non vi servono assolutamente e servono solo per tirarsela un po’….)

Poi aggiungereranno amenita’ del tipo server dedicati piuttosto che condivisi e giga di spazio piuttosto che ….PALLE
Poi vi diranno che loro “fanno web” quell’altro”….quello dei “professionisti” e gia’ che ci siete “non e’ che ti va di provare anche tu” ?
PALLE (nel senso che e’ un discorso che non ci entra una mazza )
NIENTE
vi serve un server che vi fa un dominio , e vi da’ una manciata di mega di spazio
e naturalmente una cam e un account su Ustream o altro servizio analogo.
STOP

non ne servono piu’ di dieci (di mega ) per costruirsi un perfetto e AUTONOMO spazio personale dedicato alla comunicazione (dai…per i download e’ meglio l’anonimato no ? LO SO SU….e bastera’ fornire il link di qualche spazio di “storage”..)


BENE
lo zip di inizio articolo fornisce tutto il TREMENDO materiale necessario
e bastera’ aprire quel sorgente della pagina index e sostituire semplicemente il code (occhio alle misure,vanno rimesse identiche )
Per provare il tutto basta scaricare lo zip e scompattare in una cartella ANCHE IN LOCALE.
Nel player ci sono io….ovviamente….ma basta cambiarlo….
SONO ESATTAMENTE TRE FILE.
Un file index.html (meglio salvarlo anche come index.htm )
un file gif….(serve semplicemente per posizionare il player….e si…e si…..
un file di sfondo.
STOP

Non e’ nemmeno necessario sapere il significato di quel table (il piu’ arcaico dei tag in puro html…)
ne’ forse…capire come succede la faccenda….
basta aprire il sorgente (destro e View Source ) e cambiare quello che “si capisce” e cioe’ tutto cio’ che compare in Italiano riconoscibile….


Si adattera’ perfettamente a qualsiasi risoluzione ed avremo un primo esempio (un attimo “elegant”….) di come iniziare la nosta pagina personale.
Cio’ che dovremo fare sara’ trascinare il tutto nella cartella principale del nostro spazio (trascinare i tre file , o meglio quattro se si raddoppia la index con estensione .htm )
Se non sappiamo come fare per far si’ che i file dal nostro pc finiscano su quello che ospita il nostro dominio….
diamoci da fare un attimo con le “istruzioni” di chi ci ha fornito il dominio…e scopriremo un PANNELLO DI CONTROLLO certamente….da li’ si puo’ “tirare su” qualsiasi file.

Una volta su tutto
bastera’ digitare il dominio e naturalmente attivare o no la cam se si desidera gia’ essere “visibili”.

I piu’ attenti avranno certamente capito come fare per crearsi sfondi diversi
( anche qui….lasciamo stare per un attimo le portaerei della grafica e proviamo a capire come funziona un super programma come REAL DRAW, da’ punti a molti programmoni molto piu’ “prestigiosi” e che fanno tanto “webdesigner”….., costa il giusto, e non fa niente se molti “Mostri sacri” della grafica non lo citano….TRANQ CHE LO USANO…..si’ ma…


CAPIRE non significa scaricare la demo e lanciare il programma per passarci tre minuti, e’ tostissimo…facile ma tostissimo….consente di tutto (vettoriale e non….per esempio….) , MA RICHIEDE MODESTIA E VOGLIA DI APPRENDERE, UN MESE DI DEMO COMPLETAMENTE FUNZIONANTE PUO’ BASTARE, ma solo se ci si accosta con attenzione e voglia vera di impararne almeno le potenzialita’, io lo uso da quattro anni, e anche se i primi risultati sono immediati e per chiunque a qualsiasi livello di partenza….posso garantire che ancora non lo so usare completamente di sicuro….. COME? SI VEDE ? OK ….fammi pure morire , sono pronto….)

Comunque:
QUESTO E’ IL FILE PER REAL DRAW con il quale sara’ facilissimo e divertente cambiare tutti i colori di quello sfondo, e ovviamente crearne mille altri.
Cioe’ che c’e’ da fare….e’ :
salvare con destro e salva con nome….
SCARICARE REAL DRAW (per 30 giorni sara’ completamente funzionante ) ,

Importare in Real Draw, cliccare sui “blocchi colore” e iniziare a giocarci….

adattare il tutto ( per il posizionamento del player il segreto sta tutto in quella gif naturalmente…da 10 px , ma opportunamente dimensionata nel sorgente…e cioe’ una tecnica vecchia quanto il web……) con scritte ect.ect.
Ovviamente cosi c’e’ solo il player…ma nelle prossime puntate vedremo come metterci il resto.
BUON DIVERTIMENTO e occhio…queste sono cose che tutti sanno DOPO…che gliele avete regalate…..


Nella prima parte abbiamo visto come ottenere una pagina con un player (non importa di quale servizio di streaming ) utilizzando tre soli file ,uno sfondo, un distanziatore e un file index.
Ora aggiungiamo alla pagina una chat…ma utilizzando un sistema di javascript che crea un effetto comparsa - scomparsa che puo’ essere adattato a qualsiasi esigenza grafica.


L’ESEMPIO E’ QUESTO e riprende ,adattando il tutto al contesto grafico della pagina….il sistema che ha usato
Visuddhi nel sito dal quale distribuisce la sua coriacea…chat (e’ tra le piu’ “vecchie” del web…ma regge ancora benissimo….).
Ovviamente per farne una cosa personale occorre scaricare la Visubox dal sito di Visuddhi e installarla sul proprio server (LA CHAT E’ IN ASP….occhio a server basati su Linux….)
Installare una visubox e’ davvero una cosa a prova di scimmia evoluta e praticamente non richiede che il trascinamento sul proprio server dell’intera cartella.


Poi servira’ solo un richiamo che potra’ essere in asp (se la pagina e’ in asp ) oppure semplicemente con un iframe (se la pagina e’ in htrml )….e cioe’ con il sistema utilizzato per ottenere il posizionamento in pagina dell’esempio sopracitato.
Il sistema utilizzato puo’ tranquillamente catturare…qualsiasi altra cosa ovviamente…e non certo solo la chat volendo…tutto sta nel cosa si infila in quell’iframe e di consegenza nelle misure che si decidono per il box….

Se costruire la prima parte di questa pagina e’ stata una faccenda davvero da tre file….
entrare nel “merito” di questo sistema javascript e’ cosa di tutt’altra “Portata” , ma potrebbe non essere necessario….

Nello zip sono compresi i tre javascript necessari e aprendo il sorgente si scopre facilmente dove intervenire se necessario , e certamente COSA AGGIUNGERE alla propria pagina per ottenere lo stesso risultato. (e’ il file INDEX2.HTML )
BUON DIVERTIMENTO!



-E tu che dici? che fai, dici o non dici, se dici bene, e se non dici perchè non provare a dire?

Nessun commento:

Posta un commento

(AVVERTENZA: I commenti qui sotto sono sotto la responsabilita' di chi li scrive. Gli IP sono registrati e per tale ragione chi lo desidera puo' anche commentare anonimamente, che anonimo alla fine non e'. Il gestore si arroga inoltre il diritto di cancellare qualsiasi commento che ritenga non attinente al topic, volgare o offensivo.)