Всех приветствую, есть такой винтажный плеер: https://tympanus.net/codrops/2012/07/12/old-school-cassette-player-with-html5-audio/. Загрузка композиций в нем происходит при создании объекта через передачу options:
$( '#vc-container' ).cassette(options);
В самой функции cassette происходит инициализация объекта через this._init:
$.Cassette= function( options, element ) {
this.$el = $( element );
this._init( options ); };
Данный метод описан в прототипе:
$.Cassette.prototype = {
_init: function( options ) {
// код.........
} }
Задача: не перегружая страницу обновить переменную options в объекте, и заново объект инициализировать.
Я вижу два варианта решения:
Удалить объект и заново его создать с новыми параметрами. Но не понимаю как его можно удалить.
Передать новые параметры запущенному объекту. В коде прототипа делаю ссылку на него извне:
window.myOb=this;
Потом создаю новый объект-массивoptions={ songs: [ '333','222','777', '777', '888']};
Пытаюсь его инициализировать myOb.__proto__._init(options);
Но создается другой объект. И старый существует.
Если же делать через повторный запуск функции (передачу нового массива), перед этим удалив тег audio:
$( '#vc-container' ).cassette(options);
то создается (появляется?) объект с первоначальными параметрами options.
Подскажите, пожалуйста, в каком направлении надо искать решение данной задачи?
$(newElement).cassete(options)
. Но если смотреть исходники можно есть метод очистки_clear
, а так же можно выставить вручную конкретную позицию:_setSidesPosStatus