{"id":1323,"date":"2020-07-07T13:49:40","date_gmt":"2020-07-07T13:49:40","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=1323"},"modified":"2024-07-16T13:00:00","modified_gmt":"2024-07-16T13:00:00","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/","title":{"rendered":"Audio Player &#8211; Examples"},"content":{"rendered":"\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 1. Music Playlist<\/h3><div class=\"application-examples-item-description\">Das dunkle Thema und das schwebende Layout bilden hier einen minimalistischen Player, der von einer umschaltbaren Wiedergabeliste begleitet wird. Platzieren Sie es unter der Seite. Es ben\u00f6tigt nicht viel Platz und bleibt dennoch hochfunktionell.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=206b3260-aea3-4802-a047-790435f194e9\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 2. Meditationsmusik<\/h3><div class=\"application-examples-item-description\">Das benutzerdefinierte Farbschema erm\u00f6glichte das Hochladen von Benutzerhintergrundbildern, die das gesamte Website-Design am besten erg\u00e4nzen. Die Wiedergabeliste wird ausgeblendet, um Platz auf der Seite zu sparen.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=0a46b723-4710-4642-8bb3-e198bf4ada04\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 3. H\u00f6rb\u00fccher<\/h3><div class=\"application-examples-item-description\">Der Player verf\u00fcgt \u00fcber das Buchcover und eine Wiedergabeliste mit den Buchkapiteln. Das eingebettete Layout wird verwendet, um das Widget nahtlos in die Inhaltszone zu integrieren.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=298bdf0b-6e5a-4995-a666-c8f6ca000ca2\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/de\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Beginnen Sie mit der Erstellung Ihres Widgets\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Beginnen Sie mit der Erstellung Ihres Widgets<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Schnell. Einfach. Keine Codierung.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Widget erstellen<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 4. Naturger\u00e4uschen<\/h3><div class=\"application-examples-item-description\">Der Audio-Player enth\u00e4lt nur eine Wiedergabeliste, einen Fortschrittsbalken und Steuerungssymbole. Titel, Bild und S\u00e4nger werden ausgeschaltet, um die Aufmerksamkeit der Benutzer nicht abzulenken.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=51928e21-6649-4ab1-a743-3b1abf9a4215\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 5. Musiktitel<\/h3><div class=\"application-examples-item-description\">Elfsight Audio Player ist ein perfektes Tool nicht nur zum Erstellen von Wiedergabelisten, sondern auch f\u00fcr eine einzelne Titelpr\u00e4sentation. Um die Aufmerksamkeit zu betonen, verwenden Sie einfach das eingebettete Layout und ein attraktives Hintergrundbild.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=dfd4cda5-756a-4eb4-a11f-0beef78b2f7e\" width=\"100%\" height=\"300\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 6. Neues Album<\/h3><div class=\"application-examples-item-description\">Pr\u00e4sentieren Sie neue Alben auf bemerkenswerte Weise. Mit dem benutzerdefinierten Farbschema und einem attraktiven Hintergrundbild k\u00f6nnen Sie einen fantastischen Player erstellen, den Ihr Publikum nicht verpassen wird.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=8d2469bc-8a09-431d-b383-e4abafd3cb59\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":0,"parent":1315,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-1323","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Erstellen Sie ein Audio Player-Widget f\u00fcr Ihre Website<\/title>\n<meta name=\"description\" content=\"Erstellen Sie mit dem Online-Editor einen Audio-Player f\u00fcr Ihre Website. Musik-Widget von Elfsight kostenlos und schnell f\u00fcr Ihre Website\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Erstellen Sie ein Audio Player-Widget f\u00fcr Ihre Website\" \/>\n<meta property=\"og:description\" content=\"Erstellen Sie mit dem Online-Editor einen Audio-Player f\u00fcr Ihre Website. Musik-Widget von Elfsight kostenlos und schnell f\u00fcr Ihre Website\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-16T13:00:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Erstellen Sie ein Audio Player-Widget f\u00fcr Ihre Website","description":"Erstellen Sie mit dem Online-Editor einen Audio-Player f\u00fcr Ihre Website. Musik-Widget von Elfsight kostenlos und schnell f\u00fcr Ihre Website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"Erstellen Sie ein Audio Player-Widget f\u00fcr Ihre Website","og_description":"Erstellen Sie mit dem Online-Editor einen Audio-Player f\u00fcr Ihre Website. Musik-Widget von Elfsight kostenlos und schnell f\u00fcr Ihre Website","og_url":"https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2024-07-16T13:00:00+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/","name":"Erstellen Sie ein Audio Player-Widget f\u00fcr Ihre Website","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-07-07T13:49:40+00:00","dateModified":"2024-07-16T13:00:00+00:00","description":"Erstellen Sie mit dem Online-Editor einen Audio-Player f\u00fcr Ihre Website. Musik-Widget von Elfsight kostenlos und schnell f\u00fcr Ihre Website","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/audio-player-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Audio Player","item":"https:\/\/elfsight.com\/de\/audio-player-widget\/"},{"@type":"ListItem","position":3,"name":"Audio Player &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/de\/#website","url":"https:\/\/elfsight.com\/de\/","name":"Elfsight DE","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"505","h1":"Audio Player Widget","h1_caption":"Sehen Sie sich alle Beispiele des Audio-Players an, um das volle Potenzial des Widgets zu erkennen.","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","hide_more_platforms":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=1323"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1323\/revisions"}],"predecessor-version":[{"id":22329,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1323\/revisions\/22329"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1315"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=1323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}