私のアプリでは、ビデオストリームを使用しています。このストリームをAPIから呼び出し、angularjsアプリのビデオタグ表示ストリームを使用します。
<video id="video" class="iframePreview" controls="true" autoplay
type="application/x-mpegURL">
</video>
<button class="button_pv btn btn-default"
ui-sref="camera({'streamID': monitorsIds[0] })">
Recorded Events
</button>
そしてctrlでは、APIからURLを取得して
<video></video
に渡します
return $http
.get(serviceBase + "aaaaaa" + Id)
.then(function(response) {
$rootScope.monitorsIds = [];
angular.forEach(response.data, function(key, value) {
$rootScope.monitorsIds.push(key.monitor);
});
if(Hls.isSupported()) {
var video = document.getElementById('video');
var hls = new Hls();
hls.loadSource(window.monitorsIdsStreamWin[0]);
hls.attachMedia(video);
}
});
すべて順調に動作していますが、ネットワークコンソールで状態を変更しても、ストリームデータの読み込みがまだ表示されています...
これを破壊する方法は? Thnx
関連した質問
- UIルーターのAngularJSパラメーターに他の値が表示されない
- Angular以外のURLをキャッチしてリダイレクトするにはどうすればよいですか?
- angularJsルーティングで提供されたURLの代わりに、paramベースのURLにリダイレクトする$stateProvider
- 角度UI状態パラメーター:ブラウザの更新
- UIルーターのネストされた状態パラメーターは、親の状態パラメーターと同じです
- angularjsはサブページのメニューのクラスをアクティブにします
- 古い状態のコントローラーの非同期関数は新しい状態でコードを実行します
- ナビゲーションバーのアイコンをクリックしても、角度UIルーターの状態がホーム状態に変更されない
- $stategoでDOMをキャッチできません
汎用ディレクティブは次のとおりです。
使用法:
JS