08月08, 2013

如何简单的增加音乐播放器

之前在帮Jclyn转换日志的时候,发现由于她使用WordPress的插件增加音乐播放器,所以文章中有很多类似

[dewplayer:http://abc.com/file.mp3]

这种形式的链接。同时为了她以后添加音乐方便,我决定在兼容这个代码的情况下给她写一个自动将此代码转换为音乐播放器的代码。

将代码中的$('.text')修改成你主题的相应的标签,并将这段代码放到主题的</body>前:

$.each($('.text'), function(i,text) {
    var t = text.innerHTML, dewplayer = t.match(/\[dewplayer:.*\]/ig);
    $.each(dewplayer, function(i,item) {
        t = t.replace(item, '<object type="application/x-shockwave-flash" data="http://phenoland.com/theme/dewplayer-mini.swf" width="160" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="http://phenoland.com/theme/dewplayer-mini.swf" /> <param name="flashvars" value="mp3='+item.split('dewplayer:')[1].split(']')[0]+'&amp;autoreplay=1&amp;showtime=1&amp;volume=70" /></object>');
    });
    text.innerHTML = t;
});

通过这段代码,以后你就只需要在日志中输入[dewplayer:url]类似代码就可以了。

当然,如果你觉得喜欢,你完全可以把格式改成你喜欢的样式,比如[mp3:url]又或者直接是[url.mp3]

上述代码同样适合Jkyell, Octopress, hexo等其它程序。

最后的最后,如果你觉得找链接添加音乐麻烦的话,可以推荐去这里看一下!

--以上--

本文链接:https://blog.imnerd.org/post/a-simple-way-to-add-music.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。