ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Реализация seekbar. координаты клика
25 сообщений из 206, страница 1 из 9
  1  все
Реализация seekbar. координаты клика
    #39868478
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Хочу реализовать свои контролы для html5 плеера для сикбара(полосы прокрутки) нада реализовать при полосы(фоновую - всё времы ролика. колосу отражающую сколько вивио находитсчя в буффере и третью показывающую сколько видио отиграло) и бегунок еотовый будет двигаться по сикбару по мере проигрывания контента и который можно будет перетаскивать перематывая видео.

тка же поодобное может понадобиться в volumebar(контроль громкости)

Может у кого есть ссылка на готовую реадизацию? или на хороший урок?
...
Рейтинг: 0 / 0
28.09.2019, 20:34
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868487
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Есть вариант по умолчанию есть вариант вроде
Код: html
1.
<input class="seekbar" type="range" min="0" max="100"></input>



но выгдядит слишком невзрочно, и полусу буферизации не прикрутит как я понял.
...
Рейтинг: 0 / 0
28.09.2019, 21:19
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868501
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Areostar,

сделай див в него помести див поменьше , сделай его перемещаемым только по одной координате -
и вот и всё...
...
Рейтинг: 0 / 0
28.09.2019, 21:49
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868513
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
вадя,

Вопросы такие если кликну по одной из этих линий как мне получить координаты клика относитьно левого верхнего угла этого дива?

И если перетащю бегунок как просчитать его координаты относительно линии времяни?

как заставить бегунок исключительно вдоль линии сикбара?

Как мне правельно разместить три линии(дива) друг над другом чтоб они не мешали друг дружке?
...
Рейтинг: 0 / 0
28.09.2019, 22:09
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868517
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexander A. Sak
Участник
Да тут программист нужен.
...
Рейтинг: 0 / 0
28.09.2019, 22:15
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868518
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Areostar,

тут варианты https://jonhappy.github.io/modal_menu/pic.html
тут описание управления https://github.com/JonHappy/JonHappy.github.io
...
Рейтинг: 0 / 0
28.09.2019, 22:16
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868525
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Alexander A. Sak,

Ясно дело, я он и есть!! )

Я плееры строил но довно ещё на ActionScript на JS на пробывал, вот и спрашиваю ))
...
Рейтинг: 0 / 0
28.09.2019, 22:45
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868526
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
вадя,

Спасибо, сейчас покапаюсь!
...
Рейтинг: 0 / 0
28.09.2019, 22:46
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868531
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
AreostarСпасибо, сейчас покапаюсь!если чё - спрашивай
там драг и дроп сделан на jquery
но вот тут https://jonhappy.github.io/modal_menu/ без jquery. но только надо ограничить перемещение по одной оси.
...
Рейтинг: 0 / 0
28.09.2019, 23:21
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868535
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
вадятам драг и дроп сделан на jquery


воу воу, друг, верни аккаунт ваде!
какой ещё jquery?
...
Рейтинг: 0 / 0
29.09.2019, 00:28
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868552
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
вадя,

jQuery хорошая весч, но её время увы прошло.

Но думаю разберусь спасибо
...
Рейтинг: 0 / 0
29.09.2019, 06:33
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868565
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
hVosttвоу воу, друг, верни аккаунт ваде!
какой ещё jquery?это было сделано давно, поэтому и jquery
хоть в html и есть d&d но там есть некоторые недоработки, поэтому широко использовать не рекомендую
AreostarjQuery хорошая весч, но её время увы прошло.да
AreostarНо думаю разберусь спасиботам идея для развития
...
Рейтинг: 0 / 0
29.09.2019, 10:12
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868586
Фотография полудух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
полудух
Участник
AreostarjQuery хорошая весч, но её время увы прошло.
и кто теперь вместо него
...
Рейтинг: 0 / 0
29.09.2019, 12:21
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868588
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
полудухи кто теперь вместо негоjavascript
...
Рейтинг: 0 / 0
29.09.2019, 12:24
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868633
Фотография полудух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
полудух
Участник

попробуй ещё раз
...
Рейтинг: 0 / 0
29.09.2019, 14:37
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868635
Фотография полудух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
полудух
Участник
вадяAreostarСпасибо, сейчас покапаюсь!если чё - спрашивай
там драг и дроп сделан на jquery
но вот тут https://jonhappy.github.io/modal_menu/ без jquery. но только надо ограничить перемещение по одной оси.
вот это штоле пришло на смену jQuery
Код: javascript
1.
2.
3.
4.
5.
document.getElementById('block_screen').remove();

document.getElementById('xx').addEventListener('click', function () {
    mod = new modal('mod', 'yyy31');
});
...
Рейтинг: 0 / 0
29.09.2019, 14:41
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868644
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
полудух,

типа такого,
только вместо
Код: javascript
1.
document.getElementById('block_screen')


это
Код: javascript
1.
document.querySelector('#block_screen')


писать вроде больше, но по выполнению намного меньше
...
Рейтинг: 0 / 0
29.09.2019, 15:01
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868670
Фотография полудух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
полудух
Участник
да там и половины нет того, что в jQuery
а UI там есть? а эффекты? а поискать через .each()? а ajax? а ещё куча функций где?
...
Рейтинг: 0 / 0
29.09.2019, 17:29
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868674
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
полудухда там и половины нет того, что в jQueryа сколько кода нужно загрузить?
полудух.each()? https://learn.javascript.ru/array-iteration#foreach
полудуха ajax? https://learn.javascript.ru/xmlhttprequest
в общем можно спокойно обходиться
...
Рейтинг: 0 / 0
29.09.2019, 17:44
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868698
Фотография полудух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
полудух
Участник
вадяполудухда там и половины нет того, что в jQueryа сколько кода нужно загрузить?
он уже у всех загружен и лежит в кэше
вадяполудуха ajax? https://learn.javascript.ru/xmlhttprequest
бугога, я вас понял
в общем можно спокойно обходиться
ну так и ПХП-фреймворк выкиньте свой и обходитесь родным ПХП
...
Рейтинг: 0 / 0
29.09.2019, 20:19
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868702
Фотография полудух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
полудух
Участник
зы: forEach бегает по массивам, а не по дереву DOM блин
...
Рейтинг: 0 / 0
29.09.2019, 20:21
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868707
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
полудухзы: forEach бегает по массивам, а не по дереву DOM блин https://learn.javascript.ru/searching-elements-dom#closest
https://learn.javascript.ru/traversing-dom#kollektsii-ne-massivy
надо читать учебники
...
Рейтинг: 0 / 0
29.09.2019, 20:33
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868710
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
полудухвот это штоле пришло на смену jQuery

современный jQuery -- удобная обёртка над нативными функциями. его размер смехотворный и копеечный, а профит от его использования всё ещё существенный.

если нет способностей, желания, времени (нужное подчеркнуть) переходить на современные SPA фреймворки, то для простых вещей jQuery всё ещё актуален как никогда. грызть же зубами ванилу, да ещё и гордиться этим -- признак не очень большого ума.

вадяписать вроде больше, но по выполнению намного меньше

ну и вот такие басни из склепа, ребятки, не слушайте.
...
Рейтинг: 0 / 0
29.09.2019, 20:42
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868711
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
hVosttну и вот такие басни из склепа, ребятки, не слушайте.ты дебажил выполнение jquery?
...
Рейтинг: 0 / 0
29.09.2019, 20:44
| Ответить | Цитировать | Написать  
Реализация seekbar. координаты клика
    #39868719
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
вадяhVosttну и вот такие басни из склепа, ребятки, не слушайте.ты дебажил выполнение jquery?

зачем мне дебажить jQuery? если он отдебажен и покрыт тестами вдоль и поперёк? вообще, никогда с этим проблем не имел, кроме того, $-элемент, даёт огромный простор для дебага.

да, современный браузерный АПИ очень богат и способен решать многие вещи проще, чем раньше. однако, сравним:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
// jquery
$("a").click(function() {
  // code
})

// vanilla
[].forEach.call(document.querySelectorAll("a"), function(el) {
  el.addEventListener("click", function() {
    // code
  });
});



первое и читается очень хорошо, и намного компактнее, и работает точно также по скорости, так как внутри там такие же вызовы по сути.

для простых страниц, с не сложной логикой jQuery до сих пор очень хорош, а борьба с jQuery имеет под собой простое основание: разработчик должен понимать, как это работает, используя $, ну и jQuery порой слишком расслабляет, что приводит к неоптимальному коду.

хотя посмотрев на многие решение на ваниле, я пришёл к выводу. лучше бы эти ребята писали на jQuery и не выделывались, так как пишут множество хелперов, повторяющих jQuery, но очень хреново.
...
Рейтинг: 0 / 0
29.09.2019, 21:02
| Ответить | Цитировать | Написать  
25 сообщений из 206, страница 1 из 9
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Реализация seekbar. координаты клика
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=14&tid=1443647]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 43ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 86ms
get tp. blocked users:
 2ms
others: 234ms
total:  415ms
созд. / загр.: 415ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]