Cómo mostrar botones cuando se cargue un elemento progress
Publicado por SuperMS2 (1 intervención) el 23/01/2017 19:44:04
Buenas tardes,
Miren estoy haciendo un proto editor de vídeo con firefogg, un complemento de Firefox. Tengo este código:
El problema está en que cuando se cargue el elemento progress que en el documento HTML está identificado por progressbar, se tienen que insertar dos botones (cuyo código insertaré ahí). Estoy empezando en esto y no entiendo muy bien la naturaleza ni de <progress> ni de esta forma de usar JavaScript. Antes de meter los botones estoy probando a sacar el típico mensaje con alert(Saludos!); y una de dos, o lo meto dentro de update_progress() y me lo proyecta tres veces o si lo pongo en cualquier otro lado no me codifica el vídeo, ¿alguien me puede explicar que pasa y cómo se soluciona? Quiero que cuando se complete la codificación, lo que es var relleno == 10000, me lo proyecte una vez, no tres, de cara a los botones. He estado buscando los eventos de onload y similres pero con esta etiqueta no funcionan. Gracias
Miren estoy haciendo un proto editor de vídeo con firefogg, un complemento de Firefox. Tengo este código:
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
if(typeof(Firefogg) == 'undefined') {
alert('You dont have Firefogg, please go to http://firefogg.org to install it');
window.open('http://firefogg.org');
}var ogg = new Firefogg();
if(ogg.selectVideo()) {
var options = JSON.stringify({'maxSize': 320, 'videoBitrate': 500});
ogg.encode(options,
function(result, file) {
result = JSON.parse(result);
update_progress(result.progress, result.state);
var xhr = new XMLHttpRequest();
xhr.addEventListener('progress', function(e) {
var progress = e.position || e.loaded, total = e.totalSize || e.total;
update_progress(progress, 'uploading');
}, false);
xhr.open('post', uploadUrl, true);
xhr.send(file)
},
function(progress) {
progress = JSON.parse(progress);
update_progress(progress.progress, progress.state);
} );}function update_progress(progress, text) {
var progressbar = document.getElementById('progressbar');
var relleno = parseInt(progress*10000);
progressbar.setAttribute("value",relleno);
}El problema está en que cuando se cargue el elemento progress que en el documento HTML está identificado por progressbar, se tienen que insertar dos botones (cuyo código insertaré ahí). Estoy empezando en esto y no entiendo muy bien la naturaleza ni de <progress> ni de esta forma de usar JavaScript. Antes de meter los botones estoy probando a sacar el típico mensaje con alert(Saludos!); y una de dos, o lo meto dentro de update_progress() y me lo proyecta tres veces o si lo pongo en cualquier otro lado no me codifica el vídeo, ¿alguien me puede explicar que pasa y cómo se soluciona? Quiero que cuando se complete la codificación, lo que es var relleno == 10000, me lo proyecte una vez, no tres, de cara a los botones. He estado buscando los eventos de onload y similres pero con esta etiqueta no funcionan. Gracias
Valora esta pregunta
0