Просмотр задачи

НомерПроектКатегорияВидимостьИзменен
0000861SimpleTVПредложениепубличная2015-02-19 16:15
ИнициаторSergeyVSОтветственныйSergeyVS 
ПриоритетобычныйВлияниенововведениеВоспроизводимостьнеприменимо
Состояние обратная связьРешениеоткрыта 
Версия продукта0.4.8 b8 
Целевая версия0.4.8 b8Решена в версии 
Тема0000861: Перевод OSD на движок CEF.
ОписаниеПеревод OSD на движок CEF (Chromium Embedded Framework), это позволит сделать OSD в виде html (html5+css+js).

CEF
http://magpcss.org/ceforum/apidocs3/index.html
http://code.google.com/p/chromiumembedded/
http://www.magpcss.org/ceforum/viewforum.php?f=6
МеткиНет связанных меток.
OC??????

Деятельность

SergeyVS

2015-01-16 10:26

администратор   ~0011463

Что вы об этом думаете ?
Сначала будет сделано отдельное тестовое приложение для оценки производительности и функционала. Если кто хочет - требуется сделать, хотя бы, базовую разметку OSD на html.

GladiatorX

2015-01-16 11:51

руководитель   ~0011466

Последние изменения: 2015-01-16 12:20

Просмотр 5 редакций

Сергей.

Хорошая мысль.
Расширяются возможности (поддержка WebKit, HTML5, CSS, JS, 2D и 3D графика).
Мне нравится.

А окно OSD будет в пределах окна симпла или нет?
Какой CEF (1, 2 или 3) будешь использовать?

В дальнейшем ты уйдёшь от использования IE и перейдёшь
полностью на Chromium?

wafee

2015-01-16 13:12

разработчик   ~0011476

Как пример

<!DOCTYPE html>
<html>
<head>
<style>
div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
border: 1px solid #d5ebfb ;
padding: 10px;
border-radius: 10px;
background: #ebf1f6; /* Old browsers */
background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}
</style>
</head>
<body>

<div>Sample SimpleTV OSD</div>

</body>
</html>

GladiatorX

2015-01-16 13:51

руководитель   ~0011477

Последние изменения: 2015-01-16 14:00

Просмотр 4 редакций

Немножко переделанный пример wafee:

<!DOCTYPE html>
<html>
<head>
<style>
div#idTitle{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
border: 1px solid #d5ebfb ;
padding: 10px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
}
</style>
</head>
<body>
<div id="idTitle" align="center">ЗАГОЛОВОК OSD</div>
<div id="idContent">
<h1 align="center" style="width: 100%; color: 0000999; font-size: 20px;">СОДЕРЖИМОЕ</h1>
</div>
</body>
</html>

Если будет использоваться движок Chromium,
то, я думаю, бэкграунды других браузеров здесь никчему.

SergeyVS

2015-01-16 14:04

администратор   ~0011479

Последние изменения: 2015-01-16 14:40

Просмотр 4 редакций

Будет CEF 3.
>>А окно OSD будет в пределах окна симпла или нет?
Естественно в пределах окна симпла и смысл не изменится (OSD над изображением с поддержкой прозрачности и тд.) По умолчанию не будет прямого, 'браузерного', управления(если только скрипт не запросит его). Все будет идти через симпл (с поддержкой пульта и тп).
>>В дальнейшем ты уйдёшь от использования IE и перейдёшь полностью на Chromium?
Возможно.

>>Как пример
Отлично. Только лучше использовать цвета с прозрачностью, например (background-color: rgba(255, 255, 255, 0.0);) Для невидимых областей использовать альфу 0.0.
Эта альфа будет напрямую рендерится в OSD окно.

Вот что получилось с этого примера -

http://rghost.ru/60381265
http://rghost.ru/60381967

Градиент не прозрачен.

GladiatorX

2015-01-16 14:35

руководитель   ~0011481

Последние изменения: 2015-01-16 14:36

Просмотр 2 редакций

>>Градиент не прозрачен.

А если градиент сделать полупрозрачным (чуть-чуть прозрачным)?

SergeyVS

2015-01-16 14:40

администратор   ~0011482

Вот с прозрачностью - http://rghost.ru/60382499 [^]
 background: -webkit-linear-gradient(top, rgba(235,241,246, 0.5) 0%, rgba(171,211,238, 0.9) 50%,rgba(171,211,238, 0.9) 51%,rgba(213,235,251, 0.5) 100%);

GladiatorX

2015-01-16 14:42

руководитель   ~0011483

Последние изменения: 2015-01-16 14:43

Просмотр 2 редакций

Я думаю слишком прозрачно.
Это можно будет самому потом подстроить?

SergeyVS

2015-01-16 14:46

администратор   ~0011484

Естественно, rgba(235,241,246, 0.5) - 0.5 - задает прозрачность (0-1)

Kvantos

2015-02-16 15:42

разработчик   ~0013353

А плавный "фейд" при появлении и исчезновении ОСД будет поддерживаться?

MK

2015-02-19 16:15

автор   ~0013370

А не планируете сделать отключаемую прокрутку в OSD плейлисте?

История изменений

Дата изменения Пользователь Поле Изменить
2015-01-16 10:11 SergeyVS Новая задача
2015-01-16 10:11 SergeyVS Состояние новая => назначена
2015-01-16 10:11 SergeyVS Ответственный => SergeyVS
2015-01-16 10:11 SergeyVS Состояние назначена => подтверждена
2015-01-16 10:26 SergeyVS Комментарий добавлен: 0011463
2015-01-16 10:26 SergeyVS Состояние подтверждена => обратная связь
2015-01-16 11:51 GladiatorX Комментарий добавлен: 0011466
2015-01-16 11:53 GladiatorX Комментарий изменен: 0011466 Просмотр редакций
2015-01-16 11:54 GladiatorX Комментарий изменен: 0011466 Просмотр редакций
2015-01-16 11:56 GladiatorX Комментарий изменен: 0011466 Просмотр редакций
2015-01-16 12:20 GladiatorX Комментарий изменен: 0011466 Просмотр редакций
2015-01-16 13:12 wafee Комментарий добавлен: 0011476
2015-01-16 13:51 GladiatorX Комментарий добавлен: 0011477
2015-01-16 13:55 GladiatorX Комментарий изменен: 0011477 Просмотр редакций
2015-01-16 13:58 GladiatorX Комментарий изменен: 0011477 Просмотр редакций
2015-01-16 14:00 GladiatorX Комментарий изменен: 0011477 Просмотр редакций
2015-01-16 14:04 SergeyVS Комментарий добавлен: 0011479
2015-01-16 14:04 SergeyVS Состояние обратная связь => назначена
2015-01-16 14:18 SergeyVS Комментарий изменен: 0011479 Просмотр редакций
2015-01-16 14:35 GladiatorX Комментарий добавлен: 0011481
2015-01-16 14:36 GladiatorX Комментарий изменен: 0011481 Просмотр редакций
2015-01-16 14:40 SergeyVS Комментарий изменен: 0011479 Просмотр редакций
2015-01-16 14:40 SergeyVS Комментарий изменен: 0011479 Просмотр редакций
2015-01-16 14:40 SergeyVS Комментарий добавлен: 0011482
2015-01-16 14:42 GladiatorX Комментарий добавлен: 0011483
2015-01-16 14:43 GladiatorX Комментарий изменен: 0011483 Просмотр редакций
2015-01-16 14:46 SergeyVS Комментарий добавлен: 0011484
2015-01-16 14:50 SergeyVS Состояние назначена => обратная связь
2015-02-16 15:42 Kvantos Комментарий добавлен: 0013353
2015-02-19 16:15 MK Комментарий добавлен: 0013370