The Department of Education has a Soundcloud channel with tracks that can be embedded into SharePoint websites via an iFrame.
Note that transcripts are mandatory for audio-only media and must be included on any webpage where a Soundcloud item is embedded.
By default, Soundcloud iFrames have a fixed height that will not change across different devices.
By utilising Bootstrap's responsive embed classes, we can have the Soundcloud item display in a 16:9 aspect ratio (seen in the below example). This item's height will adjust across different device sizes so that the aspect ratio is always 16:9.
Soundcloud also has the below optional classic embed layout option with a fixed height. Responsive options are not possible with this layout.