Вишнёвые единомышленники

19 июня 2015 г.

Как встроить аудиофайл в текст: 4 простых (ну, очень простых!) шага

Здравствуйте, друзья! Сегодня я расскажу вам как можно дополнить текст на сайте или в блоге аудиофайлом.
Текст будет выглядеть вот так: Альфред Шнитке. Тема объяснения в любви из к/ф "Сказка странствий".

Как это работает: для того, чтобы прослушать аудиофайл в фоновом режиме, пользователю необходимо кликнуть по получившейся "кнопочке-плееру". На мой взгляд, инструмент этот очень хорош:
- во-первых, он прост в создании;
- во-вторых, удобен в использовании: пользователь сам решает, хочет ли он слушать предложенный файл (а не мечется в ужасе в поисках кнопки "Где же это выключается?"))) и не использует при этом никакие встроенные плееры;
- в-третьих, вариантов использования этого инструмента можно придумать много, как ваша фантазия подскажет. На вскидку: можно дополнить материал о каком-либо музыканте, певце, музыкальном направлении и даже книге, либо использовать интервью, запись с события. Можно использовать для создания электронного читательского дневника для конкурса "Книжный шкаф поколения Next", подбирая музыку из фильмов, например, или используя прочтение произведений авторами. А можно просто создать приятную атмосферу во время чтения... Представьте, человек читает пост или пресс-релиз и слушает музыку!

Итак, приступим к реализации. Для этого нам нужно сделать несколько простых шагов.

1. Находим аудиофайл в интернете и копируем ссылку, либо загружаем MP3 файл на сайт https://soundcloud.com/ (требуется регистрация) и копируем ссылку оттуда.
2. Заходим на сайт http://soundcite.knightlab.com/, вставляем ссылку. Нажимаем Load.

3. Выделяем нужный отрезок аудиофайла, указав начальную и конечную временные точки. Вписываем текст, который будет являться своего рода ссылкой. Нажимаем Create clip. Видим, как будет отображаться текст (его можно изменить сейчас, либо после вставки на страницу).
Копируем код.

4. После завершения создания клипа копируем ещё один код и вставляем его в верхней или нижней части страницы.
Желаю удачи в освоении нового интересного инструмента!

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

PS: При написании поста использована информация с сайтов:  


4 комментария:

  1. Цікаво. Зареєструвалась. А як знайти посилання, щоб його скопіювати та поставити на другий сайт?

    ОтветитьУдалить
  2. Светлана, ищите под музыкальным треком кнопочку "Share". Кликнув по ней, Вы увидите ссылку.
    Удачи!

    ОтветитьУдалить
  3. Ура! Ура! Ура!. У меня получилось. Ай спасибо, ай спасибо, И блог у Вас супер, и Вы Супер Блогер. -:)))))

    ОтветитьУдалить
    Ответы
    1. Светлана, пожалуйста! И спасибо за добрые слова :)

      Удалить

Related Posts Plugin for WordPress, Blogger...