Converter arquivos de audio

Tags: , , , — August 30, 2007 @ 3:43 pm

Olá novamente caros leitores (mesmo que eu imagine que sou o único a ler este, meu, blog), passei duas semanas sem postar nada devido a alguns problemas de família, mas agora estou de volta a ativa.

Perdi certo tempo ultimamente procurando algo que sempre me fez falta no GNU/Linux, um programa para converter arquivos de audio. Em minha antiga ‘vida Windows’, o iTunes fazia todo o trabalho, mas não encontrei nenhum programa com estes recursos (diga-se, converter qualquer arquivo de audio) no Linux, até hoje.

Alguém em ##linux@irc.freenode.net me disse que possuia um script que convertia audio através de um menu de contexto no navegador de arquivos, este era o audio-convert, que pode ser obtido aqui.

Trata-se de um script bem simples, em bash, que utiliza seus codecs disponíveis para converter arquivos de audio para vários formatos, como mpc, ogg, mp3, wav, bastando rodar o script com o arquivo original como parâmetro (Exemplo: $ audio-convert aruivo.wav), podendo ser usado para converter vários arquivos de uma única vez. A interface do script é bem intuitiva.

O pacote original (há um pacote .deb, que pode ser instalado tanto no ubuntu como no Debian, mas como é apenas um script bash, você pode simplesmente baixar o fonte e copiá-lo para /usr/bin) contém um script para instalá-lo no menu de contexto do nautilus. Estou postando como adicioná-lo no Thunar, em alguns passos:

  1. Instale o pacote zenity (# apt-get install zenity);
  2. Instale o script, tanto faz se com o pacote .deb ou pelo fonte;
  3. Abra o Thunar e selecione no menu: ‘Editar’ -> ‘Configurar ações personalizadas’ ;
  4. Clique no ‘+’ , adicione o comando ‘audio-convert %F’ (coloque o nome, descrição e ícone que desejar);
  5. Clique na aba ‘Condições de Aparência’ e marque apenas ‘Arquivos de Audio’;
  6. Clique ‘Ok’ e depois em ‘Fechar’.

Pronto! Difícil né? Agora basta você selecionar e clicar com o botão direito nos arquivos que desejar converter e selecionar o item [nome da ação que você colocou].

Lembre-se, para converter arquivos você vai precisar dos codecs e decoders para os formatos que desejar. O Lame, é o codificador/decodificaor mp3 mais popular, para instalá-lo apenas execute: ‘# apt-get install lame’ (você precisa do repositório debian-multimedia, adicione ‘deb http://www.debian-multimedia.org stable main’ ao ‘/etc/apt/sources.list’).

Fontes: https://savannah.nongnu.org/projects/audio-convert/

Se você gostou deste artigo, inscreva-se em meu RSS feed!

Ajuda de Contexto com CSS

Tags: , , — August 13, 2007 @ 1:52 pm

Quando construímos sistemas ou administração de sites é muito útil adicionar ajuda de contexto em alguns items (ao passar o mouse sobre um item um pequeno texto explicativo é exibido), mais ou menos assim:

Link com ajudaA ajuda de contexto vai aqui,
aparecendo somente quando o
usuário passa o mouse sobre o link

Existem várias bibliotecas JavaScript para utilizar este efeito, como a Overlib e também script.aculo.us, que tem um efeito parecido. Utilizando Js você tem efeitos mais interessantes, com a ajuda seguindo o mouse, etc, mas se precisar apenas de uma ajuda de contexto simples e leve, podemos fazê-lo apenas com CSS.

O conteito é bem simples…
Crie uma âncora <a>, com um span <span> dentro dela, que não é exibido (display:none), no estado Hover da âncora, o <span> terá ‘display:block’.

Como “um código vale mais que mil palavras”, aqui vai um exemplo:

/* Este é o estilo da âncora e span para o efeito */
 
a.help
{
    text-decoration:underline;
} 
 
a.help span
{
    position:absolute; /* para não alterar o
                         posicionamento da ancora */
    display:none;
} 
 
a.help:hover
{
    background-color:black; /* devido a um bug
                         no ie6 você deve alterar o
                         fundo (na verdade pode usar
                         a mesma cor, mas deve declará-la
                         aqui) do link ao passar o
                         mouse (???),
                         caso contrário o <span> não
                         aparecerá no ie6 */
} 
 
a.help:hover span
{
    display:block; /* por último, o <span>,
                        dentro do </span></span>,
                        fica com 'display:block' ao
                        passar do mouse */
 
     /* os demais estilos deste elemento não são
    necessários, apenas para melhorar o visual
    e você pode alterá-los a vontade*/
    margin-top: 0px;
    margin-left: 10px;
    border:1px solid white;
    background-color:#ffa303;
    color:white;
    text-decoration:none;
    font-size:12px;
}

Após definir o estilo, o código HTML para usá-lo é ainda mais simples:

<a href="#" class="help">
    Link com ajuda
    <span>
        A ajuda de contexto vai aqui,
 
        aparecendo somente quando o
 
        usuário passa o mouse sobre o link
    </span>
</a>

Se você gostou deste artigo, inscreva-se em meu RSS feed!

Go PHP 5

Tags: — August 9, 2007 @ 6:58 pm

Support GoPHP5.org

Apesar de todas as melhorias do PHP 5 sobre o PHP 4, a maioria dos servidores de Hospedagem que vemos por aí ainda suporta apenas PHP 4, e temem uma migração pela incompatibilidade que os sistemas de seus clientes podem encontrar.

Nós desenvolvedores PHP queremos nos beneficiar das vantagens do PHP 5, sem nos preocupar em fazer sistemas compatíveis com a versão 4.

Para alavancar as migrações para PHP 5, de sistemas e servidores, foi inicado o projeto Go PHP 5, divulgando Projetos e Servidores de hopedagem que suportem PHP 5.2 ou posterior e discussões relevantes.

Visite a página do projeto.

Se você gostou deste artigo, inscreva-se em meu RSS feed!

Highslide no Wordpress

Tags: , , , , , , , , — August 6, 2007 @ 11:02 am

O highslide é um visualizador de miniaturas feito em JavaScript. Ele exibe as imagens em pop-ups sobre sua página (em html, nao novas janelas), podendo ser movidos ou abertos em sequencia. O efeito visual é melhor que qualquer visualizador de imagens já visto, mesmo em sistemas operacionais. Veja minhas imagens e screenshots para ter uma idéia. Vou mostrar aqui como intalar o plugin para Wordpress e como adicionar automaticamente o highslide a TODAS as imagens do blog, sem precisar editar os posts antigos.

O visualizador de miniaturas Highslide é free para uso não-comercial, e custa $29, dólares para cada domínio deu8m website comercial, então, caso você possua um blog comercial (?) você deverá pagar pelo Highslide.js. Veja a licença.

Primeiramente, baixe e instale o plugin wp-highslide (descompacte-o dentro de uma pasta ‘highslide’ em wp-content/plugins/) e também baixe a biblioteca highslide (copie apenas o arquivo highslide.js para dentro de wp-content/plugins/highslide). Após isso vá em ‘Plugins’ (ou ‘Extenções’, em português), na administração de seu blog e ative o wp-highslide. Com isso você terá o plugins instalado, podendo usar a tag <highslide></highslide> para adicionar miniaturas usando a biblioteca, o que é um saco. Então, para facilitar as coisas, vá em ‘Opções’ e clique em ‘wp-highslide’, ajuste as opções como deseja e em ‘JAVASCRIPT settings’ adicione o seguinte:

Caso seu tema não utilize ‘prototype‘ (um framework JavaScript), adicione no início do textarea o seguinte código:

<script>
src="http://prototypejs.org/assets/2007/6/20/prototype.js"
 type="text/javascript"></script>

E abaixo da linha: ‘hs.preloadImages();’

var elements = $A(document.getElementsByTagName('a'));
elements.each
(
    function(element)
    {
        if(element.href.endsWith('jpg')
            || element.href.endsWith('png')
            || element.href.endsWith('gif'))
        {
            element.className = 'highslide';
 
            Event.observe
            (
                element,
                'click',
                function(event)
                {
                    Event.stop(event);
                    var element = Event.element(event);
                    return hs.expand(this);
                }
            );
        }
    }
)

Isso vai adicionar automaticamente o Highslide a todos os links para imagens da página, inclusive dos posts antigos.

Se você gostou deste artigo, inscreva-se em meu RSS feed!

Novo Blog

Tags: — @ 10:21 am

Achei melhor mover para um domínio próprio (diovani.com), assim fica mais pessoal e mais fácil de administrar.

Anotem: http://blog.diovani.com

Se você gostou deste artigo, inscreva-se em meu RSS feed!