$.each($(".player"), function(i, el){
var waveform_src = $(el).data("waveform-src"),
waveform_id = $(el).data("waveform-id"),
waveform_peaks = $(el).data("waveform-peaks"),
formatTime = function (time) {
return [
Math.floor((time % 3600) / 60),
('00' + Math.floor(time % 60)).slice(-2)
].join(':');
};
var wavesurfer = WaveSurfer.create({
container: '#waveform-'+waveform_id,
waveColor: '#C943FC',
progressColor: '#f1f1f1',
barWidth : 3,
height: 100,
cursorWidth: 3,
hideScrollbar: true
});
//waveform_peaks пока не используется
wavesurfer.load(waveform_src);
wavesurfer.on("ready", function(){
$(el).find(".player__mute").on("click", function(){
$(this).toggleClass("text-error");
wavesurfer.toggleMute();
});
$(el).find(".player__play").on("click", function(){
wavesurfer.unAll("stop");
wavesurfer.playPause();
$(this).find("span").toggleClass('ion-md-play ion-md-pause');
});
$(el).find("input[type=range]").on("change", function(){
var volume = $(this).val();
wavesurfer.setVolume(volume);
});
var timer = $(el).find(".player__time span");
wavesurfer.on('audioprocess', function () {
timer.text(formatTime(wavesurfer.getCurrentTime()));
});
wavesurfer.on('ready', function () {
timer.text(formatTime(wavesurfer.getDuration()));
});
});
});<?php
header('Content-Type: text/html; charset=utf-8');
include("nokogiri.php");
$html = file_get_contents('https://m.avito.ru/ГОРОД/avtomobili/');
$saw = new nokogiri($html);
print "<pre>";
foreach ($saw->get('article.b-item') as $item){
$adv = new stdclass;
$adv->id = $item['data-item-id'];
$adv->url = $item['div'][0]['a'][0]['href'];
if($item_image = $item['div'][0]['a'][0]['div'][0]['span'][0]['style']){
$adv->image_thumbnail = preg_replace('~.+url\((.+)\).+~', '$1', $item_image);
$adv->image_original = str_replace('140x105', '640x480', $adv->image_thumbnail);
}
$adv->price = $item['div'][0]['a'][0]['div'][1]['span'][0]['#text'][0];
$adv->price_normal = preg_replace('/[^0-9]+/', '', $adv->price);
$adv->date = trim($item['div'][0]['a'][0]['div'][2]['div'][0]['#text'][0]);
print_r($adv);
}
Клиент зашел на сайт на страницу "заявка на замера". Ему дается выбор даты и времени, причем дата (от сегодня, при условии, что время на момент отправки заявки рабочее + 5 дней вперед, в каждой дате диапозон времени от 9 утра до 20:00). +Плюсом к этому, выводим доступное (не занятое другим клиентом время). Думаю так яснее.