Uma das perguntas que recebo com mais frequência por meio de meu formulário de contato é como obter acesso à câmera e ao gravador de vídeo no iPhone a partir do navegador. É uma pergunta válida, que não encontrei nas necessidades do meu próprio site, mas como a recebo com tanta frequência, pensei em abordá-la. É claro que a câmera é uma entrada do dispositivo, mas o INPUT é a chave para o acesso à câmera e ao vídeo com HTML5.
Câmera HTML5
No caso da câmera e do vídeo, o INPUT com um tipo de file é necessário:
<input type="file" accept="image/*">
Para isolar apenas uma foto como o tipo a ser carregado, o accept deve corresponder ao padrão acima.
Vídeo HTML5
Se o senhor deseja ser mais dinâmico e aceitar vídeos, o accept precisará ser alterado:
<input type="file" accept="video/*;capture=camcorder">
Nesse caso, a caixa de diálogo de upload no dispositivo iOS permitirá que o senhor faça o upload de fotos ou vídeos.
Esse ainda parece ser um método básico demais para fazer upload de áudio ou vídeo, mas provavelmente é bom o suficiente para a maioria dos desenvolvedores e sistemas. No futuro, teremos um método muito melhor para obter áudio e vídeo dinâmicos sem a feia caixa de diálogo de upload!
Crie ícones giratórios e desvanecedores com CSS3 e MooTools
Um dos objetivos da última reformulação do meu blog foi praticar um pouco mais o que eu pregava; adicionar um toque um pouco mais sutil. Uma das maneiras de conseguir isso foi usar animações CSS3 para alterar a exibição dos ícones do meu perfil (RSS, GitHub, etc.).
Demonstrações favoritas do CodePen II de Chris Coyier
Olá a todos! Antes de começarmos, gostaria de dizer que é muito difícil escolher os favoritos do CodePen. Não porque, como cofundador do CodePen, eu me sinta como um pai escolhendo o filho de que mais gosta (RUDE). Mas porque há tantos…