Recuperer une valeur et la passer en get a une iframe
bonjour,
sur du stream vidéo j utilise le script suivant (qui marche)
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
| <?PHP
.....
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>videojs-contrib-quality-levels Demo</title>
<link href="../common/video-js.css" rel="stylesheet">
<style>
button.enabled {
background: SkyBlue;
}
button.selected {
background: SpringGreen;
}
button.disabled {
background: red;
}
</style>
</head>
<body>
<table><tr><td>
<div id="fixture">
</div>
</td><td valign="top">
<a href="<?php echo $url; ?>" target="_blank" >chaturbate</a><br><br><br>
<iframe name="formchngmytype" width="150" height="300" src="./form_mytype.php?pseudo=<?php echo $pseudo; ?>"></iframe>
<div id="quality-levels">
<h2>Quality Levels:</h2>
</div>
</td></tr></table>
<script src="../common/video.js"></script>
<script src="../common/videojs-contrib-hls.js"></script>
<script src="../common//videojs-contrib-quality-levels.js"></script>
<script>
function createQualityButton(qualityLevel, parent) {
var button = document.createElement('button');
var classes = button.classList;
if (qualityLevel.enabled) {
classes.add('enabled');
} else {
classes.add('disabled');
}
button.innerHTML = parseInt(qualityLevel.bitrate/1024);
button.id = 'quality-level-' + qualityLevel.id;
button.onclick = function() {
var old = qualityLevel.enabled;
qualityLevel.enabled = !old;
button.classList.toggle('enabled');
button.classList.toggle('disabled');
}
parent.appendChild(button);
}
function createPlayer(callback) {
var video = document.createElement('video');
video.id = 'videojs-contrib-quality-levels-player';
video.className = 'video-js vjs-default-skin';
video.setAttribute('controls', true);
video.setAttribute('height', 710);
video.setAttribute('width', 1262);
document.querySelector('#fixture').appendChild(video);
var options = {
autoplay: true,
qualityLevels: {}
};
var url = '<?php echo $streamurl; ?>';
var type = 'application/x-mpegURL';
try {
window.player = videojs(video.id, options);
window.player.src({
src: url,
type: type
});
callback(window.player);
} catch(err) {
console.log("caught an error trying to create and add src to player:", err);
}
}
function setup(player) {
player.ready(function() {
var qualityLevels = player.qualityLevels();
var container = document.getElementById('quality-levels');
qualityLevels.on('addqualitylevel', function(event) {
createQualityButton(event.qualityLevel, container);
});
qualityLevels.on('change', function(event) {
for (var i = 0; i < qualityLevels.length; i++) {
var level = qualityLevels[i];
var button = document.getElementById('quality-level-' + level.id);
button.classList.remove('selected');
}
var selected = qualityLevels[event.selectedIndex];
var button = document.getElementById('quality-level-' + selected.id);
button.classList.add('selected');
})
});
}
(function(window, videojs) {
createPlayer(setup);
})(window, window.videojs);
</script>
</body>
</html> |
j'ai besoin de récuperer la derniere valeur de parseInt(qualityLevel.bitrate/1024) (ligne 56)
et d'ajouter cette valeur a mon iframe (ligne34) en GET du style URL=URL + '&qual=' + 'DERNIERE_VALEUR_DE_LA_FONCTION',
mais malheureusement je suis trop novice en javascript pour savoir comment faire
j'apprécierais vraiment un petit coup de main , merci d'avance
