Preview video

[Hélio Miranda]

Oi

Estou aqui com um problema que não estou a conseguir resolver. Eu queria fazer um preview de videos antes de fazer o uplaod dos mesmo. Sei que tenho que utilizar o jplayer, e estive a ver este 

http://www.longtailvideo.com/jw-player/

Mas não estou a perceber muito bem como fazer. Eu para as imagens fiz isto:

http://plnkr.co/edit/SLR6vPLNK6eWL7TaFbFC

Mas para o video não sei bem como fazer...é apenas utilizar o jplayer?

Alguém me pode ajudar?

[Suissa]

Acho que isso só com flash meu caro, o jw player soh faz o player não entendi oq  vc quer fazer com ele, mas nnao rola não ;)

--
You received this message because you are subscribed to the Google Groups "js.pro" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jspro+un...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

--

Jean C. Nascimento aka Suissa
Organizador Sampa.js, FrontinSampa, FrotinPG

NoSQL e JS/Node.js Evangelist

CIO - Fri.la

CTO - MeGaranto 

Diretor de Conteúdo Front-squad 

Diretor de Front-end - inSystems

Suissa Corp 

Consultoria, Treinamento e Cursos em HTML5, CSS3, Javascript, jQuery, AngularJs, Node.js e MongoDb

http://about.me/suissa

      

[Suissa]

http://stackoverflow.com/questions/7200404/how-can-i-create-a-video-preview-thumbnail

[Hélio Miranda]

O que eu queria fazer era algo assim:

http://jsfiddle.net/dgmike/7LGdb/2/

Mas em vez de ser com imagens, ser com videos...

É possivel fazer uma coisa desse género com videos?

Alguém me pode ajudar?

[Suissa]

Eu pelo menos nunca fiz

2013/9/24 Hélio Miranda <heli...@gmail.com>

--

You received this message because you are subscribed to the Google Groups "js.pro" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jspro+un...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

[Hélio Miranda]

O meu problema é, que por exemplo, quero fazer o upload de 2 videos e quero meter uma legenda em cada um...

E sem um preview não vou conseguir...porque não sei a que video pertence a legenda, se fosse apenas um video não havia problema...

[Suissa]

Vish ai complica mais ainda :p

Em 24 de setembro de 2013 12:17, Hélio Miranda <heli...@gmail.com> escreveu:

O meu problema é, que por exemplo, quero fazer o upload de 2 videos e quero meter uma legenda em cada um...

E sem um preview não vou conseguir...porque não sei a que video pertence a legenda, se fosse apenas um video não havia problema...

--

You received this message because you are subscribed to the Google Groups "js.pro" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jspro+un...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

[Hélio Miranda]

Pois...nas imagens é fácil...fiz uma coisa assim

http://jsfiddle.net/dgmike/7LGdb/2/

E tudo ok.

O meu problema agora é mesmo quando faço o uplaod dos videos para por uma descrição nos mesmos...

[Michael]

Acredito (precisava entender mais a fundo) que não dá pra tirar um
thumbnail do vídeo direto do browser. Você vai precisar de uma imagem
para isso.

Com base nessa suposição você tem duas opções:

- renderizar um player carregando o vídeo completo (ainda offline)
- fazer um thumbnail do lado do servidor e renderizar essa imagem em
paralelo

Para renderizar o player com o vídeo acho que existem algumas
limitações. O flash não abre arquivos locais. Mas precisa ver com calma
essa especificação. Talvez criar um objeto com a tag <video /> funcione,
mas tem o problema de sobrecarregar o browser por se tratar do vídeo
inteiro.

Para fazer o thumb do lado do servidor é um pouco mais complicado.
Precisa interceptar o upload, gerar o thumb com uma ferramenta como o
ffmpeg, informar de alguma forma que o thumb já foi gerado (pingando o
servidor via ajax talvez...) e finalmente, gerando a tag img
normalmente.

[Michael]

Acredito (precisava entender mais a fundo) que não dá pra tirar um
thumbnail do vídeo direto do browser. Você vai precisar de uma imagem
para isso.

Com base nessa suposição você tem duas opções:

- renderizar um player carregando o vídeo completo (ainda offline)
- fazer um thumbnail do lado do servidor e renderizar essa imagem em
paralelo

Para renderizar o player com o vídeo acho que existem algumas
limitações. O flash não abre arquivos locais. Mas precisa ver com calma
essa especificação. Talvez criar um objeto com a tag <video /> funcione,
mas tem o problema de sobrecarregar o browser por se tratar do vídeo

inteiro. Dá uma olhadela nesse cara: http://www.videojs.com/

Para fazer o thumb do lado do servidor é um pouco mais complicado.
Precisa interceptar o upload, gerar o thumb com uma ferramenta como o
ffmpeg, informar de alguma forma que o thumb já foi gerado (pingando o
servidor via ajax talvez...) e finalmente, gerando a tag img
normalmente.

On Ter, 2013-09-24 at 08:55 -0700, Hélio Miranda wrote: