Top.Mail.Ru
Ответы

Помогите сделать простенький сайт

Мне нужно сделать просто чистый сайт, одна кнопка, которая будет производить звук. желательно что-бы без тяжелых программ.

По дате
По рейтингу
Аватар пользователя
Ученик
123456789
 <!DOCTYPE html>
 <html>
  <head>
   <title>Cайт</title>
  </head>
  <body>
   <p>Hello, World!</p>
  </body>
 
Аватар пользователя
Знаток

Сохрани этот код в файл index.html и загрузи в корневую папку сайта.

123456789101112131415161718192021222324252627282930313233343536
 <!DOCTYPE HTML> 
<html> 
<head> 
  <title>Звукарик</title> 
  <meta charset="utf-8"> 
  <style> 
    .but { 
        cursor: pointer; 
        margin:10px; 
        padding:10px; 
        background-color:#ddd; 
        width:100px; 
        text-align:center; 
        border:1px solid #999; 
        border-radius:8px; 
    } 
  </style> 
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
  <script> 
    $(document).ready(function(){ 
        $("[data-label='audioHolder']").append("<audio controls id='player'><source src='http://iba.barius.ru/qui/Emotions/story_content/5Xjbx1LI1TB_44100_48_0.mp3' type='audio/mpeg'>without sound</audio>"); 
    }); 
    function playAudio() { 
        $("#player")[0].play(); 
    } 
    function pauseAudio() { 
        $("#player")[0].pause(); 
    } 
  </script> 
</head> 
<body> 
<div data-label="audioHolder" style="display:none"></div> 
<div class="but" onclick="playAudio()">ЗВУК</div> 
<div class="but" onclick="pauseAudio()">ПАУЗА</div> 
</body> 
</html> 
Аватар пользователя
Знаток


1
 r926440z.bget.ru/www/upload/ 



1234567891011121314151617181920212223
 а можно
как-то
сделать
чтобы
на сайте
в плеере продолжало
играть
радио
если перейти
на следующие
странички❓

слева
на сайте 
выдвигается
аудио плеер

сайт на движк DLE
типа там 
всё на php

как бы реализовать
задуманное 


Видео по теме