<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"ie=edge"
>
<
title
>直播
</
title
>
</
head
>
<
body
>
<
img
id
=
"receiver"
style
=
"width:1000px;height:600px"
/>
</
body
>
<
script
type
=
"text/javascript"
charset
=
"utf-8"
>
//创建一个socket实例
var
receiver_socket
=
new
WebSocket(
"ws://172.16.151.190:7890");
var
image
= document.
getElementById(
'receiver');
// 监听消息
receiver_socket.
onmessage
=
function(
data)
{
image.
src
=
data.data;
}
<
/
script
>
</
html
>
<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"ie=edge"
>
<
title
>直播
</
title
>
</
head
>
<
body
>
<
img
id
=
"receiver"
style
=
"width:1000px;height:600px"
/>
</
body
>
<
script
type
=
"text/javascript"
charset
=
"utf-8"
>
//创建一个socket实例
var
receiver_socket
=
new
WebSocket(
"ws://172.16.151.190:7890");
var
image
= document.
getElementById(
'receiver');
// 监听消息
receiver_socket.
onmessage
=
function(
data)
{
image.
src
=
data.data;
}
<
/
script
>
</
html
>