Bonjour à tous !
Voila je travaille actuellement sur un projet où l'utilisateur peut être amené à uploader une video pour le site. Cette Video est uploadé sur Youtube à travers mon site grace aux API YouTube. Toute la fonction upload de YouTube est prête mais je bloque sur un problème plus simple : la création du formulaire !
Voila j'ai un formulaire qui ressemble à ca, bon pas besoin de tout lire, allez vers la fin ou il y a marqué Uploader une video. :
Code :
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
| <!-- Nom des Panneaux -->
<ul id="flowtabs">
<li><a id="t1" href="#player_tab">Création</a></li>
<li><a id="t2" href="#plugins_tab">Description</a></li>
<li><a id="t3" href="#streaming_tab">Caractéristiques</a></li>
<li><a id="t4" href="#scripting_tab">Uploads</a></li>
</ul>
<!-- Panneaux en question -->
<div id="flowpanes">
<!-- remove the space between tabs and panes -->
<br clear="all" />
<div>
<h2><?php echo $this->session->userdata('login');?> : Créez une Nouvelle Action !</h2><!-- Titre de la Page -->
<p class="logout"><?php echo anchor('action/index/.','Toutes les Actions');?></p>
<img class="JQVille" src="<?php base_url()?>assets/images/bloc.png" alt="" width="120px" title="" style="margin: 51px -31px;">
<table width="465" border="0" cellspacing="17" cellpadding="3">
<tr>
<td> <?php echo form_error('membre_id','<div class="error">','</div>');?></td>
<td> <input type="hidden" name="membre_id" value="<?php echo $this->session->userdata('id');?>" /></td>
</tr>
<tr>
<td><label for="lieu">Lieu *</label></td>
<td>
<select name="lieu">
<?php
echo '<option value="'.$this->session->userdata('ville').'">'.$this->session->userdata('ville').'</option>';
$this->load->model('ville_model');
$villes = $this->ville_model->affich_ville();
foreach ($villes as $ville){
echo '<option value="'.$ville-> nom_zone.'">'.$ville-> nom_zone.'</option>';
}
?>
</select>
</td>
<td><?php echo form_error('lieu','<div class="error">','</div>');?></td>
</tr>
<tr>
<td><label for="date_creation_action">Date de Création</label></td>
<td><input style="cursor:pointer;" onmousedown="return false;" onselectstart="return false;" readOnly name="date_creation_action" value="<?php echo date('Y-m-d');?>"/></td>
<td><?php echo form_error('date_creation_action','<div class="error">','</div>');?></td>
</tr>
<tr>
<td><label for="date_lancement_action">Date de Lancement *</label></td>
<td><input type="text" id="calendar-inputField" size="20" name="date_lancement_action" value="<?php echo set_value('date_lancement_action');?>" /><button id="calendar-trigger">...</button></td>
<td><?php echo form_error('date_lancement_action','<div class="error">','</div>');?></td>
</tr>
<tr>
<td><label for="date_fin_action">Date de fin *</label></td>
<td><input type="text" id="calendar-inputField2" size="20" name="date_fin_action" value="<?php echo set_value('date_fin_action');?>" /><button id="calendar-trigger2">...</button></td>
<td><?php echo form_error('date_fin_action','<div class="error">','</div>');?></td>
</tr>
<tr>
<td><label for="nom_action"> Nom de l'action *</label></td>
<td><input type="text" onKeyPress="activate('openTwo');" name="nom_action" value="<?php echo set_value('nom_action');?>" /></td>
<td><?php echo form_error('nom_action','<div class="error">','</div>');?></td>
</tr>
</table>
<!--<button id="openTwo" onClick="getValue();makeProgress(1, 11);">Suivant</button>-->
<br clear="all" />
</div>
<div>
<h2>Entrez une description</h2>
<img class="JQVille" src="<?php base_url()?>assets/images/text.png" alt="" width="145px" title="" >
<table width="300" border="0" cellspacing="15" cellpadding="3">
<tr>
<td><label for="descriptif_action">Description*</label></td>
<!-- <td><input type="text" name="descriptif_action" value="<?php echo set_value('descriptif_action');?>" /></td> -->
<td><textarea name="descriptif_action"><?php echo set_value('descriptif_action');?></textarea></td>
<td><?php echo form_error('descriptif_action','<div class="error">','</div>');?></td>
</tr>
<tr>
<td><label for="pitch_action">Pitch *</label></td>
<!--<td><input type="text" onKeyPress="activate('openThree');" name="pitch_action" value="<?php echo set_value('pitch_action');?>" /></td>-->
<td><textarea onKeyPress="activate('openThree');" name="pitch_action"><?php echo set_value('pitch_action');?></textarea></td>
<td><?php echo form_error('pitch_action','<div class="error">','</div>');?></td>
</tr>
<tr>
<td><label for="type_action">Type d'action *</label></td>
<td>
<select id="type_action" name="type_action" value="<?php echo set_value('type_action');?>">
<option value="collective">Collective</option>
<option value="levee_de_fond">Levee de fond</option>
</select>
</td>
<td><?php echo form_error('type_action','<div class="error">','</div>');?></td>
</tr>
<tr id="tr_montant" style="display:none;">
<td><label for="montant_levee_fond">Montant *</label></td>
<td><input type="text" name="montant_levee_fond" value="<?php echo set_value('montant_levee_fond');?>"/></td>
<td><?php echo form_error('montant_levee_fond','<div class="error">','</div>');?></td>
</tr>
</table>
<!--<button id="openThree" onClick="getValue();makeProgress(2, 11);">Suivant</button>-->
<br clear="all" />
</div>
<!-- Affichage conditionnel d'un champs de formulaire -->
<script>
$('#type_action').change( function(){
if ( $('#type_action').attr('value') == 'levee_de_fond' )
{
$('#tr_montant').css('display', '');
}else{
$('#tr_montant').css('display', 'none');
}
});
</script>
<div>
<h2>Caractéristiques de l'enchère</h2>
<table width="454" border="0" cellspacing="33" cellpadding="5">
<tr>
<td><label for="adherent_min">Nombre d'adherent minimum *</label></td>
<td><input type="text" name="adherent_min" value="<?php echo set_value('adherent_min');?>"/></td>
<td><?php echo form_error('adherent_min','<div class="error">','</div>');?></td>
</tr>
<tr>
<td><label for="tags_action">Tags </label></td>
<td><input type="text" name="tags_action" value="<?php echo set_value('tags_action');?>"/></td>
<td> <?php echo form_error('tags_action','<div class="error">','</div>');?></td>
</tr>
<img style="float:right; width:120px; margin:50px;"class="JQVille" src="http://static.flowplayer.org/img/title/eye192.png" alt="Flying screens" />
</table>
</div>
<div>
<h2>Uploads</h2>
<img src="<?php base_url()?>assets/images/preview.png" alt="" width="120px" title="" style="float:right;" >
<img class="JQVille" src="http://static.flowplayer.org/img/title/screens.png" alt="Flying screens" style="float:left;margin:0 30px 200px 0" />
<table width="400" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><label for="logo">Uploader Une Video (optionel) </label></td>
<td><input type="file" name="videofile" value="<?php echo set_value('videofile');?>" /></td>
<td><?php echo form_error('videofile','<div class="error">','</div>');?></td>
</tr>
<tr>
<td><label for="logo">Image* </label></td>
<td><input type="file" name="userfile" value="<?php echo set_value('userfile');?>" /></td>
<td><?php echo form_error('userfile','<div class="error">','</div>');?></td>
</tr>
</table>
<p> </p>
<button name='upload' type="submit" class="button" value="Charger" > Valider <img src="<?php echo base_url();?>assets/images/yes.png" alt="" width="15px"/></button>
</div>
</div>
<!-- activate tabs with JavaScript -->
<script>
$(function() {
$("#flowtabs").tabs("#flowpanes > div", { history: true });
});
</script>
<?php } ?> |
et je voudrais que l'orsque l'utilisateur entre le lien (video qui est sur son pc) dans le champs adéquate, je lance la fonction request_youtube.
Cette fonction amène l'utilisateur sur Youtube vers une page ou il doit simplement authoriser mon appli à uploader la video sur le compte Youtube de l'utilisateur.
Ensuite, il est redirigé vers mon site, je souhaiterai que les champs gardent leur valeur d'avant la redirection. comment faire ? un cookie ?
ensuite, lorsque l'utilisateur upload la video sur YouTube à travers mon site, je recois une adresse de la video que je souhaiterai stocker dans la bdd, c'est à dire que le champ du lien de la video , n'a servi que pour ma fct YouTube et non pour mon formulaire.
Mon explication peut sembler un peu confuse, moi-même j'ai un peu de mal à me faire une idée du process à suivre pour l'upload d'une video YouTUbe ou je dois passer par une série de fonctions afin d'obtenir des tokens de sécurité pour upload ma video.
Quelqu'un à-t-il déjà programmé un upload de video sur Youtube grace aux API YouTube ? si oui quel à été votre démarche pour envoyer la video sur YouTube ? à savoir que ma fonction pour obtenir le oaut token, oauth secret token, mon token secret et mon code API marche bien.
Merci Pour le coup de pouce
08/12/2011, 16h43
Upload Video Youtube dans Formulaire
00
