Soundcloud에서 트랙을 나열하고 Wordpress 블로그의 Soundmanager 2로 재생하십시오.

Question

먼저이 코드는 완벽하게 코딩 된 솔루션을위한 외침이 아니지만 적어도 누군가이 문제를 해결하는 방법에 대한 팁을 줄 수 있다면 완벽 할 것입니다. 나는 :이 맞춤식 Wordpress 사이트를 음반사로 가지고 있습니다. 이 사이트에는 물론 모든 아티스트 트랙의 릴리스를 보여주는 섹션이 있습니다.

클라이언트는 모든 트랙을 Soundcloud에 업로드해야합니다. WP 백엔드에서 그들은 앨범의 이름을 입력하고 표지 이미지를 업로드하고 Wordpress 용 MagicFields를 사용하여 원하는만큼 트랙을 추가 할 수 있습니다. 앨범 정보와 트랙 이름을 추가하면 Soundcloud에서 호스팅되는 특정 트랙의 URL을 입력 할 수 있습니다. WP 후 다음과 같은이 모든 트랙을 나열

이

(그것은 내가 이미지를 업로드 할 수 없습니다 보인다 그래서 여기 링크입니다) http://postimage.org/image/22ob8ymys/

을 왼쪽에 당신이 Soundmanager2의 360 시각화를 볼 수 있습니다. 지금 MP3 파일은 라벨의 웹 사이트에 업로드 (I 변경해야하는) 각 목록 항목의 링크는 다음과 같이 보입니다됩니다

<ol> 
    <a href="#" onclick="if (threeSixtyPlayer.lastSound) { threeSixtyPlayer.lastSound.stop(); } document.getElementById('mp3').href = 'track1.mp3'; threeSixtyPlayer.handleClick({target: document.getElementById('mp3')});"><li>Track 1</li></a> 
    ... 
</ol> 

당신이 링크로 끝나는, 특정 파일에 이르게 볼 수 있듯이을 SM2를 통해 재생할 수있게하려면 .mp3 확장자를 사용하십시오. 그러나 Soundcloud에서 MP3에 쉽게 액세스 할 수 없다는 것을 알고있을 것입니다. 'www.soundcloud.com/artist/track1'과 같은 URL을 전달하면 제대로 작동하지 않는 것 같습니다.

저는 Soundcloud의 API에 대해 조사한 바 있지만, 너무 복잡해서 (내가 여기있는 이유가 무엇인지) 추측합니다. http://soundcloud-sm2.heroku.com/docs/application.html에 대한 문서는 내가 찾던 것과 아주 비슷하지만 유감스럽게도 트랙은 JS가 아니라 PHP를 통해 사이트에 포함되어서는 안되기 때문에 사용할 수 없습니다.

여러분 중 누군가가이 특정 문제를 해결하는 방법에 대한 조언을 해주기를 바랍니다. 이것을 읽어 주셔서 감사합니다.)

Answer 1

Soundcloud의 API를 사용하여 스트림 URI를 가져와야합니다. 당신은 같은 요청하여 스트림 URI를 얻을 수 있습니다 : 5677638 당신의 정보를 얻을하려는 트랙의 ID입니다

https://api.soundcloud.com/tracks/5677638.json 

.

그러나 당신은 당신이에서 무료로 요청할 수있는 API 키가 필요합니까 : 그 요청이 당신에게 JSON 인코딩 된 문자열을 얻을 것이다

https://api.soundcloud.com/tracks/5677638.json?consumer_key={your api key} 

: 그래서 그 후 같은 요청을 할 수 Soundcloud Developers

을 이는 트랙, 예를 들어에 대한 모든 정보가 포함

{ 
    "id": 5677638, 
    "created_at": "2010/09/29 19:46:01 +0000", 
    "user_id": 378405, 
    "duration": 183945, 
    "commentable": true, 
    "state": "finished", 
    "sharing": "public", 
    "tag_list": "electro electrohouse remix green velvet remixcontest remixcompetition remixcomp foem uptempo", 
    "permalink": "green-velvet-feat-santiago-bushido-turn-it-up-sander-van-halem-remix", 
    "description": "Now let's turn it up up up up! :D Remix comp at http://foem.info/index.php?option=com_content&task=view&id=383&Itemid=97 . Some feedback would be appreciated. ", 
    "streamable": true, 
    "downloadable": true, 
    "genre": "", 
    "release": "", 
    "purchase_url": null, 
    "label_id": null, 
    "label_name": "", 
    "isrc": "", 
    "video_url": null, 
    "track_type": "remix", 
    "key_signature": "", 
    "bpm": 128, 
    "title": "Green Velvet feat. Santiago and Bushido - Turn It Up (Sander van Halem Remix)", 
    "release_year": null, 
    "release_month": null, 
    "release_day": null, 
    "original_format": "mp3", 
    "license": "all-rights-reserved", 
    "uri": "https://api.soundcloud.com/tracks/5677638", 
    "permalink_url": "http://soundcloud.com/sander-van-halem/green-velvet-feat-santiago-bushido-turn-it-up-sander-van-halem-remix", 
    "artwork_url": "http://i1.sndcdn.com/artworks-000002478404-sy6zd5-large.jpg?6cbf23e", 
    "waveform_url": "http://w1.sndcdn.com/1Iydbj7KnvOi_m.png", 
    "user": { 
    "id": 378405, 
    "permalink": "sander-van-halem", 
    "username": "Sander van Halem", 
    "uri": "https://api.soundcloud.com/users/378405", 
    "permalink_url": "http://soundcloud.com/sander-van-halem", 
    "avatar_url": "http://i1.sndcdn.com/avatars-000000760311-hwm8iz-large.jpg?6cbf23e" 
    }, 
    "stream_url": "https://api.soundcloud.com/tracks/5677638/stream", 
    "download_url": "https://api.soundcloud.com/tracks/5677638/download", 
    "playback_count": 1386, 
    "download_count": 67, 
    "favoritings_count": 17, 
    "comment_count": 34, 
    "attachments_uri": "https://api.soundcloud.com/tracks/5677638/attachments" 
} 

은 당신이 할 수있는 URL을 포함하는 stream_url 항목이 당신이 볼 수 있듯이을 로컬 mp3에서와 마찬가지로 SoundManager를 사용하여 트랙을 '포함'할 수 있습니다.