Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Реализация seekbar. координаты клика / 25 сообщений из 206, страница 1 из 9
  1  все
28.09.2019, 20:34
    #39868478
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Реализация seekbar. координаты клика
Хочу реализовать свои контролы для html5 плеера для сикбара(полосы прокрутки) нада реализовать при полосы(фоновую - всё времы ролика. колосу отражающую сколько вивио находитсчя в буффере и третью показывающую сколько видио отиграло) и бегунок еотовый будет двигаться по сикбару по мере проигрывания контента и который можно будет перетаскивать перематывая видео.

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

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



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

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

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

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

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

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

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

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

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

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


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

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

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

попробуй ещё раз
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.09.2019, 14:41
    #39868635
полудух
полудух
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Реализация seekbar. координаты клика
вадя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, 15:01
    #39868644
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Реализация seekbar. координаты клика
полудух,

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


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


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

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

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

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

ну и вот такие басни из склепа, ребятки, не слушайте.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.09.2019, 20:44
    #39868711
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Реализация seekbar. координаты клика
hVosttну и вот такие басни из склепа, ребятки, не слушайте.ты дебажил выполнение jquery?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.09.2019, 21:02
    #39868719
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Реализация seekbar. координаты клика
вадя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
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Реализация seekbar. координаты клика / 25 сообщений из 206, страница 1 из 9
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 171ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443647]:
 0ms
get settings:
 11ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 56ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 61ms
get tp. blocked users:
 2ms
others: 12ms
total:  171ms
x
x
Закрыть


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