webiopiで取得した角度の値をpythonに入れる方法

webiopiのindex.htmlに以下のようなコードを書いてURLにアクセスしたスマホに内蔵されているセンサーを使ってスマホの傾いている角度をだすことに成功しました。この値を用いてサーボモーターをその角度の値にに動くようなpythonプログラムを書きたいのですが、webiopiのなかの値をpythonプログラムに反映させる方法がよくわかりません。詳しい方がいたら教えてください。
また、このwebiopiのサイト内にmjpg-streamerで配信している動画も見れるようにしたいです。どうかよろしくお願いします。

javascript
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1">
6<title>ジャイロの値を得る</title>
7</head>
8 
9<body>
10<div id="txt">ここにデータを表示</div>             <!-- データを表示するdiv要素 -->
11 
12<script>
13var alpha = 0, beta = 0, gamma = 0;             // ジャイロの値を入れる変数を3個用意
14 
15// ジャイロセンサの値が変化したら実行される deviceorientation イベント
16window.addEventListener("deviceorientation", (dat) => {
17    alpha = parseInt(dat.alpha);  // z軸（表裏）まわりの回転の角度（反時計回りがプラス）
18    beta  = parseInt(dat.beta);   // x軸（左右）まわりの回転の角度（引き起こすとプラス）
19    gamma = parseInt(dat.gamma);  // y軸（上下）まわりの回転の角度（右に傾けるとプラス）
20});
21 
22// 指定時間ごとに繰り返し実行される setInterval(実行する内容, 間隔[ms]) タイマーを設定
23var timer = window.setInterval(() => {
24    displayData();      // displayData 関数を実行
25}, 33); // 33msごとに（1秒間に約30回）
26 
27// データを表示する displayData 関数
28function displayData() {
29    var txt = document.getElementById("txt");   // データを表示するdiv要素の取得
30    txt.innerHTML = "alpha: " + alpha + "<br>"  // x軸の値
31                  + "beta:  " + beta  + "<br>"  // y軸の値
32                  + "gamma: " + gamma;          // z軸の値
33}
34</script>
35</body>
36</html>