Occhio al Codice ~ Episodio 1

Incorporamento Audio

« Older   Newer »
 
  Share  
.
  1. ~ s f y
     
    .

    User deleted


    Oggi su OCCHIO AL CODICE...image
    Oggi parleremo del cosidetto "Incorporamento Audio". Ma di che si tratta? Semplice: come inserire una traccia audio nei vostri post, in maniera da dare una sensazione completamente diversa a chi andrà a leggere tali righe.
    In definitiva, alla fine di questa guida, otterete un risultato come quello mostrato qui di seguito.



    Bene, ora si può cominciare. Innanzitutto, dovete cercare la musica che può vi aggrada su YouTube.
    Ora, fra le opzioni sotto alla finestra del video, premete sul pulsante "Codice da incorporare".

    image

    Vi apparirà una stringa di codice bella lunga, ma non temete. E più facile a farsi che a dirsi.

    image

    Copiate tutto. Questo sarà la base su cui andremo ad attuare semplici modifiche. Per praticità, riporto qui un esempio.

    CITAZIONE
    < object width="640" height="385">< param name="movie" value="https://www.youtube.com/v/BQMpRWuT6hk?fs=1&hl=it_IT"></ param>< param name="allowFullScreen" value="true"></ param>< param name="allowscriptaccess" value="always"></ param>< embed src="https://www.youtube.com/v/BQMpRWuT6hk?fs=1&hl=it_IT" type="application/x-shockwave-flash" allowscriptaccess=" always" allowfullscreen="true" width="640" height="385"></ embed></ object>

    I valori da andare a modificare sono "width" e height", e precisamente gli utlimi, quelli che trovate prima del tag </ embed>.
    Potete mettere qualsiasi valore. Per rimuovere il video, però, è necessario un "height" non superiore a 25. Io, per compattezza e questioni stilistiche, imposto sempre il "width" a 150 e "l'height" a 25. In questo modo, avrete un lettore piccolo e semplice, che vi accompagnerà nelle vostre letture.
    Il codice, quindi, ora appare così.

    CITAZIONE
    < object width="150" height="25">< param name="movie" value="https://www.youtube.com/v/BQMpRWuT6hk?fs=1&hl=it_IT"></ param>< param name="allowFullScreen" value="true"></ param>< param name="allowscriptaccess" value="always"></ param>< embed src="https://www.youtube.com/v/BQMpRWuT6hk?fs=1&hl=it_IT" type="application/x-shockwave-flash" allowscriptaccess=" always" allowfullscreen="true" width="150" height="25"></ embed></ object>

    Da notare che ho cambiato anche i valori dei primi "width" e "height". Questo non ha nessun effetto sul risultato, ma aiuta a tenere il codice pulito ed in ordine.
    Come utlima chicca, aggiungo pure come fare a mettere in loop la traccia audio o attivare l'autoplay.

    LOOP

    Molte semplice anche qui. La parte di codice che andremo a modificare è la seguente.
    CITAZIONE
    < embed src="https://www.youtube.com/v/BQMpRWuT6hk?fs=1&hl=it_IT" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">

    Basta aggiungere il suffisso "&loop=1" alla fine del link, come mostrato di seguito.
    CITAZIONE
    < embed src="https://www.youtube.com/v/BQMpRWuT6hk?fs=1&hl=it_IT&loop=1" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">

    In questo modo, la traccia audio si ripeterà all'infinito, senza bisogno di farla ripartire ogni volta.

    AUTOPLAY

    Stessa procedura del Loop, stessa stringa di codice da modificare.
    CITAZIONE
    < embed src="https://www.youtube.com/v/BQMpRWuT6hk?fs=1&hl=it_IT" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">

    Questa volta, però, il suffisso è "&autoplay=1" . Inseritelo come il Loop.
    CITAZIONE
    < embed src="https://www.youtube.com/v/BQMpRWuT6hk?fs=1&hl=it_IT&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">

    Da notare che inserendo più tracce in autoplay nello stesso topic, si da luogo ad un miscuglio incredibile di suoni, quindi se volete utilizzarlo mettetelo SOLO ED ESCLUSIVAMENTE nella vostra scheda.

    Bene, e con questo penso di avere finito. Avvertitemi se sapete altro, provvederò a modificare il prima possibile.
    Grazie della gentile attenzione,
    image

    © by Sfiga & Naruto Sprint. Chiedere il permesso prima di utilizzarlo altrove, Grazie.
     
    Top
    .
  2. Peter Returns
     
    .

    User deleted


    ottimo tutorial ^^
     
    Top
    .
  3. omio79
     
    .

    User deleted


    azz non mi viene il primo risultato. Sfy potresti aiutarmi a farlo con questa canzone per favore?

     
    Top
    .
  4. ~ s f y
     
    .

    User deleted


    Certo. E' facile Omio, basta fare così.

    Prima di tutto, modifica le dimensioni.


    CODICE
    <embed src="http://www.youtube.com/v/ZmF54GuFmWo?fs=1&hl=it_IT" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">


    Dopodichè aggiungici il loop.


    CODICE
    <embed src="http://www.youtube.com/v/ZmF54GuFmWo?fs=1&hl=it_IT&loop=1" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">


    Ed ecco il risultato finale.



    Come già scritto, il codice da utilizzare è questo.

    CODICE
    <embed src="http://www.youtube.com/v/ZmF54GuFmWo?fs=1&hl=it_IT&loop=1" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">


    Facile no? ;°)

    Sfiga

     
    Top
    .
  5.  
    .
    Avatar

    Guerriero

    Group
    Member
    Posts
    17,513
    Location
    Repubblica di Pisa

    Status
    Anonymous
    comunque sfy, per le dimensioni basta modificare solo le dimensioni sotto: io perlomeno modifico solo quelle ed il video mi viene come mi pare
     
    Top
    .
  6. omio79
     
    .

    User deleted


    CITAZIONE (~ s f y @ 18/1/2011, 22:31) 
    Certo. E' facile Omio, basta fare così.

    Prima di tutto, modifica le dimensioni.


    CODICE
    <embed src="http://www.youtube.com/v/ZmF54GuFmWo?fs=1&hl=it_IT" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">


    Dopodichè aggiungici il loop.


    CODICE
    <embed src="http://www.youtube.com/v/ZmF54GuFmWo?fs=1&hl=it_IT&loop=1" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">


    Ed ecco il risultato finale.


    (FILE:www.youtube.com/v/ZmF54GuFmWo?fs=1&hl=it_IT&loop=1)


    Come già scritto, il codice da utilizzare è questo.

    CODICE
    <embed src="http://www.youtube.com/v/ZmF54GuFmWo?fs=1&hl=it_IT&loop=1" type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="25">


    Facile no? ;°)

    Sfiga


    Grazie mille *-*
     
    Top
    .
  7. ~ s f y
     
    .

    User deleted


    CITAZIONE ([*Sephiroth*] @ 19/1/2011, 12:16) 
    comunque sfy, per le dimensioni basta modificare solo le dimensioni sotto: io perlomeno modifico solo quelle ed il video mi viene come mi pare

    Infatti l'ho scritto Seph :°D

    CITAZIONE
    Da notare che ho cambiato anche i valori dei primi "width" e "height". Questo non ha nessun effetto sul risultato, ma aiuta a tenere il codice pulito ed in ordine.

    Sfiga

     
    Top
    .
  8.  
    .
    Avatar

    Esperto

    Group
    Moderatore Globale
    Posts
    2,411

    Status
    Anonymous


    ci sono riuscito!?
    non riesco a mettere l'opzione per far in modo che appena si apre la scheda parta la traccia. help.
     
    Top
    .
  9. vecchiome
     
    .

    User deleted





    Gh0st devi incorporare questo codice.
    Quando metti il link preso da youtube seguendo l'istruzione di Sfy, noterai che nel link c'è questa scritta..../embed/.....modificala cancellando Embed e scrivendo v ...../v/ questo comando farà si che appena apri la pagina parta la song ;)


    Da qualche tempo Youtube nasconde i codici di incorporazione. Quindi dovete cliccare su condividi e poi nuovamente su CODICE DA INCORPORARE. Prendendo solamente il link e inserendolo, lasciando sempre il comando &autoplay
     
    Top
    .
  10. .:Raiden':.
     
    .

    User deleted


     
    Top
    .
  11. Mc Cavallo
     
    .

    User deleted


    Non ci riesco. LoL
     
    Top
    .
  12. Warwizard
     
    .

    User deleted


    Credo ci sia da aggiornare il tutorial dopo aver ristudiato i codici di youtube: ora, a parte il fatto che usa un nuovo codice di incorporamento, sono riuscito a reperire il vecchio codice e ho provato a seguire il tutorial per la prima parte e se prima mi riusciva perfettamente la visione della sola barra senza far vedere il video, ora mi risulta solo questo.



    Per completezza riporto anche il codice originale usato (cioé non ancora modificato) senza dover andare a citare il mio post per vederlo:
    CODICE
    <object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/xQfqUpC7dto?version=3&amp;hl=it_IT"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/xQfqUpC7dto?version=3&amp;hl=it_IT" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>


    Ho visto che altre tracce prima riportate come barre ora apppaiono come sopra e peggio ancora non si avviano neppure dalle strisce, se non aumentando l'altezza della finestra nel codice e permettendo quindi una possibilità più o meno parziale di avviamento ed una scomoda e non voluta visione del video (che peraltro rovina anche i post). Qualcuno sa dirmi come dovrei modificare il codice per ottenere di nuovo "l'effetto barra"? Non ho interesse a fare autoplay o altri effetti simili, soprattutto se prima non si trova un metodo per rimettere l'incorporamento come prima.
    P.S.: ho provato anche ad usare il loop, ma il risultato non è cambiato.



    Per maggiori dettagli
    CODICE
    <object width="250" height="25"><param name="movie" value="http://www.youtube.com/v/xQfqUpC7dto?version=3&amp;hl=it_IT"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/xQfqUpC7dto?version=3&amp;hl=it_IT&loop=1" type="application/x-shockwave-flash" width="250" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>
     
    Top
    .
  13. Warwizard
     
    .

    User deleted


    Me lo sono fatto onestamente spiegare, ma c'è un trucco per incoporare di nuovo i video creando una barra da youtube come prima e su forumfree funziona.
    Anticipo che c'è da lavorare un po' con il codice, ma cercherò di spiegare il tutto passo dopo passo.

    Allora, prendendo un qualsiasi video, è necessario seguire i primi passi della guida di sfy, con l'avvertenza che è però necessario prendere non il codice che appare per primo, bensì il vecchio codice di incorporamento. Allo scopo, bisogna spuntare l'opzione "usa vecchio codice di incorporamento", l'ultima tra le opzioni di incorporamento disponibili.
    Il codice, nel video che ho preso come esempio, sarà questo:

    CODICE
    <object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/hdYuIdXqo64?version=3&amp;hl=it_IT&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/hdYuIdXqo64?version=3&amp;hl=it_IT&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>


    Di tutto questo, ci serve solo la parte compreso tra gli "embed". Per rimanere nell'esempio di cui sopra, serve questa parte:

    CODICE
    <embed src="http://www.youtube.com/v/hdYuIdXqo64?version=3&amp;hl=it_IT&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>


    Qui viene la parte difficile. Il problema dato da tutti gli incorporamenti attualmente saltati è il cambio di versione del codice, contrassegnato come version=3&. Quindi è necessario cambiare quella parte con version=2&.
    La parte successiva al punto e virgola cancellato va lasciata solo in parte. Nella fattispecie va lasciato intatto solo hl=it_IT, mentre tutto quello che segue fino alle virgolette va cancellato e sostituito con color1=0000CC&color2=0033CC&hd=1

    Quindi non resta che modificare le dimensioni in altezza fino a 25 e in lunghezza come preferite.

    Quindi alla fine il codice dovrebbe risultare complessivamente così:
    CODICE
    <embed src="http://www.youtube.com/v/hdYuIdXqo64?version=2&hl=it_ITcolor1=0000CC&color2=0033CC&hd=1;rel=0" type="application/x-shockwave-flash" width="250" height="25" allowscriptaccess="always" allowfullscreen="true"></embed>


    E quindi il vostro video è servito ed incorporato!



    Nota 1: su forumfree, per qualche arcana ragione, è necessario cancellare allowscriptaccess="always", mentre qui su forumcommunity questa parte va lasciata. Non so spiegarne il motivo, ma così è.
    Nota 2: i due colori sono colori esadecimali, dove color1 corrisponde al bordo e color2 allo sfondo della barra incorporata, per cui, se si desidera un colore differente per un dei due aspetti (o anche per entrambi), basta trovare in internet una qualsiasi tabella di colori esadecimali e usare il codice appropriato, come ho fatto qui di seguito:

     
    Top
    .
  14. Edosenpai
     
    .

    User deleted




    dite che va bene cosí? Ho controllato come viene fuori e mi viene come Gh0st, o similmente... Non so se é giusto perché non vedo il tasto play, il codice che ho usato é:
    HTML
    <iframe width="150" height="25" src="http://www.youtube.com/embed/PpqVz2_Zvgk?wmode=transparent" frameborder="0" allowfullscreen></iframe>

    Non capisco molto dei codici su forumcommunity, quindi vi chiederei una mano... :D
    (la canzone l'ho scelta perché é quella del mio anime preferito nonché il primo che io abbia mai viato non in ita, se avrete magari una voglia improvvisa di vedere di cosa si tratta su Animetv ci sono tutti gli ep. e spero vi piaccia come é piaciuto a me :))
     
    Top
    .
  15.  
    .
    Avatar

    Esperto

    Group
    Moderatore Globale
    Posts
    2,411

    Status
    Anonymous
    Ma sì dai
     
    Top
    .
16 replies since 16/1/2011, 20:36   665 views
  Share  
.