test2.html 3.05 KB
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebView Communication</title>
</head>
<body>
<h2>接口测试2</h2>

<div id="resp"></div>

<input type="text" id="text" value="">


<button onclick="startRecord()">开始录音</button>
<button onclick="pauseRecord()">暂停录音</button>
<button onclick="resumeRecord()">唤醒录音</button>
<button onclick="stopRecord()">停止录音</button>

<br>
<br>
<input type="hidden" id="url" value="">
<button onclick="startPlay()">开始播放</button>
<button onclick="pausePlay()">暂停播放</button>
<button onclick="resumePlay()">唤醒播放</button>
<button onclick="stopPlay()">停止播放</button>

<button onclick="openlink()">打开新链接</button>

<br>
<br>
<a href="/test/test.html">跳转测试1</a>


</body>
<script>

    function xeJsBridgeCallback(message) {
        document.getElementById('resp').innerHTML = '<p><strong>响应:</strong> ' + message + '</p>';

        // 设置id为url的input的值
        let jsonData = JSON.parse(message);
        if(jsonData.cmd=="audioRecorderStop"){
            document.getElementById('url').value = jsonData.data.tempFilePath;
        }

    }

    function startRecord() {
        let message = '{ "timestamp": 1, "unique": "123", "cmd": "audioRecorderStart", "params": {"duration":3} }';
        xeJsBridge.postMessage(message);
    }

    function pauseRecord() {
        let message = '{ "timestamp": 1, "unique": "123", "cmd": "audioRecorderPause", "params": {} }';
        xeJsBridge.postMessage(message);
    }

    function resumeRecord() {
        let message = '{ "timestamp": 1, "unique": "123", "cmd": "audioRecorderResume", "params": {} }';
        xeJsBridge.postMessage(message);
    }

    function stopRecord() {
        let message = '{ "timestamp": 1, "unique": "123", "cmd": "audioRecorderStop", "params": {} }';
        xeJsBridge.postMessage(message);
    }

    function startPlay() {

        let url = document.getElementById('url').value;
        //let url = 'https://files-cos.banxiaoer.net/txbb/res/mp3/d2-d560e952-4029-11eb-928a-acde48001122/wd-db0b7502-4029-11eb-928a-acde48001122_h.mp3';
        let message = '{ "timestamp": 1, "unique": "123", "cmd": "audioPlay", "params": {"url":"' + url + '"} }';
        xeJsBridge.postMessage(message);
    }

    function pausePlay() {
        let message = '{ "timestamp": 1, "unique": "123", "cmd": "audioPause", "params": {} }';
        xeJsBridge.postMessage(message);
    }

    function resumePlay() {
        let message = '{ "timestamp": 1, "unique": "123", "cmd": "audioResume", "params": {} }';
        xeJsBridge.postMessage(message);
    }

    function stopPlay() {
        let message = '{ "timestamp": 1, "unique": "123", "cmd": "audioStop", "params": {} }';
        xeJsBridge.postMessage(message);
    }

    function openlink() {
        let url = 'https://xw.qq.com';
        let message = '{ "timestamp": 1, "unique": "123", "cmd": "openlink", "params": {"url":"' + url + '"} }';
        xeJsBridge.postMessage(message);
    }


</script>
</html>