index.html


<!DOCTYPE html>
<html style="margin:0;padding:0;overflow:hidden;height:100%;">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title></title>
    <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="bower_components/rs-sphere/rs-sphere-viewer.html">
</head>
<body style="margin:0;padding:0;height:100%;">
    <rs-sphere-viewer src="left.png" src-right="right.png" style="width:100%;height:100%"></rs-sphere-viewer>
</body>
<script>
    var params = new URLSearchParams(new URL(window.location.href).search)
    var image = document.getElementsByTagName('rs-sphere-viewer')[0]
    if (params.has("left")) {
        image.setAttribute('src', params.get("left"))
        if (params.has("right")) {
            image.setAttribute('src-right', params.get("right"))
        } else {
            image.setAttribute('src-right', '')
        }
    }
</script>
</html>