Получить изображение из Google Images для фона

у меня есть такой код, но я хочу брать изображения из изображений Google, а не из flickr. Является ли это возможным?

<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript">

    var keyword = "mountains";

    $(document).ready(function(){

        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
        {
            tags: keyword,
            tagmode: "any",
            format: "json"
        },
        function(data) {
            var rnd = Math.floor(Math.random() * data.items.length);

            var image_src = data.items[rnd]['media']['m'].replace("_m", "_b");

            $('body').css('background-image', "url('" + image_src + "')");

        });

    });
    </script>
</head>
<body>

</body>
</html>

person Stawikendo    schedule 22.02.2020    source источник
comment
вы можете использовать API изображений Google (если существует) вместо API мерцания.   -  person novonimo    schedule 23.02.2020


Ответы (2)


Вы можете использовать такой сервис, как SerpAPI, для сканирования результатов поиска Google: https://serpapi.com/images-results

Используя SerpAPI, вы можете получить ответ JSON с URL-адресами изображений. Две вещи, которые следует отметить:

  • Вы будете напрямую связывать изображения с Google. Некоторые изображения могут не работать, если они отключают хотлинкинг.
  • Отображаемые изображения могут быть не масштабированы до нужного размера (представьте, что вы используете изображение размером 1200 пикселей для миниатюры размером 150 пикселей).

Преобразование изображений

Если вам нужен больший контроль над изображениями, вы можете использовать такой сервис, как imgix или Cloudinary, который может либо проксировать, либо размещать изображение для вас. Тогда вы бы:

  1. Используйте что-то вроде SerpAPI, чтобы получить ответ JSON с URL-адресами изображений.
  2. Use the URL to pass to an image rendering service. imgix example: https://webproxybryan.imgix.net/https%3A%2F%2Fsearchengineland.com%2Ffigz%2Fwp-content%2Fseloads%2F2015%2F12%2Fgoogle-amp-fast-speed-travel-ss-1920-800x450.jpg?w=600&auto=compress%2Cformat&s=3e27b1f48a74c13608cb22b1bafafa87
    • The URL is URI encoded in the above example and signed. Parameters are also added to transform the image via the imgix URL API
  3. Отобразите этот URL-адрес в своем приложении/на веб-сайте

С помощью imgix или Cloudinary вы можете оптимизировать изображения для своего сайта и трансформировать их по требованию. Просто будьте осторожны с вашим использованием, так как вам будет выставлен счет за использование любого сервиса, а не за хотлинкинг изображения.

person Bryan Matias    schedule 24.02.2020

Вы можете собирать изображения из любого места, включая Google, и хранить их в Cloudinary. Cloudinary может разместить изображения для вас, так что все, что вам нужно, — это URL-адрес, связывающий это конкретное изображение в вашей учетной записи. Это обеспечит его стабильность на тот случай, если определенный сайт в изображениях Google изменит свои изображения во время работы вашего приложения.

https://cloudinary.com/

person Matthew    schedule 23.02.2020