Incorpora lettore HTML5 per file MP3

[craigconstantine]

Speravo di poter semplicemente incollare quanto segue in un argomento di Discourse e ottenere un lettore MP3 HTML5. (Questa fonte incorporata proviene da un plugin del mio sito WordPress.)

Suggerimenti, riflessioni, … ??

<script type='text/javascript'>
<!--//--><![CDATA[//><!--
		/*! This file is auto-generated */
		!function(d,l){"use strict";var e=!1,o=!1;if(l.querySelector)if(d.addEventListener)e=!0;if(d.wp=d.wp||{},!d.wp.receiveEmbedMessage)if(d.wp.receiveEmbedMessage=function(e){var t=e.data;if(t)if(t.secret||t.message||t.value)if(!/[^a-zA-Z0-9]/.test(t.secret)){var r,a,i,s,n,o=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),c=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]');for(r=0;r<c.length;r++)c[r].style.display="none";for(r=0;r<o.length;r++)if(a=o[r],e.source===a.contentWindow){if(a.removeAttribute("style"),"height"===t.message){if(1e3<(i=parseInt(t.value,10)))i=1e3;else if(~~i<200)i=200;a.height=i}if("link"===t.message)if(s=l.createElement("a"),n=l.createElement("a"),s.href=a.getAttribute("src"),n.href=t.value,n.host===s.host)if(l.activeElement===a)d.top.location.href=t.value}}},e)d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",t,!1),d.addEventListener("load",t,!1);function t(){if(!o){o=!0;var e,t,r,a,i=-1!==navigator.appVersion.indexOf("MSIE 10"),s=!!navigator.userAgent.match(/Trident.*rv:11\./),n=l.querySelectorAll("iframe.wp-embedded-content");for(t=0;t<n.length;t++){if(!(r=n[t]).getAttribute("data-secret"))a=Math.random().toString(36).substr(2,10),r.src+="#?secret="+a,r.setAttribute("data-secret",a);if(i||s)(e=r.cloneNode(!0)).removeAttribute("security"),r.parentNode.replaceChild(e,r)}}}}(window,document);
//--><!]]>
</script><iframe sandbox="allow-scripts allow-same-origin" security="restricted" src="https://moversmindset.com/083-cara-michele-nether-aikido-wellness-and-honesty/embed/" width="500" height="350" title="&#8220;083. Cara-Michele Nether: Aikido, wellness, and honesty&#8221; &#8212; movers mindset" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe>```

[Overgrow]

Forse CSP?

Mitigate XSS Attacks with Content Security Policy

This guide explains how to use Content Security Policy (CSP) to mitigate Cross-Site Scripting (XSS) attacks in Discourse. It covers CSP basics, configuration, and best practices. Required user level: Administrator Summary Content Security Policy (CSP) is a crucial security feature in Discourse that helps protect against Cross-Site Scripting (XSS) and other injection attacks. This guide covers the basics of CSP, how it’s implemented in Discourse, and how to c…

Lo stai incollando in un post o…?

[craigconstantine]

oooooooooh, sembra esattamente il problema… proverò a modificare la CSP per consentire il sito WP…

[Overgrow]

Controlla il registro degli errori della console del browser ..

[Falco]

I post in Discourse non permetteranno mai l’esecuzione di JS incollato casualmente per motivi di sicurezza.

Se tutto ciò di cui hai bisogno è fornito dall’iframe, puoi autorizzare questo dominio specifico nelle impostazioni del sito e incollarlo in un argomento.

[craigconstantine]

Ho disattivato completamente la CSP nell’amministratore (solo per vedere se fosse quella a impedire che il mio iframe funzionasse correttamente) nota che tutto il contenuto che sto incollando si trova nel blocco di codice nel mio OP.

Non funziona ancora… curiosamente, ricevo solo tre errori nella console, tutti provenienti dalla CDN di Discourse… il codice viene inserito subito prima di “scopri di più”

[craigconstantine]

@Falco

I post su Discourse non permetteranno mai l’esecuzione di codice JS incollato casualmente per motivi di sicurezza.

…oh, ha senso ora che lo dici.

Speravo di poter semplicemente copiare e incollare un mucchio di codice di incorporamento dal plugin di WordPress che sto usando; volevo incorporare un lettore HTML5 per file audio mp3. Quindi, non funzionerà. Che peccato.

[Falco]

@craigconstantine

Volevo incorporare un lettore HTML5 per file audio mp3. Quindi, questo non funzionerà. Peccato.

Offriamo un ampio supporto per lettori incorporati e non incorporati, pronto all’uso.

Youtube

lofi hip hop radio - beats to relax/study to

Vimeo

WE ARE GEORGE FLOYD

SoundCloud

https://soundcloud.com/silkmusic/silkm265-1?in=silkmusic/sets/silkm265

Puoi anche caricare direttamente file MP3 e MP4 e diventeranno un lettore.

[craigconstantine]

…sì, ma non è tutto basato sul fatto che Open Graph venga inviato correttamente dall’altro server? (Ho visto/usato quegli embed di SoundCloud prima: sono fantastici.)

Il mio sito WordPress invia Open Graph, ma non è abbastanza intelligente con gli OG…

https://moversmindset.com/083-cara-michele-nether-aikido-wellness-and-honesty/ è una pagina con un player HTML5… questa genera esattamente il onebox che mi aspetto/spero…

Cara-Michele Nether: Aikido, wellness, and honesty

https://moversmindset.com/083-cara-michele-nether-aikido-wellness-and-honesty/083-cara-michele-nether-aikido-wellness-and-honesty/ è l’URL di WP per l’elemento multimediale… ma ancora una volta, WP non è abbastanza intelligente da inviare informazioni OG sufficienti per un onebox davvero intelligente…

083. Cara-Michele Nether: Aikido, wellness, and honesty

…proverò a caricare direttamente il file MP3… non sono sicuro di poter inserire ~40 MB di MP3 (per 80+ episodi) nel mio Discourse ospitato…

[Falco]

Aggiungere un link a un file mp3 in una singola riga come:

https://moversmindset.com/podcast-player/7711/083-cara-michele-nether-aikido-wellness-and-honesty.mp3

diventa

[craigconstantine]

Ho abilitato l’estensione mp3 per il caricamento, ma mi sono imbattuto in un limite di dimensione.

…il che ha senso.

Li ho già di fatto su un servizio di condivisione file (il nostro sito web)… ma quando inserisco un URL diretto di un file mp3 ottengo solo un player browser essenziale [almeno, è quello che penso sia la riga successiva]

[Falco]

È un buon primo passo.

Da qui puoi iniziare a valutare:

• Una piattaforma di podcast più adatta che puoi utilizzare sia su WordPress che su Discourse, sfruttando gli iframe

• Portare il tuo attuale player da WordPress a Discourse.

[craigconstantine]

@Falco

Da qui puoi iniziare a cercare:

• Una piattaforma di podcast embedded migliore che puoi utilizzare sia su WordPress che su Discourse sfruttando gli iframe

…sì, è proprio quella la scogliera su cui temevo di naufragare. Dovrei rifare l’intera soluzione di hosting del nostro podcast. (Non impossibile, ma nemmeno banale.)

…forse potrei inviare una richiesta di funzionalità a Castos (che sviluppa il plugin Seriously Simple Podcasting per WordPress che stiamo utilizzando) spiegando esattamente quali informazioni OG sono necessarie per creare un player onebox bellissimo, simile a SoundCloud.

[Falco]

Sembra che alcuni servizi includano player incorporabili nella loro offerta, come il mio primo risultato su Google:

[craigconstantine]

Sì. Il mio sogno è trovare un player che comprenda e supporti i segnaposto dei capitoli nei file MP3, ormai comuni nei podcast, e che permetta di saltare a specifici codici temporali. Stavo cercando di creare un argomento complesso per un episodio, che includesse note dello show che indirizzassero il player alla posizione corretta nell’audio e la possibilità di saltare tra i capitoli. (Ma sto divagando. Questo non c’entra nulla con Discourse stesso.