Контроль выбора эпизода -> Форум на Исходниках.Ру

	Наши проекты: Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту

Здравствуйте, Гость ! [3.236.100.210]

Контроль выбора эпизода , Замена времени выбора на картинку из медиа-файла

cupoma58

Сообщ. #1 , 27.08.24, 08:03

Junior

Рейтинг (т): нет

Есть рабочий медиа-плеер, под Chrome, с выбором времени просмотра:

choise.addEventListener('mousemove', (e) => {

var skipTo = Math.round((e.offsetX / e.target.clientWidth) * parseInt(e.target.getAttribute('max'), 10));

choise.setAttribute('data-seek', skipTo);

choiseBar.innerHTML = setTime(skipTo); // таймер, в окошке

//choiseBar.getContext('2d').drawImage(video,0,0,80,45) // это - не то (если <canvas id="choise-bar"...)

var rect = video.getBoundingClientRect();

choiseBar.style.left = `${e.pageX - rect.left}px`;

});

Это - окошко:

.choise-bar{

position: absolute;

bottom: 10px;

margin-left: -60px;

display: none;

content: attr(data-title);

width: 80px;

height: 45px;

border: 1px solid #646464;

font-size:11px;

padding:3px;

color:#ffb90f;

background: transparent;

}

Хочу поменять таймер - на картинку-кадр, из видео-файла.
Через Canvas - не получается.
Где искать?

Сообщение отредактировано: cupoma58 - 28.08.24, 17:46

0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)

0 пользователей:

[ Script execution time: 0,0166 ] [ 15 queries used ] [ Generated: 18.09.24, 22:57 GMT ]