Bonjour,
Mon souci est le suivant:
Comment extraire une image � partir d'une vid�o � un temps bien pr�cis.C'est � dire quand l'utilisateur clique sur une position sur le timeline de la vid�o, je r�cup�re la position puis je stocke l'image correspondante dans un dossier dans mon projet.
NB: Le player que j'utilise est Projekktor
J'ai deja fait le code qui me permet de r�cup�rer la position, mais comment obtenir l'image?
voila l'ensemble de fonctions(getters) de ce player http://www.projekktor.com/docs/api#getters
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82 <!DOCTYPE HTML> <html> <head> <title>Projekktor - simply mighty video</title> <style type="text/css"> body { background-color: #fdfdfd; padding: 0 20px; color:#000; font: 13px/18px monospace; width: 800px;} a { color: #360; } h3 { padding-top: 20px; } </style> <!-- Load player theme --> <link rel="stylesheet" href="themes/maccaco/projekktor.style.css" type="text/css" media="screen" /> <!-- Load jquery --> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <!-- load projekktor --> <script type="text/javascript" src="projekktor-1.3.09.min.js"></script> </head> <body> <video class="projekktor" poster="http://www.projekktor.com/wp-content/manual/intro.png" title="This is Projekktor" width="640" height="385" controls id="player_a"> <source src="http://www.projekktor.com/wp-content/manual/intro.mp4" type="video/mp4" /> <source src="http://www.projekktor.com/wp-content/manual/intro.webm" type="video/webm" /> <source src="http://www.projekktor.com/wp-content/manual/intro.ogv" type="video/ogg" /> </video> <script type="text/javascript"> /* This script is just an example and included to build up the "demo status panel". For daily practice installing the player to your site is MUCH simpler and stright forward. Please take a look at http://www.projekktor.com/docs/quickinstall */ jQuery(document).ready(function($) { // two video items we can dynamically inject for testing purposes: var videoOne = { 0:{src: 'http://www.youtube.com/watch?v=emvpc0N0WR4', type: 'video/youtube'} } var videoTwo = { 0:{src: 'http://www.youtube.com/watch?v=emvpc0N0WR4', type: 'video/youtube'} } /********************************************************************* Some player event listeners to set general status information: *********************************************************************/ var seekListener=function(Obj) { $('#mouseclick').html(myPlayer.getPosition()) //$('#mouseclick').html(myPlayer.getMediaType()) //alert(projekktor('video').getPosition()) //$('#time').text() } /********************************************************************* Configure and instantiate the player and apply an "onReady" callback function *********************************************************************/ var myPlayer = projekktor('#player_a', { debug: false, playerFlashMP4: 'http://www.projekktor.com/wp-content/manual/jarisplayer.swf', playerFlashMP3: 'http://www.projekktor.com/wp-content/manual/jarisplayer.swf', plugin_display: { logoImage: "yourlogo.png" } }, function(player) { // add listeners player.addListener('seek', seekListener); }); }); </script> <div id="panel"> <ul class="info"> <li>Mouse click <span id="mouseclick" ></span></li> </ul> <div style="clear:both;"></div> </div> </body> </html>
Partager