Prof. Fernando Gonçalves Abadia. Sistemas Multimídias

Transcrição

1 Prof. Fernando Gonçalves Abadia Sistemas Multimídias

2 Introdução à Multimídia Multimídia consiste em aplicações que usam múltiplas modalidades de informação (texto, imagens, gráficos, animação, vídeo, som, voz e alguma forma de interação com o usuário); Várias modalidades de multimídia podem ser utilizadas em aplicações diversas: Teleconferência, ambientes de trabalho cooperativo, realidade aumentada, etc.

3 Introdução à Multimídia Tópicos de pesquisa em multimídia: Vídeo, compactação de vídeo, imagens, efeitos de imagens, compactação de imagens, áudios, codecs; Ferramentas multimídia, sistemas finais e aplicações sistemas hipermídia, interfaces, etc. Codificação e processamento multimídia processamento de áudio/imagem/vídeo, compressão, etc.

4 Introdução à Multimídia Desenvolvimento da multimídia: Jornais meio de comunicação em massa; agregação de textos e imagens; Imagens em movimento; Transmissão de rádio; Televisão; Computadores: Ferramentas de criação html, xml, java-script; Editores de vídeo, flash e animações em geral; Sons e imagens em geral.

5 Introdução à Multimídia Desenvolvimento da multimídia: Hipertexto texto não-linear; Hipermídia hipertexto enriquecido com outras mídias (gráficos, imagens, som e vídeo); É uma aplicação particular de multimídia; Outras aplicações multimídia: Sistemas de produção e edição de vídeo digital; Revistas e jornais eletrônicos; World Wide Web; Trabalhos de referência online (enciclopédia); Games; etc.

6 Introdução à Multimídia HyperText Markup Language (HTML) Linguagem para publicação hipermídia na web; Linguagem portável (usa codificação ASCII); Versão corrente do HTML: 4.01 (1999); Geração avançada de HTML: XHTML 2.0 (2007); Utilização de tags.

7 Introdução à Multimídia HyperText Markup Language (HTML) <HTML> <HEAD> <TITLE> Uma Página Simples </TITLE> <META NAME = author CONTENT = Professor Fernando > <META NAME = "description" CONTENT = O que são METAS-TAGs "> <META NAME = "keywords" CONTENT = "sites, web, desenvolvimento"> < META NAME = "robots" CONTENT = "noindex,nofollow"> < META NAME = "reply-to" CONTENT = "erikasarti@infowester.com"> < META http-equiv="content-language" CONTENT = "pt-br"> <META http-equiv="refresh" CONTENT = " 5 ;url= </HEAD> <BODY> Um parágrafo aqui. </BODY> </HTML>

8 A tag Object A tag <object> é usada para incluir elementos de multimídia em uma página HTML, por exemplo, animações em Flash, vídeos, etc.   <object type="text/html" data=" link qualquer "> conteúdo alternativo para tecnologias que não suportam OBJECT </object>

9 A tag Object Deve-se oferecer conteúdo equivalente em texto e/ou áudio (texto alternativo): Descrição geral na tag <object> Legenda sincronizada com a animação ou vídeo Audiodescrição da animação ou vídeo Interpretação em linguagem de sinais, no caso brasileiro em LIBRAS, sincronizada com a animação, vídeo ou áudio <object data="apresentacao.swf"> Apresentação de slides sobre utilização de HTML.... </object>

10 A tag Object Pode-se criar uma stream de audio incorporada ao objeto: <object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" codebase=" width="320" height="256"> <param name="src value=" /> <param name="controller" value="true" /> <param name="autoplay" value="false" /> <object type="video/quicktime data=" " width="320" height="256"> <param name="autoplay" value="false" /> <param name="controller" value="true" /> </object> </object>

11 Notação e sequenciamento musical; Áudio digital; Codecs; Edição de gráficos e imagens; Edição de vídeo; Animação; Autoria multimídia.

12 Notação e Sequenciamento Musical Cakewalk (Pro Audio); O termo sequenciador vem de equipamentos antigos que armazenavam sequencias de notas musicais; Possibilidade de inclusão de arquivos para animação e vídeo na lista de músicas. Cubase; Similar ao Cakewalk. Inclui ferramentas de edição. Finale Utilização para criação de partituras, edição de midis e composição

13 Notação e Sequenciamento Musical Macromedia Soundedit: Programa para a criação de áudio para projetos multimídia. Vendas descontinuadas em 2004; Suporte finalizado em 2005

14 Áudio Digital Cool Edit: Toolkit popular para edição de áudio. Emula um estúdio profissional; Vendas realizadas pela Adobe novo nome: Adobe Audition. Sony Sound Forge; Suporte a ferramentas e plug-ins; Excelente opção para correção de falhas; Pro Tools: Ambiente que integra produção e edição de áudio.

15 Codecs Programas que codificam e decodificam arquivos de mídia, favorecendo compactação para armazenagem e descompactação para visualização. Arquivos de mídia: uso de codecs. Arquivos com extensão MP3 ou AVI foram feitos com um codec. Substituição de WAV (extremamente grandes)e em MIDI (não eram a música).

16 Codecs Problemas com WAV O ouvido humano percebe somente uma faixa de som e não ouve todos os possíveis; O WAV consegue perceber e gravar sons inaudíveis e transforma-os em informação. os arquivos de som WAV têm muita informação, desde a desnecessária até a que precisamos.

17 Codecs arquivos de vídeo Projeto MPEG, o Moving Picture Experts Group, ou o Grupo de Especialistas em Imagens Animadas (ou filmes); Sistema de compactação de arquivos de filme para armazenagem e reprodução em computadores, sem excesso de tamanho ou peso; Codificar essas imagens do filme para que não ocupassem tanto espaço. Perde-se um pouco da qualidade, mas o filme é reproduzível em qualquer computador, além de propiciar a observação em detalhes.

18 Codecs arquivos de vídeo Esses arquivos eram os MPEGs, ou MPGs. O MP3 na verdade seria a terceira camada dos MPEGs, a camada de som (por isso se chama MP3). O formato MP4 seria uma quarta camada de MPEG, com vídeos em alta definição.

19 Codecs Programas Específicos O codec é um pequeno programa para codificar e decodificar as informações de um arquivo de mídia; Codifica o formato original em um tamanho menor para armazenamento e decodifica para vizualiação; É preciso ter o codec instalado no seu computador para ver determinados arquivos de mídia. Um vídeo no formato AVI pode ser compactado com diferentes codecs, como o XVID ou o DIVX.

20 Codecs Programas Específicos Principal codec de áudio: o MP3. Codecs de vídeo: XVID, o DIVX, o RMVB, o M4V, entre vários outros. Pacotes de codec disponíveis: K-Lite Codec Pack, reproduzíveis com o Media Player Classic.

21 Edição de Gráficos e Imagens Adobe Illustrator: Usa gráficos vetoriais; Pode exportar gráficos para a web. Adobe Photoshop: Padrão em processamento de imagens e gráficos; Macromedia Fireworks: Criação de gráficos especificamente para a web.

22 Edição de Gráficos e Imagens GIMP: Software opensource para edição de imagens. Macromedia Freehand: Ferramenta de edição de gráficos e texto para web e que suporta vários formatos bitmap (GIF, PNG, JPEG, etc.)

23 Edição de Vídeos Adobe Premiere: Ferramenta simples para edição não-linear de vídeo, isto é, os vídeos clipes são colocados em qualquer ordem. Adobe After Effects: Ferramenta de edição que permite a modificação de vídeos existentes (adição de sombra, borramento, etc.). Final Cut Pro: Ferramenta da Apple.

24 Animação APIs multimídia: Java3D API usada por Java para construir e renderizar gráficos 3D; DirectX Windows API que suporta vídeo, imagens, áudio e animação 3D; OpenGL API 3D mais popular. Portátil. Ferramentas de renderização: 3D Studio Max (Autodesk 3ds Max) ferramenta de renderização que inclui um grande número de elementos finais para animação, desenvolvimento de jogos e produção de efeitos especiais. Softimage XSI (Autodesk) pacote de modelagem, animação e renderização usado para produção de efeitos especiais em filmes e jogos.

25 Animação Maya concorrente do Softimage; RenderMan pacote de renderização criado pela Pixar; Blender software opensource de modelagem 3D. Pacotes de animação GIF: Abordagem simples para criação de animação para a web.

26 Autoria Multimídia Macromedia Flash: Permite que o usuário crie filmes interativos através de uma sequência de eventos paralelos arranjados em uma linha temporal. Macromedia Director: Utiliza a mesma abordagem do Macromedia Flash para a criação de apresentações interativas. Authorware: Produto de autoria multimídia que possui uma fácil curva de aprendizado; Quest: Programa similar ao Authorware.

27 Exercícios 1. Você precisa transmitir uma mensagem utilizando poucos caracteres (máximo de 100). Para isso, você e seus amigos fizeram a seguinte codificação: Escrever somente consoantes Deixar em maiúscula as consoantes de palavras que comecem ou terminem com consoantes Minúscula as consoantes de palavras que comecem ou terminem com vogais. Como ficaria a frase: Infelizmente não poderei estar no horário combinado porque apareceu uma situação de emergência para resolver. Eu te ligo quando chegar em casa. A mensagem poderá ser transmitida depois de codificada?

28 Exercícios 2. Dado a figura abaixo: 2. DIV: 500 x DIV: 100 x DIV: 500 x 600 Cores de Fundo: 1. Body: #09C 2. DIV: # DIV: # DIV: # DIV: #306 Elabore o HTML desta página corretamente. 5. DIV: 500 x 100