Технологии стрима
Вместо вступления.
Эта большая, на первый взгляд, статья не будет объяснять, как Вам настроить стрим, почему у Вас на экране квадраты, а в стриме сплошные лаги или спайки, также не расскажет, откуда у Вас появились фризы и мигания экрана, почему шуршит звук или проседает фпс.
Все это было расписано и собрано до меня уже много-много раз, и в пору расцвета этой области развлечений информацией о настройке xsplit/FME интернет чуть ли не переполнен. Так что предполагается, что стрим у Вас работает или же Вам стало просто интересно почитать для общего развития.
Здесь я распишу некоторые полезности и заметки, которые могут пригодиться стримеру на подъеме, человеку, который только-только научился без проблем переключать любые настройки кодера, уже зная, чем это ему обернется, а также начинающему кастеру, который уже успел пройти фабрику или же только начал стримить для себя и случайных зевак, состоящих из посетителей его канала.
Вся информация собиралась долгое время, по принципу "Ого, что нашел! Добавлю в свой блокнот на рабочем столе - пригодится", и недавно я решил ее кое-как соединять в одно единое целое, и походу дела начали проявляться очертания интересного текста, с которым было бы здорово поделиться, и, возможно, внести свою лепту в стриминг в целом.
В общем случае речь пойдет о сервисе justin.tv, или же если кому удобней, то о twitch.tv.
Благо я перешел на него с owned.tv буквально месяц назад, т.к. посчитал овнед бесперспективным вариантом.
Нет, он неплох, у меня по крайней мере работал вполне сносно, но по сравнению с джастином, есть куча недостатков, на которых мы не будем заострять внимание, и один огромный, который стоит отметить – чат.
Чат – это то, что держит такой сервис, чат должен быть красивым и удобным, как для зрителей, так и для модераторов, это та вещь, почему я сижу на sc2tv, и это именно то, почему фразы «я читаю чат на овнеде» почти не встречаются.
Но не будем здесь останавливаться, мне хотелось высказать свое мнение по поводу нахождения джастина в лидирующей позиции в этой сфере.
Мониторинг чатов и переключение окон.
Очевидно, что переключение окон для просмотра, к примеру, чата может раздражать зрителя. А если чат не один?
Нет, я не говорю, что такие манипуляции всем это действуют на нервы, но бывает, что можно запутаться в окнах, открыть лишнее, не хочется показывать браузер и т.д. и т.п., а возможно, что хочется или нужно выглядеть солидно.
Решений здесь несколько.
1) Большой монитор.
Точнее игра, а еще точнее Ваш захват меньше, чем экран самого монитора, а справа где-нибудь вынесены чаты и их зрителю не видно. По такой схеме удобно стримить по ВоДам или какие-нибудь старые игры, которые не имеют большого разрешения. Огромный монитор может заменить следующий вариант.
2) Второй монитор.
Тут все просто, игру делаем на один экран, его захватываем, а чаты и все, что Вам необходимо мониторить выносим на другой экран.
Из минусов можно отметить только увеличенную нагрузку, т.к. вашему компьютеру приходится держать бОльшее разрешение и открытых на первый план программ, но не значительно.
Зато никакого браузера на первом плане, переключения в Xsplit и тому подобных вещей зритель не увидит. Однозначно лучший вариант.
3) Ноутбук.
На первый взгляд, практически не отличается от второго монитора, и это верно в том случае, если Вы собираетесь только следить за происходящим с него.
Но все таки это отдельный компьютер и чтобы, к примеру, ответить в чате, имея один монитор, НО с ноутбуком, вам придется альтабаться между окнами, либо тянуться к ноутбуку на глазах зрителей, если у Вас веб-камера. Если ее нет, то вопрос только об удобстве "куда-то там тянуться чтобы в что-то посмотреть".
4) Другое дело, что платный Xsplit уже сейчас предоставляет возможность держать в фокусе только окно игры, т.е. вы можете переключиться на тот же браузер, а на стриме будет окно игры.
Подобный функционал был еще в забытом всеми Xfire, поэтому вполне логично, что он будет реализован и в Xsplit.
5) Телефон.
Но это больше как запасной вариант, т.к. он менее удобен. Отслеживать один чатик на джастине и видеть свое окно стрима можно вполне. Но для двух чатов, например, тот же джастин и sc2tv, увы, менее удобно, т.к. переключение окон в браузере телефона достаточно долгое, но возможно кто-то придумал уже функционал, а я не в курсе. Да и монитор тоже небольшой, т.е. видим мало, а глаза ломаем.
6) Планшет.
Принцип точно такой же, как у телефона или ноутбука, но в отличие от первого имеет нормальный экран и может вполне заменить ноутбук.
6.5) Win-кнопка.
Возможно, прозвучит по капитановски, но нажимая win+1, Вы переключитесь на первое окно. С двойкой, соответственно, на второе.
Отличие от того же альтаба в том, что по центру экрана нет списка окон между которыми Вы переключаетесь т.е. нет перебора окон посреди стрима, вдруг еще и не на то переключим и засветим интернет эксплорер с открытым гудгеймом?
Еще есть возможность win+tab, если кто не знает, но вроде только в win7, по крайней мере, во времена XP я не знал о таком, но это уже так, к слову.
Push-to-talk для skype или Xsplit.
С картинкой вроде как разобрались, но что если у меня большая семья или я боюсь, что во время моего стрима, пока я буду отходить за свежезаваренной чашечкой чая на кухню, в комнату ворвется сестра и начнет петь ранеток?
Или же я вчера напился холодной газировки, а потом выступал на Новогодней елке для детей в 20-ти градусный мороз, да еще и без микрофона?
Или же Вы встали с утра пораньше, сделали зарядку, сварили себе наваристый кофе и решили постримить прохождение братьев Марио, душераздирающую историю про настоящих героев и истинных профессионалов своего дела, как вдруг соседям сверху очень понадобилось просверлить еще 10 дырок для картины любимой бабушки?
Всякое может быть и отчасти проблему поможет решить простая программка, которую я использую довольно часто, и, кстати, она подходит для Skype и других любых программ, т.к. работает на всю систему.
mefistofx 22ого Августа опубликовал на официальном форуме Xsplita ссылку на нее:
GlobalPush2Talk
Принцип программы элементарен:
- Вы ее запускаете
- Нажимаете выбор клавиши
- И устанавливаете кнопку для микрофона
Собственно, когда кнопка не нажата, то микрофон во всей системе не работает, когда вы ее нажимаете, то и микрофон, соответственно, включается.
Сам пользуюсь, и все работает как нужно.
Из минусов отмечу
- Отсутствие сворачивания в трей, т.е. висит внизу на панеле задач, не то чтобы прям мешает, но "не идеально".
- После выключения программы микрофон во всей системе выключен, т.е. его нужно включить вручную, что, впринципе, и логично, т.к. программа выполняет свой функционал и на момент ее закрытия микрофон отключен.
Для работоспособности необходим Net Framework 4.
Ссылка на источник:
http://www.xsplit.com/forum/viewtopic.php?f=2&t=1631
«Как мне отредактировать свое видео?»
Или вырезать кусочек для своего канала на YouTube? А может нам хочется склеить мувик из лучших моментов?
Сразу подчеркну, что этот раздел именно про редактирование, а не про обычную смену flv->mp4, о которой речь пойдет позднее!
Да, благодаря twitch.tv и кнопке Highlights проблема с YouTube отпадает, но что если мне действительно хочется закинуть свой вод в, например, Sony Vegas?
Начнем с того, что записанный стрим имеет формат .flv, расшифровывающийся, как ни странно, FLASH LIVE VIDEO и достаточно подробно о нем можно почитать вот здесь, но это если действительно интересно, т.к. по сути не пригодится.
Проблемы начинаются с того, что наш редактор видео, как и почти все остальные, не поддерживает флеш, т.е. нам нужно перекодировать вод во что-то более съедобное. И не просто перекодировать его например, в mp4, а сделать его открываемым в редакторе.
Я пробовал использовать различные кодировщики, и их было очень много, поэтому не будем тут останавливаться, просто стоит написать самый лучший вариант, который найден был совершенно случайно, но чему я несказанно рад.
Это программы FLV-Extract и YAMB.
Вкратце, мы просто выдираем из flv видео в 264ом формате кодека, аудио-поток и тайминги всего этого дела, которые, кстати, почему то не нужны для дальнейшего склеивания.
Потом мы берем это «о боже мой, неокрываемое» видео и через YAMB кодируем его в mp4 формат, который потом читается редактором как родной.
Причем делается все это действительно очень быстро, 800-мегабайтовый вод у меня перекодировался за полторы(!) минуты, а day9 daily (150мб) чуть ли не мгновенно.
Выглядит это все так:
Но есть некоторые особенности.
Вобщем, когда я делаю конвертацию через описанный выше способ (Yamb), то все вроде бы отлично, но при добавлении новоиспеченных mp4 и mp3 фаилов в редактор мы видим вот что:
Посмотрите на эту гигантскую разницу! Звук оказался на 20% короче самого видео!
Такая рассинхронизация выходит из-за того, что fps изначального и конвертированого фаила отличается.
Пример:
Вод, который записывали с предустановленным 29.97 fps в Xsplit, после прогонки через YAMB стал mp4 25 fps, и так как количество кадров неизменилось, то видео становится как бы "длиннее", оно растягивает все свои кадры на бОльшее время, а звук при этом остается неизменным.
Промучавшись с настройками минут 20, я таки перезапустил Вегас, открыл новый проект, поставил настройку заранее в 25 fps, добавил видео и ускорил его сжатием, а затем еще и cдвинул звук примерно на секунду.
Короче говоря - очень сложные действия.
В итоге, мне все-таки удалось получить 25 fps mp4 видео со звуком без рассинхрона в редакторе, но вот стандартные 29.97 fps, по-крайней мере у меня, не удалось получить никак, да и пришлось заниматься ювелирной работой, что очень не удобно, но если уж очень нужно, то сойдет.
Кстати, поделив оригинальный фпс (29.97) на 25, мы получим коэфициент отображающий насколько видеопоток станет дольше, чем звук, да и вообще, своего оригинала.
Получается число 1,198. Т.е. при 20 минутном воде записанном в 29.97, после конвертации видео увеличится почти на 4 минуты.
Вобщем, подводя итог - YAMB отлично подготавливает mp4 фаил для редактора только если в оригинале он был записан при 25 fps.
И делает это одним кликом, склеивая видео и аудио идеально.
Обе программы, привожу ниже, чтобы Вам не пришлось долго искать.
FLV-Extract
YAMB
А также сайт для скачивания и просмотра с blip.tv, возможно, кому-то тоже пригодится:
http://polsy.org.uk/play/blip/
Кстати, это именно то, почему нельзя выкладывать вод для фабрики на YouTube и в целом не на сервис стримов – его можно отредактировать. К примеру, убрать шумы, добавить контраста, обрезать лишнее и т.д. и т.п. подобные вещи, которые выставят Вас в лучшем, скорее даже в идеальном свете.
Другое дело, что можно заранее отредактировать локальную запись идеального качества, а потом запустить на стрим
Простейший способ конвертации flv -> mp4
"Так, это все, конечно, здорово, но мне бы просто конвертнуть flv в mp4..."
Да, такой способ есть, предложил его нам Dm1, за что ему спасибо. Здесь мы будем пользоваться новой для нас утилитой FFmpeg с небольшими танцами.
Прелесть этой програмки заключается в мгновенной смене контейнера с flv на mp4 за один клик!
Причем изначальное видео в оригинале может иметь абсолютно любое значение fps, а не ровные 25, как в случае с YAMB.
Что самое важное - никакого рассинхрона и удлиненного видео у нас не появится, что полностью нас устраивает.
Скачать такое чудо можно здесь:
FFmpeg
Краткая инструкция по использованию:
Для удобства мы создаем папку FFmpeg, где-нибудь в Program Files или на рабочем столе, кому как привычней, затем распаковываем в нее ffmpeg.exe из папки bin, и там же создаем текстовый документ, который называем как FLV2MP4.cmd в котором должен быть такой текст:
@ECHO OFF
SET /p RET=Drop your FLV into this window:
IF '%RET%' == '' GOTO ERR
ffmpeg.exe -i %RET% -f mp4 -vcodec copy -acodec copy %RET%.mp4
GOTO END
:ERR
ECHO error: no file
:END
PAUSE
Это дело одной минуты.
Теперь для смены контейнера c FLV на MP4 мы просто запускаем скрипт, перетаскиваем в консольное окно Вашу FLV запись, жмем Enter, и как результат - получаем готовый MP4 рядом с ним в той же папке с таким же названием.
Выглядит все это так:
Если у кого-то не получается создать FLV2MP4.cmd, и у Вас выходит что-то типа FLV2MP4.cmd.txt, то:
Заходите в Панель управления -> Параметры папок, это в win7, в XP вроде называется как Свойства папки, вобщем, найти не тяжело.
Далее во вкладке Вид снимаете галочку "Скрывать расширения для зарегистрированных типов файлов":
И теперь такой проблемы не будет.
Но чем же отличаюся эти mp4 файлы? В чем отличие способа YAMB от ffmpeg?
"Чтобы разобраться в ситуации я скачал пару ВОДов и увидел, что в данном случае в контейнерах FLV количество кадров не постоянно (ни 25, ни 29.97, все это не дало бы рассинхрона с учетом сдвига дорожки), оно меняется на протяжении всего файла в угоду необходимости.
При ремаксе из FLV в MP4 при помощи FLVExtract + YAMB мы используем постоянную частоту кадров - 25, что не будет соответствовать действительности и приведет к постепенной рассинхронизации видео со звуком, хоть часто и не большой. Так что с ней можно мириться и просто подвинуть звук в редакторе, это несколько секунд.
Что будет если все таки перенести эту переменную частоту кадров из FLV в MP4, т.к. последний ее так же поддерживает?
Именно это и получается при конвертации с помощью FFmpeg, он позволяет провести ремакс сохранив эту особенность и дает видео без рассинхрона, но, к сожалению видео-редакторы с переменным количеством кадров не работают, именно по этому возникают ошибки.
Выходит для того, чтобы получить цельный кусок видео для редактирования без малейших проблем с синхронизацией - нужно полное перекодирование видео потока." © Dm1
Подводя общий итог, остается только посоветовать записывать свои стримы в 25 fps формате.
Как сохранить записанный стрим к себе на компьютер?
И ведь действительно, чтобы проделывать подобные манипуляции, нужно же сначала скачать сам материал. Но justin не предоставляет такой возможности, точнее нет способа «для домохозяек», в виде большой и розовой кнопки рядом с видео, поэтому мы пойдем окольными путями.
Давайте возьмем вот этот клип. Он уже был благополучно удален с твича, но нам это не интересно.
http://ru.twitch.tv/etofok/b/298240340
Внимательно посмотрите на последние цифры в ссылке – это id, уникальный для всех видео на justin, который служит идентификатором записи на сервисе, чтобы случайно видео, записанное Вайтрой, не оказалось у Вас на канале, или, что еще хуже, наоборот.
Следует заметить, что для каждой части вода (2х Часовая часть) id различается, и если у Вас стрим длился 7 часов, то частей будет 4 штуки.
Теперь берем эти цифры и вставляем в API запрос
http://api.justin.tv/api/clip/show/298240340.xml
Нам откроется страшная страница, возможно, кого-то она повергнет в самый настоящий шок, но сложного тут нет абсолютно ничего.
Ради интереса разобраться во всем этом можно и в одиночку со словарем.
Страшный код, чисто из интереса
<objects>
<object>
<start_time>
1319442131
</start_time>
<image_url_medium>
http://static-cdn.jtvnw.net/jtv.thum...40-150x113.jpg
</image_url_medium>
<tags nil="true"/>
<created_on>
2011-10-24T09:44:38Z
</created_on>
<image_url_small>
http://static-cdn.jtvnw.net/jtv.thum...0340-70x53.jpg
</image_url_small>
<category_title>
Gaming
</category_title>
<subcategory nil="true"/>
<page_url>
http://www.justin.tv/etofok/b/298240340
</page_url>
<length>
7206
</length>
<subcategory_title nil="true"/>
<channel_id>
25376469
</channel_id>
<title>
Russian 1800+1900 Падаем в дно с 1850
</title>
<embed_code>
<object type="application/x-shockwave-flash" height="300" width="400" id="clip_embed_player_flash" data="http://www.justin.tv/widgets/archive_embed_player.swf" bgcolor="#000000"> <param name="movie" value="http://www.justin.tv/widgets/archive_embed_player.swf" /> <param name="allowScriptAccess" value="always" /> <param name="allowNetworking" value="all" /> <param name="allowFullScreen" value="true" /> <param name="flashvars" value="title=Russian 1800+1900 Падаем в дно с 1850&archive_id=298240340&start_volume=25&channel=etofok&auto_play=false" /> </object>
</embed_code>
<video_file_url>
http://media7.justin.tv/archives/201...1319442131.flv
</video_file_url>
<image_url_huge>
http://static-cdn.jtvnw.net/jtv.thum...40-630x473.jpg
</image_url_huge>
<transcode_file_urls>
</transcode_file_urls>
<category>
gaming
</category>
<description>
http://hon.rychlis.cz/FoK_KruGer/ почти!
</description>
<id>
298240340
</id>
<image_url_large>
http://static-cdn.jtvnw.net/jtv.thum...40-320x240.jpg
</image_url_large>
</object>
</objects>[свернуть]
Но мы здесь только ради одной единственной вещи:
<video_file_url>
http://media7.justin.tv/archives/201...1319442131.flv
</video_file_url>
Это и есть прямая ссылка на скачивание. Все действительно очень просто.
Стоит отметить, что скачивать можно и с ЗАКРЫТЫХ для просмотра каналов(!).
К примеру, канал НАСЛ на твиче: http://ru.twitch.tv/naslseasontwo
Посмотреть записи возможно только подписчикам (25$!)
Как оказалось, эта "Проблема" также решается через api запрос, и мы можем скачать целиком запись в любом качестве совершенно бесплатно
Например, последний вод:
http://ru.twitch.tv/naslseasontwo/b/299927683
->
http://api.justin.tv/api/clip/show/299927683.xml
->
<video_file_url>
http://media7.justin.tv/archives/201...1321204538.flv
</video_file_url>
...
<transcode_file_urls>
<transcode_360p>
http://media17.justin.tv/archives/20..._299927683.flv
</transcode_360p>
<transcode_480p>
http://media16.justin.tv/archives/20..._299927683.flv
</transcode_480p>
<transcode_240p>
http://media6.justin.tv/archives/201..._299927683.flv
</transcode_240p>
<transcode_720p>
http://media5.justin.tv/archives/201..._299927683.flv
</transcode_720p>
Выбирай что хочешь прям таки:
Первая ссылка = оригинальное качество.
Transcode - "пережимка" под 720/480/360.
Также под водом ссылки на части 2-9 есть, т.е. скачать можно ВСЕ записи.
Кому-то я сейчас сэкономил кучу денег на обед - 25$
Оформление канала и «Делаем красиво!»
Очередная вещь, которая еще больше выбивает justin далеко вперед - это возможность устроить на своем канале настоящий луна-парк с преферансом и поэтессами, о чем нам говорится в самих настройках около поля для «биографии»:
Можно использовать BB-код: полужирный, курсив, ну вы поняли,
т.е. можно использовать html код.
Вобщем, правильней его было бы назвать как «Расскажите всем обо всем, что у Вас могут спросить».
Когда я создавал себе канал, естественно, меня интересовало как бы лучше заполнить это поле, чтобы оно было ярким, действительно информативным и полезным зрителям. Тогда я начал смотреть, как же это сделано у других, более успешных стримеров и знающих свое дело людей.
К своему удивлению, открыв наугад топовые стримерские страницы, я увидел абсолютное ничего, и лишь изредка попадались страницы с картинками, какими-то красивостями и другими привлекательными и интересными случайному зеваке вещами.
Кстати, больше всего этому вниманию удиляют WoWеры, но это и не удивительно, т.к. человек, поигравший на хорошем уровне в эту игру испытывает патологическую тягу все настроить, информация из первых рук.
Один из простейших способов сделать что-то красивое, без знаний html, но имея дизайнерские навыки работы в каком-нибудь фотошопе - сделать одну огромную картинку и вставить ее.
Самый печальный вариант этого способа можно посмотреть, к примеру, здесь:
http://ru.twitch.tv/warriortsw
Но смысл понятен – одна картинка на всю информацию.
Лучше сделать в png формате, чтобы выглядело не как единое целое, но достаточно гармонично.
Только не вздумайте сделать ширину больше 640px, иначе не поместиться и не будет отображаться, хотя в коде она будет, или съедет как-нибудь по кривому, тут не угадаешь и нужно пробовать.
Далее возьмем канал абсолютно случайного стримера, который сейчас, как и почти все население планеты играет в Батлфилд3:
http://ru.twitch.tv/bteamgaming
Здесь уже сделано поинтересней, открыв код страницы можно заметить примитивную табличку, в ячейки которых вставлены куски с нужной информацией и картинки. Смотрится симпатично, но все равно не так круто как хотелось бы.
Завершу приведение примеров вот этой страничкой:
http://ru.twitch.tv/ohriginal
Смотрится потрясающе, а по сути то и нет никаких табличек, нет вообще ничего, кроме красивых картинок, которые чрезвычайно четко подобранны по ширине страницы – все вместе, причем с пробелами, укладываются в 640px, и это действительно тонкая подборка.
Так что Вы вполне можете сделать по их примеру, выделив для себя что-то, что нравится именно Вам, объединив различные элементы или привнеся что-то кардинально новое.
HTML - очень простой язык, разобраться в нем может любой, к тому же для этой цели есть отличный редактор, на котором лично я делал свое оформление:
http://htmledit.squarefree.com/
Расскажи об этом всем!
Когда вы почувствуете, что Вы все сделали верно, придет время рассказать об этом всем. Почему бы и нет, если Вы начинающий дейнаин?
Один из хороших способов – поставить ссылку на свой канал в подпись на форуме, например, на этом.
Загоревшись после нескольких кружек кофе, я потратил около часа на разыскивание таких вещей как «откуда ж берутся картинки для превьюшек стримов», «как посмотреть, сколько человек сейчас смотрят» и тому подобным мелочам, и у меня получилось скомпоновать довольно интересную комбинацию из таблички 2х2 и 4х картинок в html:
Т.е. картинки изменяются автоматически сервером, и, если они стоят у вас в подписи, то когда стрим будет работать, они чудесным образом покажут это, а счетчик зрителей обновляется чуть ли не каждые пару секунд.
Выглядит, на мой взгляд, довольно аккуратно и симпотично, я бы себе такое поставил.
К сожалению, счетчик зрителей теперь посмотреть можно только влезая в java/php, но картинку-превьюшку все еще можно поставить.
Вот код, если кому интересно
<table border=4px>
<tr><td rowspan="2"><img alt="" class="cap" src="http://static-cdn.jtvnw.net/previews/live_user_whitera-150x113.jpg"/ width="160" height="100"></td>
</tr>
</table>[свернуть]
Т.е.
Картинка-превьюшка такая же как когда вы открываете вкладку фан-стримов:
static-cdn.jtvnw.net/previews/live_user_channelname-150x113.jpg
Live: / Not live индикатор: // Устарело и не работает, оставляю на память.
bleap.net/tl/stream_online_justin.php?stream=channelname
Название канала обязательно нужно написать маленькими буквами, иначе работать не будет.
И все это очень здорово, если бы не одно маленькое «но»:
"При отправке были допущены следующие ошибки
Вы вставили 4 изображений в ваше сообщение, при ограничении в 1 изображений. Пожалуйста, вернитесь назад, уменьшите количество изображений и попробуйте снова."
Жаль, что стоит ограничение в подписи на 1 картинку, но при этом картинка может быть хоть 10 мегабайт, что, мягко говоря, странно, но да ладно, в любом случае на форуме отключена возможность использования html в подписях, что тоже правильно. Иначе можно было бы накрутить-навертеть конструкцию похлеще изображения в 10мбайт, но надеюсь, что когда-нибудь интернет разовьется до такой степени, что это станет возможным. Раньше же даже картинки не вставляли.
Потратив около часа на размышления и серфинг интернета как бы это обойти, я, естественно, ничего не нашел. "Ну что поделать" - подумал я, и решил воспользоваться BB кодами, которые использовать можно.
Но их поэтому их и можно использовать т.к. они очень ущербные, не в грубом смысле этого слова, конечно. Действительно, из полезных тегов можно выделить только img - для вставки картинки.
В общем, потратив немного времени, поискав картинки, покрутив их в фотошопе, у меня таки получилось что-то более-менее адекватное соорудить:
Код
Не могу привести, т.к. тега [code] нет и форум сразу обрабатывает как картинки[свернуть]
Т.к. мне нужно было центрирование по нижней картинке, а без html таблички я не представлял как это сделать, то посидев еще пару минут в голову пришла мысль о том самом теге img.
Открыв фотошоп и сделав за минуту png картинку задача была решена.
Png содержит в себе альфа канал и позволяет сделать места картинки прозрачными, т.е. сделать красиво.
В моем же случае, я запилил прозрачную картинку, которую если не прокликать, то и вообще не заметишь, собственно, она и делает необходимый мне отступ.
Но это, опять же, аж целых 4 картинки, т.е. в подпись конкретно на sc2tv не поставить. Обидно.
Так что я остановил свой выбор на обычной картинке-логотипе Twitch.tv, нарисованной каким-то дизайнером до меня, за что ему большое спасибо.
Затем просто добавил переход по клику на канал, чем и остался вполне доволен, т.к. другой вариант с отображением количества зрителей при онлайне больше подойдет уже состоявшимся стримерам, т.к. у них там будет хотя бы трехзначное число, а не однозначное как у некоторых
В общем, я надеюсь, что было интересно, и даже принесло пользу в виде открытия для себя чего-то нового, ранее для Вас не известного.
Пробуйте себя везде, как я, к примеру, попробовал написать такую стену текста, и будьте на волне технологий, ведь они облегчают нашу жизнь и делают ее такой, какой мы сами захотим.
Любые свои предложения или мысли напишите в комментариях, будет интересно пообсуждать вместе с вами, ведь возможно, вы откроете глаза людям еще шире.
26.10.2011
fok <3
©
Мой же стрим находится в подписи.
Ответить с цитированием
Сообщение от fok
