Kevin Powell - Community•2y ago

Need help with audio script (Not Playing???)

Im making a horror ARG apart of my site but theaudio script isnt working plz help!

35 Replies

Jochem•2y ago

that src url looks suspicious, is there any error in the network tab of the dev tools?

diarrhea7516OP•2y ago

Its not a URL its a local file improted to the FTP, i cant get it to play ill check tho No! Its empty

diarrhea7516OP•2y ago

Jochem•2y ago

reload the page with that tab open

diarrhea7516OP•2y ago

diarrhea7516OP•2y ago

@jochemm

Jochem•2y ago

jeez, give me a second did you read the link I sent in #general? https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide

diarrhea7516OP•2y ago

I did, the code didnt work

Jochem•2y ago

what happens when you copy the htdocs/... string up to and including .mp3 but not the quote, and then delete everything after the last / in the browser URL bar and paste the htdocs thing there? (and hit enter obviously)

diarrhea7516OP•2y ago

Well its a wav file... And it didnt work

Jochem•2y ago

"didn't work" is surprisingly unhelpful, what happened exactly?

diarrhea7516OP•2y ago

Nothing at all. Just the image shaking (Witch i put in)

Jochem•2y ago

what is in the URL bar right now then? and did you hit enter?

diarrhea7516OP•2y ago

http://gvtube.great-site.net/we%60ll%20be%20right%20back.html

Jochem•2y ago

so you didn't do any of this?

diarrhea7516OP•2y ago

i did

diarrhea7516OP•2y ago

Heres the entire script:

Jochem•2y ago

is that live somewhere? Somewhere I can click a link and see that I mean

diarrhea7516OP•2y ago

yes: http://gvtube.great-site.net/well_be_right_back.html (had to rename it) brb

Jochem•2y ago

I don't see the audio tag Did you add it and forget to upload it? right, so I refreshed the page because I ran into it closing tabs, and it seems like the audio tag was now added when I do this (which turns the URL into "gvtube.great-site.net/htdocs/the_screeches_of_hell.wav"), I get a 404 error if I go to http://gvtube.great-site.net/the_screeches_of_hell.wav (without the htdocs part), it downloads a wav file. You probably want to remove htdocs/ from the src attribute

diarrhea7516OP•2y ago

@jochemm Tried that, dosent work...

Jochem•2y ago

oh, I see, your HTML isn't well formed your audio tag is getting included in the style tag because you didn't close it there's just a mess of style tags and random stuff dumped in there, you really need to learn to format your document properly. You get really unexpected results if you don't properly open and close tags and keep your tags in the right places try this instead:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    body {
      background-color: rgb(0, 0, 0);
    }

    img {
      /* Start the shake animation and make the animation last for 0.5 seconds */
      animation: shake 0.5s;
      /* When the animation is finished, start again */
      animation-iteration-count: infinite;
    }

    @keyframes shake {
      0% {
        transform: translate(1px, 5px) rotate(0deg);
      }

      10% {
        transform: translate(-1px, -3px) rotate(-1deg);
      }

      20% {
        transform: translate(-3px, 5px) rotate(1deg);
      }

      30% {
        transform: translate(3px, 3px) rotate(0deg);
      }

      40% {
        transform: translate(1px, -3px) rotate(1deg);
      }

      50% {
        transform: translate(-1px, 5px) rotate(-1deg);
      }

      60% {
        transform: translate(-3px, 3px) rotate(0deg);
      }

      70% {
        transform: translate(3px, 5px) rotate(-1deg);
      }

      80% {
        transform: translate(-1px, -3px) rotate(1deg);
      }

      90% {
        transform: translate(1px, 5px) rotate(0deg);
      }

      100% {
        transform: translate(1px, -3px) rotate(-1deg);
      }
    }

    .center {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 50%;
    }
  </style>
</head>

<body>
  <div class="box">
    <img src="TELEDEATH.jpeg" width="1000" height="1000" />
    <audio src="the_screeches_of_hell.wav" autoplay></audio>
  </div>
</body>

</html>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    body {
      background-color: rgb(0, 0, 0);
    }

    img {
      /* Start the shake animation and make the animation last for 0.5 seconds */
      animation: shake 0.5s;
      /* When the animation is finished, start again */
      animation-iteration-count: infinite;
    }

    @keyframes shake {
      0% {
        transform: translate(1px, 5px) rotate(0deg);
      }

      10% {
        transform: translate(-1px, -3px) rotate(-1deg);
      }

      20% {
        transform: translate(-3px, 5px) rotate(1deg);
      }

      30% {
        transform: translate(3px, 3px) rotate(0deg);
      }

      40% {
        transform: translate(1px, -3px) rotate(1deg);
      }

      50% {
        transform: translate(-1px, 5px) rotate(-1deg);
      }

      60% {
        transform: translate(-3px, 3px) rotate(0deg);
      }

      70% {
        transform: translate(3px, 5px) rotate(-1deg);
      }

      80% {
        transform: translate(-1px, -3px) rotate(1deg);
      }

      90% {
        transform: translate(1px, 5px) rotate(0deg);
      }

      100% {
        transform: translate(1px, -3px) rotate(-1deg);
      }
    }

    .center {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 50%;
    }
  </style>
</head>

<body>
  <div class="box">
    <img src="TELEDEATH.jpeg" width="1000" height="1000" />
    <audio src="the_screeches_of_hell.wav" autoplay></audio>
  </div>
</body>

</html>