Тексты Scrap Genius

Question

Итак, мне нужно сделать школьный проект, мне нужно создать простой веб-сайт, использующий API. Я хочу использовать Genius API для сбора текстов песен, но вы не можете из-за авторских прав. Я могу использовать API только для поиска определенной информации о песне, такой как автор, URL-адрес обложки {image} или ссылка на песню (гений). Так что, если я хочу получить текст, мне нужно очистить ссылку на песню. У меня проблемы с очисткой, потому что это обычно выполняется с помощью node.js, и я не могу использовать node.js, потому что это не разрешено в проекте.

Кто-нибудь знает, как очистить эту ссылку, чтобы найти текст только с чистым javascript (я также могу использовать jQuery): https://genius.com/Lil-peep-white-tee-lyrics

Я знаю, что страница html содержит тег и все тексты здесь.

Пример:

<div class="lyrics">
   <p> This is the lyrics</p>
</div>

Если у кого-то есть идея, это было бы очень полезно. Спасибо

Answer 1

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

Вы сказали, что это для школьного задания где цель - использовать api. Моим первым шагом было бы поговорить с вашим инструктором, чтобы узнать, можно ли переопределить цели проекта, включив только информацию, предоставленную через api. Если требуется получить тексты песен, следующая попытка должна состоять в том, чтобы найти api, который может предоставить их, как этот. https://developer.musixmatch.com/plans.

Очистка веб-страниц должна быть крайней мерой.

Answer 2

Используя jQuery, попробуйте научиться выбирать специфицированный c html раздел по тегу, классу или идентификатору.

var myLyrics = $('.lyrics')​.find('div:first')​.find(​'p:first')​​​.html();
alert(myLyrics);