{"id":19210,"date":"2026-09-24T18:26:48","date_gmt":"2026-09-24T16:26:48","guid":{"rendered":"https:\/\/www.beseit.net\/?p=19210"},"modified":"2026-09-24T18:39:37","modified_gmt":"2026-09-24T16:39:37","slug":"19210","status":"publish","type":"post","link":"https:\/\/www.beseit.net\/?p=19210","title":{"rendered":"Flux"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

S\u00ed. I en el teu cas no cal tocar Flask ni el TTS<\/strong>: el que est\u00e0 impedint que soni autom\u00e0ticament \u00e9s molt probablement la pol\u00edtica d’autoreproducci\u00f3 del Firefox.<\/p>\n\n\n\n

A la captura es veu que la p\u00e0gina ja genera correctament l’\u00e0udio i mostra el reproductor. El que falta \u00e9s que Firefox faci play()<\/code> sense que tu premis el bot\u00f3.<\/p>\n\n\n\n

1. Primer: fes que la p\u00e0gina HTML intenti reproduir-lo autom\u00e0ticament<\/h3>\n\n\n\n

Si ara tens alguna cosa semblant a:<\/p>\n\n\n\n

<audio controls src=\"{{ audio_file }}\"><\/audio><\/pre>\n\n\n\n
canvia-ho per:<\/p>\n\n\n\n
<audio controls autoplay src=\"{{ audio_file }}\"><\/audio><\/pre>\n\n\n\n
O, millor encara:<\/p>\n\n\n\n
<audio id=\"audio\" controls autoplay>\n    <source src=\"{{ audio_file }}\" type=\"audio\/wav\">\n<\/audio>\n\n<script>\nwindow.addEventListener(\"load\", function () {\n    const audio = document.getElementById(\"audio\");\n\n    audio.play().catch(function(error) {\n        console.log(\"Autoplay bloquejat:\", error);\n    });\n});\n<\/script><\/pre>\n\n\n\n
Aix\u00f2 far\u00e0 que la p\u00e0gina demani a Firefox que comenci a reproduir l’\u00e0udio tan aviat com es carregui<\/strong>.<\/p>\n\n\n\n
2. Per\u00f2 aqu\u00ed hi ha la clau: Firefox<\/h3>\n\n\n\n
Firefox bloqueja per defecte la reproducci\u00f3 autom\u00e0tica amb so<\/strong> en molts casos. Mozilla confirma que es pot permetre l’autoreproducci\u00f3 per a un lloc concret. (Suport de Mozilla<\/a>)<\/p>\n\n\n\n
Per tant, jo faria primer aquesta prova:<\/p>\n\n\n\n
Obre:<\/p>\n\n\n\n
http:\/\/192.168.1.49:5040\/processa<\/pre>\n\n\n\n
i mira a l’esquerra de la barra d’adreces el s\u00edmbol relacionat amb l’autoreproducci\u00f3\/permisos.<\/p>\n\n\n\n
Tamb\u00e9 pots anar a:<\/p>\n\n\n\n
Firefox \u2192 Ajustos \u2192 Privadesa i seguretat \u2192 Permisos \u2192 Reproducci\u00f3 autom\u00e0tica \u2192 Configuraci\u00f3<\/strong><\/p>\n\n\n\n
i permetre:<\/p>\n\n\n\n
Permetre \u00e0udio i v\u00eddeo<\/strong><\/p>\n\n\n\n
per al teu servidor.<\/p>\n\n\n\n
Mozilla permet precisament configurar aquesta excepci\u00f3 per lloc web<\/strong>, de manera que no cal canviar el comportament de tot Internet. (Suport de Mozilla<\/a>)<\/p>\n\n\n\n
\n\n\n\n
3. Per al teu projecte jo faria aix\u00f2<\/h3>\n\n\n\n
El flux quedaria:<\/p>\n\n\n\n
index.html\n     \u2502\n     \u2502 POST\n     \u25bc\n\/processa\n     \u2502\n     \u25bc\ncrear_html_i_tts.py\n     \u2502\n     \u2502 genera WAV\n     \u25bc\np\u00e0gina Flask\n     \u2502\n     \u2502 AUTOPLAY\n     \u25bc\n\ud83d\udd0a \u00c0UDIO<\/pre>\n\n\n\n
\u00c9s a dir, no necessitem cap bot\u00f3 \u00abPlay\u00bb<\/strong>.<\/p>\n\n\n\n
I aix\u00f2 encaixa perfectament amb el que est\u00e0vem construint: el servidor genera l’\u00e0udio i el navegador simplement el reprodueix.<\/p>\n\n\n\n
Una cosa important<\/h3>\n\n\n\n
Si vols que sigui 100% autom\u00e0tic fins i tot quan Firefox obre una pestanya nova<\/strong>, hem de configurar dues coses:<\/p>\n\n\n\n
    \n
  1. el <audio autoplay><\/code> \/ JavaScript de Flask;<\/li>\n\n\n\n
  2. donar perm\u00eds d’autoreproducci\u00f3 a 192.168.1.49:5040<\/code> al Firefox.<\/li>\n<\/ol>\n\n\n\n
    La segona \u00e9s la que probablement et falta ara mateix.<\/p>\n\n\n\n
    Si vols, podem fer-ho pas a pas sobre el teu index.html<\/code> actual i el Flask<\/strong>, i et preparo exactament el codi que has de substituir perqu\u00e8 quan entri a \/processa<\/code> soni directament l’\u00e0udio sense tocar absolutament res<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"
    S\u00ed. I en el teu cas no cal tocar Flask ni el TTS: el que est\u00e0 impedint que soni autom\u00e0ticament \u00e9s molt probablement la pol\u00edtica d’autoreproducci\u00f3 del Firefox. A la captura es veu que la p\u00e0gina ja genera correctament l’\u00e0udio … Continua llegint →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":3168,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[207,1],"tags":[],"class_list":["post-19210","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deepin-linux","category-bloc-de-notes"],"_links":{"self":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/19210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19210"}],"version-history":[{"count":2,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/19210\/revisions"}],"predecessor-version":[{"id":19214,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/19210\/revisions\/19214"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/media\/3168"}],"wp:attachment":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=19210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=19210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}