Как нарисовать ширину поисковой панели JPlayer в пикселях, а не в процентах? - PullRequest
Новая
       101

Как нарисовать ширину поисковой панели JPlayer в пикселях, а не в процентах?

0 голосов
/ 23 февраля 2020

Ниже код функции JPlayer, которая анимирует прогресс: 

        _updateInterface: function() {
        this.css.jq.seekBar.length && this.css.jq.seekBar.width(this.status.seekPercent + "%"),
        this.css.jq.playBar.length && this.css.jq.playBar.stop(true,true).animate({width:this.status.currentPercentAbsolute + "%"}, 250, "linear");
        var a = "";
        this.css.jq.currentTime.length && (a = this._convertTime(this.status.currentTime), a !== this.css.jq.currentTime.text() && this.css.jq.currentTime.text(this._convertTime(this.status.currentTime)));
        var b = "",
            c = this.status.duration,
            d = this.status.remaining;
        this.css.jq.duration.length && ("string" == typeof this.status.media.duration ? b = this.status.media.duration : ("number" == typeof this.status.media.duration && (c = this.status.media.duration, d = c - this.status.currentTime), b = this.options.remainingDuration ? (d > 0 ? "-" : "") + this._convertTime(d) : this._convertTime(c)), b !== this.css.jq.duration.text() && this.css.jq.duration.text(b))
    }

Пробовал различные варианты animate (); но не удалось добиться плавного движения, например, как оно реализовано на https://wavesurfer-js.org (источник: https://unpkg.com/wavesurfer.js@3.3.1 / dist / wavesurfer. js), где панель поиска плавно плавает .

Я полагаю, что нужно альтернативное решение, чтобы заменить функцию анимации или получить правильную ширину в пикселях с точным в соответствии с продолжительностью. Спасибо!

...