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

Da Gambas-it.org - Wikipedia.
(Creata pagina con "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 HT...")
 
 
(6 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
 
Un file video potrà essere eseguito con il protocollo ''HTML'' all'interno dell'Oggetto ''WebView''.
 
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=
 
=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".
+
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 16: 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>"
  
 
Esempio:
 
Esempio:
−
  "&#060;VIDEO width=320 height=240 controls>" &
+
  WebView1.HTML = "&#060;VIDEO width=320 height=240 controls>" &
−
"&#060;source src=<FONT Color=#B22222>''<B>file://</b></font><FONT color=gray>/percorso/del/file/video.mp4''</font> type=video/mp4>" &
+
                "&#060;source src=<FONT Color=#B22222>''<B>file://</b></font><FONT color=gray>/percorso/del/file/video.mp4''</font> type=video/mp4>" &
−
"&#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()
−
===Uso dell'elemento ''&#060;EMBED>''===
+
−
E' possibile utilizzare l'elemento ''EMBED'' del protocollo html, ma <SPAN Style="text-decoration:underline">il codice dovrà essere scritto in un apposito file ".html"</span> che sarà richiamato con la Proprietà ".Url" dell'Oggetto ''WebView''.
+
  WebView1.SetHtml("<VIDEO width=320 height=240 controls>" &
−
  &#060;HTML>
+
                  "<Source src=https&#058;//www.w3schools.com/tags/movie.mp4 type=video/mp4>" &
−
  &#060;HEAD>
+
                  "</video>")
−
    &#060;EMBED src="<FONT Color=gray>''/percorso/del/file/video''</font>" type="video/<FONT Color=gray>''estensione_del_video''</font>" width="640" height="480" hidden=false autostart=false>
+
−
    &#060;/embed>
+
  End
−
  &#060;/head>
 
−
&#060;/html>
 
−
E' possibile vedere anche un video da una pagina WEB.
 
−
 
 
−
 
 
−
===Uso dell'elemento ''&#060;IFRAME>''===
 
−
E' possibile utilizzare l'elemento ''IFRAME'' del protocollo html. Anche in questo caso <SPAN Style="text-decoration:underline">il codice dovrà essere scritto in un apposito file ".html"</span> che sarà richiamato con la Proprietà ".Url" dell'Oggetto ''WebView''.
 
−
&#060;HTML>
 
−
  &#060;HEAD>
 
−
    &#060;IFRAME src="<FONT Color=gray>''/percorso/del/file/video''</font>" type="video/<FONT Color=gray>''estensione_del_video''</font>" width="640" height="480">
 
−
    &#060;/iframe>
 
−
  &#060;/head>
 
−
  &#060;/html>
 
−
E'possibile vedere anche un video da una pagina WEB.
 
  
  
Riga 53: 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".

Estratto da "https://www.gambas-it.org/wiki/index.php?title=Eseguire_un_file_Video_con_il_codice_HTML&oldid=35174"