Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How do i get sound to a gif in dreamweaver

New Here ,
Feb 20, 2018 Feb 20, 2018

-1 down vote  favorite  

I need help to get sound to a gif so i have fount this site which explains how to add sound to a gif but i am having trouble this is the code would anybody be able to help me get this to work i am using Dreamweaver CC here are some examples of what i am trying to get done and i'll provide the code i have done and if anyone can help me would be much appreciated

https://github.com/mahdif/loud-links/ is the Javascript used

https://loudlinks.rocks/ - Examples

<script src="js/loudlinks.min.js"></script></body> where have i gone wrong i've included  <script src="js/loudlinks.min.js"></script> above </body> as it has said so i dont know why it's not working

738
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Mentor , Feb 21, 2018 Feb 21, 2018

The github page provides steps how it works, but assumes basic web coding skills. And you must provide the sound file for each gif in two formats: mp3 and ogg for full browser compatibility.

Looking at your code, you have two </body> tails, which means your html doesn't validate, and may get in the way of a working page. So solve that first.

Other things to check:

  • You must have a sounds folder. In that folder you need two sub-folders: mp3 and ogg
  • Convert your mp3 sound file to ogg Online OGG converter
...
Translate
Community Expert ,
Feb 20, 2018 Feb 20, 2018

GIFs are image files.  They cannot support sounds natively because they are merely images.

If you want animation with sounds, use MP4 video instead of images.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 21, 2018 Feb 21, 2018

Really check this then the creator himself if you can get me to get this to work i'll even pay you £20-50 https://loudlinks.rocks/  examples are there!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 20, 2018 Feb 20, 2018

Dreamweaver is a tool that you use similar to any other tool. A hammer does not build a house, it is a tool to help you build the house.

Having said that, your question has been answered here html5 - How do i get sound to a gif in dreamweaver - Stack Overflow

Seeing how you are ignoring that answer, how can we help you?

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 21, 2018 Feb 21, 2018

Listen i've tried everything on the examples i will pay you £20-50 if you can get it to work here's the examples https://loudlinks.rocks/

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Feb 21, 2018 Feb 21, 2018
LATEST

The github page provides steps how it works, but assumes basic web coding skills. And you must provide the sound file for each gif in two formats: mp3 and ogg for full browser compatibility.

Looking at your code, you have two </body> tails, which means your html doesn't validate, and may get in the way of a working page. So solve that first.

Other things to check:

  • You must have a sounds folder. In that folder you need two sub-folders: mp3 and ogg
  • Convert your mp3 sound file to ogg Online OGG converter
  • Place the mp3 version in the mp3 folder.
  • Place the ogg version in the ogg folder.
  • In your js folder, copy the loudlinks.min.js file.
  • At the end of your html file just before the tail of the body insert the link to the loudlinks javascript file
  • Add your image, and attach the loud-link-hover class.
  • Also add an attribute data-sound="mysound". No need to add an extension. The script will search for the audio file(s) in the sounds sub folders.

That's it.

Here is a simple example I made for you:

https://www.wizzydev.com/uploads/gifsoundtest.zip

Unzip, and open the index.html file in dreamweaver.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines