Почему jplayer не играет песню - PullRequest
2 голосов
/ 10 декабря 2011

Вот мой код jplayer

<div id="player"></div>

Javascript:

$("#player").jPlayer( {
    ready: function () {
      $(this).jPlayer("setMedia", {
        mp3: '/bedupako/songs_related/uploads/1.mp3' // Defines the url
      }).jPlayer("play"); // Attempts to Auto-Play the media
    },
    supplied: "mp3",
    swfPath: "js"
  });

, и я уверен, что мой mp3-путь правильный, также я уверен в swfpath тоже.Так почему моя песня не воспроизводится?

РЕДАКТИРОВАТЬ:

Хорошо, теперь я просто взволнован и просто сделал это.Я получил DEMO jPlayer, простой круг 1015 * и только что загрузил его на свой сайт.Со следующими изменениями:

circle.player.js получил следующие изменения

solution: "html", // I want only HTML5 playback, NO FLASH
supplied: "mp3",

в Index.php.Я удалил вторых игроков, а затем изменил конструктор одного из них на следующий

var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
            {
                mp3: "http://bedupako.com/songs_related/uploads/40.mp3"
            }, {
                cssSelectorAncestor: "#cp_container_1"
            });

И действующая ссылка здесь .Я специально использую проигрыватель HTML5, так как мне это нужно.( В Opera и Firefox , моя песня была воспроизведена Chrome; я не пробовал в IE, но, честно говоря, я все равно не забочусь о IE: P, потому что всегда есть какая-то проблема с этим -_-) пожалуйста, отключите вашФлэш-плагин перед воспроизведением

Ответы [ 4 ]

5 голосов
/ 11 декабря 2011

Ни Firefox, ни Opera не поддерживают формат MP3 в HTML 5 Audio, только WEBMA и OGA:

HTML5 browsers and their supported audio file formats:

Firefox (OSX, Win): WEBMA, OGA
Safari (OSX, Win): MP3, M4A
Mobile Safari iOS4 (iPad, iPhone, iPod): MP3, M4A
Opera (OSX, Win): WEBMA, OGA
Chrome (OSX, Win): WEBMA, OGA, MP3, M4A
IE9 (Win): MP3, M4A (Can install the WebM codec.)

взято из http://www.jplayer.org/latest/developer-guide/#reference-html5-audio-format

2 голосов
/ 11 декабря 2011

получаете ли вы какие-либо предупреждения error или warning, если добавляете следующие два параметра конструктора?

$("#player").jPlayer( {
    ready: function () {
      $(this).jPlayer("setMedia", {
        mp3: '/bedupako/songs_related/uploads/1.mp3' // Defines the url
      }).jPlayer("play"); // Attempts to Auto-Play the media
    },
    supplied: "mp3",
    swfPath: "js",
    errorAlerts: true,
    warningAlerts: true
  });
1 голос
/ 11 декабря 2011

Я написал короткий пример, описывающий код и структуру каталогов в моем блоге здесь: http://vigrond.com/blog/2011/12/01/invisible-html5-flash-audio-player-using-jplayer/ (щелкните ссылку на пример)

Надеюсь, вы сможете сравнить ваш код с этим и увидеть проблему.

Трудно сказать, что является причиной проблемы без живой тестовой страницы.

0 голосов
/ 10 декабря 2011

Вы пытались использовать абсолютный путь для вашего mp3-файла?

...