실시간 음악방송 게시판 MB Music broadcast 1.0.0 정보
게시판 실시간 음악방송 게시판 MB Music broadcast 1.0.0- ii0000039210 자기소개 아이디로 검색 회원게시물
- 조회 457
- 댓글 12
관련링크
첨부파일
본문
MB Music Broadcast 1.0.0은 WebRTC의 저지연 실시간 전송 기술과 메시지 브릿지를 결합해 설계된 음악방송 특화 플랫폼입니다.
방송자는 음악을 실시간으로 송출할 수 있으며, 청취자는 웹 환경에서 즉시 재생되는 고품질 스트리밍을 제공받습니다.
모듈형 구조를 통해 기존 웹 서비스에도 쉽게 통합되며, 기업 및 서비스 운영자가 안정적으로 음악 콘텐츠를 배포할 수 있도록 지원합니다.
## 설치방법 ##
1. 다운로드
2. 압축 해제
3. skin/board/ 에 업로드
4. 게시판 관리자에서 해당 스킨 적용
## 사용방법 ##
1. 게시판 글등록
2. 음악방송 참여 링크 클릭
3. 방송시작 클릭
4. 공유한 프로그램을 선택합니다. 탭을 활용하세요.
크롭탭은 유튜브를 선택하시면 될듯합니다. 이후는 여러분들이 경험해보세요.
선택 후, 공유를 하면 방송이 시작됩니다.
## 테스트 사용방법 ##
1. 사용방법과 동일
2. 회원가입 후 이용
## 필독 공지 ##
지금부터는 JS 파일에서 절대 변경해서는 안 되는 핵심 설정에 대해 설명드리겠습니다.
이 부분은 메시지 브릿지 전체 기능의 기반이 되는 요소이므로, 반드시 끝까지 읽어주시길 바랍니다.
js소스에서 메시지 브릿지 서버와 연결하기 위한 중요한 설정이 포함되어 있습니다.
빨간색 표시된것은 시스템이 올바르게 작동하기 위해 반드시 필요한 고정값이며, 단 한 글자라도 수정하면 안 됩니다.
이 값들은 메시지 브릿지를 이루는 중앙 WebSocket 서버 주소, 세션 그룹 고유 구분자, 실시간 인증 구조와 연결되어 있습니다,
ws = new WebSocket(`wss://designonex.com:14147/?group=이곳은어디`);
이 URL에서 group= 뒤의 값은 메시지 브릿지에서 공간을 구분하는 고유 식별자 역할을 합니다.
즉, 이 부분은 사용자가 속한 ‘방(room)’입니다.
예를 들어, group 값에 내가 a를 할당하면, 다른 사용자가 같은 a를 사용할 경우 동일한 공간을 공유하게 됩니다.
따라서 내 계정과 세션만을 위한 ‘개인 공간’을 만들고 싶다면 유일한 값을 지정해야 합니다.
클라이언트에서는 보안을 위해서 토큰을 만들어야 안전한 서비스를 사용할 수 있습니다.
개발, 확장, 보안은 각각 클라이언트의 몫입니다.
메시지 브릿지(Message Bridge) 설명 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=4
메시지 브릿지는 무료 서비스: https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=9
메시지 브릿지 이용약관 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=5
메시지 브릿지 무료 사용 약관 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=10
아이디어 및 요청 : https://designonex.com/bbs/board.php?bo_table=qa
5
댓글 전체
감사합니다
감사합니다.
감사합니다.
감사합니다.
감사합니다.
뭔가 대단한 것이 나왔다는 느낌이 듭니다
감사합니다.
-- 공지 --
테스트 주소에 테스트 버전은 1.1.0 버전입니다.
거의 다 완료되었으나, 아이폰에서는 동작을 하지 않는 것을 확인했습니다.
최대한 노력하고 있습니다만, 만약, 아이폰에서 동작을 계속 실패하면, 일단 안되는 상태에서 배포하겠습니다.
잘 되는대요!
껏다가 다시 하면 안될때가 많으네요... (컴퓨터에서 방송 듣기는 삼성갤럭시 시리즈 입니다)
^^ 지금 버전이 안되는 것은 아닙니다.
1.0.0 버전도 잘되는 것을 확인하고 올린것이닌까요.
다만, 아이폰이 안되는것으로 확인됩니다.
감사합니다.
잘 됩니다.
그런데 드림위버에서 musicroom.php와 view.skin.php에서 글씨를 위치를 중간에 시키고 글씨 고치니 에러인지 안되네요
암튼 파일들 그대로 올리고 하면 잘되요^^
^^;; 스크립트는 어느정도 알고 있어야 합니다.
하지만, 모를 수도 있죠. 지금부터 제가 설명을 드릴테니 참고하시면 될 듯합니다.
<a href="<?php echo $board_skin_url?>/musicroom.php?wr_id=<?php echo $wr_id?>" onclick="openPopup(this.href); return false;">음악방송 참여</a>
이 링크까지는 위치 상관없이 동작합니다. 자바스크립트를 모르시면 통채로 움직이세요. 그리고, "음악방송 참여" 이 문구는 마음대로 변경하셔도 됩니다.
여기서 openPopup() 함수가 꼭 필요합니다.
<script>
function openPopup(url) {
// 팝업 창의 크기와 속성을 조절할 수 있습니다.
window.open(url, '_blank', 'width=400,height=600,scrollbars=yes,resizable=yes,left=100,top=100');
}
</script>
이 스크립트 또한 <a>태그와 같이 따라 다녀야 합니다.
이젠 이해되실련지 모르겠습니다 ^^
* 정리하자면,
위에 소스를 먼저 지우고 이동하는 곳에
<a href="<?php echo $board_skin_url?>/musicroom.php?wr_id=<?php echo $wr_id?>" onclick="openPopup(this.href); return false;">음악방송 참여</a>
<script>
function openPopup(url) {
// 팝업 창의 크기와 속성을 조절할 수 있습니다.
window.open(url, '_blank', 'width=400,height=600,scrollbars=yes,resizable=yes,left=100,top=100');
}
</script>
이렇게 붙여넣으시면 됩니다.
감사합니다.
