<!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: Colocar ficheiros de audio num blogue (ou "site")</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/7399608473454829625/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: Colocar ficheiros de audio num blogue (ou "site")</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/7399608473454829625/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>

Domingo, Janeiro 21, 2007

Colocar ficheiros de audio num blogue (ou "site")

Respondo aqui a um pedido feito num comentário pela Armanda... (querem saber como nos conhecemos virtualmente há uns anos? Pois... foi por alturas da reorganização currricular no célebre fórum do DEB, onde tive oportunidade de participar, colocar documentos da nossa escola e enviá-los a colegas de todo o país que mos solicitavam. Nem blogues na altura, nem sites meus... foi a primeira grande teia de professores em que participei e confesso muito ter aprendido. Um tempo, já aqui o disse, em que o Director Geral do DEB, Paulo Abrantes, dialogava directamente através desse instrumento com os professores... pois... claramente um outro tempo...).

Regressemos ao pedido da Armanda (prometi fazer entrada sobre o tema):
Como coloco ficheiros só de audio num blog?

Aprendi a fazê-lo com a
IC. (Tenho aprendido tanto com os contributos de todos aqueles a quem me ligo na teia...)

Eis aqui as dicas que ela me deu e que agora passo a quem quiser aproveitar a sua enorme experiência:

(...)descobri um processo de colocar na net gratuitamente (
http://www.castpost.com/) as nossas próprias músicas desde que convertidas em mp3 e depois ter o código para colocação no blog (...)

.



(...) A conversão de faixas de cds para mp3, faço-a com um programa chamado audiograbber. (...) basta escreveres na pesquisa do Google audiograbber free download que te aparecem vários sites e as versões devem se mais recentes do que a minha. É mesmo download gratuito, não é daqueles só para experiência durante um mês e não terás dificuldade em saber como usá-lo (...)


Deixo aqui uma ligação possível:

http://www.audiograbber.com-us.net/ .


Em síntese:

- Temos os ficheiros audio (pode ser a faixa de um CD – atenção aos direitos de autor, ou algo que gravámos…. exporta-se para mp3 (com o audiograber ou outro que se use habitualmente).

- Cria-se “um blogue de som” para fazer nele upload dos ficheiros e…depois de os carregar ele fornece o código html para colar no blogue ou site. (Tal como no YouTube.)

No site
www.song2play.com temos ainda à disposição milhares de temas musicais - canções já com código html disponível para colocação em blogues ou sites… É só descobrir o que se quer, copiar o código e colar no local pretendido (do post ou do template).

.


.

O resto é bater um bocadinho com a cabeça… mas estes até nem são difíceis de dominar para quem tem uma experiência mínima nestas andanças.


O prometido é devido e está cumprido!
Espero que seja útil…