|
|
发表于 2013-5-25 20:47:23
|
显示全部楼层
四川省成都市
[e]
<script src="http://s0.qhimg.com/lib/qwrap/1141.js"></script>
<script src="http://s0.qhimg.com/monitor/;monitor/638c5e51.js"></script>
<!--script src="http://hao.360.cn/css/monitorscript.js?v=110720.js"></script-->
<script src="http://s3.qhimg.com/static/f4d330f627d305af.js"></script>
<script>
(function(){
var proxy_url = 'http://music.so.com/playbox/openproxy.html?id=';
// 使用音乐播放器打开单首歌曲
W('.js-play').click(function(e){
e.preventDefault();
var id = W(this).attr('data-id');
if(id){
window.open(proxy_url+id+'&__t='+(new Date)*1,'__open_play_proxy_musicsocom');
}
});
// 使用音乐播放器打开榜单歌曲
W('.js-play-all').click(function(e){
e.preventDefault();
var id = W(this).attr('data-ids');
if(id){
window.open(proxy_url+id+'&__t='+(new Date)*1,'__open_play_proxy_musicsocom');
}
});
})();
QW.DomU.ready(function(){
//monitor
window.monitor && monitor.setProject('360_music').getTrack().setId(['hd', 'search', 'nav','albums','genre','img_slider','artists','footer','js-monitor-top500','js-monitor-top100','topartist','js-monitor-webList','js-monitor-oldList','js-monitor-movieList','topvrank']).getClickAndKeydown();
window.monitor && monitor.setConf('detailUrl', 'http://s.360.cn/360music/cdetail.htm');
(function(tabs, kwInputId) {
var kwInput,
trim = function(s) {
if(s.trim) {
return s.trim();
}
return s.replace(/^\s+|\s+$/, '');
},
addEventListener = function(element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent('on' + type, handler);
} else {
element['on' + type] = handler;
}
},
clickHandler = function(event) {
event = event || window.event;
var target = event.srcElement || event.target;
if(!target.getAttribute('href')) {
return;
}
if (!kwInput) {
kwInput = document.getElementById(kwInputId);
}
if (kwInput && trim(kwInput.value).length > 0) {
/*过滤掉ie下带placeholder过去的bug*/
if(kwInput.getAttribute('js-placeholder') && kwInput.getAttribute('js-placeholder') === trim(kwInput.value)){
return;
}
var search = target.getAttribute('data-s');
search = search.replace(/%q%/g, encodeURIComponent(kwInput.value));
target.setAttribute('href', search);
}
};
for (var i = tabs.length - 1; i >= 0; i--) {
addEventListener(tabs, 'click', clickHandler);
}
})(document.getElementById('hd-nav-tabs').getElementsByTagName('a'), 'search_kw'); createSuggest({
inputElement: document.getElementById('search_kw'),
alignElement: document.getElementById('suggest-align'),
urlPrefix: 'http://s.music.so.com/suggestion?callback=music_suggest&q=',
dataAdapter : function(input){
var output = {
q: input.query,
p: true
};
output.song = input.song;
output.singer = input.singer;
output.album = input.album;
output.albumImg = input.img_album;
output.singerImg = input.img_singer;
return output;
},
enableHoverState: false
});
(function(){
W(document).on('keydown',function(e){
if(e.keyCode == 13 && W('.ac_wrap').css('display') == 'block' && W('.ac_wrap .selected').length > 0){
W('#js-sug-mark').val('1');
}
});
})();/* global variables */
var players = {
douban: {
src: 'http://douban.fm/partner/player360',
width: 640,
height: 380
},
kuwo: {
src: 'http://player.kuwo.cn/webmusic/web/play?f=hao360',
width: 741,
height: 516
},
xiami: {
src: 'http://www.xiami.com/player/hao360',
width: 740,
height: 515
},
kugou: {
src: 'http://web.kugou.com/360new.html',
width: 740,
height: 515
},
yinyuetai: {
src: 'http://www.yinyuetai.com/360/yinyuetv',
width: 745,
height: 500
},
duomi: {
src: 'http://app.duomiyy.com/webradio/360/',
width: 700,
height: 520
},
beva: {
src: 'http://app.beva.com/360/navfm',
width: 740,
height: 515
},
yiting: {
src: 'http://www.1ting.com/api/360/#auto',
width: 640,
height: 380
}
};
var currentTab = null;
var currentTheme = 0;
var storageKey = 'playerTab';
var url = W('#url');
var startTime = 0;
function switchToTab(tab) {
if (!tab || tab == currentTab) {
return;
}
/* elements */
var container = W('#iframeContainer');
var iframe = W('#playerFrame');
var config = players[tab];
/*show loading*/
// iframe.css('display', 'none');
// W('#playerLoading').css('display', 'block');
/* show url */
url.css('top', 260 - Math.floor(config.height/2) + 'px');
url.css('left', 420 - Math.floor(config.width/2) + 'px');
url.html(config.src);
/* left nav */
W('#tabs .active').removeClass('active');
W('#tabs .' + tab).parentNode().addClass('active');
/* change frame */
container.css('display', 'block');
container.css('width', config.width + 'px');
container.css('height', config.height + 'px');
container.css('marginTop', '-' + Math.floor(config.height/2) + 'px');
container.css('marginLeft', '-' + Math.floor(config.width/2) + 'px');
iframe.attr('src', config.src);
/* change bg randomly */
var theme = currentTheme;
do {
theme = Math.ceil(Math.random() * 10);
} while (theme === currentTheme);
var container = W('#container');
container.removeClass('theme-' + currentTheme);
container.addClass('theme-' + theme);
currentTheme = theme;
/* save tab */
saveTab(tab);
/* stat stay time */
var now = (+new Date);
if (startTime) {
(typeof monitor != 'undefined') && monitor.log({player: currentTab, staytime: now-startTime}, 'detail');
}
startTime = now;
currentTab = tab;
}
function bind() {
/*delegate click events*/
W('#tabs').delegate('a', 'click', function(e) {
e.preventDefault();
var tab = W(this).attr('data-tab');
switchToTab(tab);
});
/*onload event*/
// W('#playerFrame').on('load', function(e){
// W('#playerLoading').css('display', 'none');
// W(this).css('display', 'block');
// });
}
function preload() {
var images = [
'http://p1.qhimg.com/t014439b223eca35ef8.jpg',
'http://p4.qhimg.com/t01941db9b20de3b2e5.jpg',
'http://p8.qhimg.com/t01ec370095f50e4483.jpg',
'http://p7.qhimg.com/t012d3f20c2519f4f86.jpg',
'http://p7.qhimg.com/t01b18538d42b01208e.jpg',
'http://p3.qhimg.com/t01ba8333bb6cb57cfb.jpg',
'http://p1.qhimg.com/t0148fa8fff31ac193e.jpg',
'http://p0.qhimg.com/t01d596c11794c17457.jpg',
'http://p0.qhimg.com/t0116cdde771d9fa032.jpg',
'http://p9.qhimg.com/t0174cb413b626b2b42.jpg'
];
for (var i = 0, len = images.length; i < len; i++) {
(new Image()).src = images;
}
}
function saveTab(tab) {
window.localStorage && (localStorage[storageKey] = tab);
}
function getInitTab() {
var tab = 'kugou', defaultplayer = 'notset',
url = location.href,
playerList = {
'douban':1,
'kugou':1,
'kuwo':1,
'yinyuetai':1,
'xiami':1,
'duomi':1,
'beiwa':1,
'1ting':1
};
if(url.indexOf('#') != -1 && playerList[url.split('#')[1]] == 1){
defaultplayer = tab = url.split('#')[1];
}else if (window.localStorage && localStorage[storageKey]) {
defaultplayer = tab = localStorage[storageKey];
}
(typeof monitor != 'undefined') && monitor.log({defaultplayer: defaultplayer}, 'detail');
return tab;
}
function init() {
bind();
switchToTab(getInitTab());
setTimeout(preload, 10000);
}
/*init*/
init();
//tracker
/*
var trackImg = document.createElement('img');
document.body.appendChild(trackImg);
trackImg.style.visibility='hidden';
trackImg.style.position='absolute';
trackImg.style.bottom='0';
W('.js-track').delegate('a', 'click', function(e){
var appid = this.getAttribute('data-appid'),
bacon = 'http://stat.apc.360.cn/stat.html?type=open&action=yingyongdianji&mod=1&fangshi=1&appid={$appid}&fenleiid=3&from=101&_t_={$time}'.tmpl();
trackImg.src = bacon({
appid: appid,
time: +new Date()
});
})
*/
//moniter
//try{moniter.setUrl(location.href).getTrack().setId(["container"])}catch(ex){}
//placeholder
if (!("placeholder" in document.createElement("input"))) {
var t = W('#search_kw'),
val = t.attr('js-placeholder'),
grayCla = 's_ipt_def';
if(val){
t.val(val).addClass(grayCla).focus(function() {
if(t.val() == val){
t.removeClass(grayCla).val('');
}
}).blur(function(){
if(t.val() == ""){
t.addClass(grayCla).val(val);
}
});
}
}
/**
* [ 防止不兼容placeholder的浏览器,将placeholder提交到搜索]
*/
W('#js-mus-form').submit(function(e){
var ipt = W('#search_kw'),
data = ipt.attr('js-placeholder') || '',
val = ipt.val();
if(val.trim() === data || val.trim() === ''){
e.preventDefault();
ipt.val('').focus();
return false;
}
});
});
</script>
[/e]
 |
|