Статический музыкальный бар

Question

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

Какой метод я могу использовать для этого?

Answer 1

Способ сделать это - использовать ajax для переключения между страницами без обновления всей страницы.

jQuery Ajax - хорошее решение.http://api.jquery.com/jQuery.ajax/

Answer 2

Вы можете использовать <iframe> для содержимого и использовать position: fixed; для проигрывателя, чтобы держать его внизу страницы.

Демонстрация: http://jsfiddle.net/ThinkingStiff/vhLeE/

HTML:

<iframe src="http://thinkingstiff.com"></iframe>
<div id="player">music player</div>

CSS:

body {
    margin: 0;
    height: 100%; 
}

iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
}

#player {
    background-color: black;
    bottom: 0;
    color: white;
    left: 0;
    position: fixed;
    height: 30px;   
    width: 100%; 
}