Форумы портала PHP.SU :: Версия для печати

1. Tox - 01 Октября, 2012 - 17:20:49 - перейти к сообщению

Решил сделать gif-ки со звуком. Но js - вообще не моя сильная сторона.
Все сделал, как написано http://habrahabr[dot]ru/post/151203/ : получился result.gif. Скачал файлы с гитхаба, создал html, куда подключил gif.js(+ код js с хабра) and html.js.
Что делать далее? Что надо сделать с <img src="result.gif">, чтобы появился звук? Мои знания в js - 2 из 10, кому не сложно - помогите, вопрос вроде легкий (как минимум - соц сеть сделать Подмигивание

)

2. IllusionMH - 01 Октября, 2012 - 17:46:32 - перейти к сообщению

Tox. использовать подгрузку изображения (g image preloading js), подгрузку музыки. Когда оба эти события произошли - адрес загружаемого изображения присваивается имеющемуся пустому изображению(либо добавляется новое с таким же адресом) и запускается звук.

P.S. ИМХО Сударь знает толк. Тут или нормальное видео со звуком(норм браузеры давно поддерживают), либо нелюбимый флеш, либо забить на это. Ибо много трудностей в синхронизации и GIF это просто ппц качество, уж всяко лучше будет нестандартный APNG

3. Tox - 01 Октября, 2012 - 18:29:47 - перейти к сообщению

IllusionMH
а код можете написать?
что в index.html написать надо?
gif - это вообще любовь. и фото намного приятнее выглядят, когда персонажи или окружающая среда на них динамичны.

4. IllusionMH - 01 Октября, 2012 - 18:58:59 - перейти к сообщению

Tox, еще раз проглядел статью на хабре, понял что затупил.
http://denyspotapov[dot]com/gif-sound[dot]html
там есть кнопка, которая собственно позволяет проигрывать звук - параметр href которой и является всем JS кодом.
Либо взять jsgif с репозитория и добавить нужную функцию
Вот этот код нужно разобрать и переделать под свои нужды, у меня сейчас нет ни времени, ни сил ни желания Недовольство, огорчение

5. Tox - 01 Октября, 2012 - 19:01:01 - перейти к сообщению

IllusionMH
так нужная функция в посте на хабре:

CODE (javascript):
скопировать код в буфер обмена

var doSound = function(sound) { 
          // Header 
          var size = sound.data.length + 4 
          var size_text = String.fromCharCode(size  & 255, (size  >> 8) & 255, (size  >> 16) & 255, (size  >> 24) & 255); 
          var header = [ 
              "RIFF", 
              size_text, // length 
              "WAVE" 
          ].join(''); 
          
          var out = [header, sound.data].join(''); 
          var dataURI = "data:audio/wav;base64," + escape(window.btoa(out)); 
          
          sound_element = new Audio(); 
          sound_element.src = dataURI; 
    };

я только не пойму, как ее использовать