Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Как установить ауди плеер SoundCloud в сообщении блога.

ауди
Здравствуйте, дорогие друзья, читатели и гости блога. Сегодня у меня музыкальная тема. Предлагаю вам познакомиться с социальной сетью SoundCloud. Здесь мы  можем делиться своими ауди записями, публиковать их.
Получать удовольствие от звуковых файлов, которые выложены в этой сети.



И рассмотрим вариант, как вставить дорожки SoundCloud в сообщение блога.

Переходим по этой ссылке и проходим самую простую регистрацию. Есть возможность входа через Facebook или Google+. Мы создали личный кабинет. Сначала советую ознакомиться с коллекцией дорожек. Даже не сомневаюсь, что вы получите огромное удовольствие. Есть выбор музыки любого жанра. Тут же можно понравившуюся запись сохранить у себя в аккаунте. Задать теги, создать альбом.

Для загрузки своего ауди файла идём сюда. Вот это окно



Загружаем свой файл, сохраняем. Сейчас возвращаемся в личный кабинет и у выбранного файла, который хотим установить в блоге, жмём на самую первую иконку справа.

ауди


Попадаем на такую страничку, где нам предлагают скопировать код. Он-то нам и нужен.


Для платформы Блоггер сразу копируем его. У кого блоги на WordPress, нажимайте на опцию рядом. Код примерно такого вида 

<iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/87971694%3Fsecret_token%3Ds-Orh2t&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>

Обращу ваше внимание на высоту плеера- 300. Это значение можно после установки поменять на своё. В моём случае я установила 200px. Внизу ещё есть опция включать автоматически. Думаю, лучше её отключить. 

Всё. Теперь дело за малым. При написании сообщения просто переходим из режима создать в режим HTML  и вставляем в нужном месте полученный код.



 Возвращаемся в обычный режим и слушаем наш ролик. Вуаля. Вот что у меня получилось. Приятного прослушивания. И до новых встреч. 




Ой, а что это там ниже? Ну надо же! Нажимаем!

оформите подписку на новые шпаргалки

Введите Ваш email


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

  1. спасибо, Вика :) мне пригодится ;)

    ОтветитьУдалить
    Ответы
    1. Привет Татьяна. Ну здорово, что пригодится.

      Удалить
  2. Вика, как это я пропустила этот пост? Как раз искала плеер, который работает на мобильных устройствах, проверила этот на планшете, ура работает! Спасибо, буду в нем разбираться.

    ОтветитьУдалить
  3. Пожалуйста Олеся. Дерзай.Хорошего дня.

    ОтветитьУдалить
  4. И еще один вопросик, читала сегодня твой последний пост с телефона, и там была кнопочка g+1, которая работает не как поделиться, а просто добавляет плюсик. Зашла с компа, чтобы на нее посмотреть и не нашла? Хотелось бы себе такую, так как многие не хотят делиться, а вот плюсик бы добавили.

    ОтветитьУдалить
  5. Олеся. Спустись в самый низ сообщения нажми слева на голубой значок. Вот как я её хитренько упрятала.

    ОтветитьУдалить
    Ответы
    1. И вправду спрятала, не сразу нашла даже после разъяснения.) На компе она у меня работает как ссылка на твою страницу в g+. А в телефоне сразу сработала как +?

      Удалить
  6. Олеся с этими телефонами не всё ещё понятно. Ну видимо так.

    ОтветитьУдалить
  7. Ох, Вика, я немного туповата и не прошла эту "простую регистрацию", чтобы ее завершить, они просят ввести адрес электронной почты и какой-то пароль, от почты не подходит. Так злит!

    ОтветитьУдалить
    Ответы
    1. Там же можно и через соц.сети войти.

      Удалить
    2. Прочитав твой ответ, сделала наоборот, просто зарегистрировалась, войти получилось.

      Удалить
    3. Ой, Олеся. Ты просто электровеник. Как у тебя это получается. ну я помню, как ты писала. Бегу вперёд паровоза.
      А чё ж раньше-то не вышло./

      Удалить
  8. Спасибо,Викуля,все получилось! Если есть желание посмотри https://kzp1962.blogspot.com/2019/02/soundcloud.html

    ОтветитьУдалить
  9. Зоя, ага посмотрела. Здорово ведь. И звук прекрасный. С миру по нитке, как говорится.

    ОтветитьУдалить
  10. Доброго здоровичка всем. Автору блога могу предложить в своей теме разместить код плеера для аудио которое можно хранить на Гугл Диске. Такой же финт я пробовал сделать с кодом для фото и видео чтобы хостингом был непосредственно Гугл Диск.

    ОтветитьУдалить
    Ответы
    1. Борис Владимирович и Вам доброго здравия. Спасибо за визит и комментарий. Предложение интересное. Вы можете сами написать гостевой пост на эту тему. Условия размещения взаимовыгодные и мягкие . здесь http://www.shpargalochki.ru/p/blog-page_18.html
      Примеры http://www.shpargalochki.ru/2014/09/dzhava-menjushechka-gostevoj-post.html

      http://www.shpargalochki.ru/2018/09/graphic-design-service-Canva.html

      Удалить
  11. У меня наверное не получится участвовать как гость в ваших статьях. Если что могу поделиться конкретно как все сделать в моем самодельном видео на эту тему.
    Если вы не против я поделюсь с вами ссылкой на него.
    Видеообзор: https://youtu.be/Zcpx14hLpUo

    ОтветитьУдалить
  12. Без текста сухо совсем будет. Единственное, что моу дать ссылку читателям в конце этой статьи и обновить пост, чтобы посвежее была.

    ОтветитьУдалить
    Ответы
    1. Не обещаю но попробую составить черновой пост для вас Виктория. Я читаю ваш блог уже несколько лет.

      Удалить
  13. Я отправил вам статью. Пожалуйста пользуйтесь кому надо. Рад был вам помочь.

    ОтветитьУдалить
    Ответы
    1. сю посту перерыла и папку спам. е нашла . ы можете продублировать на этот ящик. https://youtu.be/Zcpx14hLpUo

      https://youtu.be/Zcpx14hLpUo

      V.Barad@mail.ru

      Удалить
  14. Всё нашла. Столько всякого спама через форму связи лезет Просмотрю

    ОтветитьУдалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML