Differenze tra le versioni di "Eseguire un file Video con il codice HTML"

Da Gambas-it.org - Wikipedia.
 
(4 versioni intermedie di uno stesso utente non sono mostrate)
Riga 3: Riga 3:
 
=Eseguire file video con l'oggetto ''WebView'' utilizzando il codice HTML5 e un Componente basato sulla libreria QT=
 
=Eseguire file video con l'oggetto ''WebView'' utilizzando il codice HTML5 e un Componente basato sulla libreria QT=
 
Con l'oggetto ''WebView'' è possibile anche eseguire un video utilizzando il protocollo HTML 5. Il codice <SPAN Style="text-decoration:underline">dovrà essere passato alla Proprietà ".HTML"</span> dell'oggetto ''WebView'', avendo attivato un Componente basato sulla libreria "QT".
 
Con l'oggetto ''WebView'' è possibile anche eseguire un video utilizzando il protocollo HTML 5. Il codice <SPAN Style="text-decoration:underline">dovrà essere passato alla Proprietà ".HTML"</span> dell'oggetto ''WebView'', avendo attivato un Componente basato sulla libreria "QT".
<BR> Poiché l'attributo "src" del protocollo HTML contiene un '''URL'''-indirizzo assoluto o relativo del file video, il percorso del file video sarà anticipato da "'''file://'''".
+
<BR> Poiché l'attributo "src" del protocollo HTML contiene un '''URL''', indirizzo assoluto o relativo del file video, il percorso del file video sarà anticipato da "'''file://'''".
 +
<BR>Inoltre il nome del file-video <SPAN Style="text-decoration:underline">non</span> deve contenere spazi.
  
 
Per una visione adeguata del video non bisogna dimenticare di <SPAN Style="text-decoration:underline">impostare le dimensioni</span> in pixel dell'Oggetto ''WebView'', adattandole possibilmente alle dimensioni del video medesimo.
 
Per una visione adeguata del video non bisogna dimenticare di <SPAN Style="text-decoration:underline">impostare le dimensioni</span> in pixel dell'Oggetto ''WebView'', adattandole possibilmente alle dimensioni del video medesimo.
Riga 15: Riga 16:
 
E' possibile utilizzare l'elemento ''VIDEO'' del protocollo html:
 
E' possibile utilizzare l'elemento ''VIDEO'' del protocollo html:
 
  "&#060;VIDEO width=<FONT color=gray>''lunghezza''</font> height=<FONT color=gray>''altezza''</font> controls>" &
 
  "&#060;VIDEO width=<FONT color=gray>''lunghezza''</font> height=<FONT color=gray>''altezza''</font> controls>" &
  "&#060;source src=<FONT Color=#B22222>''<B>file://</b></font><FONT Color=gray>/percorso/del/file/audio''</font> type=video/<FONT color=gray>''estensione_del_file_video''</font>>" &
+
  "&#060;source src=<FONT Color=#B22222>''<B>file://</b></font><FONT Color=gray>/percorso/del/file/video''</font> type=video/<FONT color=gray>''estensione_del_file_video''</font>>" &
 
  "&#060;/video>"
 
  "&#060;/video>"
  
Riga 23: Riga 24:
 
                 "&#060;/video>"
 
                 "&#060;/video>"
  
 +
 +
===Vedere un video dal web===
 
Ovviamente è possibile vedere anche un video da una pagina WEB.
 
Ovviamente è possibile vedere anche un video da una pagina WEB.
<BR>In tal caso dopo l'elemento "src" si imposterà il completo indirizzo web del file video (''http....'').
+
<BR>Si useranno i Componenti ''gb.qt5'' e ''gb.qt5.webview'', oppure i Componenti ''gb.gtk3'' e ''gb.gtk3.webview'', e in entrambi i casi si utilizzerà il Metodo ".SetHtml()".
 +
<BR>Esempio pratico:
 +
Public Sub Button1_Click()
 +
 +
  WebView1.SetHtml("<VIDEO width=320 height=240 controls>" &
 +
                  "<Source src=https&#058;//www.w3schools.com/tags/movie.mp4 type=video/mp4>" &
 +
                  "</video>")
 +
 +
End
  
  
Riga 30: Riga 41:
 
=Note=
 
=Note=
 
[1] In realtà è possibile vedere anche file video del formato ''AVI'', ''FLV'', ''MOV'', ''MPG'', ''WMV''.
 
[1] In realtà è possibile vedere anche file video del formato ''AVI'', ''FLV'', ''MOV'', ''MPG'', ''WMV''.
<BR>Il formato "AVI" sembra funzionare solo impostando "type=video/mpeg".
+
<BR>Il formato "AVI" sembra funzionare impostando "type=video/mpeg".

Versione attuale delle 19:25, 30 ott 2023

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

Eseguire file video con l'oggetto WebView utilizzando il codice HTML5 e un Componente basato sulla libreria QT

Con l'oggetto WebView è possibile anche eseguire un video utilizzando il protocollo HTML 5. Il codice dovrà essere passato alla Proprietà ".HTML" dell'oggetto WebView, avendo attivato un Componente basato sulla libreria "QT".
Poiché l'attributo "src" del protocollo HTML contiene un URL, indirizzo assoluto o relativo del file video, il percorso del file video sarà anticipato da "file://".
Inoltre il nome del file-video non deve contenere spazi.

Per una visione adeguata del video non bisogna dimenticare di impostare le dimensioni in pixel dell'Oggetto WebView, adattandole possibilmente alle dimensioni del video medesimo.

E' possibile eseguire questi tre tipi di formati video: MP4, WebM e Ogg:

  • MP4 = file MPEG 4 con codifica video H264 e codifica audio AAC; [Nota 1]
  • WebM = file WebM con codifica video VP8 e codifica audio Vorbis;
  • Ogg = file Ogg con codifica video Theora e codifica audio Vorbis.

Uso dell'elemento <VIDEO>

E' possibile utilizzare l'elemento VIDEO del protocollo html:

"<VIDEO width=lunghezza height=altezza controls>" &
"<source src=file:///percorso/del/file/video type=video/estensione_del_file_video>" &
"</video>"

Esempio:

WebView1.HTML = "<VIDEO width=320 height=240 controls>" &
                "<source src=file:///percorso/del/file/video.mp4 type=video/mp4>" &
                "</video>"


Vedere un video dal web

Ovviamente è possibile vedere anche un video da una pagina WEB.
Si useranno i Componenti gb.qt5 e gb.qt5.webview, oppure i Componenti gb.gtk3 e gb.gtk3.webview, e in entrambi i casi si utilizzerà il Metodo ".SetHtml()".
Esempio pratico:

Public Sub Button1_Click()

 WebView1.SetHtml("<VIDEO width=320 height=240 controls>" &
                  "<Source src=https://www.w3schools.com/tags/movie.mp4 type=video/mp4>" &
                  "</video>")

End


Note

[1] In realtà è possibile vedere anche file video del formato AVI, FLV, MOV, MPG, WMV.
Il formato "AVI" sembra funzionare impostando "type=video/mpeg".