<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="Shortcut Icon" href="http://photos1.blogger.com/blogger/6605/369/320/imagex01.jpg"> <title>tempo de teia: Ficheiros audio: codificar em html para colocar no blog</title> <script type="text/javascript">(function() { var a=window;function e(b){this.t={};this.tick=function(c,h,d){d=d?d:(new Date).getTime();this.t[c]=[d,h]};this.tick("start",null,b)}var f=new e;a.jstiming={Timer:e,load:f};try{a.jstiming.pt=a.gtbExternal&&a.gtbExternal.pageT()||a.external&&a.external.pageT}catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent){do c+=b.offsetTop;while(b=b.offsetParent)}b=c;b<=750&&a.jstiming.load.tick("aft")};var i=false;function j(){if(!i){i=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); })();</script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="generator" content="Blogger" /> <link rel="icon" type="image/vnd.microsoft.icon" href="http://www.blogger.com/favicon.ico"/> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="tempo de teia - RSS" href="http://tempodeteia.blogspot.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="tempo de teia - Atom" href="http://www.blogger.com/feeds/20688556/posts/default" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=20688556" /> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/9090963325291010351/comments/default" /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=20688556&zx=b6694707-2f12-4a53-9092-800acd8dd202"/> <style type="text/css"> /* -- basic html elements -- */ body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #000; text-align: center; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/cat_bg.jpg) bottom left no-repeat fixed; } a {color: #555252; font-weight: normal; text-decoration: none; } a:visited {color: #4e4444;} a:hover {color: #000;} h1 {margin: 0; color: #000; font-size: 1.5em; } h1 a {color: #7B8186;} h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #000; background: transparent url(http://photos1.blogger.com/blogger/6605/369/320/paw.gif) bottom right no-repeat; padding-bottom: 2px;border-bottom:thin dotted black; color:#000;} h3 {font-size: 1em; margin: 2em 0 0 0; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw_t.png) bottom left no-repeat; padding-left: 25px;padding-bottom: 1px;border-bottom:2px dashed #000;} h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;} h5 {color: #000;} h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;} p {margin: 0 0 1em 0;} img, form {border: 0; margin: 0;} /* -- layout -- */ #content {width: 738px; margin: 0 auto; text-align: left; } #header {} #header div {margin-left:50;margin-top:18px;width:450px;height:150px;} #main { line-height: 1.4; float: left; padding: 10px 25px; border-top: solid 0px #fff; width: 450px; /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: "\"}\""; voice-family: inherit; } /* IE5 hack */ #main {} #sidebar {margin-left: 533px; border-top: solid 0px #fff; padding: 4px 0 0 7px; width:190px;} #footer {clear: both; border-top: solid 0px #fff;} #pcent {font-weight: normal; text-decoration: none;} /* -- header style -- */ #header h1 {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} #header p {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} /* -- content area style -- */ #main {line-height: 1.4;} h3.post-title {font-size: 1.2em; margin-bottom: 0;} h3.post-title a {color: #000;} .post {clear: both; margin-bottom: 4em;} .post-footer em {color: #000; font-style: normal; float: left;} .post-footer .comment-link {float: right;} #main img {border: solid 0px #E3E4E4; padding: 2px; background: #fff;} .deleted-comment {font-style:italic;color:gray;} /* -- sidebar style -- */ #sidebar #description {border: solid 0px #F3B89D; padding: 10px 17px; color: #000; font-size: 1.2em; font-weight: normal; line-height: 0.9; margin: 0 0 0 -6px;width:190px;} #sidebar h2 {font-size: 1.0em; margin: 1.3em 0 0.5em 0;background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif) bottom right no-repeat; padding-bottom: 2px;} #sidebar dl {margin: 0 0 10px 0;} #sidebar ul {list-style: none; margin: 0; padding: 0;} #sidebar li {padding-bottom: 5px; line-height: 0.9;} #sidebar a {color: #555252; font-weight: normal; text-decoration: none;font-size: 0.9em; padding-left:15px; } #sidebar a:visited {color: #4e4444; padding-left:15px;} #sidebar a:hover {color:black; background:transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif); background-position:0 0; background-repeat:no-repeat; padding-left:15px; border-bottom:1px dotted #98B952 } .small{font-size: 0.8em;} #profile-container {color: #000;} #profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;} .archive-list {margin-bottom: 2em;} #powered-by {margin: 10px auto 20px auto;} /* -- sidebar style -- */ #footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;} #footer hr {display: none;} </style> </head> <noembed> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="Shortcut Icon" href="http://photos1.blogger.com/blogger/6605/369/320/imagex01.jpg"> <title>tempo de teia: Ficheiros audio: codificar em html para colocar no blog</title> <script type="text/javascript">(function() { var a=window;function e(b){this.t={};this.tick=function(c,h,d){d=d?d:(new Date).getTime();this.t[c]=[d,h]};this.tick("start",null,b)}var f=new e;a.jstiming={Timer:e,load:f};try{a.jstiming.pt=a.gtbExternal&&a.gtbExternal.pageT()||a.external&&a.external.pageT}catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent){do c+=b.offsetTop;while(b=b.offsetParent)}b=c;b<=750&&a.jstiming.load.tick("aft")};var i=false;function j(){if(!i){i=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); })();</script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="generator" content="Blogger" /> <link rel="icon" type="image/vnd.microsoft.icon" href="http://www.blogger.com/favicon.ico"/> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="tempo de teia - RSS" href="http://tempodeteia.blogspot.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="tempo de teia - Atom" href="http://www.blogger.com/feeds/20688556/posts/default" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=20688556" /> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/9090963325291010351/comments/default" /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=20688556&zx=b6694707-2f12-4a53-9092-800acd8dd202"/> <style type="text/css"> /* -- basic html elements -- */ body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #000; text-align: center; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/cat_bg.jpg) bottom left no-repeat fixed; } a {color: #555252; font-weight: normal; text-decoration: none; } a:visited {color: #4e4444;} a:hover {color: #000;} h1 {margin: 0; color: #000; font-size: 1.5em; } h1 a {color: #7B8186;} h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #000; background: transparent url(http://photos1.blogger.com/blogger/6605/369/320/paw.gif) bottom right no-repeat; padding-bottom: 2px;border-bottom:thin dotted black; color:#000;} h3 {font-size: 1em; margin: 2em 0 0 0; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw_t.png) bottom left no-repeat; padding-left: 25px;padding-bottom: 1px;border-bottom:2px dashed #000;} h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;} h5 {color: #000;} h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;} p {margin: 0 0 1em 0;} img, form {border: 0; margin: 0;} /* -- layout -- */ #content {width: 738px; margin: 0 auto; text-align: left; } #header {} #header div {margin-left:50;margin-top:18px;width:450px;height:150px;} #main { line-height: 1.4; float: left; padding: 10px 25px; border-top: solid 0px #fff; width: 450px; /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: "\"}\""; voice-family: inherit; } /* IE5 hack */ #main {} #sidebar {margin-left: 533px; border-top: solid 0px #fff; padding: 4px 0 0 7px; width:190px;} #footer {clear: both; border-top: solid 0px #fff;} #pcent {font-weight: normal; text-decoration: none;} /* -- header style -- */ #header h1 {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} #header p {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} /* -- content area style -- */ #main {line-height: 1.4;} h3.post-title {font-size: 1.2em; margin-bottom: 0;} h3.post-title a {color: #000;} .post {clear: both; margin-bottom: 4em;} .post-footer em {color: #000; font-style: normal; float: left;} .post-footer .comment-link {float: right;} #main img {border: solid 0px #E3E4E4; padding: 2px; background: #fff;} .deleted-comment {font-style:italic;color:gray;} /* -- sidebar style -- */ #sidebar #description {border: solid 0px #F3B89D; padding: 10px 17px; color: #000; font-size: 1.2em; font-weight: normal; line-height: 0.9; margin: 0 0 0 -6px;width:190px;} #sidebar h2 {font-size: 1.0em; margin: 1.3em 0 0.5em 0;background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif) bottom right no-repeat; padding-bottom: 2px;} #sidebar dl {margin: 0 0 10px 0;} #sidebar ul {list-style: none; margin: 0; padding: 0;} #sidebar li {padding-bottom: 5px; line-height: 0.9;} #sidebar a {color: #555252; font-weight: normal; text-decoration: none;font-size: 0.9em; padding-left:15px; } #sidebar a:visited {color: #4e4444; padding-left:15px;} #sidebar a:hover {color:black; background:transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif); background-position:0 0; background-repeat:no-repeat; padding-left:15px; border-bottom:1px dotted #98B952 } .small{font-size: 0.8em;} #profile-container {color: #000;} #profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;} .archive-list {margin-bottom: 2em;} #powered-by {margin: 10px auto 20px auto;} /* -- sidebar style -- */ #footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;} #footer hr {display: none;} </style> </head> <noembed> <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=20688556&amp;blogName=tempo+de+teia&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLACK&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Ftempodeteia.blogspot.com%2Fsearch&amp;blogLocale=pt_PT&amp;homepageUrl=http%3A%2F%2Ftempodeteia.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div>

Segunda-feira, Fevereiro 26, 2007

Ficheiros audio: codificar em html para colocar no blog

Outra vez os ficheiros áudio!


Bem.
Por partes.
Há tempos indiquei o castpost para esta função de obter o código html para um ficheiro áudio nosso.
Mas... o castpost anda fugido.
Não consigo abrir o site. Nada. Problemas lá para aqueles lados e necessidade de reinventar nova solução.

Pedi ajuda numa entrada.
Num comentário um visitante ( Mariano ) deu-me uma sugestão. Mas não consegui resolver o problema pois, aparentemente, o site recomendado permite obter códigos de músicas oferecidas pelo próprio (ou escapou-me algo... o que não é de admirar, que eu sou algo distraída) e não de ficheiros meus.

Aí vou eu para o google

palavras de busca: html audio files

e chego aqui:

Audio Guide for web devellopers
http://www.walthowe.com/pubweb/audio.html

No índice encontro:

Coding Sound in HTML


Leio... leio... penso...
Parece haver aqui uma linhazita de código aplicável na generalidade... mas... o que coloco aqui em vez de mysong.mid (eu a pensar com os meus botões)... será o endereço net do ficheiro depois de o descarregar num dos meus domínios?

hummm...

Vamos lá experimentar:

em vez de




(Experimentei substituir também o 2º mysong.mid pelo endereço, mas... estranhamente ouve-se a canção em duplicado... começa uma e depois começa outra vez sobre a primeira... o código lá sabe... eu é mais "bolos"...)

Testei depois esta linha de html numa das páginas google pages... fiz preview e funcionou.

Agora vou experimentar aqui...

Será?



Cacilhas - Piratas do Silêncio BMG


Oops... ao publicar diz que não "fechei" a frase como deve ser... fui espreitar no manual e copiei uma coisa que lá vi... parecida com um ponto final: símbolo menor barra letra a e símbolo maior (não posso escrever aqui códigos... ele apaga-os... cliquem com o botão do lado direito do rato para ver o código-fonte, ou espreitem a frase html lá em baixo)
A seguir deu erro e disse que não abri como fechei... resolvi copiar o dito código para o início... (quem percebe destas coisas, ao ler-me está a pensar... coitadinha...quem não sabe é como quem não vê...)
Aparentemente deu certo... mas começa logo a tocar, o que eu não desejava... Ai vida!

Vou testar uma outra frase html mais simples para o mesmo efeito retirada lá do tal manual:

Play My Song

será?

A frase que usei foi esta (fazendo a necessária substituição):




Nesta versão é-se levado para outro local para ouvir o ficheiro... e controla-se o começo... a outra lá toca sem a gente querer.
Têm bom remédio. Calem-na na pausa.
E na publicação continua a dar erros de html, mas eu assinalo uma frase que lá está e diz: stop showing html errors for this post e resulta. Publica logo sem mais conversa. Afinal quem é que manda aqui???

Reler a entrada...

Ahhhhh! Vi ali escrito no primeiro código AUTOSTART=true !!!!! Será que é isto? E se eu escrever false?

Vou experimentar...

ADENDA:

Yes!!!

...integrar saberes diversos e aplicá-los em contexto para resolver problemas, desenvolvendo competências... hoje foi ao vivo! A educação não deveria ser isto?

(Já vos contei que no sábado conduzi novamente até à praia de Sta Cruz? É mais difícil para mim do que as TIC... mas o sabor da conquista é o mesmo...)

Etiquetas: , , , ,

posted by 3za @ 3:37 PM Comments: 8