{"id":3157,"date":"2024-10-01T12:40:54","date_gmt":"2024-10-01T10:40:54","guid":{"rendered":"https:\/\/compresso20.clients-compresso.ch\/compresso-can-do-ai\/ai-playground\/"},"modified":"2025-05-27T18:49:59","modified_gmt":"2025-05-27T16:49:59","slug":"playground","status":"publish","type":"page","link":"https:\/\/compresso.compresso.website\/en\/ai\/playground\/","title":{"rendered":"AI Playground"},"content":{"rendered":"<div class=\"compresso-ai-block has-medium-font-size\">\n  <div class=\"swiper aiSwiper\">\n    <div class=\"swiper-pagination\"><\/div>\n    <div class=\"swiper-wrapper\">\n      <div class=\"swiper-slide ai-choose-image\">\n        <div class=\"ai-choose-text\">\n          <p>Behind every picture is a different use case. The more you try out, the more exciting. <\/p>\n        <\/div>\n        <div class=\"ai-choose-inner\">\n          <div class=\"image\" data-imgcontent=\"nike\">\n            <img decoding=\"async\" src=\"\/wp-content\/themes\/compresso-webseite\/inc\/blocks\/ai\/assets\/ai-img-1.jpg\" alt=\"Bild von Nike Schuhen\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image\" data-imgcontent=\"food\">\n            <img decoding=\"async\" src=\"\/wp-content\/themes\/compresso-webseite\/inc\/blocks\/ai\/assets\/ai-img-2.jpg\" alt=\"Bild von einer Gem\u00fcsepfanne\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image\" data-imgcontent=\"pizza\">\n            <img decoding=\"async\" src=\"\/wp-content\/themes\/compresso-webseite\/inc\/blocks\/ai\/assets\/ai-img-3.jpg\" alt=\"Bild von einer Pizza\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image\" data-imgcontent=\"zurich\">\n            <img decoding=\"async\" src=\"\/wp-content\/themes\/compresso-webseite\/inc\/blocks\/ai\/assets\/ai-img-4.jpg\" alt=\"Bild von Z\u00fcrich\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image\" data-imgcontent=\"starbucks\">\n            <img decoding=\"async\" src=\"\/wp-content\/themes\/compresso-webseite\/inc\/blocks\/ai\/assets\/ai-img-5.jpg\" alt=\"Bild von einer Starbucks Tasse\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image\" data-imgcontent=\"fuckyou\">\n            <img decoding=\"async\" src=\"\/wp-content\/themes\/compresso-webseite\/inc\/blocks\/ai\/assets\/ai-img-6.jpg\" alt=\"Bild mit einem Fluchwort\" loading=\"lazy\">\n          <\/div>\n        <\/div>\n      <\/div>\n      <div id=\"step2ContentHolder\" class=\"swiper-slide\">\n        \r\n\t\t<div class=\"text-loading loading1\">\r\n\t\t\t<span>K<\/span>\r\n\t\t\t<span>I<\/span>\r\n\t\t\t<span>&#8211;<\/span>\r\n\t\t\t<span>M<\/span>\r\n\t\t\t<span>A<\/span>\r\n\t\t\t<span>G<\/span>\r\n\t\t\t<span>I<\/span>\r\n\t\t\t<span>C<\/span>\r\n\t\t\t<span>&#8211;<\/span>\r\n\t\t\t<span>I<\/span>\r\n\t\t\t<span>S<\/span>\r\n\t\t\t<span>&#8211;<\/span>\r\n\t\t\t<span>H<\/span>\r\n\t\t\t<span>A<\/span>\r\n\t\t\t<span>P<\/span>\r\n\t\t\t<span>P<\/span>\r\n\t\t\t<span>E<\/span>\r\n\t\t\t<span>N<\/span>\r\n\t\t\t<span>I<\/span>\r\n\t\t\t<span>N<\/span>\r\n\t\t\t<span>G<\/span>\r\n\t\t<\/div>\r\n\t      <\/div>\n      <div class=\"swiper-slide\">\n        \r\n\t\t<div class=\"text-loading loading2\">\r\n\t\t\t<span>K<\/span>\r\n\t\t\t<span>I<\/span>\r\n\t\t\t<span>&#8211;<\/span>\r\n\t\t\t<span>M<\/span>\r\n\t\t\t<span>A<\/span>\r\n\t\t\t<span>G<\/span>\r\n\t\t\t<span>I<\/span>\r\n\t\t\t<span>C<\/span>\r\n\t\t\t<span>&#8211;<\/span>\r\n\t\t\t<span>I<\/span>\r\n\t\t\t<span>S<\/span>\r\n\t\t\t<span>&#8211;<\/span>\r\n\t\t\t<span>H<\/span>\r\n\t\t\t<span>A<\/span>\r\n\t\t\t<span>P<\/span>\r\n\t\t\t<span>P<\/span>\r\n\t\t\t<span>E<\/span>\r\n\t\t\t<span>N<\/span>\r\n\t\t\t<span>I<\/span>\r\n\t\t\t<span>N<\/span>\r\n\t\t\t<span>G<\/span>\r\n\t\t<\/div>\r\n\t        <div id=\"step3ContentHolder\" class=\"ai-usecases-inner\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <dialog id=\"AiError\">\n    <p>To protect our servers from overload, the capacity of our publicly available AI is limited<\/p>\n<p>Please try again later or contact us for an individual consultation.<\/p>\n    <p><button type=\"button\" class=\"ai-btn show pageReloadBtn\">Reload page<\/button><\/p>\n  <\/dialog>\n  <template id=\"contentStep2\">\n    <div class=\"ai-imagedatas-inner\">\n      <div>\n        <img decoding=\"async\" class=\"ai-step2-img selected-ai-image\" src=\"\">\n        <div id=\"aireadtext\">\n          <h3>You can have the text read aloud by an AI-generated voice<\/h3>\n          <div id=\"aittsplayer\" style=\"display: none;\">\n            <canvas style=\"width: 100%; height: 50px;\" id=\"aittsAnimation\"><\/canvas>\n            <audio controls id=\"aittsAudio\"><\/audio>\n          <\/div>\n          <form id=\"aittsform\" method=\"\">\n            <label for=\"voiceSelect\">Choose the voice<\/label>\n            <select name=\"voicegender\" id=\"voiceSelect\">\n              <option value=\"female\">Female voice<\/option>\n              <option value=\"male\">Male voice<\/option>\n            <\/select>\n            <input type=\"hidden\" id=\"voicetext\" name=\"voicetext\" value=\"\">\n            <button type=\"submit\" id=\"aittsbutton\" class=\"ai-btn\" style=\"visibility: visible; margin-right: 0; opacity: 1;\">Read text aloud<\/button>\n          <\/form>\n        <\/div>\n      <\/div>\n      <div>\n        <h2 style=\"margin-top: 0;\">The following text was generated by AI<\/h2>\n        <p>The results of the image analysis, which can be both read and read aloud:<\/p>\n        <p id=\"imgdesc\"><\/p>\n        <h3>In addition, our AI automatically creates keywords of everything it can recognize in the image. In each case, there is a percentage that defines how certain the AI is:<\/h3>\n        <ul id=\"imgwords\"><\/ul>\n        <div class=\"ai-step2-next-container\">\n          <p class=\"text-right\">How can we apply the result to a use case?<\/p>\n          <button type=\"button\" style=\"opacity:1;visibility:visible;\" class=\"ai-btn js-ai-next-button\">Next<\/button>\n        <\/div>\n        <div class=\"ai-step2-reload-container\">\n          <p class=\"text-right\">We have imagined a possible application for each image \u2013 let yourself be inspired by the other showcases.<\/p>\n          <button type=\"button\" class=\"ai-btn show pageReloadBtn\">Select new image<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/template>\n  <template id=\"contentNike\">\n    <div>\n      <img decoding=\"async\" src=\"\" id=\"nikeimg\">\n    <\/div>\n    <div>\n      <h3 style=\"margin-top: 0;\">Recognize your product<\/h3>\n      <p id=\"logocompletetxt\">The identified logo is <strong id=\"logoname\"><\/strong> with a probability of <strong id=\"logoaccurate\"><\/strong>%.<\/p>\n      <p>The picture shows a typical shot from everyday life, it could easily have been taken by your customers. Various things can be seen in the foreground, in focus and also in the background of the image. The AI automatically recognizes the logo on the shoe and can assess it, which can lead to further touchpoints:  <\/p>\n<ul>\n<li>Qualify picture for competition<\/li>\n<li>Display information about the product or brand<\/li>\n<li>Continue to the product page<\/li>\n<\/ul>\n      <p>We have imagined a possible application for each image \u2013 let yourself be inspired by the other showcases.<\/p>\n      <p><button type=\"button\" class=\"ai-btn show pageReloadBtn\">Select new image<\/button><\/p>\n    <\/div>\n  <\/template>\n  <template id=\"contentFood\">\n    <div>\n      <img decoding=\"async\" src=\"\" id=\"foodimg\">\n    <\/div>\n    <div>\n      <h3 style=\"margin-top: 0;\">Cook with your product<\/h3>\n      <p>The image can come from a kitchen where someone is thinking about what they could cook with the products after shopping. Our AI generates a suitable recipe based on the analyzed ingredients. An ideal application for products and foods aimed at gourmets.  <\/p>\n      <p id=\"foodrecipe\"><\/p>\n      <p>We have imagined a possible application for each image \u2013 let yourself be inspired by the other showcases.<\/p>\n      <p><button type=\"button\" class=\"ai-btn show pageReloadBtn\">Select new image<\/button><\/p>\n    <\/div>\n  <\/template>\n  <template id=\"contentPizza\">\n    <div>\n      <img decoding=\"async\" src=\"\" id=\"pizzaimg\">\n    <\/div>\n    <div>\n      <h3 style=\"margin-top: 0;\">Create instructions<\/h3>\n      <p>Would you like to teach your customers something? For example, how to bake a delicious pizza? Our AI has analyzed all visible ingredients in the previous step. With this knowledge, we can display inspiration, further information on the required products or &#8211; as here &#8211; a recipe.   <\/p>\n      <p id=\"pizzaeinkauf\"><\/p>\n      <p>We have imagined a possible application for each image \u2013 let yourself be inspired by the other showcases.<\/p>\n      <p><button type=\"button\" class=\"ai-btn show pageReloadBtn\">Select new image<\/button><\/p>\n    <\/div>\n  <\/template>\n  <template id=\"contentZurich\">\n    <div>\n      <img decoding=\"async\" src=\"\" id=\"zurichimg\">\n    <\/div>\n    <div>\n      <h3 style=\"margin-top: 0;\">KI generierter Tourguide f\u00fcr 5 Freizeittipps in der erkannten Stadt<\/h3>\n      <p>Wenn jemand Z\u00fcrich besucht und ein Foto macht, k\u00f6nnen wir dieser Person passgenaue Tipps rund die Stadt geben. Unsere KI generiert auf Basis des Fotos passende Freizeittipps. Ideal, um einen passenden Mehrwert im Tourismusbereich zu bieten.<\/p>\n      <p id=\"stadttipps\"><\/p>\n      <p>We have imagined a possible application for each image \u2013 let yourself be inspired by the other showcases.<\/p>\n      <p><button type=\"button\" class=\"ai-btn show pageReloadBtn\">Select new image<\/button><\/p>\n    <\/div>\n  <\/template>\n  <template id=\"contentStarbucks\">\n    <div>\n      <img decoding=\"async\" src=\"\" id=\"starbucksimg\">\n    <\/div>\n    <div>\n      <h3 style=\"margin-top: 0;\">Using the logo as a key for content<\/h3>\n      <p>Ideal for activation and promotion: the right logo activates content. The next step is only activated if the AI recognizes the brand logo on the uploaded or scanned image. This can trigger the playback of a brand video (e.g. at the POS), enable participation in a competition or prize draw or activate a game.<\/p>\n<p><iframe loading=\"lazy\" title=\"Starbucks Chilled Coffee Commercial\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/qhz-5cgnI7Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n      <p>We have imagined a possible application for each image \u2013 let yourself be inspired by the other showcases.<\/p>\n      <p><button type=\"button\" class=\"ai-btn show pageReloadBtn\">Select new image<\/button><\/p>\n    <\/div>\n  <\/template>\n  <template id=\"contentFuck\">\n    <div>\n      <img decoding=\"async\" src=\"\" id=\"badimg\">\n    <\/div>\n    <div>\n      <h3 style=\"margin-top: 0;\">Filter and exclude user-generated content<\/h3>\n      <p>We all know it: an incredible amount of content is uploaded to the Internet. Not all of it is good. We use an automated filter to identify texts and images that do not comply with our guidelines and can block such content before publication or exclude it from participation in competitions, for example.  <\/p>\n      <p>We have imagined a possible application for each image \u2013 let yourself be inspired by the other showcases.<\/p>\n      <p><button type=\"button\" class=\"ai-btn show pageReloadBtn\">Select new image<\/button><\/p>\n    <\/div>\n  <\/template>\n<\/div>\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-group alignfull has-custom-compresso-verlauf-1-gradient-background has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/compresso.compresso.website\/wp-content\/uploads\/2024\/03\/andi-768x1024.jpg\" alt=\"\" class=\"wp-image-548\" style=\"border-radius:100%;object-fit:cover;width:222px;height:222px\" srcset=\"https:\/\/compresso.compresso.website\/wp-content\/uploads\/2024\/03\/andi-768x1024.jpg 768w, https:\/\/compresso.compresso.website\/wp-content\/uploads\/2024\/03\/andi-225x300.jpg 225w, https:\/\/compresso.compresso.website\/wp-content\/uploads\/2024\/03\/andi-1152x1536.jpg 1152w, https:\/\/compresso.compresso.website\/wp-content\/uploads\/2024\/03\/andi-1536x2048.jpg 1536w, https:\/\/compresso.compresso.website\/wp-content\/uploads\/2024\/03\/andi-scaled.jpg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:66.66%\">\n<h3 class=\"wp-block-heading has-proxima-nova-semibold-font-family has-x-large-font-size\" style=\"font-style:normal;font-weight:700\"><strong>Ready for your AI project?<\/strong><\/h3>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Are you planning an AI project in the near future or would you like to integrate AI into an existing project? Then Andi is the right person to contact. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-custom-schwarz-color has-text-color has-background has-link-color has-border-color wp-element-button\" href=\"mailto:andi.eggli@compresso.ch\" style=\"border-color:#000;border-width:1px;border-radius:25px;background-color:#ffffff00;padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">Contact us<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ready for your AI project? Are you planning an AI project in the near future or would you like to integrate AI into an existing project? Then Andi is the right person to contact.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3155,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"yes","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"inline_featured_image":false,"footnotes":""},"class_list":["post-3157","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/compresso.compresso.website\/en\/wp-json\/wp\/v2\/pages\/3157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/compresso.compresso.website\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/compresso.compresso.website\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/compresso.compresso.website\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/compresso.compresso.website\/en\/wp-json\/wp\/v2\/comments?post=3157"}],"version-history":[{"count":3,"href":"https:\/\/compresso.compresso.website\/en\/wp-json\/wp\/v2\/pages\/3157\/revisions"}],"predecessor-version":[{"id":9099,"href":"https:\/\/compresso.compresso.website\/en\/wp-json\/wp\/v2\/pages\/3157\/revisions\/9099"}],"up":[{"embeddable":true,"href":"https:\/\/compresso.compresso.website\/en\/wp-json\/wp\/v2\/pages\/3155"}],"wp:attachment":[{"href":"https:\/\/compresso.compresso.website\/en\/wp-json\/wp\/v2\/media?parent=3157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}