{"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":"2025-02-06T15:25:07","modified_gmt":"2025-02-06T15:25:07","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>Descripci\u00f3n<\/h2> <p>El widget Elfsight Music Player con lista de reproducci\u00f3n es una herramienta sencilla para sitios web HTML que te permite reproducir pistas de audio directamente en las p\u00e1ginas. El widget es notablemente modificable: puedes cambiar su ubicaci\u00f3n, coloc\u00e1ndolo en cualquier parte de la p\u00e1gina, ajustar su tama\u00f1o, cambiar el color de fondo y otros elementos para integrarlo con el dise\u00f1o de tu sitio, usar un tema oscuro, mostrar las portadas y mostrar u ocultar cuatro componentes adicionales del reproductor como la barra de progreso, el t\u00edtulo y mucho m\u00e1s. Sube tantas pistas como quieras para cautivar a tu audiencia, activa la reproducci\u00f3n autom\u00e1tica y no dudes: \u00a1tu audiencia no abandonar\u00e1 tu sitio de inmediato!<\/p><p><b>Haz que tu sitio sea m\u00e1s exitoso para tus objetivos de negocio con la ayuda del Elfsight Audio Player personalizado<\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Las caracter\u00edsticas esenciales del widget de m\u00fasica incluyen<\/h2> <ul><li>Varias opciones de colores<\/li> <li>Esquema de colores oscuro\/claro<\/li> <li>Dise\u00f1o responsivo<\/li> <li>2 dise\u00f1os aplicables<\/li> <li>Opci\u00f3n de agregar imagen de fondo<\/li> <\/ul><p><a href=\"#demo\">Puedes probar la funcionalidad completa del widget en la demo aqu\u00ed mismo<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>\u00bfC\u00f3mo incrustar el c\u00f3digo del Reproductor de Audio en mi sitio web HTML?<\/h2><div class=\"video-container\"><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/QMvtw1fdz04\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div><p>Sigue unos simples pasos descritos a continuaci\u00f3n para agregar el widget de m\u00fasica con lista de reproducci\u00f3n al sitio web HTML.<\/p> <ol><li><b>Gestiona nuestra demo gratuita y empieza a configurar tu plantilla personalizada.<\/b><br> Elige el formulario y las caracter\u00edsticas del widget y guarda los cambios. <\/li> <li><b>Obt\u00e9n el c\u00f3digo personal que se muestra en el formulario especial de Elfsight Apps.<\/b><br> Cuando hayas terminado de crear tu plantilla de m\u00fasica, copia el c\u00f3digo personal que aparecer\u00e1 en el popup y gu\u00e1rdalo para usarlo en el futuro.<\/li> <li><b>Comienza a usar el widget en tu sitio HTML.<\/b><br> Incrusta el c\u00f3digo del reproductor de m\u00fasica que guardaste recientemente en tu p\u00e1gina y aplica los cambios. <\/li> <li><b>La instalaci\u00f3n se ha completado con \u00e9xito.<\/b><br> Ve a tu sitio para ver c\u00f3mo funciona el widget. <\/li> <\/ol> <p>Si tienes preguntas o encuentras alg\u00fan problema, no dudes en ponerte en contacto con nuestro equipo de soporte. Estaremos encantados de resolver cualquier inconveniente que tengas con el 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\">\u00bfC\u00f3mo puedo agregar un Reproductor de Audio a mi sitio HTML?<\/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>La creaci\u00f3n del widget se realiza en las p\u00e1ginas de Elfsight, no es necesario programar. Abre la demo activa para ajustar tu widget personalizado, obt\u00e9n el c\u00f3digo e incr\u00fastalo en tu sitio. <\/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\">\u00bfCu\u00e1les son las mejores maneras de usar la integraci\u00f3n del Reproductor?<\/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>Te proporcionaremos una gran cantidad de opciones de personalizaci\u00f3n: widgets de longitud completa para insertar en la secci\u00f3n de contenido, complementos flotantes con opciones de desplazamiento, dise\u00f1os para el pie de p\u00e1gina, secci\u00f3n de encabezado y todas las variaciones verticales para barras laterales y men\u00fas. <\/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\">\u00bfHay alguna opci\u00f3n para crear un Reproductor de Pistas \u00danicas o de Meditaci\u00f3n con la ayuda del 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>Puedes personalizar cualquier modificaci\u00f3n del widget. Hay muchos dise\u00f1os disponibles en el editor, y todos pueden ser r\u00e1pidamente ajustados a tu gusto. <\/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":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-4576","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - 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=\"2025-02-06T15:25:07+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":"2025-02-06T15:25:07+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":"2025-02-06T15:25:07+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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"480","h1":"widget de reproductor de audio para HTML","h1_caption":"Incluya archivos de audio en todos los extensiones mundialmente conocidos a su p\u00e1gina","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":"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":[],"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","hide_more_platforms":"","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","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/4576","targetHints":{"allow":["GET"]}}],"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":3,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/4576\/revisions"}],"predecessor-version":[{"id":18256,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/4576\/revisions\/18256"}],"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}]}}