WordPress博客添加简码实现音乐播放

WordPress博客添加简码实现音乐播放

前言（废话）

其实文章里添加音乐方式有多种，但音乐的存储和带宽流量十个大问题，音质好点的存储空间多占用，消耗的带宽和流量也是不划算，尤其是音乐加载后大部分网站访客不会听完就关闭页面，造成资源成本的浪费

所以现在只能”智取”，通过API解析大平台的音乐直链来解决存储和带宽流量的成本。

准备接口（QQ音乐）

您可以自行解决qq音乐解析接口问题，也可以使用本站的接口：QQ音乐解析API QQ音乐直链解析

添加简码（个人测试）

以下代码为个人测试用，请根据需要自行应该。

在主题functions.php中添加以下代码：

//qq音乐解析直链
function myUrl($atts, $content = null) {
    
	$urls = 'https://www.uhmao.com/api/v1/?mid='.$atts['mid'];
	$headers = array('Authorization:'.'bearer 87d1a782-193b-423a-8097-fb8285f6bc05',);
	$curl = curl_init();
	curl_setopt($curl, CURLOPT_URL, $urls);
	curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, 0);
	curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 0);
	curl_setopt($curl, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);
	curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
	curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1);
	curl_setopt($curl, CURLOPT_AUTOREFERER, 1);
	curl_setopt($curl, CURLOPT_TIMEOUT, 30);
	curl_setopt($curl, CURLOPT_HEADER, 0);
	curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
	$result = curl_exec($curl);
	$result  = json_decode($result);
	//$song    = $result->data_mid->data->tracks[0]->name;
	//$songer  = $result->data_mid->data->tracks[0]->singer[0]->name;
	//$album   = $result->data_mid->data->tracks[0]->album->name;
	$purl    = $result->purl;
	if($purl ===""){
	    //<svg class="icon" aria-hidden="true"><use xlink:href="#uh-shuji"></use></svg>
	return '<table style="width: 100%; border-collapse: collapse; background-color: #ff5473; border-color: #ffffff;"><tbody><tr><td style="width: 100%; text-align: center;"><span style="font-size: 13pt; color: #ffffff;"><strong>音乐已失效</strong></span></td></tr></tbody></table><p style="text-align: center;"> </p>';
	}
    return '<figure class="wp-block-audio"><audio src="'.$purl.'" controls="controls"></audio></figure>';
}
add_shortcode("qmusic", "myUrl");

使用方法

//ps:因程序检测到简码会自动解析，为避免演示的代码显示错误，在调用的简码里添加了# ，自己在去掉#符号后使用
[#qmusic mid="这里为qq音乐mid"][#/qmusic]

效果截图