Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   www.boolean.name > О форуме > Наш форум

Наш форум Новости, вопросы, пожелания и замечания, касающиеся работы форума

Ответ
 
Опции темы
Старый 03.11.2014, 19:36   #1
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,247
Написано 2,402 полезных сообщений
(для 6,658 пользователей)
Youtube2Thumbnail userscript. Лаги задолбали.

На булке развелось тем с ютубчиком и они знатно кладут мне лису. Мне это дело порядком надоело и я даже сообщал об этой херне. Я так и не был услышан (азаза меняй браузер, ос, комп, прими ислам) так что запилил наколеночное расширение.

Чо делает:
Заменяет все айфреймы на кликабельные пикчи-ссылки и дописывает url ролика внизу.

Как ставить на лису:
1) Поставить greacemonkey
https://addons.mozilla.org/ru/firefo.../greasemonkey/

2) Создать скрипт
Нажмите на изображение для увеличения
Название: mqQ2hqcD.png
Просмотров: 784
Размер:	12.9 Кб
ID:	21112Нажмите на изображение для увеличения
Название: mqQ2hqcE.png
Просмотров: 811
Размер:	28.3 Кб
ID:	21113
Спастить туда это:
$(function () {
  $(
'.youtube-player').each(function () {
    var 
src = $(this).attr('src');
    var 
matches = /\/([\w\d\-_]+)$/.exec(src);
    
    if (
matches !== null && matches[1]){
      var 
code matches[1];
      var 
html '';
      
html += '<div style="text-align: center; background: rgba(0,0,0,0.1); padding: 5px; margin: 4px 2px; border-radius: 4px; display: inline-block">';
      
html += '<a title="play" style="text-decoration: none" target="_blank" href="http://www.youtube.com/watch?v=' code '">';
      
html += '<img src="http://img.youtube.com/vi/' code '/mqdefault.jpg" />';
      
html += '<br />'
      
html += 'http://www.youtube.com/watch?v=' code;
      
html += '</a>';
      
html += '</div>';
      $(
html).insertAfter(this);
      
console.log(matches);
    }

    $(
this).remove();
  }); 
Должно выйти так:
Нажмите на изображение для увеличения
Название: mqQ2hqcF.png
Просмотров: 782
Размер:	72.7 Кб
ID:	21114

3) Готово
Нажмите на изображение для увеличения
Название: mqQ2hqcG.png
Просмотров: 798
Размер:	154.9 Кб
ID:	21115
__________________
Retry, Abort, Ignore? █
AMD Ryzen 7 3800X 4.3Ghz; 64Gb ram; Nvidia Geforce 1070Ti
AMD Ryzen 7 1700X x8 3.4Ghz; Radeon RX 570
AMD Athlon II x4 2.6Ghz; 8Gb ram; Nvidia Geforce GTX 750 Ti
(Offline)
 
Ответить с цитированием
Эти 7 пользователя(ей) сказали Спасибо Randomize за это полезное сообщение:
ABTOMAT (03.11.2014), Arton (03.11.2014), Gector (19.10.2015), impersonalis (03.11.2014), moka (04.11.2014), Nerd (03.11.2014), pax (04.11.2014)
Старый 03.11.2014, 19:41   #2
impersonalis
Зануда с интернетом
 
Аватар для impersonalis
 
Регистрация: 04.09.2005
Сообщений: 14,014
Написано 6,797 полезных сообщений
(для 20,930 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Сложно интегрировать такое решение в форум?
__________________
http://nabatchikov.com
Мир нужно делать лучше и чище. Иначе, зачем мы живем? tormoz
А я растила сына на преданьях
о принцах, троллях, потайных свиданьях,
погонях, похищениях невест.
Да кто же знал, что сказка душу съест?
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
Mr_F_ (03.11.2014)
Старый 03.11.2014, 19:42   #3
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,247
Написано 2,402 полезных сообщений
(для 6,658 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Сообщение от impersonalis Посмотреть сообщение
Сложно интегрировать такое решение в форум?
КАК НЕХРЕН. СУМКА, ПРЯМ ИЗ АДМИНКИ
И даже нормально сделать можно. Без js преобработчика.
__________________
Retry, Abort, Ignore? █
AMD Ryzen 7 3800X 4.3Ghz; 64Gb ram; Nvidia Geforce 1070Ti
AMD Ryzen 7 1700X x8 3.4Ghz; Radeon RX 570
AMD Athlon II x4 2.6Ghz; 8Gb ram; Nvidia Geforce GTX 750 Ti
(Offline)
 
Ответить с цитированием
Старый 03.11.2014, 22:24   #4
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,643
Написано 5,385 полезных сообщений
(для 15,525 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Так, господа, спасибо за обеспокоенность, но при всём уважении, inline-javascript и css это жопашничество.
Сейчас сяду сделать как положано.
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Эти 2 пользователя(ей) сказали Спасибо ABTOMAT за это полезное сообщение:
Arton (03.11.2014), Mr_F_ (03.11.2014)
Старый 03.11.2014, 22:59   #5
Nerd
Чудо-кот
 
Аватар для Nerd
 
Регистрация: 22.02.2011
Сообщений: 897
Написано 478 полезных сообщений
(для 1,468 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Немного допилил скрипт:


var ytp_width = 360, //размер плеера
    ytp_height = 223;

$(function () {
  $('.youtube-player').each(function () {
      var src = $(this).attr('src');
      var matches = /\/([\w\d\-_]+)$/.exec(src);
    if (matches !== null && matches[1]){
     var code = matches[1];
      var node = this;
      $.getJSON('http://gdata.youtube.com/feeds/api/videos/'+code+'?v=2&alt=jsonc',function(data,status,xhr){
            var dur = String_toHHMMSS(data.data.duration);
            var title = data.data.title+'  ('+dur+')';
            var link = 'http://www.youtube.com/watch?v='+code;
            var html = '<div> \
                        <div class="ytp"> \
                        <div class="ytp-title-bg"> \
                        <div class="ytp-title">'+title+'</div> \
                        </div> \
                        <img id="ytp-img-'+code+'" class="ytp-img" src="http://img.youtube.com/vi/'+code+'/mqdefault.jpg"></img> \
                        </div> \
                        <a href="'+link+'" class="ytp-link" target="_blank">'+link+'</a> \
                        </div>';
          $(html).insertAfter(node);
          $(node).remove();
                  $("#ytp-img-"+code).click(function(){
                    console.log('aye');
                    var flash = '<iframe title="YouTube video player" class="youtube-player" \
                       type="text/html" width="'+ytp_width+'" height="'+ytp_height+'" \
                       src="http://www.youtube.com/embed/'+code+'?autoplay=1"\
                       frameborder="0" allowFullScreen></iframe>';
                    var base = $(this).parent().parent();
                    $(flash).insertBefore(base);
                    base.remove();
                  });
      }); 
    }
  });  
});

    function String_toHHMMSS(t){
        var sec_num = parseInt(t, 10);
        var hours   = Math.floor(sec_num / 3600);
        var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
        var seconds = sec_num - (hours * 3600) - (minutes * 60);
        var time = ''
        if (hours   < 10) {hours   = "0"+hours;}
            if(hours!='00') time+=hours+':';
        if (minutes < 10) {minutes = "0"+minutes;}
            if(minutes!='00') time+=minutes+':';
        if (seconds < 10) {seconds = "0"+seconds;}
            time+=seconds;
        return time;
    }

$("head").append('<style type="text/css"> \
                 .ytp{ border: 1px dashed #F7BD6A; width:  '+ytp_width+'px; height: '+ytp_height+'px; cursor: pointer; background: #000; } \
                 .ytp-img{ width:  '+ytp_width+'px; height: '+(ytp_height-23)+'px; } \
                 .ytp-title{ color: #FFFFFF; margin-left: 10px; font-size: 0.95em; text-shadow: 4px 4px 2px #000000; cursor: text; } \
                 .ytp-title-bg{ background: #323232; opacity: 0.8; min-height: 20px; cursor: default; } \
                 .ytp-link{ background: url(\'https://youtube.com/favicon.ico\') no-repeat scroll left center transparent; color: #F60; \
                 font-size: 0.8em; padding-left: 20px; margin-left: 5px; margin-top: 1px; border-bottom: 1px dotted #F60;}</style>');
//mmmaximum zhopa4ni4estvo, uwahahahah

Блин, опоздал
(Offline)
 
Ответить с цитированием
Эти 2 пользователя(ей) сказали Спасибо Nerd за это полезное сообщение:
ABTOMAT (04.11.2014), Randomize (04.11.2014)
Старый 04.11.2014, 00:10   #6
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,643
Написано 5,385 полезных сообщений
(для 15,525 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Всё, встроено.
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Эти 12 пользователя(ей) сказали Спасибо ABTOMAT за это полезное сообщение:
Arton (04.11.2014), Кирпи4 (10.11.2014), FireOwl (06.11.2014), Gector (19.10.2015), Igor (04.11.2014), impersonalis (04.11.2014), KCEPOKC (16.11.2014), Mr_F_ (04.11.2014), Nex (04.11.2014), pax (17.11.2014), Randomize (04.11.2014), SBJoker (04.11.2014)
Старый 04.11.2014, 01:38   #7
Arton
Быдлокодер
 
Аватар для Arton
 
Регистрация: 05.07.2009
Адрес: Проспит
Сообщений: 4,794
Написано 2,178 полезных сообщений
(для 5,080 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Сообщение от ABTOMAT Посмотреть сообщение
Всё, встроено.
Спасибо, стало получше.
Эм.. я забыл выключить Случайниковый скрипт.
Спасибо, теперь почти идеально, по крайней мере Лиса не зависает на несколько секунд.
(Offline)
 
Ответить с цитированием
Старый 04.11.2014, 08:04   #8
Nex
Гигант индустрии
 
Аватар для Nex
 
Регистрация: 13.09.2008
Сообщений: 2,888
Написано 1,183 полезных сообщений
(для 3,292 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

А что за не допиленный чатик? Ему быть?
(Offline)
 
Ответить с цитированием
Старый 04.11.2014, 12:24   #9
Mr_F_
Терабайт исходников
 
Аватар для Mr_F_
 
Регистрация: 13.09.2008
Сообщений: 3,938
Написано 2,181 полезных сообщений
(для 5,996 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Нужны названия видео на джипегах, иначе непонятно на что жмёшь, особенно в теме про музыку какой смысл на рандомные картинки жать?
__________________
бложик | geom.io | твиттер | faded | демо 1 2 | роботы | лайтмаппер
(Offline)
 
Ответить с цитированием
Эти 7 пользователя(ей) сказали Спасибо Mr_F_ за это полезное сообщение:
Android (04.11.2014), impersonalis (10.11.2014), moka (05.11.2014), pax (17.11.2014), Randomize (04.11.2014), SBJoker (04.11.2014), St_AnGer (05.11.2014)
Старый 04.11.2014, 23:32   #10
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,247
Написано 2,402 полезных сообщений
(для 6,658 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Прошу.
1) Кликабельность картинки (Обернуть в <a> с title а-ля "смотреть на youtube")
2) Ссылку под картинкой можно убрать
3) Оверлей на картинке мол это ютуб

* пока писал стало ниактуально. АВТЕ, почёт тебе, хорошо работаешь.
__________________
Retry, Abort, Ignore? █
AMD Ryzen 7 3800X 4.3Ghz; 64Gb ram; Nvidia Geforce 1070Ti
AMD Ryzen 7 1700X x8 3.4Ghz; Radeon RX 570
AMD Athlon II x4 2.6Ghz; 8Gb ram; Nvidia Geforce GTX 750 Ti
(Offline)
 
Ответить с цитированием
Старый 05.11.2014, 00:03   #11
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,643
Написано 5,385 полезных сообщений
(для 15,525 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Сообщение от Mr_F_ Посмотреть сообщение
Нужны названия видео на джипегах, иначе непонятно на что жмёшь, особенно в теме про музыку какой смысл на рандомные картинки жать?
Вот тут кстати сильно ли это целесообразно?
1. По клику появляется обычный youtube-плеер со всем, что надо.
2. Можно получать нужные данные через AJAX и выводить их сразу. Но тогда получится мильён AJAX-запросов при загрузке темы с ютубом. То есть боролись за производительность — получили шило на мыло.
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Старый 05.11.2014, 02:49   #12
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,861 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Сообщение от ABTOMAT Посмотреть сообщение
Вот тут кстати сильно ли это целесообразно?
1. По клику появляется обычный youtube-плеер со всем, что надо.
2. Можно получать нужные данные через AJAX и выводить их сразу. Но тогда получится мильён AJAX-запросов при загрузке темы с ютубом. То есть боролись за производительность — получили шило на мыло.
Мильён ajax'ов лучше чем мильен iframe'ов с еще мильеном файлов загруженных внутри.
(Offline)
 
Ответить с цитированием
Эти 3 пользователя(ей) сказали Спасибо moka за это полезное сообщение:
ABTOMAT (05.11.2014), Gector (19.10.2015), St_AnGer (05.11.2014)
Старый 16.11.2014, 19:40   #13
KCEPOKC
Принтер
 
Аватар для KCEPOKC
 
Регистрация: 21.04.2013
Адрес: Russhka, Default City
Сообщений: 561
Написано 340 полезных сообщений
(для 1,239 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.


Форум жив!

Зашел на булку после недельного отъезда.
Понял для себя, как приятно видеть, как что-то улучшается без твоего ведома.
(Offline)
 
Ответить с цитированием
Старый 18.10.2015, 16:52   #14
Nerd
Чудо-кот
 
Аватар для Nerd
 
Регистрация: 22.02.2011
Сообщений: 897
Написано 478 полезных сообщений
(для 1,468 пользователей)
Ответ: Youtube2Thumbnail userscript. Лаги задолбали.

Ещё было бы неплохо ограничить размер изображений в цитатах.

var quote_img_preview_height = 250;

$(function () { 
  $("img[src='images/chestnut/misc/citation.gif']").each(function(){
    $(this).parent().next().find("img").each(function(){
      if($(this).height()>quote_img_preview_height)
        $(this).css('cursor','pointer').click(function(){
          $(this).attr('height') ? $(this).removeAttr('height') : $(this).attr('height',quote_img_preview_height)
        }).trigger("click");
    });
  });
});

//для работы с тегом offtop внутри quote, однако, прийдётся лезть в поведение onclick у offtop, а оно на форуме реализованно крайне костыльно
(Offline)
 
Ответить с цитированием
Эти 4 пользователя(ей) сказали Спасибо Nerd за это полезное сообщение:
Arton (18.10.2015), Gector (19.10.2015), Randomize (18.10.2015), St_AnGer (19.10.2015)
Ответ


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Часовой пояс GMT +4, время: 11:10.


vBulletin® Version 3.6.5.
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com