Оптимизация веб-представлений в Google Reader для Android

Question

У меня есть приложение, которое отображает HTML-сообщение в блоге в WebView. Изображения, однако, довольно большие и не помещаются на экран. Однако при просмотре записи в приложении Android Google Reader ширина всех изображений уменьшается по размеру экрана.

Google Reader для Android также проанализирует все встроенные встраиваемые файлы Youtube и Vimeo и заменит их на миниатюры со ссылками, чтобы вместо этого выделенный проигрыватель Youtube мог воспроизводить видео.

Как бы я поступил так? Я пытался использовать Jsoup, чтобы сопоставить все изображения в сообщении и изменить их ширину, но я не знаю, как изменить встраивание видео на Youtube.

Answer 1

Для преобразования встраиваемых видео Youtube в миниатюры вы можете сделать это с помощью кода mobitube.js из проекта Mobilize.js :

https://github.com/mobilizejs/mobilize.js/blob/master/js/mobitube.js

Также я считаю, что GoogleReader просто изменяет размеры изображений с помощью переопределений CSS.

В Mobilize.js также есть инструменты для перезаписи тегов изображений и выполнения для них операции «de-float»:

https://github.com/mobilizejs/mobilize.js/blob/master/js/mobilize.js#L2005

Подробнее о алгоритме дефлота:

http://webandmobile.mfabrik.com/docs/web-and-mobile/user-manual/resizing

Если вы хотите изменить размер изображений на стороне сервера, это решение стороннего производителя:

http://adaptive -images.com /

... хотя написание собственного прокси-сервера для изменения размера изображения с нуля не так уж сложно.