external/srs
1
0
Fork 0
mirror of https://github.com/ossrs/srs.git synced 2025-03-09 15:49:59 +00:00
Code Issues Releases Wiki Activity

For #1638, #307, refactor rtc player.

Browse source
This commit is contained in:
winlin 2020-03-18 17:21:50 +08:00
parent c210c0b2f5
commit 979d7c3f4f
1 changed files with 15 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

24
trunk/research/players/rtc_player.html
View file

@ -45,7 +45,7 @@
</div> </div>
<label></label> <label></label>
<video id="rtc_media_player" autoplay controls></video> <video id="rtc_media_player" controls autoplay></video>
<footer> <footer>
<p></p> <p></p>
@ -55,11 +55,7 @@
<script type="text/javascript"> <script type="text/javascript">
var pc = null; // Global handler to do cleanup when replaying. var pc = null; // Global handler to do cleanup when replaying.
$(function(){ $(function(){
$('#rtc_media_player').hide(); var startPlay = function() {
var query = parse_query_string();
srs_init_rtc("#txt_url", query);
$("#btn_play").click(function(){
$('#rtc_media_player').show(); $('#rtc_media_player').show();
var urlObject = parse_rtmp_url($("#txt_url").val()); var urlObject = parse_rtmp_url($("#txt_url").val());
var schame = window.location.protocol; var schame = window.location.protocol;
@ -71,8 +67,7 @@
pc = new RTCPeerConnection(null); pc = new RTCPeerConnection(null);
pc.onaddstream = function (event) { pc.onaddstream = function (event) {
var player = document.getElementById('rtc_media_player'); $('#rtc_media_player').prop('srcObject', event.stream);
player.srcObject = event.stream;
}; };
new Promise(function(resolve, reject) { new Promise(function(resolve, reject) {
pc.createOffer(function(offer){ pc.createOffer(function(offer){
@ -125,7 +120,18 @@
}).catch(function(reason) { }).catch(function(reason) {
throw reason; throw reason;
}); });
}); };
$('#rtc_media_player').hide();
var query = parse_query_string();
srs_init_rtc("#txt_url", query);
$("#btn_play").click(startPlay);
if (query.autostart === 'true') {
// For autostart, we should mute it, see https://www.jianshu.com/p/c3c6944eed5a
$('#rtc_media_player').prop('muted', true);
startPlay();
}
}); });
</script> </script>
</body> </body>