CINXE.COM
MUSIC WAVE | Melon
<!DOCTYPE html> <html lang="ko" class="dark-mode"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=no"> <meta property="og:title" content="[MUSIC WAVE] beta 오픈🏖"> <meta property="og:image" content="https://static.melon.co.kr/resource/mobile60/cds/musicwave/final/img_musicwave_share_imgfail.png"> <meta content="website" property="og:type"/> <meta property="og:description" content="음악이 필요한 순간, 멜론"> <meta content="멜론" property="og:site_name"/> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" > <meta property="twitter:url" content="https://into.melon.com/bridge/normal/musicwave/main"> <meta property="twitter:title" content="[MUSIC WAVE] beta 오픈🏖"> <meta property="twitter:description" content="음악이 필요한 순간, 멜론"> <meta property="twitter:image" content="https://static.melon.co.kr/resource/mobile60/cds/musicwave/final/img_musicwave_share_imgfail.png"> <title>MUSIC WAVE | Melon</title> <link rel="stylesheet" type="text/css" href="//cdnimg.melon.co.kr/services/css/common-m-185988c018.css"> <script src="//cdnimg.melon.co.kr/services/js/vendor/jquery-1.11.3.js"></script> <script type="text/javascript" src="//cdnimg.melon.co.kr/services/js/_uiscript.js"></script> <script type="text/javascript" src="//cdnimg.melon.co.kr/services/js/melonui-6091a7c2a6.js"></script> <link rel="stylesheet" type="text/css" href="//cdnimg.melon.co.kr/services/css/pages/musicwave/musicwave-172c3cade1.css"> <script type="text/javascript" src="//cdnimg.melon.co.kr/services/js/vendor/swiper-8.0.6.js"></script> <style> .melon-modal .modal-tit-img .desc-info {overflow-x:hidden} .melon-modal .modal-tit-img .desc-info::-webkit-scrollbar {width: 7px;background: transparent;} .melon-modal .modal-tit-img .desc-info::-webkit-scrollbar-thumb {border-radius: 10px;background: #7B7B7B;} </style> <script> let LAYERMODEONOFF = 'on'; </script> <script type="text/javascript" src="https://member.melon.com/resource/script/muid/mobile/authCookie.js"></script> <script src="/resource/mobile40/cds/event/js/kakao.min.ver_1_38_0.js"></script> <script src="https://static.melon.co.kr/static/mobile/resource/script/m1/1f/4/qifrcn8lqy8n4rc.js"></script> <script type="text/javascript" src="/resource/mobile40/cds/common/js/melon_player_apps.js?tm=202405091500"></script> <script type="text/javascript" src="/resource/mobile40/cds/common/js/common.js?tm=202203081233"></script> <script type="text/javascript" src="//t1.daumcdn.net/tiara/js/v1/tiara.min.js"></script> <script type="text/javascript" src="/resource/script/cds/musicwave/musicwave_tiara.js?v=40"></script> <script type="text/javascript" src="https://static.melon.co.kr/statistics/js/pvlog.def1f9a638696166ad15.js"></script> <script type="text/javascript" src="/resource/script/cds/musicwave/musicwave_util.js?v=40"></script> <style> .d-none {display: none !important;} </style> <script> const MENUID = '1000003040'; let POC_ID; let TYPE = 'main'; $.ajax({ async:false, url: '/common/useragent_info.json', dataType: 'json', error: function(request, status, error) {}, success: function(data){ POC_ID = data.pocId; } }); let PHASE = ""; if(location.host.indexOf('sandbox') == 0) PHASE = "sandbox-"; else if(location.host.indexOf('cbt') == 0) PHASE = "cbt-"; else if(location.host.indexOf('rel') == 0) PHASE = "rel-"; if(POC_ID == 'WP42'){ alert('PC플레이어에서는 해당 페이지를 지원하지 않습니다. 웹 브라우저를 이용하세요.'); history.back(); } </script> </head> <body class="dark-mode"> <div style="display:none !important;" data-logging="https://log.melon.com/pv?log=@CR2@%5E@CR3@%5E@CR4@%5E%5E1000003040%5E@CR1@%5E@CR5@%5E%5E%5E%5E%5E%5E%5E%5E%5E%5E" menu-id="1000003040"></div> <div class="loading d_loading" style="display: none;"> <span class="ic_common_loading_40"><span class="screen-out">채널 로딩중</span></span> </div> <div class="melon-container melon-container-fixed melon-musicwave-main"> <div class="melon-container-inner"> <header class="melon-header transparent-header transparent-bg transparent d_mainlayer_head"> <div class="melon-gnb"> <h1 class="tit-logo"> <a href="https://www.melon.com"><span class="ico-musicwave img_musicwave_melon">Melon</span></a> </h1> <div class="group-gnb"> <button type="button" class="btn-gnb btn-prev d_btn_main_prev d-none" onclick="closeLayer();"> <span class="ico-sprite ico-gnb-prev">이전</span> </button> <h2 class="logo-wave"><button class="btn-musicwave"><span class="ico-musicwave img_musicwave_logo_18">MUSIC WAVE</span></button></h2> </div> <div class="group-btn"> <button type="button" class="btn-gnb btn-search" onclick="goSearch();"> <span class="ico-musicwave btn_gnb_search_w">검색</span> </button> <div class="util-storage"> <button type="button" class="btn-gnb btn-add d_btn_mybox" onclick="goMyList();"> <span class="ico-musicwave btn_gnb_storage_w">보관함</span> </button> <div class="tool-tip d_tool_tip_mybox" style="display: none"> 내 뮤직웨이브 채널을 만들어보세요! </div> </div> <button type="button" class="btn-gnb btn-close" onclick="closeLayer();"> <span class="ico-sprite ico-gnb-close">닫기</span> </button> </div> </div> </header> <div class="melon-main"> <div class="wrap-contents"> <div class="content-melon content-spotwave"> <div class="content-head"> <h2 class="tit-content"> <span class="inner-title">봄을 기다리며</span> </h2> </div> <div class="content-body"> <div class="list-spotwave"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="box-channel d_box_channel d_offer" role="button" data-m="3e88G1jlQ2M2okNZvSexg2ZJavROC76Br5PadE5c-zs" data-title="NSWER와 함께 🐳<br>MIXXTOPIA로" data-key="artistrep_3070786" onclick="goChannel(this)"> <span class="ico-musicwave badge_event_22">event</span> <div class="item-box"> <div class="box-thumb"> <span class="img-thumb" style="background-image: url('https://cdnimg.melon.co.kr/svc/images/musicwave/offer/202503121855591709.png/melon/resize/300/optimize/90')"></span> </div> </div> <div class="info-content" style="background:linear-gradient(180deg, rgba(79, 154, 233, 0) 0%, #2f47c1 50.43%);"> <strong class="tit-content"> <span class="txt-title">NSWER와 함께 🐳<br>MIXXTOPIA로</span> </strong> <span class="desc-content "> <div class="item-num"> <span class="screen-out">누적 접속자수</span> <span class="txt-description d_text_viewcount" data-viewcount="43588"></span> </div> </span> </div> </div> </div> <div class="swiper-slide"> <div class="box-channel d_box_channel d_offer" role="button" data-m="FMnAC4-qGZdWyFWMbnOqlOvBiQIpR0hnqshFcx-aXU8" data-title="더 HOT하게 돌아온<br>LE SSERAFIM" data-key="artistrep_3092950" onclick="goChannel(this)"> <span class="ico-musicwave badge_event_22">event</span> <div class="item-box"> <div class="box-thumb"> <span class="img-thumb" style="background-image: url('https://cdnimg.melon.co.kr/svc/images/musicwave/offer/202503121456265683.jpg/melon/resize/300/optimize/90')"></span> </div> </div> <div class="info-content" style="background:linear-gradient(180deg, rgba(79, 154, 233, 0) 0%, #4C302A 50.43%);"> <strong class="tit-content"> <span class="txt-title">더 HOT하게 돌아온<br>LE SSERAFIM</span> </strong> <span class="desc-content "> <div class="item-num"> <span class="screen-out">누적 접속자수</span> <span class="txt-description d_text_viewcount" data-viewcount="15597"></span> </div> </span> </div> </div> </div> <div class="swiper-slide"> <div class="box-channel d_box_channel d_offer" role="button" data-m="4_M5VUT7fq6-HLECrwokY2diguuYnoNrYIkz_Y00tbo" data-title="슬기 (SEULGI)<br>#솔로컴백 #감다살" data-key="artistrep_780920" onclick="goChannel(this)"> <span class="ico-musicwave badge_event_22">event</span> <div class="item-box"> <div class="box-thumb"> <span class="img-thumb" style="background-image: url('https://cdnimg.melon.co.kr/svc/images/musicwave/offer/202503071106388766.jpg/melon/resize/300/optimize/90')"></span> </div> </div> <div class="info-content" style="background:linear-gradient(180deg, rgba(79, 154, 233, 0) 0%, #B31639 50.43%);"> <strong class="tit-content"> <span class="txt-title">슬기 (SEULGI)<br>#솔로컴백 #감다살</span> </strong> <span class="desc-content "> <div class="item-num"> <span class="screen-out">누적 접속자수</span> <span class="txt-description d_text_viewcount" data-viewcount="10017"></span> </div> </span> </div> </div> </div> <div class="swiper-slide"> <div class="box-channel d_box_channel d_offer" role="button" data-m="MWxjyi2dg8IAz_1aGJwqPmdiguuYnoNrYIkz_Y00tbo" data-title="전역 후 첫 솔로<br>제이홉 신곡 감상 파티" data-key="artistrep_725984" onclick="goChannel(this)"> <span class="ico-musicwave badge_event_22">event</span> <div class="item-box"> <div class="box-thumb"> <span class="img-thumb" style="background-image: url('https://cdnimg.melon.co.kr/svc/images/musicwave/offer/202503061741389794.png/melon/resize/300/optimize/90')"></span> </div> </div> <div class="info-content" style="background:linear-gradient(180deg, rgba(79, 154, 233, 0) 0%, #305FB4 50.43%);"> <strong class="tit-content"> <span class="txt-title">전역 후 첫 솔로<br>제이홉 신곡 감상 파티</span> </strong> <span class="desc-content "> <div class="item-num"> <span class="screen-out">누적 접속자수</span> <span class="txt-description d_text_viewcount" data-viewcount="28148"></span> </div> </span> </div> </div> </div> <div class="swiper-slide"> <div class="box-channel d_box_channel d_offer" role="button" data-m="vCPSN5BN_CTkJiLLk4AkeWZJavROC76Br5PadE5c-zs" data-title="하츠투하츠와<br>모험의 첫걸음을 함께" data-key="artistrep_4096106" onclick="goChannel(this)"> <span class="ico-musicwave badge_event_22">event</span> <div class="item-box"> <div class="box-thumb"> <span class="img-thumb" style="background-image: url('https://cdnimg.melon.co.kr/svc/images/musicwave/offer/202502211550304505.jpg/melon/resize/300/optimize/90')"></span> </div> </div> <div class="info-content" style="background:linear-gradient(180deg, rgba(79, 154, 233, 0) 0%, #9c6d5e 50.43%);"> <strong class="tit-content"> <span class="txt-title">하츠투하츠와<br>모험의 첫걸음을 함께</span> </strong> <span class="desc-content "> <div class="item-num"> <span class="screen-out">누적 접속자수</span> <span class="txt-description d_text_viewcount" data-viewcount="10714"></span> </div> </span> </div> </div> </div> <div class="swiper-slide"> <div class="box-channel d_box_channel d_offer" role="button" data-m="EVU9CKuAFl-zNn7QvbM2Ew" data-title="노래방 단골 손님<br>리듬감있는 듀엣곡" data-key="offer_32093910" onclick="goChannel(this)"> <div class="item-box"> <div class="box-thumb"> <span class="img-thumb" style="background-image: url('https://cdnimg.melon.co.kr/svc/images/musicwave/offer/202503111009293704.png/melon/resize/300/optimize/90')"></span> </div> </div> <div class="info-content" style="background:linear-gradient(180deg, rgba(79, 154, 233, 0) 0%, #7d8c66 50.43%);"> <strong class="tit-content"> <span class="txt-title">노래방 단골 손님<br>리듬감있는 듀엣곡</span> </strong> <span class="desc-content "> <div class="item-num"> <span class="screen-out">누적 접속자수</span> <span class="txt-description d_text_viewcount" data-viewcount="22"></span> </div> </span> </div> </div> </div> <div class="swiper-slide"> <div class="box-channel d_box_channel d_offer" role="button" data-m="GsKue7gkvYBLbuzROwt6AQ" data-title="봄을 기다리며<br>잔잔한 어쿠스틱" data-key="offer_Acoustic" onclick="goChannel(this)"> <div class="item-box"> <div class="box-thumb"> <span class="img-thumb" style="background-image: url('https://cdnimg.melon.co.kr/svc/images/musicwave/offer/202503111005329820.png/melon/resize/300/optimize/90')"></span> </div> </div> <div class="info-content" style="background:linear-gradient(180deg, rgba(79, 154, 233, 0) 0%, #be9d8e 50.43%);"> <strong class="tit-content"> <span class="txt-title">봄을 기다리며<br>잔잔한 어쿠스틱</span> </strong> <span class="desc-content "> <div class="item-num"> <span class="screen-out">누적 접속자수</span> <span class="txt-description d_text_viewcount" data-viewcount="104"></span> </div> </span> </div> </div> </div> <div class="swiper-slide"> <div class="box-channel d_box_channel d_offer" role="button" data-m="LVnvSD16i2mqBvAwvwq2CQ" data-title="딴딴따단~🤵🏻♂️👰🏻<br>축가 단골 손님 모음" data-key="offer_wedding" onclick="goChannel(this)"> <div class="item-box"> <div class="box-thumb"> <span class="img-thumb" style="background-image: url('https://cdnimg.melon.co.kr/svc/images/musicwave/offer/20250307095402346.png/melon/resize/300/optimize/90')"></span> </div> </div> <div class="info-content" style="background:linear-gradient(180deg, rgba(79, 154, 233, 0) 0%, #c48071 50.43%);"> <strong class="tit-content"> <span class="txt-title">딴딴따단~🤵🏻♂️👰🏻<br>축가 단골 손님 모음</span> </strong> <span class="desc-content "> <div class="item-num"> <span class="screen-out">누적 접속자수</span> <span class="txt-description d_text_viewcount" data-viewcount="73"></span> </div> </span> </div> </div> </div> </div> <span class="box-left"></span> <span class="box-right"></span> <div class="swiper-button-prev"><span class="ico-musicwave btn_musicwave_before">이전채널</span></div> <div class="swiper-button-next"><span class="ico-musicwave btn_musicwave_after">다음채널</span></div> </div> </div> </div> <div class="content-melon content-bannerwave"> <h2 class="screen-out">뮤직 웨이브 배너</h2> <div class="content-body"> <div class="list-banner"> <div class="box-banner banner-type1 d_banner_type1 d-none"> <a href="javascript:;" class="link-banner" onclick="goIntro();"> <span class="info-banner"> <span class="screen-out">MUSIC WAVE 이렇게 즐겨보세요!</span> </span> <span class="ico-musicwave btn_arrow_list_allview"></span> </a> </div> <div class="box-banner banner-type3 d_banner_type2 d-none"> <a href="javascript:;" class="link-banner" onclick="goMakeChannel();"> <span class="info-banner"> <span class="screen-out">내 뮤직웨이브 채널을 만들어보세요!</span> </span> <span class="ico-musicwave btn_arrow_list_allview"></span> </a> </div> </div> </div> </div> <div class="content-melon content-livewave"> <div class="content-head"> <h2 class="tit-content"> <span class="inner-title">채널 목록</span> </h2> <div class="tab-sort"> <button class="btn-tab d_btn_bottomsheet_POP"> <span class="txt-tab">인기</span> </button> <button class="btn-tab d_btn_bottomsheet_ARTIST"> <span class="txt-tab">아티스트</span> </button> <button class="btn-tab d_btn_bottomsheet_NEW"> <span class="txt-tab">신규</span> </button> <button class="btn-tab d_btn_bottomsheet_RECENT d-none"> <span class="txt-tab">최근들은</span> </button> </div> </div> <div class="content-body"> <div class="list-channel d_bottom_channel_area"> </div> </div> </div> </div> </div> </div> </div> <footer class="melon-footer footer-center d_footer" style="display: none"> <div class="inner-footer"> <h2 class="screen-out">서비스 이용정보</h2> <ul class="list-policy"> <li> <a href="//info.melon.com/terms/web/terms1_1.html" class="link-policy"> <span class="txt-link">이용약관</span> </a> </li> <li> <a href="//info.melon.com/terms/web/terms1_3.html" class="link-policy link-location"> <span class="txt-link">위치기반서비스이용약관</span> </a> </li> <li> <a href="//info.melon.com/terms/web/terms3.html" class="link-policy link-privacy"> <span class="txt-link">개인정보처리방침</span> </a> </li> </ul> <p class="desc-counsel">문의전화 : 1566-7727 (평일 09:00-18:00, 유료)</p> <small class="txt-copyright"><a href="#none" class="link-copyright">© Kakao Entertainment Corp.</a></small> </div> </footer> <div class="melon-modal" id="bottomsheetShare"> <div class="modal-dialog modal-responsive"> <div class="modal-layer"> <div class="inner-layer"> <div class="layer-head"> <strong class="tit-layer">공유</strong> </div> <div class="layer-body"> <div class="box-bottomsheet bottomsheet-share"> <div class="inner-box"> <ul class="list-bottomsheet"> <li> <button type="button" class="btn-bottomsheet d_btn_sns_kakao"> <span class="ico-thumb"> <span class="ico-sprite ic-common-kakao-20"></span> </span> <span class="txt-btn">카카오톡</span> </button> </li> <li> <button type="button" class="btn-bottomsheet d_btn_sns_twitter"> <span class="ico-thumb"> <span class="ico-sprite ic-common-twitter-20"></span> </span> <span class="txt-btn">X</span> </button> </li> <li> <button type="button" class="btn-bottomsheet d_btn_sns_facebook"> <span class="ico-thumb"> <span class="ico-sprite ic-common-facebook-20"></span> </span> <span class="txt-btn">페이스북</span> </button> </li> <li> <button type="button" class="btn-bottomsheet d_btn_sns_link"> <span class="ico-thumb"> <span class="ico-sprite ic-common-url-20"></span> </span> <span class="txt-btn">URL 복사</span> </button> </li> </ul> </div> </div> </div> <button type="button" class="btn-close"> <span class="txt-close">닫기</span> <span class="ico-sprite ico-common-close-30">닫기</span> </button> </div> </div> </div> </div> <div class="popup-toast" id="toastChannel_subscribe"> <span class="txt-toast">신청이 완료됐습니다.</span> </div> <!-- 신청하기 팝업 --> <div class="melon-modal" id="alertApply"> <div class="modal-dialog modal-alert modal-alert-type2"> <div class="modal-layer"> <div class="inner-layer"> <div class="layer-body"> <strong class="tit-alert">신청하기</strong> <p class="txt-alert">뮤직웨이브 채널 생성 완료시<br><span class="point-green">멜론 > 음악메시지</span>로 공유드려요.</p> <div class="box-apply"> <label for="applyContent" class="screen-out">신청사유</label> <textarea class="tf-apply" maxlength="50" rows="3" name="apply" id="applyContent" placeholder="원하는 채널의 컨셉과 사유를 적어주세요."></textarea> <span class="txt-count"><span class="point-green d_text_num">0</span> / 50</span> </div> </div> <div class="layer-foot"> <button type="button" class="btn-modal btn-cancel d_btn_subscribe_cancel"> <span class="txt-btn">취소</span> </button> <button type="button" class="btn-modal btn-submit"> <span class="txt-btn">확인</span> </button> </div> </div> </div> </div> </div> <script id="d_template_bottom_channel_item" type="text/template"> <div class="box-channel d_box_channel {6}" role="button" data-m="{3}" data-title="{1}" data-key="{5}" onclick="goChannel(this)"> <div class="item-box"> <div class="box-thumb"> <span class="img-thumb" style="background-image: url('{0}')"></span> </div> </div> <div class="info-content"> <strong class="tit-content d_ico_event_{5}"> <span class="txt-title"><span class="screen-out">채널명</span>{1}</span> </strong> <span class="desc-content {4}"> <div class="item-num"> <span class="screen-out">누적 접속자수</span> <span class="txt-description">{2} 방문</span> </div> <div class="item-num d-none"> <span class="screen-out">현재 접속자수</span> <span class="txt-description d_usercount2 d_usercount2_{5}" data-key="{5}">{7} 감상 중</span> </div> </span> </div> </div> </script> <script> let currentUrl = encodeURIComponent(document.location.href); let eventMemberDomain = "https://member.melon.com"; // 주목할만한 웨이브 swiper var swiperMain = new Swiper(".list-spotwave", { slidesPerView: "auto", spaceBetween: 11, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, on: { activeIndexChange: function() { if (this.realIndex >= 1) { $(".list-spotwave").addClass("slide-start"); } else { $(".list-spotwave").removeClass("slide-start"); } if (this.realIndex + 4 == $(".list-spotwave .swiper-slide").length) { $(".list-spotwave").addClass("slide-end"); } else { $(".list-spotwave").removeClass("slide-end"); } } } }); setTimeout(function() { if(POC_ID == 'IS40' || POC_ID == 'AS40'){ $('.d_footer').remove(); }else{ $('.d_footer').show(); } }, 1000); $(document).scroll(function(e) { $('.tool-tip').addClass('d-none') }); $('.melon-main').off('scroll').on('scroll',function(){ $('.tool-tip').addClass('d-none') }); switchBanner(); function switchBanner(){ let randNum = Math.floor(Math.random() * 2) + 1; $('.d_banner_type' + randNum).toggleClass('d-none'); } setBottomChannel('POP'); let MEMBERKEY = getMemberKey(); if(MEMBERKEY != ''){ //최근들은 채널 유무 체크 $.ajax({ url: '/m6/musicwave/api/recent_channel_user_info.json?memberKey=' + getMemberKey(), type: 'GET', dataType: "json", contentType: 'application/json', error: function () { }, success : function(data){ if(data.response.CHANNELS.length > 0){ $('.d_btn_bottomsheet_RECENT').removeClass('d-none'); } }} ); } $(document).off('click','.d_btn_sort').on('click','.d_btn_sort',function(){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_5_1, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); $('#bottomsheetSort').show();$('html').removeClass('dimmed'); }); $(document).off('click','.d_btn_bottomsheet_POP').on('click','.d_btn_bottomsheet_POP',function(){ setBottomChannel('POP'); }); $(document).off('click','.d_btn_bottomsheet_NEW').on('click','.d_btn_bottomsheet_NEW',function(){ setBottomChannel('NEW'); }); $(document).off('click','.d_btn_bottomsheet_ARTIST').on('click','.d_btn_bottomsheet_ARTIST',function(){ setBottomChannel('ARTIST'); }); $(document).off('click','.d_btn_bottomsheet_RECENT').on('click','.d_btn_bottomsheet_RECENT',function(){ setBottomChannel('RECENT'); }); $(document).off('click','.d_btn_bottomsheet_BOOKMARK').on('click','.d_btn_bottomsheet_BOOKMARK',function(){ setBottomChannel('BOOKMARK'); }); $(document).off('click','.d_btn_orderby_close').on('click','.d_btn_orderby_close',function(){ $('#bottomsheetSort').hide();$('html').removeClass('dimmed'); }) $(document).off('click','#bottomsheetSort .modal-dialog').on('click','#bottomsheetSort .modal-dialog',function(){ $('#bottomsheetSort').hide(); }); $('.d_user_img').click(function(){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_1_1, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); if(!isMelonLogin()){ goMelonLogin(); } }); let maxNum = 50; $('#applyContent').off('keyup').on('keyup',function(e){ let $this = $(this); let str = $this.val(); let len = $this.val().length; if(len > maxNum){ $this.val($this.val().substring(0, maxNum)); len = maxNum; } $('.d_text_num').text(len); }); $('#applyContent').off('blur').on('blur',function(e){ let len = $('#applyContent').val().length; if(len > maxNum) len = maxNum; $('.d_text_num').text(len); }); $('.d_btn_subscribe_cancel').off('click').on('click',function(e){ $('#alertApply').hide(); }); $(document).mouseup(function(e) { var movewrap = $(".tool-tip"); if (movewrap.has(e.target).length === 0) { movewrap.addClass('fadeout'); setTimeout(function() { movewrap.addClass('none-block'); }, 400); } }); $('.btn-submit').off('click').on('click',function(e){ let context = $('#applyContent').val().trim(); let inputData = { memberKey : MEMBERKEY ,context : context }; if(context.length < 10){ alert('10자 이상 입력해주세요.'); return; } $('#alertApply').hide(); $.ajax({ url: '/m6/musicwave/api/channel_subscribe.json', type: 'POST', data: JSON.stringify(inputData), dataType: "json", contentType: 'application/json', error: function () { alert('처리중 문제가 발생했습니다.'); }, success : function(data){ if(data.response.STATUS == '-1'){ alert(data.response.MSG); return; }else{ $("#toastChannel_subscribe").show(); setTimeout(function() { $("#toastChannel_subscribe").hide(); }, 3000); } } }); }); function goMakeChannel(){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_3_4, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); if(POC_ID != 'AS40' && POC_ID != 'IS40'){ alert('해당 서비스는 앱 전용 서비스입니다.\n멜론 모바일 앱에서 이용해 주세요.'); return } if(!isMelonLogin()){ goMelonLogin(); return; } if(!appVerCompare(6,13,0)){ alert('현재 버전에서 지원하지 않는 기능입니다. 앱 업데이트 후 사용해주세요.'); return } location.href = 'melonapp://musicwave/channel/create'; } let isOoMyListProc = false; function goMyList(){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_1_3, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); if(!isMelonLogin()){ showConfirm('로그인이 필요한 서비스입니다.<br>로그인하시겠습니까?','MW_LOGIN'); return; } if(location.href.indexOf('musicwave.htm') > -1){ closeLayer(); $('#layerMyplaylist').hide(); $('#layerMychannel').hide(); $('#layerSearch').hide(); $('#layerMychannel').empty(); isOoMyListProc = true; $.ajax({ type: "GET", url: '/musicwave/mychannel_list.htm?type=channel' , success: function (html) { $('#layerMychannel').html(html); $('#layerMychannel').find('.melon-container').addClass('melon-musicwave-mychannel'); //$('#layerMychannel').fadeIn(); $('#layerMychannel').show(); isOoMyListProc = false; } }); }else{ location.href = '/musicwave/mychannel_list.htm?ref=main'; } } function goChannel(thisObj){ showLoading(700); let title = $(thisObj).attr('data-title'); let key = $(thisObj).attr('data-key'); if($(thisObj).hasClass('d_offer')){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_3_1, {}, {id:key,type:'뮤직웨이브',name:title},{menuId:musicwaveTiaraPreset.main.menuid}); }else{ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_5_2, {}, {id:key,type:'뮤직웨이브',name:title},{menuId:musicwaveTiaraPreset.main.menuid}); } if(isNativeApp()){ location.href = 'melonapp://musicwave/listen?seq='+getIdFromKey(key)+'&ctype='+getTypeFromKey(key) + '&menuid=' + musicwaveTiaraPreset.main.menuid; return; } if(typeof FROMAPPYN != 'undefined' && FROMAPPYN == 'Y'){ location.href = 'melonapp://musicwave/listen?seq='+getIdFromKey(key)+'&ctype='+getTypeFromKey(key) + '&menuid=' + musicwaveTiaraPreset.main.menuid; }else{ if(key == 'offer_kakaoenterlounge'){ location.href = '/musicwave/kakaoenter.htm'; }else{ location.href = '/musicwave.htm?a=Y&m=' + $(thisObj).attr('data-m'); } } } function goIntro(){ showLoading(700); musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_3_2, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); location.href = '/musicwave/intro.htm'; } function openSubscribeChannel(){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_3_3, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); if (getMemberKey() == null || getMemberKey() == "") { fn_login_check('alert'); return; } $('#applyContent').val(''); $('.d_text_num').text(0); $('#alertApply').show(); } function setBottomChannel(orderBy){ showLoading(700); let d_template_bottom_channel_item = $('#d_template_bottom_channel_item').html(); let url = '/m6/musicwave/api/channel_user_info.json'; let param = {}; param.orderBy = orderBy; if(orderBy == 'ARTIST'){ url = '/m6/musicwave/api/artist_channel_user_info.json'; } else if(orderBy == 'RECENT'){ param.memberKey = getMemberKey(); url = '/m6/musicwave/api/recent_channel_user_info.json'; } else if(orderBy == 'NEW'){ url = '/m6/musicwave/api/new_channel_user_info.json'; } else if(orderBy == 'BOOKMARK'){ url = '/m6/musicwave/api/channel_bookmark_list.json'; param.memberKey = getMemberKey(); param.pageType = ''; } $.ajax({ type : "GET", url : url, data : param, dataType : 'json', success : function(data) { ORDERBY =orderBy; $('.d_bottom_channel_area').empty(); $(data.response.CHANNELS).each(function(i, v) { let countClass = v.COUNT > 1 ? '' : 'd-none'; let artistChannelClass = ''; if(v.TYPE == 'artistrep' || v.TYPE == 'artist'){ artistChannelClass = 'artist-channel'; } let formatData = d_template_bottom_channel_item.formats(v.IMGURL, v.TITLE, formatPopulation(v.COUNT),v.M,countClass,v.KEY, artistChannelClass, formatPopulation(v.COUNT2)); if(v.COUNT2 >= 30){ $(formatData).find('.d_div_usercount2').removeClass('d-none'); }else{ $(formatData).find('.d_div_usercount2').addClass('d-none'); } $('.d_bottom_channel_area').append(formatData); //count if(v.COUNT > 1){ $('.d_usercount_' + v.KEY).parent().parent().removeClass('d-none'); $('.d_usercount_' + v.KEY).text(formatPopulation(v.COUNT) + ' 방문'); }else{ $('.d_usercount_' + v.KEY).parent().parent().addClass('d-none'); } if(v.COUNT2 >= 30){ $('.d_usercount2_' + v.KEY).parent().removeClass('d-none'); }else{ $('.d_usercount2_' + v.KEY).parent().addClass('d-none'); } }); $('.d_btn_bottomsheet_POP').removeClass('on'); $('.d_btn_bottomsheet_NEW').removeClass('on'); $('.d_btn_bottomsheet_ARTIST').removeClass('on'); $('.d_btn_bottomsheet_RECENT').removeClass('on'); $('.d_btn_bottomsheet_BOOKMARK').removeClass('on'); if('POP' == ORDERBY){ $('.d_btn_bottomsheet_POP').addClass('on'); }else if('NEW' == ORDERBY){ $('.d_btn_bottomsheet_NEW').addClass('on'); }else if('ARTIST' == ORDERBY){ $('.d_btn_bottomsheet_ARTIST').addClass('on'); }else if('RECENT' == orderBy){ $('.d_btn_bottomsheet_RECENT').addClass('on'); }else if('BOOKMARK' == orderBy){ $('.d_btn_bottomsheet_BOOKMARK').addClass('on'); } setEventIco(); //오퍼링영역 viewcount $('.d_text_viewcount').each(function(i,v){ $(v).text(formatPopulation($(v).attr('data-viewcount')) + ' 방문'); }); try{ //<!-- mobile , 1204이상 --> $('.d_bottom_channel_area .box-channel').eq(2).after('<div class="box-random box-media1"><button class="link-channel d_btn_go_rand"><span class="ico-musicwave ic_common_play_16"></span><span class="tit-content">랜덤으로 감상하기</span></button></div>') //<!-- 768 ~ 1203 --> $('.d_bottom_channel_area .box-channel').eq(3).after('<div class="box-random box-media2"><button class="link-channel d_btn_go_rand"><span class="ico-musicwave ic_common_play_16"></span><span class="tit-content">랜덤으로 감상하기</span></button></div>'); }catch (e) { } $('.d_btn_go_rand').off('click').on('click', function(){ if(POC_ID == 'IS40' || POC_ID == 'AS40'){ $.ajax({ url: '/m6/musicwave/native/api/channel/random.json?t=' + getCurrentTimeInSeconds(), type: 'GET', dataType: "json", contentType: 'application/json', error: function () { }, success : function(data){ location.href = 'melonapp://musicwave/listen?seq='+data.response.CHANNEL.ID+'&ctype='+data.response.CHANNEL.TYPE + '&menuid=' + musicwaveTiaraPreset.main.menuid; }} ); }else{ location.href = '/musicwave.htm?a=Y&t=' + getCurrentTimeInSeconds(); } }); } }); } function getCurrentTimeInSeconds() { return Math.floor($.now() / 1000); } setTimeout(function() { if(isTodayAllowed('myboxtooltip')){ $('.d_tool_tip_mybox').show(); }else{ $('.d_tool_tip_mybox').hide(); } },100); function isTodayAllowed(itemName) { let storageKey = 'lastAlertDate_' + itemName; let today = new Date().toISOString().slice(0, 10); let lastAlertDate = localStorage.getItem(storageKey); if (!lastAlertDate || lastAlertDate !== today) { localStorage.setItem(storageKey, today); return true; } else { return false; } } function isNativeApp(){ if(POC_ID == 'AS40' || POC_ID == 'IS40' ){ if(appVerCompare(6,13,0)){ return true; } } return false; } </script> <div class="melon-modal d_modal_confirm" id="alertButton"> <div class="modal-dialog modal-alert modal-alert-type2"> <div class="modal-layer"> <div class="inner-layer"> <div class="layer-body"> <strong class="tit-alert">알림</strong> <p class="txt-alert d_alert_text1">로그인이 필요한 서비스입니다.<br>로그인 하시겠습니까?</p> </div> <div class="layer-foot"> <button type="button" class="btn-modal btn-cancel"> <span class="txt-btn">취소</span> </button> <button type="button" class="btn-modal btn-submit"> <span class="txt-btn">확인</span> </button> </div> </div> </div> </div> </div> <input type="hidden" name="fromAppYn" value=""/> </body> <script> let FROMAPPYN = $('input[name=fromAppYn]').val(); if(POC_ID == 'AS40' || POC_ID == 'IS40'){ $('.d_btn_main_prev').removeClass('d-none'); } // PC, MOBILE 구별 (pc dark only) function deviceCheck() { // 디바이스 종류 설정 const pcDevice = "win16|win32|win64|mac|macintel"; const pcHtml = document.querySelector("html"); const pcBody = document.querySelector("body"); // 접속한 디바이스 환경 if (navigator.platform) { if (pcDevice.indexOf(navigator.platform.toLowerCase()) < 0) {} else { pcHtml.classList.add("dark-mode"); pcBody.classList.add("dark-mode"); } } } let ORDERBY = 'POP'; deviceCheck(); setBottomChannel(ORDERBY); $(document).on('click', '.d_btn_share', function (){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_1_2, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); $('#bottomsheetShare').show(); //카톡 체크 if(navigator.userAgent.toLocaleLowerCase().indexOf('kakaotalk') > -1){ $('.d_btn_sns_link').parent().remove() } }); $(document).off('click','.d_btn_sns_link').on('click', '.d_btn_sns_link', function (){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_13_4, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); $('#bottomsheetShare').hide();$('html').removeClass('dimmed'); let link = 'https://into.melon.com/bridge/kakaotalk/musicwave/main'; if (navigator.userAgent.match(/ipad|ipod|iphone/i)) { copyLink(link); }else{ setTimeout(function() { copyLink(link); }, 500); } }); $(document).on('click', '.d_btn_sns_kakao', function (){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_13_1, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); $('#bottomsheetShare').hide();$('html').removeClass('dimmed'); let snsShareUrl = 'https://into.melon.com/bridge/kakaotalk/musicwave/main'; let snsShareImg = 'https://static.melon.co.kr/resource/mobile60/cds/musicwave/final/img_musicwave_share_imgfail.png/melon/resize/400'; let snsKakaoTitleName = "[MUSIC WAVE] beta 오픈🏖"; let snsKakaoDescName = '파도처럼 끊임없이 밀려드는 취향저격 음악 채널들로, 듣는 재미가 점점 커져가는 것을 온몸으로 느껴보세요.'; fn_sns_kakao(snsKakaoTitleName, snsKakaoDescName, snsShareImg, 800, 400, '자세히 보기', snsShareUrl, snsShareUrl); }); $(document).on('click', '.d_btn_sns_twitter', function (){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_13_2, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); $('#bottomsheetShare').hide();$('html').removeClass('dimmed'); let snsShareUrl = 'https://into.melon.com/bridge/twitter/musicwave/main'; let snsShareTitle = '[MUSIC WAVE] beta 오픈🏖\n파도처럼 끊임없이 밀려드는 취향 저격 음악 채널들! 사람들과 함께 듣고 놀면서 듣는 재미가 점점 커져가는 것을 온몸으로 느껴보세요.🏄🏻♂️🏄🏻♂️\n#멜론 #뮤직웨이브 #MUSICWAVE'; let strStatus = encodeURIComponent(snsShareTitle + ' ' + snsShareUrl); let twitURL = "http://twitter.com/intent/tweet?lang=ko&text=" + strStatus; if (POC_ID == 'AS40') { window.melonapp.requestCommand('InvokeWeb', twitURL, '', ''); } else if (POC_ID == 'IS40'){ fn_webView_Schema(twitURL, 'OA'); } else { window.open(twitURL); } }); $(document).on('click', '.d_btn_sns_facebook', function (){ musicwaveTiara.sendNewTiaraLog(musicwaveTiaraPreset.main.no_13_3, {}, {},{menuId:musicwaveTiaraPreset.main.menuid}); $('#bottomsheetShare').hide();$('html').removeClass('dimmed'); let snsShareUrl = 'https://into.melon.com/bridge/kakaotalk/musicwave/main'; let facebookURL = 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(snsShareUrl); if (POC_ID == 'AS40' || POC_ID == 'IS40') { fn_webView_Schema(facebookURL, 'OA'); } else { window.open(facebookURL); } }); function goMelonLogin(){ if (POC_ID == "AS40"){ location.href = 'melonapp://setting/melonlogin?returnUri=melonapp://back'; }else if(POC_ID == "IS40") { location.href = "meloniphone://M4001?webReload=Y"; }else if(POC_ID == "IS20" || POC_ID == 'AS20') { location.href='https://member.melon.com/muid/mobile/login/login_inform.htm?returnPage=' + encodeURIComponent(location.href); } else{ location.href='https://member.melon.com/muid/web/login/login_inform.htm?returnPage=' + encodeURIComponent(location.href); } } function showConfirm(msg,code){ $(".dimmed").hide(); var modal = $('.d_modal_confirm'); if(code == 'MW_LOGIN'){ modal.find('.btn-modal').off('click').on('click',function(){ goMelonLogin(); modal.hide(); }); modal.find('.btn-cancel').off('click').on('click',function(){ modal.hide(); }); } modal.show(); } setTimeout(function() { let encUrlStr = encodeURIComponent('https://musicwave.melon.com/musicwave/main.htm'); if(POC_ID == 'IS20'){ location.href = 'meloniphone://webview?url=' + encUrlStr + '&title=&type=YA&webReload=N&memberKey=&close=Y'; }else if(POC_ID == 'AS20'){ location.href = 'melonapp://webview?url=' + encUrlStr + '&type=YA&title=&close=Y&memberKey=',false } }, 1000); $(window).scroll(function() { let end = $(window).scrollTop() + $(window).height(); if(end == $(document).height()) { $(window).scrollTop($(window).scrollTop()-1); } }); </script> </html>