IExplorer - El objeto no acepta esta propiedad o método

[mateando]

Tengo un problema que hace dejar de funcionar parte de una web que estoy armando; se trata de un reproductor en JQuery, que en Firefox funciona de maravillas, pero en IExplorer no...

Al darle al boton de play (aunque deberia arrancar el sonido directamente) :

Mensaje: El objeto no acepta esta propiedad o método
Línea: 105
Carácter: 6
Código: 0
URI: w w w. bhaktivinoda . com . ar / js / jquery.jplayer.js

Probe de buscar el error con Firebug, pero no aparece nada...


Este plugin de Jquery lo ejecuto con el siguiente codigo:

Código HTML:

<div id="reproductor"><div id="jquery_jplayer"></div>
        <ul id="player_controls">
          <li id="player_play">play</li>
          <li id="player_pause">pause</li>
          <li id="player_volume_min">min volume</li>
          <li id="player_volume_max">max volume</li>
          <li id="ctrl_prev">previous</li>
          <li id="ctrl_next">next</li>
  </ul>
  <div id="play_time"></div>
  <div id="total_time"></div>
        <div id="player_progress">
          <div id="player_progress_load_bar">
            <div id="player_progress_play_bar"></div>
          </div>
        </div>
        <div id="player_volume_bar">
          <div id="player_volume_bar_value"></div>
  </div>
</div>
      <span id="barrines">///////</span><div id="playlist_list"><ul></ul></div><span id="barrines2">///////</span>
 

Código JAVASCRIPT:

$(document).ready(function(){
 
    var playItem = 0;
 
    var myPlayList = [
        {/*Aqui un listado de temas mp3*/}
    ];
 
 
    $("#jquery_jplayer").jPlayer({
        ready: function() {
            displayPlayList();
            playListInit(true); // Parameter is a boolean for autoplay.
        },
        oggSupport: true
    })
    .jPlayerId("play", "player_play")
    .jPlayerId("pause", "player_pause")
    .jPlayerId("loadBar", "player_progress_load_bar")
    .jPlayerId("playBar", "player_progress_play_bar")
    .jPlayerId("volumeMin", "player_volume_min")
    .jPlayerId("volumeMax", "player_volume_max")
    .jPlayerId("volumeBar", "player_volume_bar")
    .jPlayerId("volumeBarValue", "player_volume_bar_value")
    .onProgressChange( function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
        var myPlayedTime = new Date(playedTime);
        var ptMin = (myPlayedTime.getUTCMinutes() < 10) ? "0" + myPlayedTime.getUTCMinutes() : myPlayedTime.getUTCMinutes();
        var ptSec = (myPlayedTime.getUTCSeconds() < 10) ? "0" + myPlayedTime.getUTCSeconds() : myPlayedTime.getUTCSeconds();
        $("#play_time").text(ptMin+":"+ptSec+"/");
 
        var myTotalTime = new Date(totalTime);
        var ttMin = (myTotalTime.getUTCMinutes() < 10) ? "0" + myTotalTime.getUTCMinutes() : myTotalTime.getUTCMinutes();
        var ttSec = (myTotalTime.getUTCSeconds() < 10) ? "0" + myTotalTime.getUTCSeconds() : myTotalTime.getUTCSeconds();
        $("#total_time").text(ttMin+":"+ttSec);
    })
    .onSoundComplete( function() {
        playListNext();
    });
 
    $("#ctrl_prev").click( function() {
        playListPrev();
        return false;
    });
 
    $("#ctrl_next").click( function() {
        playListNext();
        return false;
    });
 
    function displayPlayList() {
        for (i=0; i < myPlayList.length; i++) {
            $("#playlist_list ul").append("<li id='playlist_item_"+i+"'>"+ myPlayList[i].name +"</li>");
            $("#playlist_item_"+i).data( "index", i ).hover(
                function() {
                    if (playItem != $(this).data("index")) {
                        $(this).addClass("playlist_hover");
                    }
                },
                function() {
                    $(this).removeClass("playlist_hover");
                }
            ).click( function() {
                var index = $(this).data("index");
                if (playItem != index) {
                    playListChange( index );
                }
            });
        }
    }
 
    function playListInit(autoplay) {
        if(autoplay) {
            playListChange( playItem );
        } else {
            playListConfig( playItem );
        }
    }
 
    function playListConfig( index ) {
        $("#playlist_item_"+playItem).hide().removeClass("playlist_current");
        $("#playlist_item_"+index).fadeIn("slow").addClass("playlist_current");
        playItem = index;
        $("#jquery_jplayer").setFile(myPlayList[playItem].mp3, myPlayList[playItem].ogg);
    }
 
    function playListChange( index ) {
        playListConfig( index );
        $("#jquery_jplayer").play();
    }
 
    function playListNext() {
        var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
        playListChange( index );
    }
 
    function playListPrev() {
        var index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
        playListChange( index );
    }
});
 
window.onload = function()
    {
        $("#reproductor").dropShadow({left:-15, top: 3, blur: 5, opacity: 0.9, color: "#9D0000"});
    }
 

Y un poco de CSS tambien...

Agradeceria una mano... hoy me duele la cabeza de tantas vueltas que doy... jajja
Saludos!

[deirdre]

Hola mateando

Has hecho unos cambios en el script del playlist que me parece que pueden ser la fuente del problema:

En tu página encuentro esta forma de hacer el playlist:

Código HTML:

	var myPlayList = [
		{name:"Tempered Song",mp3:"http://www.miaowmusic.com/mp3/Miaow-01-Tempered-song.mp3",ogg:"http://www.miaowmusic.com/ogg/Miaow-01-Tempered-song.ogg"},
		{name:"Hidden",mp3:"http://www.miaowmusic.com/mp3/Miaow-02-Hidden.mp3",ogg:"http://www.miaowmusic.com/ogg/Miaow-02-Hidden.ogg"},
etc, etc

Yo creo, siguiendo la fuente del autor, que la forma correcta es esta:

Código HTML:

	var myPlayList = [
		{name:"Tempered Song",filename:"http://www.miaowmusic.com/mp3/Miaow-01-Tempered-song.mp3"},
		{name:"Hidden",filename:"http://www.miaowmusic.com/mp3/Miaow-02-Hidden.mp3"},
etc, etc

Yo he compuesto un player de esta forma y no tiene ningún problema con iexplorer.

Comenta algo.

Bye

[mateando]

deirdre!
Te cuento que hice ese cambio, me guie por el "Developer Guide" de jPlayer pero de la version anterior 0.2.3 ... yo me guiaba con la version 0.2.4, que aparentemente maneja algo con los archivos ogg en caso de que el navegador lo permita...

Ahora mismo esta configurado con el plugin en la version 0.2.3, pero nisiquiera funciona en Firefox.... tampoco me tira ningun error el firebug.

En IE (el mismo error en distinta linea):

Mensaje: El objeto no acepta esta propiedad o método
Línea: 102
Carácter: 6
Código: 0
URI: w w w. bhaktivinoda . com . ar / js / jquery.jplayer.js

Logre hacer funcionar un reproductor de estos una vez, pero era mas simple, no era del tipo PLAYLIST....

Para que veas como configuro:
w w w. bhaktivinoda . com . ar / js / mi.js


Seguire probando, alguna idea ?!

[mateando]

Otra vez yo...
Algo raro tiene que estar pasando, copie identico el codigo fuente de un demo de la web del autor, y la puse en el server que estoy usando....

Y me da el mismo error... mira:

w w w . bhaktivinoda.com.ar / mp3 . html

Cada vez me enrrollo mas.. jajaj

[mateando]

SOLUCIONADO!

Erea algo mucho mas simple, de lo que pensabamos!!
Hay un grupo de Google sobre el plugin jPlayer, donde deje un mensaje, contando el mismo problema, y me informaron que me habia olvidado subir un archivo!

Un reproductor en flash: Jplayer.swf

w w w . happyworm . com / jquery / jplayer / 0.2.4 / js /

Gracias deirdre por contestar

[deirdre]

Un "errorcito" de bulto. Cosas que pasan... Lo mejor siempre: preguntar

Suerte

Bye