|
|
@@ -0,0 +1,52 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <title>rtmp直播</title>
|
|
|
+ <script src="./js/flowplayer-3.2.13.min.js"></script>
|
|
|
+ <style type="text/css">
|
|
|
+ body {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .h5video {
|
|
|
+ width: 100%;
|
|
|
+ height: 100vh;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="h5video" id="playerDiv2"></div>
|
|
|
+ <script>
|
|
|
+ var url_2 = 'rtmp://127.0.0.1/live/111111';
|
|
|
+ var oPlayerDiv2 = document.getElementById('playerDiv2');
|
|
|
+ oPlayerDiv2.setAttribute("data-rtmp", url_2);
|
|
|
+ oPlayerDiv2.setAttribute("href", url_2);
|
|
|
+ console.log(oPlayerDiv2)
|
|
|
+ var swfStr = "./swf/flowplayer-3.2.18.swf"
|
|
|
+ var obj_1 = {
|
|
|
+ clip: {
|
|
|
+ provider: 'rtmp',
|
|
|
+ bufferLength: 0,
|
|
|
+ bufferTime: 0,
|
|
|
+ autoPlay: true,
|
|
|
+ live: true
|
|
|
+ },
|
|
|
+ plugins: {
|
|
|
+ rtmp: {
|
|
|
+ url: "flowplayer.rtmp-3.2.13.swf",
|
|
|
+ netConnectionUrl: url_2
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ const obj_2 = JSON.parse(JSON.stringify(obj_1));
|
|
|
+ obj_2.plugins.rtmp.netConnectionUrl = url_2;
|
|
|
+ console.log(swfStr, obj_2);
|
|
|
+ flowplayer('playerDiv2', swfStr, obj_2);
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
