Differenze tra le versioni di "Eseguire un file audio mediante il codice html"

Da Gambas-it.org - Wikipedia.
Riga 2: Riga 2:
 
=Esecuzione di un file audio da un dispositivo di archiviazione mediante il codice ''HTML 5'' e l'oggetto ''WebView''=
 
=Esecuzione di un file audio da un dispositivo di archiviazione mediante il codice ''HTML 5'' e l'oggetto ''WebView''=
 
Per ascoltare un file audio presente in un [https://it.wikipedia.org/wiki/Storage dispositivo di archiviazione], si utilizzerà la risorsa grafica QT, attivando i Componenti "gb.qt5" e "gb.qt5.webkit", oppure attivando i Componenti "gb.gui.qt" e "gb.gui.qt.webkit".
 
Per ascoltare un file audio presente in un [https://it.wikipedia.org/wiki/Storage dispositivo di archiviazione], si utilizzerà la risorsa grafica QT, attivando i Componenti "gb.qt5" e "gb.qt5.webkit", oppure attivando i Componenti "gb.gui.qt" e "gb.gui.qt.webkit".
<BR>In questo caso la riga di comando scritta in html sarà assegnata direttamente alla proprietà ''.HTML'' dell'oggetto ''WebView''.
+
<BR>In questo caso la riga di comando scritta in html sarà assegnata direttamente al Metodo "SetHtml()" dell'Oggetto ''WebView''.
 
<BR> Poiché l'attributo "src" del protocollo HTML contiene un '''URL'''-indirizzo assoluto o relativo del media file, il percorso del file audio sarà anticipato da "'''file://'''".
 
<BR> Poiché l'attributo "src" del protocollo HTML contiene un '''URL'''-indirizzo assoluto o relativo del media file, il percorso del file audio sarà anticipato da "'''file://'''".
 
<BR>E' possibile eseguire con questa modalità i file audio di formato: ''wav'', ''mp3'', ''ogg'', ''aac'' e ''wma''.
 
<BR>E' possibile eseguire con questa modalità i file audio di formato: ''wav'', ''mp3'', ''ogg'', ''aac'' e ''wma''.
Riga 21: Riga 21:
 
  <FONT Color=gray>' ''L'attributo "src" contiene un URL-indirizzo assoluto o relativo del file audio e </font><FONT Color=#006400>'''non deve avere spazi.'''''</font>
 
  <FONT Color=gray>' ''L'attributo "src" contiene un URL-indirizzo assoluto o relativo del file audio e </font><FONT Color=#006400>'''non deve avere spazi.'''''</font>
 
  <FONT Color=gray>' '''''Se non si desidera l'esecuzione automatica del file audio, bisognerà togliere l'attributo "''autoplay'' " e una volta mostrato nell'Oggetto "WebView" il dispositivo di riproduzione audio, vi si dovrà cliccare sopra con il tasto destro del mouse e nel menu  - che appare - scegliere "play".'''''</font>
 
  <FONT Color=gray>' '''''Se non si desidera l'esecuzione automatica del file audio, bisognerà togliere l'attributo "''autoplay'' " e una volta mostrato nell'Oggetto "WebView" il dispositivo di riproduzione audio, vi si dovrà cliccare sopra con il tasto destro del mouse e nel menu  - che appare - scegliere "play".'''''</font>
     .HTML = "<AUDIO autoplay controls>" &
+
     .SetHtml("<AUDIO autoplay controls>" &
            "&lt;Source src=<FONT Color=#B22222>''<B>file://</b></font><FONT Color=gray>/percorso/del/file/audio''</font> type=audio/<FONT Color=gray>''estensione_del_file_audio''</font>>" &
+
            "&lt;Source src=<FONT Color=#B22222>''<B>file://</b></font><FONT Color=gray>/percorso/del/file/audio''</font> type=audio/<FONT Color=gray>''estensione_del_file_audio''</font>>" &
            "</audio>"
+
            "</audio>")
 
   End With
 
   End With
 
   
 
   
Riga 36: Riga 36:
 
Per ascoltare via internet un file audio presente in una pagina WEB, bisognerà tenere conto se si sta usando la libreria grafica QT5 oppure GTK3.
 
Per ascoltare via internet un file audio presente in una pagina WEB, bisognerà tenere conto se si sta usando la libreria grafica QT5 oppure GTK3.
  
==Usando il Componente grafico "gb.gui.qt" o quello "gb.qt5"==
+
==Usando il Componente grafico "gb.qt5"==
Se si sta usando il Componente grafico "gb.gui.qt", si dovrà attivare anche il Componente "gb.gui.qt.webkit".
+
Usando il Componente grafico "gb.qt5", si dovrà attivare anche il Componente "gb.qt5.webkit" oppure il Componente "gb.qt5.webview".
<BR>Se si sta usando il Componente grafico "gb.qt5", si dovrà attivare anche il Componente "gb.qt5.webkit" oppure il Componente "gb.qt5.webview".
 
 
 
===Usando il Componente "gb.gui.qt.webkit" o quello "gb.qt5.webkit"===
 
Scegliendo di utilizzare il Componente "gb.gui.qt.webkit" o quello "gb.qt5.webkit", la riga comprendente il protocollo html, impostato con il TAG <AUDIO>, dovrà essere direttamente assegnata alla Proprietà ".HTML" dell'Oggetto ''WebView''.
 
......
 
.HTML = "<AUDIO autoplay controls>" &
 
            "&lt;Source src=<FONT Color=gray>''http&#58;//indirizzo/web/del/collegamento/web/del/file/audio''</font> type=audio/<FONT Color=gray>''estensione_del_file_audio''</font>>" &
 
            "</audio>"
 
......
 
Esempio pratico:
 
Private wv As WebView
 
 
 
Public Sub Button1_Click()
 
 
  If Object.IsValid(wv) Then wv.Delete
 
 
  With wv = New WebView(Me)
 
    .X = 50
 
    .Y = 100
 
    .W = 340
 
    .H = 170
 
    .HTML = "<AUDIO autoplay controls>" &
 
            "<Source src=https&#58;//midifiles.com/sites/default/files/mp3demo/kraftwerk/die-roboter/demo-kraftwerk-die-roboter.mp3 type=audio/mpeg>" &
 
            "</audio>"
 
  End With
 
 
End
 
  
===Usando il Componente grafico "gb.qt5.webview"===
+
La riga di comando scritta in html sarà passata al Metodo ".SetHtml()" dell'oggetto ''WebView''.
Se si intende utilizzare il Componente "gb.qt5.webview", la riga di comando scritta in html sarà passata al Metodo ".SetHtml()" dell'oggetto ''WebView''.
 
 
<BR>E' possibile eseguire con questa modalità i file audio di formato: ''wav'', ''mp3'', ''ogg'', ''aac'' e ''wma''.
 
<BR>E' possibile eseguire con questa modalità i file audio di formato: ''wav'', ''mp3'', ''ogg'', ''aac'' e ''wma''.
  
Riga 83: Riga 54:
 
  <FONT Color=gray>' ''L'attributo "src" contiene un URL-indirizzo assoluto o relativo del media file:''</font>
 
  <FONT Color=gray>' ''L'attributo "src" contiene un URL-indirizzo assoluto o relativo del media file:''</font>
 
     .SetHtml("<AUDIO autoplay controls>" &
 
     .SetHtml("<AUDIO autoplay controls>" &
             "&lt;Source src=<FONT Color=gray>''http&#58;//indirizzo/web/del/collegamento/web/del/file/audio''</font> type=audio/<FONT Color=gray>''estensione_del_file_audio''</font>>" &
+
             "&lt;Source src=https&#58;//midifiles.com/sites/default/files/mp3demo/kraftwerk/die-roboter/demo-kraftwerk-die-roboter.mp3 type=audio/mpeg>" &
 
             "</audio>")
 
             "</audio>")
 
   End With
 
   End With

Versione delle 14:06, 18 gen 2024

Un file audio potrà essere eseguito con il protocollo HTML all'interno dell'Oggetto WebView.

Esecuzione di un file audio da un dispositivo di archiviazione mediante il codice HTML 5 e l'oggetto WebView

Per ascoltare un file audio presente in un dispositivo di archiviazione, si utilizzerà la risorsa grafica QT, attivando i Componenti "gb.qt5" e "gb.qt5.webkit", oppure attivando i Componenti "gb.gui.qt" e "gb.gui.qt.webkit".
In questo caso la riga di comando scritta in html sarà assegnata direttamente al Metodo "SetHtml()" dell'Oggetto WebView.
Poiché l'attributo "src" del protocollo HTML contiene un URL-indirizzo assoluto o relativo del media file, il percorso del file audio sarà anticipato da "file://".
E' possibile eseguire con questa modalità i file audio di formato: wav, mp3, ogg, aac e wma.

Mostriamo un esempio:

Private wv As WebView


Public Sub Button1_Click()

 If Object.IsValid(wv) Then wv.Delete

 With wv = New WebView(Me)
   .X = 50
   .Y = 100
   .W = 340
   .H = 170
' L'attributo "src" contiene un URL-indirizzo assoluto o relativo del file audio e non deve avere spazi.
' Se non si desidera l'esecuzione automatica del file audio, bisognerà togliere l'attributo "autoplay " e una volta mostrato nell'Oggetto "WebView" il dispositivo di riproduzione audio, vi si dovrà cliccare sopra con il tasto destro del mouse e nel menu  - che appare - scegliere "play".
   .SetHtml("<AUDIO autoplay controls>" &
            "<Source src=file:///percorso/del/file/audio type=audio/estensione_del_file_audio>" &
            "</audio>")
 End With

End

Le estensioni dei file audio possono essere:

file WAV => wav
file OGG => ogg
file MP3 => mpeg


Esecuzione di un file audio da una pagina WEB mediante il codice HTML 5 e l'oggetto WebView

Per ascoltare via internet un file audio presente in una pagina WEB, bisognerà tenere conto se si sta usando la libreria grafica QT5 oppure GTK3.

Usando il Componente grafico "gb.qt5"

Usando il Componente grafico "gb.qt5", si dovrà attivare anche il Componente "gb.qt5.webkit" oppure il Componente "gb.qt5.webview".

La riga di comando scritta in html sarà passata al Metodo ".SetHtml()" dell'oggetto WebView.
E' possibile eseguire con questa modalità i file audio di formato: wav, mp3, ogg, aac e wma.

Mostriamo un esempio:

Public Sub Button1_Click()

 Dim wv As WebView

 With wv = New WebView(Me)
   .X = 50
   .Y = 100
   .W = 340
   .H = 170
' L'attributo "src" contiene un URL-indirizzo assoluto o relativo del media file:
   .SetHtml("<AUDIO autoplay controls>" &
           "<Source src=https://midifiles.com/sites/default/files/mp3demo/kraftwerk/die-roboter/demo-kraftwerk-die-roboter.mp3 type=audio/mpeg>" &
           "</audio>")
 End With

End

oppure il TAG html "IFRAME":

Public Sub Button1_Click()
 
 Dim wv As WebView

 With wv = New WebView(Me)
   .X = 50
   .Y = 100
   .W = 340
   .H = 170
   .SetHtml("<IFRAME src=http://indirizzo/del/collegamento/web/del/file/audio type=audio/estensione_del_file_audio width=480 height=320></iframe>")
 End With

End

oppure il TAG html "A Href":

Public Sub Button1_Click()

 Dim wv As WebView

 With wv = New WebView(Me)
   .X = 50
   .Y = 100
   .W = 340
   .H = 170
   .SetHtml("<A Href=http://indirizzo/del/collegamento/web/del/file/audio>Cliccare qui</a>")
 End With

End

Le estensioni dei file audio possono essere:

file WAV => wav
file OGG => ogg
file MP3 => mpeg

Usando il Componente grafico "gb.gtk3"

Se si sta usando il Componente grafico "gb.gtk3", si dovrà ovviamente attivare anche il Componente "gb.gtk3.webview", e si utilizzerà il Metodo ".SetHtml()".

In tal caso si potrà adoperare il TAG html "AUDIO Controls":

Public Sub Button1_Click()

 Dim wv As WebView

 With wv = New WebView(Me)
   .X = 50
   .Y = 100
   .W = 340
   .H = 170
   .SetHtml("<AUDIO Controls src=http://indirizzo/del/collegamento/web/del/file/audio type=audio/estensione_del_file_audio width=480 height=320>" &
            "</audio>")
 End With

End

oppure il TAG html "IFRAME":

Public Sub Button1_Click()
 
 Dim wv As WebView

 With wv = New WebView(Me)
   .X = 50
   .Y = 100
   .W = 340
   .H = 170
   .SetHtml("<IFRAME src=http://indirizzo/del/collegamento/web/del/file/audio type=audio/estensione_del_file_audio width=480 height=320></iframe>")
 End With

End

oppure il TAG html "A Href":

Public Sub Button1_Click()

 Dim wv As WebView

 With wv = New WebView(Me)
   .X = 50
   .Y = 100
   .W = 340
   .H = 170
   .SetHtml("<A Href=http://indirizzo/del/collegamento/web/del/file/audio>Cliccare qui</a>")
 End With

End