Покинул форум
Сообщений всего: 314
Дата рег-ции: Нояб. 2011 Откуда: Россия
Помог: 0 раз(а)
Решил сделать gif-ки со звуком. Но js - вообще не моя сильная сторона.
Все сделал, как написано http://habrahabr[dot]ru/post/151203/ : получился result.gif. Скачал файлы с гитхаба, создал html, куда подключил gif.js(+ код js с хабра) and html.js.
Что делать далее? Что надо сделать с <img src="result.gif">, чтобы появился звук? Мои знания в js - 2 из 10, кому не сложно - помогите, вопрос вроде легкий (как минимум - соц сеть сделать )
----- In Console We Trust. Code hard. Or die.
IllusionMH
Отправлено: 01 Октября, 2012 - 17:46:32
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
Tox. использовать подгрузку изображения (g image preloading js), подгрузку музыки. Когда оба эти события произошли - адрес загружаемого изображения присваивается имеющемуся пустому изображению(либо добавляется новое с таким же адресом) и запускается звук.
P.S. ИМХО Сударь знает толк. Тут или нормальное видео со звуком(норм браузеры давно поддерживают), либо нелюбимый флеш, либо забить на это. Ибо много трудностей в синхронизации и GIF это просто ппц качество, уж всяко лучше будет нестандартный APNG
Покинул форум
Сообщений всего: 314
Дата рег-ции: Нояб. 2011 Откуда: Россия
Помог: 0 раз(а)
IllusionMH
а код можете написать?
что в index.html написать надо?
gif - это вообще любовь. и фото намного приятнее выглядят, когда персонажи или окружающая среда на них динамичны.
----- In Console We Trust. Code hard. Or die.
IllusionMH
Отправлено: 01 Октября, 2012 - 18:58:59
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
Tox, еще раз проглядел статью на хабре, понял что затупил. http://denyspotapov[dot]com/gif-sound[dot]html
там есть кнопка, которая собственно позволяет проигрывать звук - параметр href которой и является всем JS кодом.
Либо взять jsgif с репозитория и добавить нужную функцию
Вот этот код нужно разобрать и переделать под свои нужды, у меня сейчас нет ни времени, ни сил ни желания
Tox
Отправлено: 01 Октября, 2012 - 19:01:01
Посетитель
Покинул форум
Сообщений всего: 314
Дата рег-ции: Нояб. 2011 Откуда: Россия
var dataURI ="data:audio/wav;base64,"+ escape(window.btoa(out));
sound_element =new Audio();
sound_element.src= dataURI;
};
я только не пойму, как ее использовать
----- In Console We Trust. Code hard. Or die.
armancho7777777
Отправлено: 01 Октября, 2012 - 19:15:53
Активный участник
Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011 Откуда: Москва
Помог: 221 раз(а)
Tox пишет:
Решил сделать gif-ки со звуком.
IMHO извращение.
Без обид.
Tox
Отправлено: 01 Октября, 2012 - 19:29:08
Посетитель
Покинул форум
Сообщений всего: 314
Дата рег-ции: Нояб. 2011 Откуда: Россия
Помог: 0 раз(а)
armancho7777777
да мне просто интересно. just4fan
сам в elinks сижу часто, там таких радостей вообще нет.
----- In Console We Trust. Code hard. Or die.
IllusionMH
Отправлено: 01 Октября, 2012 - 19:31:09
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
Tox, без понятия Не я автор библиотеки.
Чтобы понять как использовать - разберите код букмарклета на странице с примером. (Добавление)
Tox пишет:
да мне просто интересно. just4fan
если уж вам интересно - сядьте и разберите код полностью
armancho7777777
Отправлено: 01 Октября, 2012 - 19:34:59
Активный участник
Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011 Откуда: Москва
Помог: 221 раз(а)
Мне кажется gif-ка разобрана на кадры и анимируется js-кой.
А то как ещё объяснить остановку/прокрутку анимации при наведении мыши.
Tox
Отправлено: 01 Октября, 2012 - 20:12:34
Посетитель
Покинул форум
Сообщений всего: 314
Дата рег-ции: Нояб. 2011 Откуда: Россия
Помог: 0 раз(а)
да кнопка не главное. и эффекты тоже. главное - чтобы звук проигрывался.
где можно юзать - в той же рекламе (исходя из комментов на хабре). для старых браузеров.
представьте говорящий баннер, который не блокируется у виндоЮзеров касперским, adblockом и прочими.
----- In Console We Trust. Code hard. Or die.
IllusionMH
Отправлено: 01 Октября, 2012 - 20:57:29
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
Tox, для старых браузеров - флеш, они не поддерживают канву
На хабре большинсво каментов - сарказм
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
Tox пишет:
да кнопка не главное. и эффекты тоже. главное - чтобы звук проигрывался.
Для тех кто в танке: в сайте-примере ВЕСЬ функционал реализован как букмарклет(т.е. код в адресе ссылки)
login8
Отправлено: 03 Октября, 2012 - 15:58:09
Новичок
Покинул форум
Сообщений всего: 34
Дата рег-ции: Февр. 2012 Откуда: Куба
Помог: 0 раз(а)
Зачем gif со звуком делать?
Сделал бы swf флешку с анимированным изображением и звуком.
Правда если у юзера устарел flash-плеер и юзает Мазилу или Хром то будет у нег выскакивать типа "Обновите плагин.."
Tox
Отправлено: 03 Октября, 2012 - 21:46:39
Посетитель
Покинул форум
Сообщений всего: 314
Дата рег-ции: Нояб. 2011 Откуда: Россия
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.