Добавить ссылку Spotify в форме HTML

Question

Довольно просто скопировать URL-адрес песни Spotify и сгенерировать необходимый код iframe для вставки в собственный HTML-код, например:

<iframe src="https://open.spotify.com/embed/track/1q8gelFgFYUwoWpQV7WNCe" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

просто для справки других, подробности о том, как это сделатьэто может быть найдено в https://developer.spotify.com/documentation/widgets/generate/play-button/

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

1. Используйте тег и попросите пользователя сначала удалить ссылку "и" перед вставкой (например, * 1013).* width = "300" height = "380" frameborder = "0" allowtransparency = "true" allow = "encrypted-media).Затем, используя вставленный текст как переменную между тегами.Этот метод не является предпочтительным, поскольку требует действий от пользователя.

2. Разрешить пользователю вставлять всю ссылку, а затем использовать функцию для удаления / ", прежде чем следовать тому же подходу использованиякод как переменная.

Есть ли более простой подход, который я здесь упускаю? Есть ли способ, чтобы весь код <iframe> можно было вставить в форму для непосредственного отображения напрофиль пользователя?

Заранее спасибо за любую помощь.

Answer 1

Лучшим подходом, учитывая пользовательский опыт, было бы попросить пользователя вставить spotify uri (используя кнопку «Копировать URI Spotify»). После этого вы можете отформатировать этот URI, используя скрипт для получения этой части

Затем просто поместите эту отформатированную часть здесь: