cancel
Showing results for 
Search instead for 
Did you mean: 
mjk
Community Member

Students embed Spotify in Assignments on Canvas

Jump to solution

I want my students to be able to embed Spotify playlists in their Canvas-submitted assignments. Is this possible to do? Spotify seems to generate url links, but not the embed code itself. Does Canvas support <iframe> embeds? If so, what would the code be for doing so since Spotify does not seem to generate the embed code itself. Thanks for any advice, or the actual code to use!

1 Solution

Accepted Solutions
mjk
Community Member

Here's what I came up with for the assignment:

You have been asked by a recording label to write an essay and construct an annotated Spotify playlist of 5-10 songs revolving around a particular artist, group, producer, record label, or other topic between 1840 and 1955 (we will review how to construct a Spotify playlist in class—see instructions below; you may create an actual playlist or, if for some reason you are not able to do so, you may simply create an annotated playlist in the text entry box.

Your assignment is to (1) create the annotated playlist in Canvas (1-3 sentences of description and justification of selection per track), and follow it with (2) an analytic essay of up to 1000-1500 words. The recording company insists that your essay must offer a compelling, precise, and clear evidence-based argument as to the historical significance of your profile topic. In other words, the "suits" (the executives) want to know what their customers can learn about the larger story of US history from studying the story you will tell in your annotated playlist and analytic essay.

Refer to assignment rubric under Expectations section of syllabus for more information and guidelines.

USING SPOTIFY:

-Log in to or create a free account at Spotify web player (or download the Spotify app) at https://play.spotify.com/ (Links to an external site.).

-Click on "Your Music" on the lefthand column.

-Click on "New Playlist" and Create a playlist name.

-Use the Search function on lefthand column to locate songs you wish to add.

-Move cursor over the three dots next to song name to open up menu. Select Add to and then when next menu opens up add the song to the playlist you have created.

Spotify add song to playlist.jpg

-Click on "Your Music" and go to your playlist.

-Next to each track (not for the playlist as a whole), move cursor to the three buttons and select "Copy Spotify URL."

Spotify add song to playlist.jpg

-Go to this webpage, https://developer.spotify.com/technologies/widgets/spotify-play-button/ (Links to an external site.). Paste in the Spotify URL to generate the embed code. Select and cut the embed code to paste in to your Canvas assignment.

Spotify embed code.jpg

-You will write your canvas assignment directly in the HTML page as a "Text Entry."

-To paste in your Spotify track as an embedded file, you must switch to the "HTML editor" function, which lets you paste in the embed code (which should look something like this: <iframe src="https://embed.spotify.com/?uri=spotify:track:7GBk90STM3d2BsNomTnpve" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>). Click on "HTML editor" to paste in code. Once you do so you can switch back to "Rick content editor" to write your annotations of the text and your essay (the embed will show up as a gray box).

html editor.jpg

-You can also assemble your embed code, annotations, and essay in a text file or MS Word and then paste the entire document into the HTML Editor setting on the Text Entry page. This will prevent you from accidentally deleting or losing any of your work. If you do be sure to switch back to the "Rich content editor" function to make sure your assignment is rendering correctly.

-Be sure to submit your assignment. You can revise it up until the deadline.

-You are now a computer programmer! (And you thought that you wouldn't be acquiring useful computer skills in a pop music course!)

-Let me (Prof. Kramer) know if you run into any technical difficulties with this assignment. Again, it is acceptable to create a text version of your song tracks and annotations and essay if you have difficulty with the technical part of the assignment. Give it a try and see if you can do it; if not, spend your time on the content of the assignment.

--

Announcement 02/08/16 - Using Spotify and other notes

Dear Pop Music Scholars,

As a reminder, your next assignment in US Popular Music History is due a week from today, on Monday 2/15. I have updated the assignment in a few ways:

1 - Instructions for embedding Spotify playlists in your assignment (we will only be doing text entries for this assignment, not word processing document uploads). If you have difficulty with the technical aspects of the assignment, you may, without penalty, simply include your track information as text in your assignment, but give it a try to embed the Spotify track. It's not that difficult.

2 - I have extended the assignment length to 1000-1500 words so that you have a bit more space to develop your analytic essay (the word count does not apply to the track annotations, which as the assignment explains should be 1-3 sentences each, describing the track and justifying its inclusion on your playlist.

3 - You may focus on a topic of interest between 1840-1955. In other words, a particular performer, genre, time period, label, producer, instrument, or any other topic that you want to spend time thinking and writing about. Pick something that interests you in relation to the themes of the course we have been exploring.

4 - Your essay will be stronger if you link your topic, annotations, and essay to specific information, analysis, and interpretation from our readings, film documentaries, and lectures. Make connections, notice discrepancies, identify historical ironies, consider the interactions between the four tracks of our multitrack analysis: text, context, theory, and history.

Let me or Sean know if you have any questions about the assignment.

Prof. Kramer

View solution in original post

3 Replies
mjk
Community Member

Here's what I came up with for the assignment:

You have been asked by a recording label to write an essay and construct an annotated Spotify playlist of 5-10 songs revolving around a particular artist, group, producer, record label, or other topic between 1840 and 1955 (we will review how to construct a Spotify playlist in class—see instructions below; you may create an actual playlist or, if for some reason you are not able to do so, you may simply create an annotated playlist in the text entry box.

Your assignment is to (1) create the annotated playlist in Canvas (1-3 sentences of description and justification of selection per track), and follow it with (2) an analytic essay of up to 1000-1500 words. The recording company insists that your essay must offer a compelling, precise, and clear evidence-based argument as to the historical significance of your profile topic. In other words, the "suits" (the executives) want to know what their customers can learn about the larger story of US history from studying the story you will tell in your annotated playlist and analytic essay.

Refer to assignment rubric under Expectations section of syllabus for more information and guidelines.

USING SPOTIFY:

-Log in to or create a free account at Spotify web player (or download the Spotify app) at https://play.spotify.com/ (Links to an external site.).

-Click on "Your Music" on the lefthand column.

-Click on "New Playlist" and Create a playlist name.

-Use the Search function on lefthand column to locate songs you wish to add.

-Move cursor over the three dots next to song name to open up menu. Select Add to and then when next menu opens up add the song to the playlist you have created.

Spotify add song to playlist.jpg

-Click on "Your Music" and go to your playlist.

-Next to each track (not for the playlist as a whole), move cursor to the three buttons and select "Copy Spotify URL."

Spotify add song to playlist.jpg

-Go to this webpage, https://developer.spotify.com/technologies/widgets/spotify-play-button/ (Links to an external site.). Paste in the Spotify URL to generate the embed code. Select and cut the embed code to paste in to your Canvas assignment.

Spotify embed code.jpg

-You will write your canvas assignment directly in the HTML page as a "Text Entry."

-To paste in your Spotify track as an embedded file, you must switch to the "HTML editor" function, which lets you paste in the embed code (which should look something like this: <iframe src="https://embed.spotify.com/?uri=spotify:track:7GBk90STM3d2BsNomTnpve" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>). Click on "HTML editor" to paste in code. Once you do so you can switch back to "Rick content editor" to write your annotations of the text and your essay (the embed will show up as a gray box).

html editor.jpg

-You can also assemble your embed code, annotations, and essay in a text file or MS Word and then paste the entire document into the HTML Editor setting on the Text Entry page. This will prevent you from accidentally deleting or losing any of your work. If you do be sure to switch back to the "Rich content editor" function to make sure your assignment is rendering correctly.

-Be sure to submit your assignment. You can revise it up until the deadline.

-You are now a computer programmer! (And you thought that you wouldn't be acquiring useful computer skills in a pop music course!)

-Let me (Prof. Kramer) know if you run into any technical difficulties with this assignment. Again, it is acceptable to create a text version of your song tracks and annotations and essay if you have difficulty with the technical part of the assignment. Give it a try and see if you can do it; if not, spend your time on the content of the assignment.

--

Announcement 02/08/16 - Using Spotify and other notes

Dear Pop Music Scholars,

As a reminder, your next assignment in US Popular Music History is due a week from today, on Monday 2/15. I have updated the assignment in a few ways:

1 - Instructions for embedding Spotify playlists in your assignment (we will only be doing text entries for this assignment, not word processing document uploads). If you have difficulty with the technical aspects of the assignment, you may, without penalty, simply include your track information as text in your assignment, but give it a try to embed the Spotify track. It's not that difficult.

2 - I have extended the assignment length to 1000-1500 words so that you have a bit more space to develop your analytic essay (the word count does not apply to the track annotations, which as the assignment explains should be 1-3 sentences each, describing the track and justifying its inclusion on your playlist.

3 - You may focus on a topic of interest between 1840-1955. In other words, a particular performer, genre, time period, label, producer, instrument, or any other topic that you want to spend time thinking and writing about. Pick something that interests you in relation to the themes of the course we have been exploring.

4 - Your essay will be stronger if you link your topic, annotations, and essay to specific information, analysis, and interpretation from our readings, film documentaries, and lectures. Make connections, notice discrepancies, identify historical ironies, consider the interactions between the four tracks of our multitrack analysis: text, context, theory, and history.

Let me or Sean know if you have any questions about the assignment.

Prof. Kramer

View solution in original post

Stefanie
Community Team
Community Team

Wow,  @mjk ​, this is a nice resource! Would you be willing to copy and paste it into a new blog post or document in the Higher Education​ group? I'll bet that members there would love to use your instructions as the basis for a music assignment.

 @mjk ‌ this is awesome! I'm passing this on to our professors today! Thank you so much for sharing!