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
| function Prezi(player, div, id, btn) {
//On adapte la taille des lecteurs à la résolution d'écran de l'utilisateur
if(screen.width >=1280) {
//Constructeur de PreziPlayer
player = new PreziPlayer(div, {
preziId: id,
width: 1024,
height: 576
});
}
else {
player = new PreziPlayer(div, {
preziId: id,
width: 768,
height: 432
});
}
//Nouveau écouteur d'événement qui se déclenche à chaque changement de status du prezi.
player.on(PreziPlayer.EVENT_STATUS, function mota(e) {
//Si le prezi est correctement charger alors...
if (player.getStatus() == 'contentready') {
//Fait disparaitre le bouton de lancement du prezi
var a = document.getElementById(btn).getElementsByTagName('input');
a[0].style.display = "none";
//On récupère la div parente
var div = document.getElementById(btn);
//Déclare les 4 boutons, play , pause, suivant, precedent,
var nouveauInputPlay = document.createElement('input');
var nouveauInputPause = document.createElement('input');
var nouveauInputSuivant = document.createElement('input');
var nouveauInputPrecendent = document.createElement('input');
//Création des deux libéllés d'information
var texte = document.createElement('p');
texte.style.fontStyle = "italic";
var node = document.createTextNode("Il se peut que la présentation ne se charge pas correctement");
texte.appendChild(node);
var texte2 = document.createElement('p');
texte2.style.fontStyle = "italic";
var node2 = document.createTextNode("Rafraîchissez la page pour corriger le problème.");
texte2.appendChild(node2);
//Propriété du bouton Play
nouveauInputPlay.type = 'image';
nouveauInputPlay.class = 'media';
nouveauInputPlay.src = 'img/play.png';
nouveauInputPlay.addEventListener('click', function () {
player.play(1000);
});
//Propriété du bouton Pause
nouveauInputPause.type = 'image';
nouveauInputPause.class = 'media';
nouveauInputPause.src = 'img/pause.png';
nouveauInputPause.addEventListener('click', function () {
player.stop();
});
//Propriété du bouton Precedent
nouveauInputPrecendent.type = 'image';
nouveauInputPrecendent.class = 'media';
nouveauInputPrecendent.src = 'img/precedent.png';
nouveauInputPrecendent.addEventListener('click', function () {
player.previousStep();
});
//Propriété du bouton Suivant
nouveauInputSuivant.type = 'image';
nouveauInputSuivant.class = 'media';
nouveauInputSuivant.src = 'img/suivant.png';
nouveauInputSuivant.addEventListener('click', function () {
player.nextStep();
//reviens au début de la présentation
if (player.getStepCount() == player.getCurrentStep()+1 && player.getAnimationCountOnSteps() == player.getCurrentAnimationStep()+1)
{
player.flyToStep(1);
}
});
//Insertion des boutons dans la div parente
div.appendChild(nouveauInputPlay);
div.appendChild(nouveauInputPause);
div.appendChild(nouveauInputPrecendent);
div.appendChild(nouveauInputSuivant);
//Insertion des deux libellés
div.appendChild(texte);
div.appendChild(texte2);
player.play(1000);
}
});
;
} |
