[AJAX] Recuperer une div dynamique
Bonjour,
Vous m'excuserez si je ne suis pas dans la bonne section, je ne savais où poster (php ou ici), vous le comprendrez par la suite.
J'ai un site avec des membres.
Je suis en train de mettre en place un chat avec des cams.
Grace à une compilation de VideoiO et de JwPlayer, j'ai enfin réussi à faire un streaming complet avec des rafraichissement du coté du flash en cas de coupure.
En fouillant sur le net, je trouve pas mal de chose sur ajax, langage que je ne connaissais pas et qui, je pense, pourrait m'etre utile dans la finalisation de mon petit projet.
Je m'explique.
J'ai donc un fichier qui envoie la cam (index.php):
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
| <html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<? require_once '../internals/$config.php';
require_once '../internals/Header.inc.php';
$play = $_GET['play'];
$sql = SK_MySQL::placeholder(
"SELECT `profile_id`,`username`,`password`
FROM `".TBL_PROFILE."`
WHERE username='?'", $_SESSION['%http_user%'][username]
);
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
// on fait une boucle qui va faire un tour pour chaque enregistrement
while($data = mysql_fetch_assoc($req))
{
// on affiche les informations de l'enregistrement en cours
$chat_user= $data['username'];
$chat_id= $data['profile_id'];
}
?>
<script type='text/javascript' src='./jwplayer.js'></script>
<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>
</head>
<body>
<script>
function popup(popupType) {
window.open("../cam/macam2.php");
}
</script>
<form method="post" action="" onSubmit="popup()">
<input type="text" name="pseudo" value="<? echo $chat_user; ?>"/>
<input type="submit"/>
</form>
<div id='player'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('player').setup({
flashplayer: "jwplayer.swf",
logo: "../layout/img/watermark2.png",
'logo.timeout': "60",
type: "rtmp",
streamer: "rtmp://monhost",
autostart: "true",
bufferlength: "3",
file: "e_<?php echo $_POST['pseudo']; ?>",
controlbar: "bottom",
width: "320",
height: "260"
});
<!--
//Script to handle time out; used in case live streaming stopped
//by ip5up 2012-01-26
var t;
var timer=5000;
jwplayer().onIdle(function() {
t=setTimeout("jwplayer().play()",timer);
});
</script>
</body>
</html> |
D'un autre coté, j'ai le popup qui contient la cam qui sera envoyée (cam.php):
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
| <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<?php
error_reporting(0);
//if(!$_SESSION)
//session_start();
require_once '../internals/$config.php';
require_once '../internals/Header.inc.php';
$sql = SK_MySQL::placeholder(
"SELECT `profile_id`,`username`,`password`
FROM `".TBL_PROFILE."`
WHERE username='?'", $_SESSION['%http_user%'][username]
);
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
// on fait une boucle qui va faire un tour pour chaque enregistrement
while($data = mysql_fetch_assoc($req))
{
// on affiche les informations de l'enregistrement en cours
$chat_user= $data['username'];
$chat_id= $data['profile_id'];
}
?>
<body>
<script>
function getFlashMovie(movieName) {
var isIE = navigator.appName.indexOf("Microsoft") != -1;
return (isIE) ? window[movieName] : document[movieName];
}
</script>
<td>
<center>
<object type="application/x-shockwave-flash" data="VideoIO11.swf"
id="video1" width="320" height="240" quality="high">
<param name="movie" value="VideoIO11.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="flashVars" value="controls=true" />
</object>
<center>
<input id="src1" type="hidden" autocomplete="off" style="width:170px;"
value="rtmp://monhost"/>
<input id="publish1" type="hidden" autocomplete="on" style="width:50px;"
value="<? echo $chat_user; ?>"/>
<input value="Envoyer ma Cam" type="button"
onclick="getFlashMovie('video1').setProperty('src',
document.getElementById('src1').value
+ '?publish=' + document.getElementById('publish1').value)"/>
<input value="Arrêter" type="button"
onclick="getFlashMovie('video1').setProperty('src', null)"/>
</center>
</body>
</html> |
Comme on peut se rendre compte, seule la valeur en rouge dans cam.php doit etre récupérée dans index.php.
Sans rafraichir une quelconque div (pour ne pas couper les cams en cours), y aurait il un moyen de recuperer des valeurs de cam.php et de les envoyer à index.php ?
Je ne cherche pas une solution toute prete mais, pour le moment, une base afin de savoir comment je pourrait mettre en marche tout çà.
Merci à tous de votre aide.
