{"id":3653,"date":"2024-05-03T06:28:38","date_gmt":"2024-05-03T06:28:38","guid":{"rendered":"https:\/\/elfsight.com\/pt\/?page_id=3653"},"modified":"2025-02-10T07:28:51","modified_gmt":"2025-02-10T07:28:51","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/pt\/audio-player-widget\/html\/","title":{"rendered":"Audio Player &#8211; HTML"},"content":{"rendered":"\n<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"> <h2>Descri\u00e7\u00e3o<\/h2> <p>O Elfsight Music Player com playlist \u00e9 uma ferramenta descomplicada para sites HTML que lhe d\u00e1 a oportunidade de reproduzir faixas de \u00e1udio diretamente nas p\u00e1ginas. O widget \u00e9 notavelmente modific\u00e1vel: voc\u00ea pode alterar seu posicionamento, defini-lo em qualquer lugar da p\u00e1gina, alterar seu tamanho, repintar o plano de fundo e outros elementos para combin\u00e1-lo com o layout do seu site, usar tema escuro, revelar capas e demonstrar ou ocultar quatro jogadores adicionais componentes como barra de progresso, t\u00edtulo e muito mais. Fa\u00e7a upload de quantas faixas quiser para envolver seu p\u00fablico, ative a reprodu\u00e7\u00e3o autom\u00e1tica e n\u00e3o hesite: seu p\u00fablico n\u00e3o sair\u00e1 do site imediatamente!<\/p><p><b>Torne seu site mais bem-sucedido para os objetivos de neg\u00f3cios com a ajuda do 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>Os recursos essenciais do widget de m\u00fasica cont\u00eam<\/h2> <ul><li>V\u00e1rias varia\u00e7\u00f5es de cores <\/li> <li>Esquema de cores claras\/escuras<\/li> <li>Design responsivo<\/li> <li>2 layouts aplic\u00e1veis<\/li> <li>Uma oportunidade para adicionar imagem de fundo<\/li> <\/ul><p><a href=\"#demo\">Voc\u00ea pode experimentar todas as funcionalidades do widget na demonstra\u00e7\u00e3o aqui<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>Como incorporar o c\u00f3digo do reprodutor de \u00e1udio ao meu site HTML?<\/h2><div class=\"video-container\"><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/QMvtw1fdz04\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div><p>Basta seguir algumas etapas descritas abaixo para adicionar o reprodutor de \u00e1udio HTML do widget de m\u00fasica com a lista de reprodu\u00e7\u00e3o.<\/p> <ol><li><b>Gerencie nossa demonstra\u00e7\u00e3o gratuita e comece a moldar seu modelo personalizado.<\/b><br> Escolha o formul\u00e1rio personalizado e as caracter\u00edsticas do widget e salve as edi\u00e7\u00f5es. <\/li> <li><b>Adquira o c\u00f3digo pessoal exposto no formul\u00e1rio especial nas aplica\u00e7\u00f5es Elfsight.<\/b><br> Quando a cria\u00e7\u00e3o do seu modelo de m\u00fasica estiver conclu\u00edda, copie o c\u00f3digo individual no pop-up que aparece e guarde para uso futuro.<\/li> <li><b>Comece a usar o widget em seu site HTML.<\/b><br> Incorpore o c\u00f3digo do reprodutor de m\u00fasica salvo recentemente em sua p\u00e1gina e aplique as melhorias. <\/li> <li><b>A instala\u00e7\u00e3o foi realizada com sucesso.<\/b><br> Acesse seu site para ver o desempenho do widget. <\/li> <\/ol> <p>Se voc\u00ea tiver d\u00favidas ou enfrentar algum problema, sinta-se \u00e0 vontade para entrar em contato com nossa equipe de suporte. Nosso pessoal ficar\u00e1 animado para resolver todos os problemas que voc\u00ea possa ter com o 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\">Como posso adicionar um reprodutor de \u00e1udio ao site 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>A constru\u00e7\u00e3o do widget acontece em as p\u00e1ginas da Elfsight e n\u00e3o h\u00e1 necessidade de codifica\u00e7\u00e3o. Abra a demonstra\u00e7\u00e3o ativa para ajustar seu widget pessoal, obtenha o c\u00f3digo e insira-o em seu 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\">As melhores maneiras de usar a integra\u00e7\u00e3o do Player<\/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>Forneceremos a voc\u00ea uma infinidade de op\u00e7\u00f5es de personaliza\u00e7\u00e3o: widgets completos para inserir no se\u00e7\u00e3o de conte\u00fado, plug-ins flutuantes com oportunidades de rolagem, layouts para rodap\u00e9, se\u00e7\u00e3o principal e todas as varia\u00e7\u00f5es de possibilidades verticais para barras laterais e 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\">Existe uma op\u00e7\u00e3o para criar uma faixa \u00fanica ou um reprodutor de medita\u00e7\u00e3o com a ajuda do 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>Voc\u00ea \u00e9 livre para moldar as modifica\u00e7\u00f5es de qualquer widget. Existem v\u00e1rios layouts dispon\u00edveis no editor, e todos eles podem ser rapidamente customizados do jeito que voc\u00ea precisa. <\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":1079,"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-3653","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 \u2014 C\u00f3digo do Music Player para site HTML (r\u00e1pido e gratuito)<\/title>\n<meta name=\"description\" content=\"Adicione um c\u00f3digo flex\u00edvel do Audio Player \u00e0 sua p\u00e1gina HTML. Use a demonstra\u00e7\u00e3o gerenci\u00e1vel e crie seu widget de m\u00fasica exclusivo em apenas alguns minutos.\" \/>\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\/pt\/audio-player-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Audio Player \u2014 C\u00f3digo do Music Player para site HTML (r\u00e1pido e gratuito)\" \/>\n<meta property=\"og:description\" content=\"Adicione um c\u00f3digo flex\u00edvel do Audio Player \u00e0 sua p\u00e1gina HTML. Use a demonstra\u00e7\u00e3o gerenci\u00e1vel e crie seu widget de m\u00fasica exclusivo em apenas alguns minutos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pt\/audio-player-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PT\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-10T07:28:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Audio Player \u2014 C\u00f3digo do Music Player para site HTML (r\u00e1pido e gratuito)","description":"Adicione um c\u00f3digo flex\u00edvel do Audio Player \u00e0 sua p\u00e1gina HTML. Use a demonstra\u00e7\u00e3o gerenci\u00e1vel e crie seu widget de m\u00fasica exclusivo em apenas alguns minutos.","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\/pt\/audio-player-widget\/html\/","og_locale":"pt_PT","og_type":"article","og_title":"Audio Player \u2014 C\u00f3digo do Music Player para site HTML (r\u00e1pido e gratuito)","og_description":"Adicione um c\u00f3digo flex\u00edvel do Audio Player \u00e0 sua p\u00e1gina HTML. Use a demonstra\u00e7\u00e3o gerenci\u00e1vel e crie seu widget de m\u00fasica exclusivo em apenas alguns minutos.","og_url":"https:\/\/elfsight.com\/pt\/audio-player-widget\/html\/","og_site_name":"Elfsight PT","article_modified_time":"2025-02-10T07:28:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pt\/audio-player-widget\/html\/","url":"https:\/\/elfsight.com\/pt\/audio-player-widget\/html\/","name":"Audio Player \u2014 C\u00f3digo do Music Player para site HTML (r\u00e1pido e gratuito)","isPartOf":{"@id":"https:\/\/elfsight.com\/pt\/#website"},"datePublished":"2024-05-03T06:28:38+00:00","dateModified":"2025-02-10T07:28:51+00:00","description":"Adicione um c\u00f3digo flex\u00edvel do Audio Player \u00e0 sua p\u00e1gina HTML. Use a demonstra\u00e7\u00e3o gerenci\u00e1vel e crie seu widget de m\u00fasica exclusivo em apenas alguns minutos.","breadcrumb":{"@id":"https:\/\/elfsight.com\/pt\/audio-player-widget\/html\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pt\/audio-player-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pt\/audio-player-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Audio Player","item":"https:\/\/elfsight.com\/pt\/audio-player-widget\/"},{"@type":"ListItem","position":3,"name":"Audio Player &#8211; HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/pt\/#website","url":"https:\/\/elfsight.com\/pt\/","name":"Elfsight PT","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"1078","h1":"Widget de reprodutor de \u00e1udio HTML","h1_caption":"Insira um recurso divertido em sua p\u00e1gina inicial e obtenha clientes mais satisfeitos rapidamente","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":"0","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"Crie seu widget de reprodutor de \u00e1udio","demo_caption":"Configure seu reprodutor de \u00e1udio e adicione-o ao seu site HTML gratuitamente!","default_faq_hidden":"","app_template_category":[],"platform":"49","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":"a partir de US$ 0\/m\u00eas","trial":"","benefits":[{"text":"Ajuda de instala\u00e7\u00e3o gratuita"},{"text":"Atendimento ao cliente competente"},{"text":"Garantia de reembolso de 14 dias"},{"text":"Melhorias ao longo da vida"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Instala\u00e7\u00f5es","content":"100,000 - 500,000","_state":"expanded"},{"name":"Responsivo","content":"Sim","_state":"expanded"},{"name":"Navegadores compat\u00edveis","content":"Firefox, Safari, Opera, Chrome, Edge"}],"tags":[],"tags_disable_links":"0","hide_more_platforms":"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":"Software multiplataforma","pricing_price":"a partir de US$ 0\/m\u00eas","pricing_price_caption":"comece com plano gratuito","pricing_benefits":[{"text":"Sites ilimitados"},{"text":"Suporte ao cliente 24 horas por dia, 7 dias por semana"},{"text":"Suporte ao cliente 24 horas por dia, 7 dias por semana"},{"text":"Oferta por tempo limitado para v\u00e1rios aplicativos"}],"pricing_button_text":"Adicionar ao site","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\/pt\/wp-json\/wp\/v2\/pages\/3653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/comments?post=3653"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/3653\/revisions"}],"predecessor-version":[{"id":13809,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/3653\/revisions\/13809"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/1079"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media?parent=3653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}