{"id":4576,"date":"2022-02-11T11:00:30","date_gmt":"2022-02-11T11:00:30","guid":{"rendered":"https:\/\/elfsight.com\/es\/?page_id=4576"},"modified":"2024-11-12T14:36:57","modified_gmt":"2024-11-12T14:36:57","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/es\/audio-player-widget\/html\/","title":{"rendered":"Audio Player &#8211; HTML"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"> <h2>Description<\/h2> <p>Elfsight Music Player with playlist is an uncomplicated tool for HTML websites giving you an opportunity to playback audio tracks directly on the pages. The widget is remarkably modifiable: you can change its placement, setting it anywhere on the page, alter its size, repaint the background and other elements to mingle it with your site\u2019s layout, use dark theme, reveal covers and demonstrate or hide four additional player components like progress bar, title and many more. Upload as many tracks as you want to engage your audience, switch the autoplay on and don\u2019t hesitate &#8211; your audience won\u2019t quit your site immediately!<\/p><p><b>Make your site more successful for business goals with the help of custom Elfsight Audio Player<\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>The essential music widget features contain<\/h2> <ul><li>Various color variations<\/li> <li>Dark\/light color scheme<\/li> <li>Responsive design<\/li> <li>2 layouts applicable<\/li> <li>An opportunity to add background image<\/li> <\/ul><p><a href=\"#demo\">You can try the full functionality of the widget in the demo right here<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>How to embed Audio Player code to my HTML website?<\/h2><div class=\"video-container\"><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/QMvtw1fdz04\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div><p>Just take a couple of steps described below to add the music widget HTML audio player with playlist.<\/p> <ol><li><b>Manage our free demo and start shaping your custom-built template.<\/b><br> Choose the custom form and characteristics of the widget and save the edits. <\/li> <li><b>Acquire the personal code exposed in the special form on Elfsight Apps.<\/b><br> When the creation of your music template is complete, copy the individual code at the appearing popup and keep it for future usage.<\/li> <li><b>Get started with using the widget on your HTML site.<\/b><br> Embed the music player code saved recently into your page and apply the improvements. <\/li> <li><b>The installation is successfully accomplished.<\/b><br> Go to your site to take a look at how&#8217;s the widget performing. <\/li> <\/ol> <p>If you run into inquiries or confront any problems, feel free to get in touch with our support team. Our people will be excited to resolve all the issues you might have on the plugin. <\/p> <\/div><div class=\"faq\" data-component=\"FAQ\"><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">How can I add an Audio Player to the HTML site?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>The construction of the widget happens on the Elfsight pages and there\u2019s no need to code. Open the active demo to adjust your personal widget, obtain the code and insert it to your site. <\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">The best ways to use the Player integration<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>We \u2019ll provide you with a plethora of personalization options: full length widgets for inserting in the content section, floating plugins with scrolling opportunities, layouts for the footer, head section and all variations of vertical possibilities for sidebars and menus. <\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Is there an option to create a Single track or Meditation Player with the help of the editor?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>You are free to shape any widget\u2019s modifications. There are many layouts available in the editor, and all of them may be swiftly customized just the way you need. <\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":0,"parent":481,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-platform.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Audio Player - A\u00f1adir widget de Reproductor de Audio al HTML<\/title>\n<meta name=\"description\" content=\"A\u00f1ade un widget responsivo de Audio Player en su sitio web de HTML. Use la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.\" \/>\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\/es\/audio-player-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Audio Player - A\u00f1adir widget de Reproductor de Audio al HTML\" \/>\n<meta property=\"og:description\" content=\"A\u00f1ade un widget responsivo de Audio Player en su sitio web de HTML. Use la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/audio-player-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-12T14:36:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Audio Player - A\u00f1adir widget de Reproductor de Audio al HTML","description":"A\u00f1ade un widget responsivo de Audio Player en su sitio web de HTML. Use la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.","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\/es\/audio-player-widget\/html\/","og_locale":"es_ES","og_type":"article","og_title":"Audio Player - A\u00f1adir widget de Reproductor de Audio al HTML","og_description":"A\u00f1ade un widget responsivo de Audio Player en su sitio web de HTML. Use la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.","og_url":"https:\/\/elfsight.com\/es\/audio-player-widget\/html\/","og_site_name":"Elfsight ES","article_modified_time":"2024-11-12T14:36:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/es\/audio-player-widget\/html\/","url":"https:\/\/elfsight.com\/es\/audio-player-widget\/html\/","name":"Audio Player - A\u00f1adir widget de Reproductor de Audio al HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"datePublished":"2022-02-11T11:00:30+00:00","dateModified":"2024-11-12T14:36:57+00:00","description":"A\u00f1ade un widget responsivo de Audio Player en su sitio web de HTML. Use la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/audio-player-widget\/html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/audio-player-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/audio-player-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/es\/"},{"@type":"ListItem","position":2,"name":"Audio Player","item":"https:\/\/elfsight.com\/es\/audio-player-widget\/"},{"@type":"ListItem","position":3,"name":"Audio Player &#8211; HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/es\/#website","url":"https:\/\/elfsight.com\/es\/","name":"Elfsight ES","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"}]}},"meta_box":{"h1":"widget de Audio Player para HTML","h1_caption":"Incluya archivos de audio en todos los extensiones mundialmente conocidos a su p\u00e1gina","category":[],"widget_request_title":"","widget_request_cta":"","application":"480","templates":[],"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":"Crea tu widget de reproductor de audio","demo_caption":"\u00a1Configure su reproductor de audio y agr\u00e9guelo a su sitio web HTML gratis!","default_faq_hidden":"","app_template_category":[],"platform":"70","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":[],"application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","video_schema_markup":"","price":"desde $0 por mes","trial":"","benefits":[{"text":"Instalaci\u00f3n gratuita"},{"text":"Soporte Premium"},{"text":"14 d\u00edas garant\u00eda de reembolso"},{"text":"Actualizaciones regulares"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Responsivo","content":"Si","_state":"expanded"},{"name":"Navegadores compatibles","content":"Firefox, Safari, Opera, Chrome, Edge","_state":"expanded"}],"tags":[],"tags_disable_links":"0","video_object":"","demo_hide_cta":"0","demo_hide_cloud_options":"0","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":" Elfsight Apps","pricing_title_caption":"Soluci\u00f3n multiplataforma - valido para cualquier p\u00e1gina web","pricing_price":"desde $0 por mes","pricing_price_caption":"empezar con un plan gratuito","pricing_benefits":[{"text":"Sitios web ilimitados"},{"text":"Atenci\u00f3n al cliente gratuita y r\u00e1pida"},{"text":"Servicio de instalaci\u00f3n gratuito"},{"text":"Totalmente personalizable"}],"pricing_button_text":"Agregar al sitio web","pricing_button_url":"#demo","_state":"expanded"}],"related_apps_title":"","related_apps_hidden":"1"},"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/4576"}],"collection":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/comments?post=4576"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/4576\/revisions"}],"predecessor-version":[{"id":16880,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/4576\/revisions\/16880"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/481"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media?parent=4576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}