zhaoheqing
/
ohplay_official


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>猫王妙播_猫王收音机_猫王音响 - 猫王官网</title>
    <meta name="description" content="什么是猫王妙播，猫王官方音乐电台频道，365天24小时不间断的好音乐、好内容，为你提供最新鲜有趣的“声活方式”。">
    <meta name="keywords" content="猫王妙播">
    <link rel="canonical" href="https://www.radio1964.com/ohplay" />
</head>

<script>
    var xhr = null
    var maokingXHR = null
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest()
        maokingXHR = new XMLHttpRequest()
    } else {
        xhr = new ActiveXObject("Microsoft.XMLHTTP")
    }
</script>

<body>
    <div id="pc"></div>
    <div id="mobile" class="bg">
        <div class="box">
            <img src="https://music-play.oss-cn-shenzhen.aliyuncs.com/ohplay_images/icon-1.png" width="80"
                height="80" />
            <div class="title">
                <h3>猫王妙播Pro</h3>
            </div>
            <a id="ios" class="btn green" href="https://apps.apple.com/cn/app/com.muzen.radioplayer/id1402502317"
                style="margin-bottom: 12px;">
                <img src="https://music-play.oss-cn-shenzhen.aliyuncs.com/ohplay_images/iPhone.png" width="28"
                    height="28" />
                <span>iPhone下载</span>
            </a>
            <a id="Android" class="btn green" href="https://a.app.qq.com/o/simple.jsp?pkgname=com.muzen.radioplayer"
                style="margin-top: 12px;">
                <img src="https://music-play.oss-cn-shenzhen.aliyuncs.com/ohplay_images/Android.png" width="28"
                    height="28" />
                <span>Android下载</span>
            </a>
        </div>
        <div class="box">
            <img src="https://airsmart-web.oss-cn-shanghai.aliyuncs.com/maoking/maoking_guangwang/maowang_shenghuoguang_logo.png"
                width="80" height="80">
            <div class="title">
                <h3>猫王生活馆</h3>
                <h4>（歌词音响专用APP）</h4>
            </div>
            <a id="ios" class="btn blue"
                href="https://apps.apple.com/cn/app/%E7%8C%AB%E7%8E%8B%E7%94%9F%E6%B4%BB%E9%A6%86/id6503723234"
                style="margin-bottom:24px">
                <img src="https://music-play.oss-cn-shenzhen.aliyuncs.com/ohplay_images/iPhone.png" width="28"
                    height="28">
                <span>iPhone下载</span>
            </a>
            <a id="Android" class="btn blue maokingapk" href="#">
                <img src="https://music-play.oss-cn-shenzhen.aliyuncs.com/ohplay_images/Android.png" width="28"
                    height="28" />
                <span>Android下载</span>
            </a>
        </div>
        <div class="box">
            <img src="https://music-play.oss-cn-shenzhen.aliyuncs.com/ohplay_images/icon-2.png" width="80"
                height="80" />
            <div class="title">
                <h3>猫王灵感</h3>
                <h4>（猫王手表专用APP）</h4>
            </div>
            <a id="ios" class="btn purple" href="https://apps.apple.com/cn/app/com.Muzen.MuzenLife/id6449812627"
                style="margin-bottom: 24px;">
                <img src="https://music-play.oss-cn-shenzhen.aliyuncs.com/ohplay_images/iPhone.png" width="28"
                    height="28" />
                <span>iPhone下载</span>
            </a>
            <a id="Android" class="btn purple apk" href="#">
                <img src="https://music-play.oss-cn-shenzhen.aliyuncs.com/ohplay_images/Android.png" width="28"
                    height="28" />
                <span>Android下载</span>
            </a>
        </div>
    </div>
</body>

<script>
    const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Mobile" : "Desktop";
    if (detectDeviceType() === 'Desktop') {
        document.getElementById('pc').style.display = 'block'
        document.getElementById('mobile').style.display = 'none'
    }
</script>

<script>
    const userAgent = navigator.userAgent;
    var isiOS = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    var isAndroid = userAgent.indexOf('Android') > -1 || userAgent.indexOf('Adr') > -1;
    var iOSElement = document.querySelectorAll("#ios")
    var AndElement = document.querySelectorAll("#Android")
    if (isiOS) {
        for (var i = 0; i < AndElement.length; i++) {
            AndElement[i].style.pointerEvents = "none"
        }
    } else {
        for (var i = 0; i < iOSElement.length; i++) {
            iOSElement[i].style.pointerEvents = "none"
        }
    }
    // 猫王灵感安卓apk下载链接
    var apkELement = document.querySelector('.apk')
    xhr.open('get', 'https://client.ohplay.radio1964.net/device/project/update/group?projectId=7', true)
    xhr.onreadystatechange = function () {
        if (xhr.status === 200 && xhr.readyState === 4) {
            apkELement.href = JSON.parse(xhr.responseText).data.android[0].downUrl
        }
    }
    xhr.send()
    // 猫王生活馆
    var maokingElement = document.querySelector('.maokingapk')
    maokingXHR.open('get', 'https://client.ohplay.radio1964.net/device/project/update/group?projectId=9', true)
    maokingXHR.onreadystatechange = function () {
        if (maokingXHR.status === 200 && maokingXHR.readyState === 4) {
            maokingElement.href = JSON.parse(maokingXHR.responseText).data.android[0].downUrl
        }
    }
    maokingXHR.send()
</script>

<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }


    #pc {
        display: none;
    }

    a {
        text-decoration: none;
        font-weight: bold;
    }

    #pc {
        width: 100%;
        height: 100%;
        background-image: url('https://airsmart-web.oss-cn-shanghai.aliyuncs.com/maoking/maoking_guangwang/appdownload.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bg {
        background-image: url('https://airsmart-web.oss-cn-shanghai.aliyuncs.com/maoking/maoking_guangwang/maowang_shenghuoguang_bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 40px 0;
    }

    .box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .box:nth-child(2) {
        margin: 80px 0;
    }

    .title {
        margin: 1rem 0 3rem 0;
        text-align: center;
    }

    .title h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .title h4 {
        font-size: 13px;
        color: #777777;
    }

    .btn {
        border-radius: 32px;
        width: 13rem;
        font-size: 14px;
        color: #FFF;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.4rem 0;
    }

    .green {
        background: linear-gradient(180deg, #A4D099 0%, #78B06A 100%);
    }

    .blue {
        background: linear-gradient(180deg, #a4d4f8 0%, #60abe1 100%);
    }

    .purple {
        background: linear-gradient(180deg, #BC58EE 0%, #7C47A3 100%);
    }
</style>

</html>