POKEMON

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » POKEMON » Тестовый форум » Тестовое сообщение


Тестовое сообщение

Сообщений 1 страница 6 из 6

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Albedo написал(а):

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Код:
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
спойлер

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Остров Риф Маска, расположенный на юго-востоке от Мондштадта. В лучах закатного солнца, омываемый волнами, он притянул к себе внимание нескольких людей, усердно раскапывающих нечто в земле неподалеку от огромного каменного кольца. Наконец, они забрались достаточно глубоко, чтобы вот-вот, как им казалось, добраться до искомого сокровища, как внезапно... из недр земли раздался громкий толчок, похожий на раскат грома. Буквально через мгновение волна сильного землетрясения вкупе с мощнейшим выбросом энергии сотрясли остров. Двое из незадачливых искателей сокровищ оказались похоронены под землей, но одному из них все же удалось спастись.

Землетрясение донеслось и до Мондштадта, сея разрушения и панику, а его отголоски ощутились даже в гавани Лиюэ. Встревоженные причиной странного происшествия, Ордо Фавониус отправляют разобраться в нем своего человека — а именно, главного алхимика и, по совместительству, капитана исследовательской группы. Он, а также увязавшийся вместе с ним капитан кавалерии, отправляются на остров для выяснения причин землетрясения.

После возвращения в город они узнают, что размеренную и спокойную жизнь в Мондштадте прервала новость о вспышке неизвестной ранее болезни, которая распространяется по окрестностям с пугающей скоростью и не поддается лечению никакими средствами. Источник заражения неизвестен, а горожане, тем временем, один за другим начинают испытывать одинаковые симптомы: резкий упадок сил, лихорадка, бессонница и надрывный кашель появляются у каждого пятого жителя Спрингвейла. В поисках новых лекарств, Город Свободы обращается с просьбой к другим регионам и задействует своих лучших алхимиков и медиков, однако все безрезультатно - некоторые из заболевших начали умирать. А вскоре схожие симптомы проявляются и в самом Мондштадте, где первым заболевшим становится... капитан кавалерии - Кайя Альберих.

...Не зная того, незадачливые искатели сокровищ повредили древнюю печать еще времен Войны Архонтов, выпустив в мир древнее создание, повторившее когда-то судьбу Осиала. Древнее божество покидает место своего заточения и, в поисках уединения для восстановления своих сил, оно обращает взор на Иназуму — удаленную от большой земли зону. Прорвавшись сквозь созданный Сёгуном шторм, оно находит себе пристанище на одном из небольших необитаемых островов. Появление незваного гостя не остается незамеченным для Электро Архонта, однако отправившись на встречу с древним божеством, Райден Сёгун бесследно исчезает. О том, что она все еще жива, говорит буря, что частично продолжает бушевать вокруг региона. Исчезновение Архонта Вечности сбивает с толку противоборствующие лагеря. В попытках выяснить, что на самом деле случилось, обе стороны независимо друг от друга организуют вылазки к острову, захваченному неизвестным божеством, однако при приближении к нему у всех участников экспедиций начинаются проблемы с памятью, общим самочувствием и Глазами Бога, если они есть. Люди не только перестают узнавать друг друга, но и осознавать самих себя. Пытаясь спастись от влияния чужого бога, сохранившие разум жители Иназумы начинают организовывать эвакуацию населения сначала на дальние острова, а затем — за пределы своего региона. Их путь лежит в Лиюэ, и там они надеются получить помощь.

0

2

https://forumupload.ru/uploads/001c/1b/6b/2/638831.png

0

3

хтмл верх

Код:
<!--Плеер-->
<div class='playerNode' data-tracks="ССЫЛКА" title="POKEMON"></div>

хтмл низ

Код:
<script>
(() => {
    const selector = '.playerNode';
    const targets = document.querySelectorAll(selector);
targets.forEach((target) => {
    const tracks = target.dataset.tracks?.split('<>').filter(Boolean);
    const audio = document.createElement('audio');
    audio.src = tracks[0];
    let index = 0;
    const getNext = () => {
        index = (tracks.length - index + 1) % tracks.length;
        return index;
    };
    audio.addEventListener('ended',function(){
        audio.src = tracks[getNext()];
        audio.pause();
        audio.load();
        audio.play();
    });
    
    audio.addEventListener('timeupdate', function(){
        const part = audio.currentTime / audio.duration || 0;
         track.querySelector('.thumb').style.left = (part * 100).toFixed(2) + '%';
    });
    const play = document.createElement('button');
    play.classList.add('play-pause');
    play.classList.add('paused');
    play.addEventListener('click', () => {
        if(play.classList.contains('paused')){
            audio.play();
            play.classList.remove('paused');
        } else {
            audio.pause();
            play.classList.add('paused');
        }
    })
    const track = document.createElement('div');
    const thumb = document.createElement('div');
    track.classList.add('track');
    thumb.classList.add('thumb');
    track.append(thumb);
    track.addEventListener('click', (evt) => {
         const part = evt.offsetX / track.offsetWidth;
         audio.currentTime = part * audio.duration;
         thumb.style.left = (part * 100).toFixed(2) + '%';
    })
    
    const volume = document.createElement('div');
    const volumeThumb = document.createElement('div');
    volumeThumb.classList.add('thumb');
    volume.classList.add('volume');
    volume.append(volumeThumb);
    volumeThumb.style.left = 'calc(100% - 8px)';
    volume.addEventListener('click', (evt) => {
         const part = evt.offsetX / volume.offsetWidth;
         audio.volume = part.toFixed(2);
         volumeThumb.style.left = (part * 100).toFixed(2) + '%';
    });
    const wrapper = document.createElement('div');
    wrapper.classList.add('player-wrapper');
    wrapper.append(audio, play, track, volume);
    target.append(wrapper);
})
})();
</script>

стиль

Код:
.playerNode {
    position: absolute;
    width: 252px;
    top: 196px;
    margin-left: 0px;
    z-index: 99;
}

0

4

https://forumupload.ru/uploads/001c/1b/6b/2/201609.jpg

0

5

https://forumupload.ru/uploads/001c/1b/6b/2/120671.png
https://forumupload.ru/uploads/001c/1b/6b/2/678703.png
https://forumupload.ru/uploads/001c/1b/6b/2/55376.png
https://forumupload.ru/uploads/001c/1b/6b/2/610096.png

0

6

https://forumupload.ru/uploads/001c/1b/6b/2/656256.png
https://forumupload.ru/uploads/001c/1b/6b/2/755770.png
https://forumupload.ru/uploads/001c/1b/6b/2/285988.png
https://forumupload.ru/uploads/001c/1b/6b/2/281128.png

0


Вы здесь » POKEMON » Тестовый форум » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно