AMV News
Anime music videos
 
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in  

HTML5 плеер на сайте
Goto page 1, 2  Next
 
Post new topic   Reply to topic    AMV News Forum Index -> Обсуждение AMVNews.ru
View previous topic :: View next topic  
Author Message
Turbo



Gender: Gender:Male
Age: 43
Администратор
Joined: 15 Mar 2006
Posts: 4309
Location: Зеленоград
Country: Russia

PostPosted: Fri May 29, 2015 12:50 pm    Post subject: HTML5 плеер на сайте Reply with quote

Для эксперимента включили HTML5 плеер на сайте (используется открытый Video.JS). Так как баги и глюки не избежны, оставлена возможность переключиться на старый плеер. Переключалка доступна над плеером.

Плюсы:
1) Видео играется непосредственно браузером, что ускоряет работу
2) Не требуется дополнительный Flash плагин
3) Нет проблем с дёрганностью картинки в видеороликах на скролингах + поддержка 60FPS
4) Гораздо легче настраивается дизайн проигрывателя и легко добавляются новые фичи

Что сейчас есть:
1) Проигрываетль автоматически растягивается на всю ширину доступного ему экрана (избавились от переключалок разрешения)
2) Сохраняется выбор ползунка звука и источника (SD или HD)
3) Переключение на проигрывание с Youtube сделано в том же месте где выбор SD и HD.
4) Кнопка Embed сделана прямо на проигрывателе
5) Есть поддержка SRT-субтитров
6) Дизайн дефолтного плеера слегка изменен. Панель управления сделана статичной, есть вариант сделать её скрывающейся если нет фокуса на проигрывателе.
7) Плеер интернациональный (добавлена руссификация)

Известные баги/недочеты:
1) В некоторых браузерах не играются HD-Файлы
2) При переключении на Youtube значение ползунка звука не учитывается, приходится двигать после переключения
3) Мне не нравится как работает выбор места начала воспроизведения и как работает буферизация. После старта видео при недостатке буферизации начинает играться, а потом замирает, что бы буферизовать побольше. Вместо того что бы начать играть только когда видео будет уже готово, что бы играться без рывков. Есть подозрение, что это особенность браузеров.
4) На паузе видео продолжает загружаться.

Планы на будущее:
1) Полностью переехать на HTML5 и отказаться от поддержки Flash
2) Переделать на HTML5 в том числе избранное и встройку на другие сайты (после обкатки)
3) Переделать дизайн плеера для улучшения юзабилити. Например, мне не нравится кнопка переключения HD/SD, на старом плеере она была более очевидна. Есть желающие помочь с дизайном (HTML + JS + CSS)?
4) Пофиксить все известные баги

Технологию только начинаем обкатывать - глюки неизбежны, пожалуйста пишите об них здесь. В идеале если вы будете писать ещё версию вашего браузера и операционку. Спасибо!


Last edited by Turbo on Fri May 29, 2015 2:12 pm; edited 2 times in total
Back to top
View user's profile Send private message Youtube
Siar_Mortal





Желанный гость
Joined: 28 Apr 2010
Posts: 687
Location: Калининград

PostPosted: Fri May 29, 2015 1:16 pm    Post subject: Reply with quote

У меня в полноэкранном режиме не убирается интерфейс плеера, и видео, стало быть, не заполняет весь экран. Что в фаерфоксе, что в хроме.
Back to top
View user's profile Send private message ICQ Number
Turbo



Gender: Gender:Male
Age: 43
Администратор
Joined: 15 Mar 2006
Posts: 4309
Location: Зеленоград
Country: Russia

PostPosted: Fri May 29, 2015 1:25 pm    Post subject: Reply with quote

Siar_Mortal
Над этим работаем )

UPD: Fixed. Это оказалось не сложно.
Back to top
View user's profile Send private message Youtube
Siar_Mortal





Желанный гость
Joined: 28 Apr 2010
Posts: 687
Location: Калининград

PostPosted: Fri May 29, 2015 4:14 pm    Post subject: Reply with quote

Круто, правда видео все равно не разворачивается на весь экран.
И еще в этом плеере клипы почему-то светлее, чем должны быть.
Back to top
View user's profile Send private message ICQ Number
Turbo



Gender: Gender:Male
Age: 43
Администратор
Joined: 15 Mar 2006
Posts: 4309
Location: Зеленоград
Country: Russia

PostPosted: Fri May 29, 2015 6:34 pm    Post subject: Reply with quote

Siar_Mortal
У меня монитор не 16х9, не заметил. Сейчас должно быть ок.

По поводу светлости ничего сказать не могу. Видео играется встроенными в браузер средствами, надо гуглить. Есть несколько тем:
http://help.videojs.com/discussions/problems/832-video-playing-too-lightwashed-out
http://yttalk.com/threads/videos-are-too-bright.134294/

Пишут что проблема с Color Space: 16-255. На твоем скрине как раз черный RGB(16,16,16). Универсального решения пока похоже нет.

Добавлено спустя 25 минут 5 секунд:

У меня кстати такой проблемы нет:

Back to top
View user's profile Send private message Youtube
Siar_Mortal





Желанный гость
Joined: 28 Apr 2010
Posts: 687
Location: Калининград

PostPosted: Fri May 29, 2015 7:13 pm    Post subject: Reply with quote

Да, теперь разворачивается, а светлоту я починил способом по второй ссылке, спасибо.
Back to top
View user's profile Send private message ICQ Number
KISfly



Gender: Gender:Male
Age: 37
Прохожий
Joined: 17 Jun 2010
Posts: 29
Location: Ольгинский
Country: Russia

PostPosted: Fri May 29, 2015 8:50 pm    Post subject: Reply with quote

у меня IE 10 и порой не загружается сам плеер, а изменение режимов ни чего не даёт
_________________
Религия и Религиозные ценности понятия разные
Back to top
View user's profile Send private message Send e-mail Visit poster's website Youtube ICQ Number
Turbo



Gender: Gender:Male
Age: 43
Администратор
Joined: 15 Mar 2006
Posts: 4309
Location: Зеленоград
Country: Russia

PostPosted: Sat May 30, 2015 9:59 am    Post subject: Reply with quote

KISfly
То есть ты кликаешь на Flash и потом перегружаешь страницу и у тебя не Flash?
Back to top
View user's profile Send private message Youtube
maxximm



Gender: Gender:Male
Age: 34
Частый гость
Joined: 14 Jun 2011
Posts: 235
Location: Краснодар
Country: Russia

PostPosted: Sat May 30, 2015 7:53 pm    Post subject: Reply with quote

На примере этого клипа: http://amvnews.ru/index.php?go=Files&in=view&id=06239
По сути субтитры считаю удобным дополнением, они не должны сильно отвлекать от того что происходит на экране^^
В старом плеере субтитры выглядят намного аккуратней, занимали меньше места и не были такими навязчивыми Smile
В новом плеере появился тёмный фон, который дополнительно отвлекает и сильно палит косяки тайминга, что печально(
Ещё субтитры скачут вверх при наведении на плеер там где общий поток загрузки показан: наведение на плеер показывает длину загрузки - при этом пока есть активность полоса становится шире и подымает сабы ещё выше чем они есть Surprised .
В полно экранном режиме сабы дико огромные Shocked , хоть и использовались заглавные буквы, но в старом плеере они не были настолько огромны
И я так понимаю новый плеер также формат .ass не поддерживает?, печально если так, а хотелось бы чтоб тянул и избавиться бы уже от .srt
Back to top
View user's profile Send private message
Fry6





Новичок
Joined: 30 May 2013
Posts: 21

PostPosted: Sat May 30, 2015 9:01 pm    Post subject: Reply with quote

как-то напрягает такой огромный размер плеера.
Back to top
View user's profile Send private message
KG7x



Gender: Gender:Male

Администратор
Joined: 16 Dec 2009
Posts: 16

Country: Sweden

PostPosted: Sun May 31, 2015 12:09 pm    Post subject: Reply with quote

Так же доступны быстрые клавиши как и в старом плеере
вверх - вниз = изменение звука +/-
M = выключить/включить звук
вправо - влево = передвижение по видео
R = начать с начала
Пробел = пауза/плей
F = фуллскрин on/off
0-9 = промотка в % соотношении


Last edited by KG7x on Sun Nov 06, 2016 2:40 pm; edited 1 time in total
Back to top
View user's profile Send private message Visit poster's website Youtube
KISfly



Gender: Gender:Male
Age: 37
Прохожий
Joined: 17 Jun 2010
Posts: 29
Location: Ольгинский
Country: Russia

PostPosted: Mon Jun 01, 2015 1:06 am    Post subject: Reply with quote

Turbo wrote:
KISfly
То есть ты кликаешь на Flash и потом перегружаешь страницу и у тебя не Flash?

не совсем, мне выдает надпись: скачайте Flash player. Но на главной странице сайта вложенные клипы работают нормально. Захожу на какую ни будь страницу клипа и все плеера нет.
http://gyazo.com/7478928214470a2808f4a83eed9b7964

_________________
Религия и Религиозные ценности понятия разные
Back to top
View user's profile Send private message Send e-mail Visit poster's website Youtube ICQ Number
Turbo



Gender: Gender:Male
Age: 43
Администратор
Joined: 15 Mar 2006
Posts: 4309
Location: Зеленоград
Country: Russia

PostPosted: Mon Jun 01, 2015 2:20 am    Post subject: Reply with quote

KISfly
Да включился режим Flash он он почему-то не работает. Странно. Вот бы ещё консоль JavaScript посмотреть. Почти уверен что там какие-то ошибки. Надо бы посмотреть )
Back to top
View user's profile Send private message Youtube
kemaxto



Gender: Gender:Male

Частый гость
Joined: 31 Jan 2010
Posts: 223
Location: Big MURTA
Country: Russia

PostPosted: Mon Jun 01, 2015 10:18 am    Post subject: Reply with quote

Полностью поддерживаю переход на HTML5.
_________________
Back to top
View user's profile Send private message
Turbo



Gender: Gender:Male
Age: 43
Администратор
Joined: 15 Mar 2006
Posts: 4309
Location: Зеленоград
Country: Russia

PostPosted: Mon Jun 01, 2015 11:04 am    Post subject: Reply with quote

Чуть-чуть подправили дизайн:
1) Убрали ромбовидный ползунок
2) Сделали саму полоску прогресса чуть пошире что бы по ней было легче попадать и поменяли цвет на поярче
3) Сабы теперь не скачут и их размер не увеличивается на фулскрине.
Back to top
View user's profile Send private message Youtube
Quintero



Gender: Gender:Male
Age: 32
Частый гость
Joined: 02 Oct 2012
Posts: 142
Location: Краснодар
Country: Russia

PostPosted: Mon Jun 01, 2015 5:30 pm    Post subject: Reply with quote

опера как всегда.



другие браузеры, конечно же, на ура хавают html5
Back to top
View user's profile Send private message
maxximm



Gender: Gender:Male
Age: 34
Частый гость
Joined: 14 Jun 2011
Posts: 235
Location: Краснодар
Country: Russia

PostPosted: Mon Jun 01, 2015 8:31 pm    Post subject: Reply with quote

Turbo wrote:
3) Сабы теперь не скачут и их размер не увеличивается на фулскрине.

Стало намного лучшеSmile , но тёмный фон за сабами, тем более на всю длину картинки, всё ещё дико бесит Ну не знаю, может я один такой? тогда всё норм...
Back to top
View user's profile Send private message
Aine



Gender: Gender:Male
Age: 36
Новичок
Joined: 30 Oct 2010
Posts: 1
Location: Киев
Country: Ukraine

PostPosted: Mon Jun 01, 2015 10:43 pm    Post subject: Reply with quote

Новый плеер реагирует на нажатие средней кнопки мыши (колесо) Sad
Так как размер плеера не уменьшился это неприятно

Лиса и Хром, х64 винда 7ка


Last edited by Aine on Fri Jun 05, 2015 1:01 pm; edited 1 time in total
Back to top
View user's profile Send private message Visit poster's website Youtube ICQ Number
DiGrell



Gender: Gender:Female

Новичок
Joined: 20 Aug 2014
Posts: 3
Location: Санкт-Петербург
Country: Russia

PostPosted: Thu Jun 04, 2015 6:27 pm    Post subject: Reply with quote

"1) Проигрываетль автоматически растягивается на всю ширину доступного ему экрана (избавились от переключалок разрешения) "

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

"Стало намного лучше, но тёмный фон за сабами, тем более на всю длину картинки, всё ещё дико бесит" +
Back to top
View user's profile Send private message Youtube
Dink



Gender: Gender:Male

Желанный гость
Joined: 27 Feb 2010
Posts: 511
Location: Tula

PostPosted: Tue Jun 23, 2015 12:13 am    Post subject: Reply with quote

Начинание радует, эм.. хотелось бы, чтобы радовало, но к сожалению, у меня этот новый плеер показывает в хроме в SD настолько пикселизованно, что смотреть крайне неприятно, так что приходится каждый раз использовать старый добрый флэш! На фулскрине вообще ад. В HD эта проблема незаметна, но картинка сильно лагает (да и какой смысл смотреть превьюшки, смотря полноценный клип), на ноуте смотреть почти невозможно. Пробовал в другом браузере - но там даже нет SD.

(см оригинал картинки, хотя все равно не так заметно, как в реале на мониторе)

DiGrell
+1
Тоже хотел сказать об этом. Было удобно смотреть клипы в маленьком окошке где-нибудь в стороне, серфя инет в других окнах, достаточно было нажать кнопку с меньшим размером плеера, а теперь придется скроллить всю страницу (хотя пока это меня не коснулось по причине выше).
Back to top
View user's profile Send private message
KG7x



Gender: Gender:Male

Администратор
Joined: 16 Dec 2009
Posts: 16

Country: Sweden

PostPosted: Tue Jun 23, 2015 7:53 am    Post subject: Reply with quote

Dink
у вас windows xp ?
Back to top
View user's profile Send private message Visit poster's website Youtube
Dink



Gender: Gender:Male

Желанный гость
Joined: 27 Feb 2010
Posts: 511
Location: Tula

PostPosted: Tue Jun 23, 2015 10:24 pm    Post subject: Reply with quote

KG7x
Win XP SP3.
Back to top
View user's profile Send private message
MangaLub



Gender: Gender:Female
Age: 27
Желанный гость
Joined: 02 Jan 2010
Posts: 641
Location: Петербург
Country: Russia

PostPosted: Tue Jun 23, 2015 11:01 pm    Post subject: Reply with quote

На телефоне (андроид, браузер хром) изображение увеличивается за пределы экрана, выглядит это так: https://pp.vk.me/c622231/v622231711/3991a/1UnKpGSoh2k.jpg
Картинку можно двигать, но нельзя уменьшать. При переключении на старый плеер картинка вмещается в экран нормально.
Back to top
View user's profile Send private message Youtube
KG7x



Gender: Gender:Male

Администратор
Joined: 16 Dec 2009
Posts: 16

Country: Sweden

PostPosted: Wed Jun 24, 2015 9:01 am    Post subject: Reply with quote

Dink
Новый плеер основан на HTML5 и для его корректного отображения нужна Windows начиная с Vista sp2 и новее.
Иначе плеер включает флеш.
А на хп у вас по дефолту и выбирается старый плеер.
Back to top
View user's profile Send private message Visit poster's website Youtube
ReInTrance





Новичок
Joined: 19 Jun 2014
Posts: 1

PostPosted: Thu Jul 02, 2015 1:40 pm    Post subject: Reply with quote

Turbo wrote:
KISfly
Да включился режим Flash он он почему-то не работает. Странно. Вот бы ещё консоль JavaScript посмотреть. Почти уверен что там какие-то ошибки. Надо бы посмотреть )

Столкнулся с аналогичной проблемой, но уже в Firefox. Налицо ошибка в скрипте или в процессе его компоновки.
Back to top
View user's profile Send private message
Turbo



Gender: Gender:Male
Age: 43
Администратор
Joined: 15 Mar 2006
Posts: 4309
Location: Зеленоград
Country: Russia

PostPosted: Thu Jul 02, 2015 6:35 pm    Post subject: Reply with quote

ReInTrance
Какая версия Firefox?
И какие плагины стоят?
Если запустить чистый ошибка есть?
Back to top
View user's profile Send private message Youtube
bebravebaby





Новичок
Joined: 19 Jul 2015
Posts: 2

PostPosted: Sun Jul 19, 2015 1:36 pm    Post subject: Reply with quote

собственно вот
Back to top
View user's profile Send private message
KG7x



Gender: Gender:Male

Администратор
Joined: 16 Dec 2009
Posts: 16

Country: Sweden

PostPosted: Sun Jul 19, 2015 5:37 pm    Post subject: Reply with quote

bebravebaby
а можно скрин еше тут ?
https://www.youtube.com/html5
Back to top
View user's profile Send private message Visit poster's website Youtube
bebravebaby





Новичок
Joined: 19 Jul 2015
Posts: 2

PostPosted: Sun Jul 19, 2015 7:03 pm    Post subject: Reply with quote

KG7x wrote:
bebravebaby
а можно скрин еше тут ?
https://www.youtube.com/html5

Back to top
View user's profile Send private message
TY999



Gender: Gender:Male

Новичок
Joined: 18 Dec 2012
Posts: 1

PostPosted: Tue Oct 27, 2015 11:04 am    Post subject: Reply with quote

Может не первый кто просит,
Можно сделать поддержку HTML5 плеер в избранном?
Все клипы можно уже смотреть с мобильника , но из избранного только во флеше
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    AMV News Forum Index -> Обсуждение AMVNews.ru All times are GMT + 3 Hours
Goto page 1, 2  Next
Page 1 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You can attach files in this forum
You can download files in this forum