quinta-feira, 22 de abril de 2010

Blowing up HTML5 video

Muito legal!!!
Vejam que exemplo legal para o HTML5.

 
 

Enviado para você por Marcondes através do Google Reader:

 
 

via Ajaxian » Front Page de José Jeria em 22/04/10

Sean Christmann has been experimenting with canvas and HTML 5 video. The results? Blowing up a HTML5 video:

html5boom

He considers the implementation to be "bit of hackish" though and explains why:

Don't ask me why, but copying pixel data out of a video tag is expensive, so expensive that drawing it into a temporary canvas, and then drawing pieces of that temp canvas onto a final canvas is faster then just referencing the video tag repeatedly within the same loop. That's why you'll see 2 Canvases in the source code for the demos. I'm sure there's a technical reason for this duplication process, but it's a lazy reason.

Check out Sean's blog entry for more details.

Editor's Note: This is the first posting from long time Ajaxian community member, José Jeria. We look forward to having him posting as he sees fun things around the Web. Welcome! Here is an introduction by José:

I am a self-taught developer that started doing web development back in 97 in Stockholm Sweden. I worked in different web agencies and ended up in Munich Germany after joining an American company called Razorfish. I worked as a web developer mainly coding HTML / CSS and JavaScript etc for 8 years before I got into developing back-end in Java (J2EE) as well.

The most fun I have though, is when developing rich front-ends though (I am very keen on user interface design). I have been, for the last 5 years, developing intranet web applications in data-warehouse environments using different frameworks, such as JSF, Spring MVC and lately my new favorite: Ext-GWT.


 
 

Coisas que você pode fazer a partir daqui:

 
 

terça-feira, 23 de fevereiro de 2010

Pergunta de Aluno

Estou respondendo está pergunta no blog para que outros possam contribuir.

Um aluno me perguntou.

olá professor. tenho uma pergunta.
que tipo de tag eu posso usar para inserir videos dentro de um site?
eu uso <embed> mas quando o video nao foi iniciado nenhuma vez , ele mostra apenas um local vazio... tem como colocar uma foto ou uma previsualização antes do video iniciar, como no youtube é usado?
outra pergunta que tenho é como eu faço para colocar uma foto sobre outra em um site...
se pudesse retornar agradeço.

Resposta:

Para fotos ou qualquer outro elemento vc tem que usar css, para isso existe z-index, que vc seta com um valor inteiro.
Exemplo um z-index 1 fica abaixo de um z-index 2, blz, tens que fazer isso com os teus elementos.

Aqui nesse site tem um exemplo on-line bem bacana.


Mais uma coisa para funcionar z-index seus elementos devem ter position:absolute, isso também no css.

Sobre os Vídeos on-line.
Quanto ao vídeo não existe uma tag html para isso no html 4 só irá existir no html 5, mas dai nem todos os browsers irão aceitar.
Isso vimos na viagem do ano passado na Conferencia WEB W3C.

Você pode fazer isso de vária maneiras, uma delas é usar flash... ai vc usa um embed desses...
No caso da previsualização que você fala, o youtube tem um sistema automatizado para isso que captura um frame no vídeo para usar como screen inicial do vídeo.
Fazer isso da um pouco de trabalho e dependo não seja viável fazer.
O que da para fazer é você mesmo configurar uma imagem que irá aparecer como preview...
Existe um script JavaScript bem bacana para se criar elementos embed de Flash na página, chama-se swfobject.

Lembrando ainda que você deve possuir um .swf que será responsável por exibir seu vídeo, eu uso um bem interessante que é o flvPlayer.swf, ele aceita parametros como um arquivo flv, que no caso do flash é usado para streaming de vídeos.

At,
Marcondes.

segunda-feira, 22 de fevereiro de 2010

Aula 2010 - Desenvolvimento WEB

Iniciei na noite da última sexta-feira, dia 19 de Fevereiro de 2010 mais uma disciplina para o curso de Sistemas de Informação da UNIDAVI.
Ela tem como objetivo principal o Desenvolvimento WEB com HTML, CSS, JavaScript e PHP.
São estudados conceitos do HTTP e do funcionamento estrutural da WEB como o todo.

Sobre HTTP posso indicar dois vídeos que fazer parte de uma animação bem interessante sobre o funcionamento da WEB.


Para você que estiver lendo este blog deve-se perguntar o porque desse post sobre uma aula, bom é uma coisa que imaginei fazer já a um tempo, pretendo fazer outros sobre outras aulas. Já que muitos alunos podem ler estas escritas.

Outras coisa que foram vistas na sala é quanto a Utilização do UBUNTU como sistema operacional para as práticas em laboratório, não sei se é do agrado de todos, ou até pode ser, percebi que tem algumas pessoas que gostam de aprender coisas novas, mas em fim estou dando todo o suporte para a utilização do ambiente, e fazendo referencias a algumas coisas que igualmente podem ser feitas no ambiente Windows.

Quase ao final da aula instalamos alguns complementos para o Firefox, obviamente, antes que perguntem, isso não é coisa para cobrar em avaliações, mas serve como ferramenta de apoio a estudos, facilitando muito o entendimento de como funciona um HomePage.
Um desses complementos é o chamado WebDeveloper, já comentado aqui nesse blog.

Bom seria isso o material de apoio para a configuração de um novo UBUNTU já foi disponibilizado, assim como todos os complementos e material apresentado em sala.
Agora basta o empenho de todos no estudo para entendimento e ajuda em algumas dúvidas.

[] a todos
Marcondes.

sexta-feira, 5 de fevereiro de 2010

marcondesmacaneiro sent you a video: "Bernard Ice Climbing"

YouTube help center | e-mail options | report spam

marcondesmacaneiro has shared a video with you on YouTube:

Coitado ele sempre se da mal...
Bernard climbing ice mountain
Animação em 3D
© 2010 YouTube, LLC
901 Cherry Ave, San Bruno, CA 94066

marcondesmacaneiro sent you a video: "A Laranja Irritante"

YouTube help center | e-mail options | report spam

marcondesmacaneiro has shared a video with you on YouTube:

Parece uns colegas de trabalho....
Primeiro vídeo da "Laranja Irritante 1" legendado a ser postado no YouTube.

LEGENDADO POR:
D@N!3L jAcKsOn
danielnevees@hotmail.com

Comunidade Oficial da Laranja Irritante:
http://www.orkut.com.br/Main#Community?cmm=95237235

Veja todos os episódios!

A LARANJA IRRITANTE 1:
http://www.youtube.com/watch?v=qhyKJZm4N68

A LARANJA IRRITANTE 2:
http://www.youtube.com/watch?v=5pMpcKb-wUE

A LARANJA IRRITANTE 3:
http://www.youtube.com/watch?v=Vh28fD10lFM

A LARANJA IRRITANTE 4:
http://www.youtube.com/watch?v=bHNSYabkdjI

A LARANJA IRRITANTE 5:
http://www.youtube.com/watch?v=B8kliYrAKBs


Uploader | criador original:
http://www.youtube.com/user/daneboe

-
© 2010 YouTube, LLC
901 Cherry Ave, San Bruno, CA 94066

quarta-feira, 3 de fevereiro de 2010

Sobre plug-in Firefox Web-Developer

Muito bacana esse plug-in, eu já uso ele a algum tempo.
Estive googando algumas coisas e achei esse link explicando o funcionamento com algumas imagens, bem bacana.

http://www.pinceladasdaweb.com.br/blog/2009/08/14/web-developer-toolbar-overview/

--


sábado, 28 de novembro de 2009

Tenho Convites para o Google WAVE!!!

Pessoal tenho alguns convites para o Google Wave.

Caso alguém tenho interesse só escrever ai que assim que possível encaminho o convite.

T+