전체 포럼용 플로팅 오디오 플레이어

[lowkey_324]

안녕하세요. 포럼을 꼼꼼히 살펴보았는데, 전체 디스코urs 웹사이트에 오디오 플레이어를 추가할 수 있는지 확인하려고 했습니다. 자동 재생 같은 복잡한 기능은 원하지 않습니다.

원하는 것은 웹사이트에 떠 있는 음악 플레이어입니다. 사용자가 어떤 주제나 페이지를 방문하든 상관없이, 게시물을 읽으면서 재생 버튼을 클릭해 음악을 들을 수 있으면 좋겠습니다. (물론 기본적인 음악 플레이어 컨트롤은 있어야 합니다.) 또한 곡명과 아티스트 이름도 표시되어야 합니다. 음악은 제 계정에서 만든 SoundCloud 플레이리스트에서 가져올 예정입니다.

사용자가 이 음악 플레이어를 숨길 수 있는 방법이 있다면 좋겠습니다.

이 기능을 구현할 수 있도록 관련 글, 플러그인, 제3자 서비스나 사용법을 알려주실 수 있을까요?

[supermathie (Michael Brown)]

가능할지 모르겠지만, 사이드바에 추가 섹션으로 넣으면 꽤 멋질 것 같아요!

[Lilly (Lillian)]

비슷한 주제와 가능한 해결책이 제안된 바 있습니다

Use fancy audio player

Hi, I’m planning to launch an audio community and was looking at audio player options in Discourse. There don’t seem to be any out-of-the-box solutions. Would it be possible to integrate a player like the Podigee Podcast Player or Podlove Web Player so that any link to an audio file in a post would appear in that player? I don’t know anything about Discourse coding, but from Podigee’s Github it seems like all that would be needed is to wrap an audio file URL in some code. window.playerConfig…

Audio player (plugin?) request

This one is a stretch, but I thought I’d see if any of you guys would be up for a challenge. A couple of us have recently started up a Discourse forum (so far, so good btw) related to music recording, mixing, etc. In the site, we have a section where people can post a mix that they are working on so that others can contribute ideas for fixes (ie, adjust EQ on vocals, ext). I’m curious if it would be possible to make an audio player that allows you to hear the 10 most recent uploads (for examp…

MP3 파일에 HTML5 플레이어 임베드하기

I was hoping to just paste the below into a discourse topic and get an HTML5 mp3 player. (This embedded source comes from a plugin on my Wordpress site.) Pointers, thoughts, … ?? <script type='text/javascript'> <!--//--><![CDATA[//><!-- /*! This file is auto-generated */ !function(d,l){"use strict";var e=!1,o=!1;if(l.querySelector)if(d.addEventListener)e=!0;if(d.wp=d.wp||{},!d.wp.receiveEmbedMessage)if(d.wp.receiveEmbedMessage=function(e){var t=e.data;if(t)if(t.secret||t.message||t.value)i…

[merefield (Robert)]

가능합니다

GitHub - captbaritone/webamp: Winamp 2 reimplemented for the browser

[Lilly (Lillian)]

로버트, 잘했어!

[lowkey_324]

감사합니다! 제 코딩 경험은 거의 없어서 문서를 살펴봐도 이 오디오 플레이어에 SoundCloud 플레이리스트를 연결하는 방법을 잘 모르겠습니다. 혹시 어떤 방법이 있을까요?

[Lilly (Lillian)]

이것도 멋집니다

Media Overlay component

Continuing from https://meta.discourse.org/t/media-overlay-plugin/60549… Discourse Media Overlay Theme This theme component allows users to “pop out” media into a floating window while they browse the site. They can even navigate to a different topic and the media will continue working. It works with any <iframe> or <video> (with some special treatment for lazyYT). It adds a button to every compatible thing, which then opens a little popup in the bottom right. You can then “minimise” it, …

[merefield (Robert)]

프리랜서를 고용해 도움을 받아보는 건 어떨까요? Marketplace

[denvergeeks]

OOOOOOOO MMMMMMMM GGGGGGGGGG…

[denvergeeks]

미디어 오버레이 컴포넌트는 모든 iframe의 구석에 버튼을 제공합니다.

이렇게 하면 포럼을 탐색하는 동안 iframe을 별도의 작은 창으로 팝아웃하여 상단에 고정할 수 있으며, 사용자가 닫을 때까지 유지됩니다.

해당 테마 컴포넌트를 활성화하고 사이트 설정의 허용된 iframe 항목에서 iframe 소스(예: https://w.soundcloud.com 및 https://api.soundcloud.com)를 화이트리스트에 추가하세요.

그런 다음 이 스니펫을 토픽 게시물에 붙여넣으면 됩니다…

<iframe src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/129053679&color=ff5500&auto_play=false&hide_related=false&show_comments=false&show_user=true&show_reposts=false" height=100%></iframe>

해당 버튼을 클릭하면 미니 플레이어가 화면 오른쪽 아래에 팝업되며, 사이트를 둘러보는 동안 열려 있는 상태로 유지됩니다(수동으로 닫을 때까지)…

[Lilly (Lillian)]

하하. 나도 해볼까 했는데 네가 먼저 했네. 잘했어!

[Don]

안녕하세요

요청에 맞게 사용할 수 있는 간단한 테마 컴포넌트를 만들었습니다. 그대로 사용하시거나, 더 커스터마이즈하기 위한 좋은 샘플로 활용하실 수 있습니다.

GitHub - VaperinaDEV/soundcloud-music-player

일부 설정을 추가했습니다. 이 컴포넌트는 SoundCloud 임베드를 사용합니다. SoundCloud 사용자 ID를 추가하시면 노래를 가져옵니다.

[Lilly (Lillian)]

정말 너무 멋지다 잘했어

[lowkey_324]

이거 진짜 제가 찾던 거예요! 정말 최고예요! 이번 주에 테스트해볼게요. 혹시 도움이 필요하면 연락드려도 괜찮을지 모르겠네요.

[denvergeeks]

대박, @Don !!!

정말 재미있게 봤어요!

[lowkey_324]

안녕하세요 @Don,

혹시 시간 내서 이야기 나눌 수 있을까요? 프로필을 찾아보려 했으나 찾을 수 없었습니다. 이 테마 컴포넌트가 사용자 ID 대신 플레이리스트 ID를 가져오도록 하거나, 최소한 임베드 코드나 플레이리스트 URL을 입력하면 “플레이어” 아이콘을 클릭했을 때 임베드된 플레이리스트가 표시되도록 하는 방법에 대해 도움을 받고 싶었습니다. 이런 게 가능한가요?

[Lilly (Lillian)]

안녕하세요 @lowkey_324 다른 분들이 도움을 드릴 수 있고, 다른 분들도 해결책을 배울 수 있도록 여기에서 질문을 올려두는 것이 가장 좋습니다.

[Don]

안녕하세요, 플레이리스트를 추가할 수 있는 설정을 추가했습니다. DEV: Add playlist embed - Pull Request #1 - VaperinaDEV/soundcloud-music-player - GitHub

다음 두 가지 중 하나를 선택할 수 있습니다.

• embed 유형
  • 사용자(user)
  • 플레이리스트(playlist)

그리고 목록에서 선택한 항목에 따라 사용자 ID 또는 플레이리스트 ID를 추가하세요.

[lowkey_324]

LETSGOOOOOOO! 정말 천사예요!

단 하나, Default 테마의 구성 요소로 추가한 후에 공개 플레이리스트의 URL을 가져올 수 없다는 메시지가 뜨네요. 제가 뭘 잘못하고 있는 걸까요? 임베드 유형으로 플레이리스트를 선택했을 때, 플레이리스트 ID만 입력해 보기도 했고, 플레이리스트 ID와 사용자 ID를 모두 입력해 보기도 했어요.

[Don]

아 네, 죄송합니다. 수정했습니다. FIX: playlists typo · VaperinaDEV/soundcloud-music-player@3f4ae4d · GitHub