WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: mp3-jplayer] Javascript error in Safari & Chrome after upgrading to 3.5 (8 posts)

  1. bobk88
    Member
    Posted 1 year ago #

    I posted this in the forum for mp3-jplayer, but the developer hasn't answered posts for the past 9 months.

    After upgrading WordPress 3.42 to 3.5 yesterday, mp3-jplayer broke in Safari and Chrome for Mac, and Mobile Safari and Atomic Browser for iOS. Symptoms are many, including: playback failing to start when a song title is clicked; multiple song files being highlighted at once after they're clicked (instead of successive clicks selecting a new song and de-selecting the previous one); 'current time' readout remains at 0:00, and total time readout is missing; clicking on a song title sometimes causes a jump to the top of the page; playback progress head fails to appear; and more.

    The players appear to be working fine in Firefox.

    The problems remained after I tried the following:

    1. disabling all other plugins
    2. switching to the new Twenty Twelve theme
    3. running SCRIPT_DEBUG as recommended in the Codex

    I ran the Javascript troubleshooting as recommended here, and the error consoles in both Safari and Chrome showed:

    Uncaught Error: cannot call methods on slider prior to initialization; attempted to call method 'option' query.js:2

    Occasionally, clearing the browser cache and re-loading the affected pages seems to resolve the issues in Safari, but this is not consistent.

    Safari 6.02
    Chrome 23.0.1271.97
    Firefox 17.01
    All running in Mac OS 10.8 on a Mac Pro 8-core
    Also: latest versions of Mobile Safari and Atomic Browser on iPad2, iOS 6

    mp3-jplayer mp3-jplayer 1.7.3 with customized GUI (please note: customization was not done by the plug-in's author, and AFAIK it did not involve altering Javascript - just css)

    Test page is here.

  2. freshlinx
    Member
    Posted 1 year ago #

    I decided to use a different plugin in the end as I was getting no joy! I was using MP3-JPlayer plugin to embed an mp3 player for customers to preview track clips, this stopped working with 3.4 and support looked a bit dusty. I decided to go with the excellent mediaelement.js (http://mediaelementjs.com/) which degrades gracefully to swf for unsupported browsers.

    It may take less time to switch players and reskin than go round in circles with a player that appears to no longer be supported or updated.

    Hope this helps.

  3. bobk88
    Member
    Posted 1 year ago #

    Mediaelement lacks a playlist player, which I want/need.

    And while it was updated more recently than mp3-jplayer, forum support seems no better.

  4. freshlinx
    Member
    Posted 1 year ago #

    I too am looking into a new playlist player for client sites. I have found the following but have not tested it out yet. Maybe worth a try. I will let you know if I get time to try it in the near future. If you try first let me know!!

    Cheers

  5. bobk88
    Member
    Posted 1 year ago #

    Update: my test page has moved to here.

  6. bobk88
    Member
    Posted 1 year ago #

    More troubleshooting info to add to my above posts.

    Here's the simplest way to see the problem:

    In Safari and Chrome (Mac), if the first thing you do after the page loads is click the 'play' button, the player seems to work ok. Subsequent clicks on another song will cause it to load and begin playback, as expected.

    However, if the first thing you do after the page loads is click on a song title instead, that title loads into the 'current track' display at the top of the player, but playback does not start, and if you had to scroll down to see the player, the page jumps back up to the top.

    If you then click on the play button, the selected song will play back, but with the following issues:

    1. The 'elapsed time' readout remains at 0:00.

    2, The 'total time' readout does not appear.

    3. The playback progress bar does not appear, and clicking along the timeline does not have any effect (it should cause playback to jump to the location where you clicked).

  7. leialee31
    Member
    Posted 1 year ago #

    Have you had any response from the developer on this? I have exactly the same problem, and it seems to be the javascript issue you describe. In the console, I see many iterations of the following two errors:

    Uncaught Error: cannot call methods on slider prior to initialization; attempted to call method 'option'

    Uncaught Error: cannot call methods on slider prior to initialization; attempted to call method 'destroy'

    I am also updated to WordPress 3.5.

  8. bobk88
    Member
    Posted 1 year ago #

    Last week, the developer said that a fixed update would be released over the weekend. Obviously that didn't happen.

    Unfortunately, I've had to move on and find another solution. I'm now using jPlayer directly in my site (not a plugin).

Topic Closed

This topic has been closed to new replies.

About this Topic