Javascript 如何从websocket获取两个对象

我通过websocket获得用于构建视频的图像流

var frames = document.getElementById('frames');
var ws = new WebSocket( 'ws://127.0.0.1:8080/' );
    var reader = new FileReader();
    ws.onmessage = function(evt) {
        reader.onload = function(e) {
            frames.src = e.target.result;
        };
        reader.readAsDataURL(evt.data);
    };

但是当我将其他对象（JSON）发送到websocket时，我有两个对象（图像和JSON）视频开始闪烁，我如何分别捕获这些对象