Muitos dos meus mergulhos na incrível API do Cloudinary, como Filtros semelhantes aos do Instagram, Segurança de imagem, Comércio eletrônico personalizadoA maioria dos desenvolvedores da Web, como o senhor, começou com o upload de mídia (imagens, vídeo, áudio) para o Cloudinary e depois manipulou a partir daí. No entanto, como a mídia social e o conteúdo gerado pelo usuário tomaram a Web de assalto, nós, como desenvolvedores da Web, nem sempre podemos contar com a capacidade de carregar todas as mídias que gostaríamos de usar, pois elas podem estar em sites de mídia social, sites de vídeo e assim por diante.
Muitas vezes, queremos usar e manipular imagens de outros sites: imagens não específicas, avatares de usuários, capturas de tela de vídeos e muito mais. O Cloudinary oferece a capacidade de executar toda a sua incrível funcionalidade de transformação em imagens remotas com seu API de busca remota. Vamos ver como é fácil personalizar imagens remotas, bem como obter imagens de mídia social, usando o Cloudinary!
Obtenção de imagens remotas básicas
O Cloudinary fornece APIs para todas as principais linguagens (Python, PHP, Node.js, Ruby, etc.), cada uma fornecendo métodos auxiliares para gerar um URL para realizar a transformação da imagem. Para buscar e exibir uma imagem remota, basta adicionar um /fetch/ seguido do URL da imagem remota:
<-- Format: http://res.cloudinary.com/<cloudinary_id>/image/fetch/<remote_url> --> http://res.cloudinary.com/david-wash-blog/image/fetch/https://davidwalsh.name/demo/slideshow/cricci1.jpg
Isso é tudo o que o senhor precisa fazer para extrair uma imagem remota usando o Cloudinary!
Transformando imagens remotas
Com a imagem envolvida em um Cloudinary fetch o senhor pode realizar facilmente qualquer número de transformações. Uma transformação simples poderia ser o redimensionamento de uma imagem para fornecer dimensões:
http://res.cloudinary.com/david-wash-blog/image/fetch/w_400,h_300,g_face,c_fill/https://davidwalsh.name/demo/slideshow/cricci1.jpg
Uma visão mais avançada da transformação de imagens remotas pode ser vista em filtros de imagem semelhantes aos do Instagram:
<-- "Audrey" Filter --> http://res.cloudinary.com/david-wash-blog/image/fetch/e_art:audrey/https://davidwalsh.name/demo/slideshow/cricci1.jpg <-- "Oil Paint" Filter --> http://res.cloudinary.com/david-wash-blog/image/fetch/e_oil_paint/https://davidwalsh.name/demo/slideshow/cricci1.jpg
O senhor pode ver a longa lista de transformações incríveis do Cloudinary. Corte, zoom, gravidade, filtros, detecção facial — a lista de transformações é a mais impressionante que já vi.
Recuperação de avatares remotos de mídia social
Integração de avatares de mídia social (de fontes como Facebook e Twitter) é comum em muitos sites, mas há alguns incômodos: a necessidade de uma chave de API e a impossibilidade de especificar o tamanho da imagem. O Cloudinary elimina a necessidade da dança da API com um simples modificador de URL:
<-- Gets any avatar image from Twitter --> http://res.cloudinary.com/david-wash-blog/image/twitter_name/arsenal.jpg <-- Gets a user or page avatar --> http://res.cloudinary.com/david-wash-blog/image/facebook/davidwalshblog.jpg
Como o senhor provavelmente pode imaginar, os avatares de fetches remotos podem ser transformados:
http://res.cloudinary.com/david-wash-blog/image/facebook/w_300,h_300,c_fill/arsenal.jpg
Adoro o fato de que o senhor só precisa fornecer o nome de um fornecedor de mídia social e o identificador da conta – não precisa se preocupar com chaves de API ou questões de limite de taxa – o Cloudinary cuida de tudo isso!
Recuperação de capturas de tela de vídeos remotos
Uma prática comum ao incorporar vídeo é exibir uma captura de tela como o <video> poster e, em alguns casos, apenas a captura de tela é carregada inicialmente e o vídeo é carregado somente após a interação com a captura de tela. O Cloudinary permite que os desenvolvedores buscar capturas de tela de vídeo de muitos sites de vídeo populares, incluindo YouTube, Hulu, Vimeo e outros.
Para criar uma captura de tela de um vídeo remoto, forneça o host de vídeo desejado com o identificador de vídeo. Por exemplo, uma captura de tela para um vídeo remoto do YouTube segue um youtube/{id} padrão:
<-- Source URL: https://www.youtube.com/watch?v=2HCgLXEpVKA Pattern: http://res.cloudinary.com/<cloudinary_id>/image/youtube/<video_id>.jpg --> http://res.cloudinary.com/david-wash-blog/image/youtube/2HCgLXEpVKA.jpg
Vídeo
Miniatura gerada
Como o senhor provavelmente já deve ter adivinhado, é possível transformar facilmente essas capturas de tela modificando ligeiramente o URL da imagem:
http://res.cloudinary.com/david-wash-blog/image/youtube/w_300/2HCgLXEpVKA.jpg
Como acontece com qualquer imagem que o Cloudinary gerencia ou busca, o senhor pode realizar inúmeras transformações incríveis. O fato de poder fazer essas transformações em imagens e vídeos remotos é um bônus incrível.
Segurança
A busca remota de qualquer recurso pode deixá-lo aberto a abusos porque o senhor não pode verificar o que está no lado remoto. Mesmo que seja realmente uma imagem do outro lado, o senhor gostaria que outras pessoas usassem sua conta do Cloudinary para fazer a busca remota de imagens para o seu site? Confira as configurações de segurança do painel de administração do Cloudinary:
O Cloudinary permite que o senhor alterne para quais sites sociais permite a busca remota, bem como domínios de busca na lista branca e domínios de referência.
Fechamento
Os aplicativos modernos nativos e da Web nem sempre controlam todas as mídias que usam, especialmente quando o aplicativo tem um aspecto de mídia social, sejam contas de mídia social ou vídeos em sites de mídia social; esses casos dificultam o upload de mídia para o Cloudinary. O Cloudinary, no entanto, pensou com antecedência e oferece recursos para obter facilmente imagens remotas, avatares, capturas de tela e muito mais. O melhor de tudo é que a API para fazer isso é tão simples quanto suas outras APIs. Dê uma olhada no Cloudinary – o senhor ficará surpreso com os recursos de transformação e fornecimento de mídia!
