<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Luminescente &#187; html5</title>
	<atom:link href="http://luminescente.com/tag/html5/feed/" rel="self" type="application/rss+xml" />
	<link>http://luminescente.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Tue, 24 Apr 2012 13:53:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>HTML 5 media</title>
		<link>http://luminescente.com/2008/08/html-5-media/</link>
		<comments>http://luminescente.com/2008/08/html-5-media/#comments</comments>
		<pubDate>Thu, 28 Aug 2008 23:01:20 +0000</pubDate>
		<dc:creator>Pedro Cardoso</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://luminescente.com/?p=374</guid>
		<description><![CDATA[Estive para aqui a brincar com a tag &#60;audio&#62; uma das novas funcionalidades do HTML5. Penso que apenas o Safari a suporta para já. Estive a tentar fazer uma theremin, controlada com o rato: um dos eixos controlava a frequência, outro eixo o vibrato e a scroll-wheel controlava o volume. Tentei gerar amostras curtas, da [...]]]></description>
			<content:encoded><![CDATA[<p>Estive para aqui a brincar com a tag &lt;audio&gt; <a href="http://webkit.org/blog/140/html5-media-support/">uma das novas funcionalidades</a> do HTML5. Penso que apenas o Safari a suporta para já.</p>
<p>Estive a tentar fazer uma theremin, controlada com o rato: um dos eixos controlava a frequência, outro eixo o vibrato e a scroll-wheel controlava o volume. Tentei gerar amostras curtas, da ordem de 1/4 de segundo, em função das variáveis de controlo, mas ainda tenho alguns problemas a resolver.</p>
<p>O elemento AUDIO fornece um evento &#8220;ended&#8221; que é invocado quando termina o playback, mas parece-me ter um atraso de meio segundo entre o fim e a invocação do evento. Para contornar esta questão, larguei o &#8220;ended&#8221; e coloquei um evento agarrado ao timer a gerar e a fazer playback de amostras em sequência, mas tenho problemas de sincronização entre as várias amostras.</p>
<p>Para gerar as amostras dinamicamente estou a construir em memória uma estrutura de um ficheiro WAV, com que alimento o elemento AUDIO com o método &#8220;data:&#8221;. Neste caso, o atributo &#8220;src&#8221; do Audio é algo como &#8220;data:audio/wav;base64,&#8221; + base64_encode(wav).</p>
<p>Sei que estou a abusar com geração de som em tempo real em Javascript, ainda para mais com codificação base64 pelo meio, mas se funcionar bem fica um bom hack&#8230; <img src='http://luminescente.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Sempre pode dar para fazer um dialer DTMF ou um gerador de blips daqui a uns dias.</p>
<p>Pelo menos pode dar para colocar um site a apitar como as caixas do Pingo Doce de cada vez que se passa com o rato num link, tal como faz o anúncio ao site da SIC que passa na SIC Notícias a toda a hora&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://luminescente.com/2008/08/html-5-media/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

