mirror of
https://github.com/mii443/libdatachannel.git
synced 2025-08-22 15:15:28 +00:00
Converted web example to WebSocket signaling
This commit is contained in:
Paul-Louis Ageneau
@ -10,5 +10,12 @@ AccessModifierOffset: -4
|
|||||||
ColumnLimit: 100
|
ColumnLimit: 100
|
||||||
---
|
---
|
||||||
Language: JavaScript
|
Language: JavaScript
|
||||||
ColumnLimit: 80
|
IndentWidth: 2
|
||||||
|
UseTab: Never
|
||||||
|
ColumnLimit: 100
|
||||||
|
---
|
||||||
|
Language: Python
|
||||||
|
IndentWidth: 4
|
||||||
|
UseTab: Never
|
||||||
|
ColumnLimit: 79
|
||||||
...
|
...
|
||||||
|
|||||||
@ -9,3 +9,13 @@ insert_final_newline = true
|
|||||||
indent_style = tab
|
indent_style = tab
|
||||||
indent_size = 4
|
indent_size = 4
|
||||||
|
|
||||||
|
[*.js]
|
||||||
|
insert_final_newline = true
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
|
||||||
|
[*.py]
|
||||||
|
insert_final_newline = false
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 4
|
||||||
|
|
||||||
|
|||||||
2
.gitignore
vendored
2
.gitignore
vendored
@ -1,4 +1,5 @@
|
|||||||
build/
|
build/
|
||||||
|
node_modules/
|
||||||
*.d
|
*.d
|
||||||
*.o
|
*.o
|
||||||
*.a
|
*.a
|
||||||
@ -6,3 +7,4 @@ build/
|
|||||||
compile_commands.json
|
compile_commands.json
|
||||||
tests
|
tests
|
||||||
.DS_Store
|
.DS_Store
|
||||||
|
|
||||||
|
|||||||
@ -2,6 +2,8 @@ cmake_minimum_required(VERSION 3.7)
|
|||||||
cmake_policy(SET CMP0079 NEW)
|
cmake_policy(SET CMP0079 NEW)
|
||||||
|
|
||||||
add_executable(datachannel-client main.cpp)
|
add_executable(datachannel-client main.cpp)
|
||||||
set_target_properties(datachannel-client PROPERTIES CXX_STANDARD 17)
|
set_target_properties(datachannel-client PROPERTIES
|
||||||
|
CXX_STANDARD 17
|
||||||
|
OUTPUT_NAME client)
|
||||||
target_link_libraries(datachannel-client datachannel nlohmann_json)
|
target_link_libraries(datachannel-client datachannel nlohmann_json)
|
||||||
|
|
||||||
|
|||||||
@ -52,7 +52,7 @@ int main(int argc, char **argv) {
|
|||||||
rtc::InitLogger(LogLevel::Warning);
|
rtc::InitLogger(LogLevel::Warning);
|
||||||
|
|
||||||
Configuration config;
|
Configuration config;
|
||||||
config.iceServers.emplace_back("stun.l.google.com:19302"); // change to your STUN server
|
config.iceServers.emplace_back("stun:stun.l.google.com:19302"); // change to your STUN server
|
||||||
|
|
||||||
localId = randomId(8);
|
localId = randomId(8);
|
||||||
cout << "The local ID is: " << localId << endl;
|
cout << "The local ID is: " << localId << endl;
|
||||||
@ -92,12 +92,12 @@ int main(int argc, char **argv) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (type == "offer" || type == "answer") {
|
if (type == "offer" || type == "answer") {
|
||||||
auto str = message["description"].get<string>();
|
auto sdp = message["description"].get<string>();
|
||||||
pc->setRemoteDescription(Description(str, type));
|
pc->setRemoteDescription(Description(sdp, type));
|
||||||
} else if (type == "candidate") {
|
} else if (type == "candidate") {
|
||||||
auto str = message["candidate"].get<string>();
|
auto sdp = message["candidate"].get<string>();
|
||||||
auto mid = message["mid"].get<string>();
|
auto mid = message["mid"].get<string>();
|
||||||
pc->addRemoteCandidate(Candidate(str, mid));
|
pc->addRemoteCandidate(Candidate(sdp, mid));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -188,8 +188,6 @@ shared_ptr<PeerConnection> createPeerConnection(const Configuration &config,
|
|||||||
cout << "DataChannel from " << id << " received with label \"" << dc->label() << "\""
|
cout << "DataChannel from " << id << " received with label \"" << dc->label() << "\""
|
||||||
<< endl;
|
<< endl;
|
||||||
|
|
||||||
dc->send("Hello from " + localId);
|
|
||||||
|
|
||||||
dc->onClosed([id]() { cout << "DataChannel from " << id << " closed" << endl; });
|
dc->onClosed([id]() { cout << "DataChannel from " << id << " closed" << endl; });
|
||||||
|
|
||||||
dc->onMessage([id](const variant<binary, string> &message) {
|
dc->onMessage([id](const variant<binary, string> &message) {
|
||||||
@ -199,6 +197,8 @@ shared_ptr<PeerConnection> createPeerConnection(const Configuration &config,
|
|||||||
cout << "Message from " << id << " received: " << get<string>(message) << endl;
|
cout << "Message from " << id << " received: " << get<string>(message) << endl;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
dc->send("Hello from " + localId);
|
||||||
|
|
||||||
dataChannelMap.emplace(id, dc);
|
dataChannelMap.emplace(id, dc);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
339
examples/web/LICENSE
Normal file
339
examples/web/LICENSE
Normal file
@ -0,0 +1,339 @@
|
|||||||
|
GNU GENERAL PUBLIC LICENSE
|
||||||
|
Version 2, June 1991
|
||||||
|
|
||||||
|
Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
|
||||||
|
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||||
|
Everyone is permitted to copy and distribute verbatim copies
|
||||||
|
of this license document, but changing it is not allowed.
|
||||||
|
|
||||||
|
Preamble
|
||||||
|
|
||||||
|
The licenses for most software are designed to take away your
|
||||||
|
freedom to share and change it. By contrast, the GNU General Public
|
||||||
|
License is intended to guarantee your freedom to share and change free
|
||||||
|
software--to make sure the software is free for all its users. This
|
||||||
|
General Public License applies to most of the Free Software
|
||||||
|
Foundation's software and to any other program whose authors commit to
|
||||||
|
using it. (Some other Free Software Foundation software is covered by
|
||||||
|
the GNU Lesser General Public License instead.) You can apply it to
|
||||||
|
your programs, too.
|
||||||
|
|
||||||
|
When we speak of free software, we are referring to freedom, not
|
||||||
|
price. Our General Public Licenses are designed to make sure that you
|
||||||
|
have the freedom to distribute copies of free software (and charge for
|
||||||
|
this service if you wish), that you receive source code or can get it
|
||||||
|
if you want it, that you can change the software or use pieces of it
|
||||||
|
in new free programs; and that you know you can do these things.
|
||||||
|
|
||||||
|
To protect your rights, we need to make restrictions that forbid
|
||||||
|
anyone to deny you these rights or to ask you to surrender the rights.
|
||||||
|
These restrictions translate to certain responsibilities for you if you
|
||||||
|
distribute copies of the software, or if you modify it.
|
||||||
|
|
||||||
|
For example, if you distribute copies of such a program, whether
|
||||||
|
gratis or for a fee, you must give the recipients all the rights that
|
||||||
|
you have. You must make sure that they, too, receive or can get the
|
||||||
|
source code. And you must show them these terms so they know their
|
||||||
|
rights.
|
||||||
|
|
||||||
|
We protect your rights with two steps: (1) copyright the software, and
|
||||||
|
(2) offer you this license which gives you legal permission to copy,
|
||||||
|
distribute and/or modify the software.
|
||||||
|
|
||||||
|
Also, for each author's protection and ours, we want to make certain
|
||||||
|
that everyone understands that there is no warranty for this free
|
||||||
|
software. If the software is modified by someone else and passed on, we
|
||||||
|
want its recipients to know that what they have is not the original, so
|
||||||
|
that any problems introduced by others will not reflect on the original
|
||||||
|
authors' reputations.
|
||||||
|
|
||||||
|
Finally, any free program is threatened constantly by software
|
||||||
|
patents. We wish to avoid the danger that redistributors of a free
|
||||||
|
program will individually obtain patent licenses, in effect making the
|
||||||
|
program proprietary. To prevent this, we have made it clear that any
|
||||||
|
patent must be licensed for everyone's free use or not licensed at all.
|
||||||
|
|
||||||
|
The precise terms and conditions for copying, distribution and
|
||||||
|
modification follow.
|
||||||
|
|
||||||
|
GNU GENERAL PUBLIC LICENSE
|
||||||
|
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||||
|
|
||||||
|
0. This License applies to any program or other work which contains
|
||||||
|
a notice placed by the copyright holder saying it may be distributed
|
||||||
|
under the terms of this General Public License. The "Program", below,
|
||||||
|
refers to any such program or work, and a "work based on the Program"
|
||||||
|
means either the Program or any derivative work under copyright law:
|
||||||
|
that is to say, a work containing the Program or a portion of it,
|
||||||
|
either verbatim or with modifications and/or translated into another
|
||||||
|
language. (Hereinafter, translation is included without limitation in
|
||||||
|
the term "modification".) Each licensee is addressed as "you".
|
||||||
|
|
||||||
|
Activities other than copying, distribution and modification are not
|
||||||
|
covered by this License; they are outside its scope. The act of
|
||||||
|
running the Program is not restricted, and the output from the Program
|
||||||
|
is covered only if its contents constitute a work based on the
|
||||||
|
Program (independent of having been made by running the Program).
|
||||||
|
Whether that is true depends on what the Program does.
|
||||||
|
|
||||||
|
1. You may copy and distribute verbatim copies of the Program's
|
||||||
|
source code as you receive it, in any medium, provided that you
|
||||||
|
conspicuously and appropriately publish on each copy an appropriate
|
||||||
|
copyright notice and disclaimer of warranty; keep intact all the
|
||||||
|
notices that refer to this License and to the absence of any warranty;
|
||||||
|
and give any other recipients of the Program a copy of this License
|
||||||
|
along with the Program.
|
||||||
|
|
||||||
|
You may charge a fee for the physical act of transferring a copy, and
|
||||||
|
you may at your option offer warranty protection in exchange for a fee.
|
||||||
|
|
||||||
|
2. You may modify your copy or copies of the Program or any portion
|
||||||
|
of it, thus forming a work based on the Program, and copy and
|
||||||
|
distribute such modifications or work under the terms of Section 1
|
||||||
|
above, provided that you also meet all of these conditions:
|
||||||
|
|
||||||
|
a) You must cause the modified files to carry prominent notices
|
||||||
|
stating that you changed the files and the date of any change.
|
||||||
|
|
||||||
|
b) You must cause any work that you distribute or publish, that in
|
||||||
|
whole or in part contains or is derived from the Program or any
|
||||||
|
part thereof, to be licensed as a whole at no charge to all third
|
||||||
|
parties under the terms of this License.
|
||||||
|
|
||||||
|
c) If the modified program normally reads commands interactively
|
||||||
|
when run, you must cause it, when started running for such
|
||||||
|
interactive use in the most ordinary way, to print or display an
|
||||||
|
announcement including an appropriate copyright notice and a
|
||||||
|
notice that there is no warranty (or else, saying that you provide
|
||||||
|
a warranty) and that users may redistribute the program under
|
||||||
|
these conditions, and telling the user how to view a copy of this
|
||||||
|
License. (Exception: if the Program itself is interactive but
|
||||||
|
does not normally print such an announcement, your work based on
|
||||||
|
the Program is not required to print an announcement.)
|
||||||
|
|
||||||
|
These requirements apply to the modified work as a whole. If
|
||||||
|
identifiable sections of that work are not derived from the Program,
|
||||||
|
and can be reasonably considered independent and separate works in
|
||||||
|
themselves, then this License, and its terms, do not apply to those
|
||||||
|
sections when you distribute them as separate works. But when you
|
||||||
|
distribute the same sections as part of a whole which is a work based
|
||||||
|
on the Program, the distribution of the whole must be on the terms of
|
||||||
|
this License, whose permissions for other licensees extend to the
|
||||||
|
entire whole, and thus to each and every part regardless of who wrote it.
|
||||||
|
|
||||||
|
Thus, it is not the intent of this section to claim rights or contest
|
||||||
|
your rights to work written entirely by you; rather, the intent is to
|
||||||
|
exercise the right to control the distribution of derivative or
|
||||||
|
collective works based on the Program.
|
||||||
|
|
||||||
|
In addition, mere aggregation of another work not based on the Program
|
||||||
|
with the Program (or with a work based on the Program) on a volume of
|
||||||
|
a storage or distribution medium does not bring the other work under
|
||||||
|
the scope of this License.
|
||||||
|
|
||||||
|
3. You may copy and distribute the Program (or a work based on it,
|
||||||
|
under Section 2) in object code or executable form under the terms of
|
||||||
|
Sections 1 and 2 above provided that you also do one of the following:
|
||||||
|
|
||||||
|
a) Accompany it with the complete corresponding machine-readable
|
||||||
|
source code, which must be distributed under the terms of Sections
|
||||||
|
1 and 2 above on a medium customarily used for software interchange; or,
|
||||||
|
|
||||||
|
b) Accompany it with a written offer, valid for at least three
|
||||||
|
years, to give any third party, for a charge no more than your
|
||||||
|
cost of physically performing source distribution, a complete
|
||||||
|
machine-readable copy of the corresponding source code, to be
|
||||||
|
distributed under the terms of Sections 1 and 2 above on a medium
|
||||||
|
customarily used for software interchange; or,
|
||||||
|
|
||||||
|
c) Accompany it with the information you received as to the offer
|
||||||
|
to distribute corresponding source code. (This alternative is
|
||||||
|
allowed only for noncommercial distribution and only if you
|
||||||
|
received the program in object code or executable form with such
|
||||||
|
an offer, in accord with Subsection b above.)
|
||||||
|
|
||||||
|
The source code for a work means the preferred form of the work for
|
||||||
|
making modifications to it. For an executable work, complete source
|
||||||
|
code means all the source code for all modules it contains, plus any
|
||||||
|
associated interface definition files, plus the scripts used to
|
||||||
|
control compilation and installation of the executable. However, as a
|
||||||
|
special exception, the source code distributed need not include
|
||||||
|
anything that is normally distributed (in either source or binary
|
||||||
|
form) with the major components (compiler, kernel, and so on) of the
|
||||||
|
operating system on which the executable runs, unless that component
|
||||||
|
itself accompanies the executable.
|
||||||
|
|
||||||
|
If distribution of executable or object code is made by offering
|
||||||
|
access to copy from a designated place, then offering equivalent
|
||||||
|
access to copy the source code from the same place counts as
|
||||||
|
distribution of the source code, even though third parties are not
|
||||||
|
compelled to copy the source along with the object code.
|
||||||
|
|
||||||
|
4. You may not copy, modify, sublicense, or distribute the Program
|
||||||
|
except as expressly provided under this License. Any attempt
|
||||||
|
otherwise to copy, modify, sublicense or distribute the Program is
|
||||||
|
void, and will automatically terminate your rights under this License.
|
||||||
|
However, parties who have received copies, or rights, from you under
|
||||||
|
this License will not have their licenses terminated so long as such
|
||||||
|
parties remain in full compliance.
|
||||||
|
|
||||||
|
5. You are not required to accept this License, since you have not
|
||||||
|
signed it. However, nothing else grants you permission to modify or
|
||||||
|
distribute the Program or its derivative works. These actions are
|
||||||
|
prohibited by law if you do not accept this License. Therefore, by
|
||||||
|
modifying or distributing the Program (or any work based on the
|
||||||
|
Program), you indicate your acceptance of this License to do so, and
|
||||||
|
all its terms and conditions for copying, distributing or modifying
|
||||||
|
the Program or works based on it.
|
||||||
|
|
||||||
|
6. Each time you redistribute the Program (or any work based on the
|
||||||
|
Program), the recipient automatically receives a license from the
|
||||||
|
original licensor to copy, distribute or modify the Program subject to
|
||||||
|
these terms and conditions. You may not impose any further
|
||||||
|
restrictions on the recipients' exercise of the rights granted herein.
|
||||||
|
You are not responsible for enforcing compliance by third parties to
|
||||||
|
this License.
|
||||||
|
|
||||||
|
7. If, as a consequence of a court judgment or allegation of patent
|
||||||
|
infringement or for any other reason (not limited to patent issues),
|
||||||
|
conditions are imposed on you (whether by court order, agreement or
|
||||||
|
otherwise) that contradict the conditions of this License, they do not
|
||||||
|
excuse you from the conditions of this License. If you cannot
|
||||||
|
distribute so as to satisfy simultaneously your obligations under this
|
||||||
|
License and any other pertinent obligations, then as a consequence you
|
||||||
|
may not distribute the Program at all. For example, if a patent
|
||||||
|
license would not permit royalty-free redistribution of the Program by
|
||||||
|
all those who receive copies directly or indirectly through you, then
|
||||||
|
the only way you could satisfy both it and this License would be to
|
||||||
|
refrain entirely from distribution of the Program.
|
||||||
|
|
||||||
|
If any portion of this section is held invalid or unenforceable under
|
||||||
|
any particular circumstance, the balance of the section is intended to
|
||||||
|
apply and the section as a whole is intended to apply in other
|
||||||
|
circumstances.
|
||||||
|
|
||||||
|
It is not the purpose of this section to induce you to infringe any
|
||||||
|
patents or other property right claims or to contest validity of any
|
||||||
|
such claims; this section has the sole purpose of protecting the
|
||||||
|
integrity of the free software distribution system, which is
|
||||||
|
implemented by public license practices. Many people have made
|
||||||
|
generous contributions to the wide range of software distributed
|
||||||
|
through that system in reliance on consistent application of that
|
||||||
|
system; it is up to the author/donor to decide if he or she is willing
|
||||||
|
to distribute software through any other system and a licensee cannot
|
||||||
|
impose that choice.
|
||||||
|
|
||||||
|
This section is intended to make thoroughly clear what is believed to
|
||||||
|
be a consequence of the rest of this License.
|
||||||
|
|
||||||
|
8. If the distribution and/or use of the Program is restricted in
|
||||||
|
certain countries either by patents or by copyrighted interfaces, the
|
||||||
|
original copyright holder who places the Program under this License
|
||||||
|
may add an explicit geographical distribution limitation excluding
|
||||||
|
those countries, so that distribution is permitted only in or among
|
||||||
|
countries not thus excluded. In such case, this License incorporates
|
||||||
|
the limitation as if written in the body of this License.
|
||||||
|
|
||||||
|
9. The Free Software Foundation may publish revised and/or new versions
|
||||||
|
of the General Public License from time to time. Such new versions will
|
||||||
|
be similar in spirit to the present version, but may differ in detail to
|
||||||
|
address new problems or concerns.
|
||||||
|
|
||||||
|
Each version is given a distinguishing version number. If the Program
|
||||||
|
specifies a version number of this License which applies to it and "any
|
||||||
|
later version", you have the option of following the terms and conditions
|
||||||
|
either of that version or of any later version published by the Free
|
||||||
|
Software Foundation. If the Program does not specify a version number of
|
||||||
|
this License, you may choose any version ever published by the Free Software
|
||||||
|
Foundation.
|
||||||
|
|
||||||
|
10. If you wish to incorporate parts of the Program into other free
|
||||||
|
programs whose distribution conditions are different, write to the author
|
||||||
|
to ask for permission. For software which is copyrighted by the Free
|
||||||
|
Software Foundation, write to the Free Software Foundation; we sometimes
|
||||||
|
make exceptions for this. Our decision will be guided by the two goals
|
||||||
|
of preserving the free status of all derivatives of our free software and
|
||||||
|
of promoting the sharing and reuse of software generally.
|
||||||
|
|
||||||
|
NO WARRANTY
|
||||||
|
|
||||||
|
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
|
||||||
|
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
|
||||||
|
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
|
||||||
|
PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
|
||||||
|
OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||||
|
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
|
||||||
|
TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
|
||||||
|
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
|
||||||
|
REPAIR OR CORRECTION.
|
||||||
|
|
||||||
|
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||||
|
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
|
||||||
|
REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
|
||||||
|
OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
|
||||||
|
TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
|
||||||
|
YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
|
||||||
|
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
|
||||||
|
POSSIBILITY OF SUCH DAMAGES.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
How to Apply These Terms to Your New Programs
|
||||||
|
|
||||||
|
If you develop a new program, and you want it to be of the greatest
|
||||||
|
possible use to the public, the best way to achieve this is to make it
|
||||||
|
free software which everyone can redistribute and change under these terms.
|
||||||
|
|
||||||
|
To do so, attach the following notices to the program. It is safest
|
||||||
|
to attach them to the start of each source file to most effectively
|
||||||
|
convey the exclusion of warranty; and each file should have at least
|
||||||
|
the "copyright" line and a pointer to where the full notice is found.
|
||||||
|
|
||||||
|
<one line to give the program's name and a brief idea of what it does.>
|
||||||
|
Copyright (C) <year> <name of author>
|
||||||
|
|
||||||
|
This program is free software; you can redistribute it and/or modify
|
||||||
|
it under the terms of the GNU General Public License as published by
|
||||||
|
the Free Software Foundation; either version 2 of the License, or
|
||||||
|
(at your option) any later version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License along
|
||||||
|
with this program; if not, write to the Free Software Foundation, Inc.,
|
||||||
|
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
||||||
|
|
||||||
|
Also add information on how to contact you by electronic and paper mail.
|
||||||
|
|
||||||
|
If the program is interactive, make it output a short notice like this
|
||||||
|
when it starts in an interactive mode:
|
||||||
|
|
||||||
|
Gnomovision version 69, Copyright (C) year name of author
|
||||||
|
Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
||||||
|
This is free software, and you are welcome to redistribute it
|
||||||
|
under certain conditions; type `show c' for details.
|
||||||
|
|
||||||
|
The hypothetical commands `show w' and `show c' should show the appropriate
|
||||||
|
parts of the General Public License. Of course, the commands you use may
|
||||||
|
be called something other than `show w' and `show c'; they could even be
|
||||||
|
mouse-clicks or menu items--whatever suits your program.
|
||||||
|
|
||||||
|
You should also get your employer (if you work as a programmer) or your
|
||||||
|
school, if any, to sign a "copyright disclaimer" for the program, if
|
||||||
|
necessary. Here is a sample; alter the names:
|
||||||
|
|
||||||
|
Yoyodyne, Inc., hereby disclaims all copyright interest in the program
|
||||||
|
`Gnomovision' (which makes passes at compilers) written by James Hacker.
|
||||||
|
|
||||||
|
<signature of Ty Coon>, 1 April 1989
|
||||||
|
Ty Coon, President of Vice
|
||||||
|
|
||||||
|
This General Public License does not permit incorporating your program into
|
||||||
|
proprietary programs. If your program is a subroutine library, you may
|
||||||
|
consider it more useful to permit linking proprietary applications with the
|
||||||
|
library. If this is what you want to do, use the GNU Lesser General
|
||||||
|
Public License instead of this License.
|
||||||
@ -1,111 +0,0 @@
|
|||||||
function el(type, style, content) {
|
|
||||||
const element = document.createElement(type);
|
|
||||||
element.setAttribute('class', style);
|
|
||||||
element.append(content);
|
|
||||||
return element;
|
|
||||||
}
|
|
||||||
|
|
||||||
const UI = {
|
|
||||||
createMessageElement: function(style, message) {
|
|
||||||
const conversation = document.getElementById('messages');
|
|
||||||
const messageElement = el('p', style + ' message', message);
|
|
||||||
conversation.append(messageElement);
|
|
||||||
|
|
||||||
const d = new Date();
|
|
||||||
const time = el('span', 'time', [
|
|
||||||
d.getHours().toString().padStart(2, '0'),
|
|
||||||
d.getMinutes().toString().padStart(2, '0'),
|
|
||||||
d.getSeconds().toString().padStart(2, '0')
|
|
||||||
].join(':'));
|
|
||||||
messageElement.append(time);
|
|
||||||
},
|
|
||||||
messageTextBoxValue: function() {
|
|
||||||
return document.getElementById('message-text-box').value;
|
|
||||||
},
|
|
||||||
sendMessageButton: function() {
|
|
||||||
return document.getElementById('send-message-button');
|
|
||||||
},
|
|
||||||
setConnectionState: function(state) {
|
|
||||||
const stateEl = document.getElementById('connection-state');
|
|
||||||
stateEl.innerHTML = state;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
(function (){
|
|
||||||
const connectionParam = getQueryParameter('connection');
|
|
||||||
const parsedConnection = atob(connectionParam).split(',');
|
|
||||||
const connectionMetadata = {
|
|
||||||
description: parsedConnection[0],
|
|
||||||
candidate: parsedConnection[1]
|
|
||||||
};
|
|
||||||
createRemoteConnection(connectionMetadata);
|
|
||||||
})();
|
|
||||||
|
|
||||||
function createRemoteConnection(connectionMetadata) {
|
|
||||||
console.log(connectionMetadata);
|
|
||||||
const connection = new RTCPeerConnection();
|
|
||||||
|
|
||||||
const remoteDesc = {
|
|
||||||
type: 'offer',
|
|
||||||
sdp: connectionMetadata.description
|
|
||||||
};
|
|
||||||
connection.setRemoteDescription(remoteDesc)
|
|
||||||
.then(() => UI.setConnectionState('set remote description'));
|
|
||||||
let connectionDescription = '';
|
|
||||||
|
|
||||||
const remoteCandidate = {
|
|
||||||
candidate: connectionMetadata.candidate,
|
|
||||||
sdpMid: '0', // Media stream ID for audio
|
|
||||||
sdpMLineIndex: 0 // Something to do with media
|
|
||||||
};
|
|
||||||
connection.addIceCandidate(remoteCandidate).then(
|
|
||||||
() => UI.setConnectionState('candidate added')
|
|
||||||
);
|
|
||||||
|
|
||||||
connection.createAnswer().then((desc) => {
|
|
||||||
connection.setLocalDescription(desc);
|
|
||||||
connectionDescription = desc.sdp;
|
|
||||||
});
|
|
||||||
|
|
||||||
connection.onicecandidate = e => {
|
|
||||||
if (e.candidate) {
|
|
||||||
const body = connectionDescription;
|
|
||||||
fetch(
|
|
||||||
'http://localhost:8000/state/json',
|
|
||||||
{
|
|
||||||
method: 'post',
|
|
||||||
headers: {'Content-Type': 'text/plain'},
|
|
||||||
body
|
|
||||||
}
|
|
||||||
).then(response => {
|
|
||||||
if (response.status !== 200) {
|
|
||||||
throw new Error('bad status ' + response.status);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
connection.ondatachannel = (e) => {
|
|
||||||
UI.setConnectionState('received channel: ' + JSON.stringify(e));
|
|
||||||
const channel = e.channel;
|
|
||||||
console.log(channel);
|
|
||||||
const sendButton = UI.sendMessageButton();
|
|
||||||
sendButton.addEventListener('click', sendMessage.bind(null, channel), false);
|
|
||||||
channel.onopen = () => {
|
|
||||||
console.log('open');
|
|
||||||
UI.setConnectionState('channel open');
|
|
||||||
};
|
|
||||||
channel.onmessage = (msg) => {
|
|
||||||
UI.createMessageElement('from-them', msg.data);
|
|
||||||
};
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function sendMessage(channel) {
|
|
||||||
const message = UI.messageTextBoxValue();
|
|
||||||
UI.createMessageElement('from-me', message);
|
|
||||||
channel.send(message);
|
|
||||||
}
|
|
||||||
|
|
||||||
function getQueryParameter(name) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
return urlParams.get(name);
|
|
||||||
}
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Web Rtc Answerer</title>
|
|
||||||
<link rel="stylesheet" href="/style.css" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="message-container">
|
|
||||||
<h1>Web Rtc</h1>
|
|
||||||
<div id="messages"></div>
|
|
||||||
</div>
|
|
||||||
<div id="message-input">
|
|
||||||
<p id="connection-state">Pending</p>
|
|
||||||
<textarea id="message-text-box"
|
|
||||||
placeholder="Send a message"
|
|
||||||
></textarea>
|
|
||||||
<br/>
|
|
||||||
<button id="send-message-button">Send</button>
|
|
||||||
</div>
|
|
||||||
<script src="/answerScript.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,15 +1,23 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Web Rtc Example</title>
|
<meta charset="UTF-8">
|
||||||
|
<title>WebRTC Example</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<script src="script.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Web Rtc</h1>
|
<h1>WebRTC Example</h1>
|
||||||
<button id="createConnectionBtn">Create Connection</button>
|
<h2>Local ID</h2>
|
||||||
<br/>
|
<p id="localId"></p>
|
||||||
<textarea id="sendData" placeholder="Send a message" style="width: 500px; height: 50px"></textarea>
|
<h2>Send an offer through signaling</h2>
|
||||||
<br/>
|
<input type="text" id="offerId" placeholder="remote ID" disabled>
|
||||||
<button id="sendDataBtn">Send Data</button>
|
<input type="button" id="offerBtn" value="Offer" disabled>
|
||||||
<script src="/script.js"></script>
|
<br>
|
||||||
|
<h2>Send a message through DataChannel</h2>
|
||||||
|
<input type="text" id="sendMsg" placeholder="message" disabled>
|
||||||
|
<input type="button" id="sendBtn" value="Send" disabled>
|
||||||
|
<br>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|||||||
119
examples/web/package-lock.json
generated
Normal file
119
examples/web/package-lock.json
generated
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
{
|
||||||
|
"name": "libdatachannel-example-web",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"lockfileVersion": 1,
|
||||||
|
"requires": true,
|
||||||
|
"dependencies": {
|
||||||
|
"d": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
|
||||||
|
"requires": {
|
||||||
|
"es5-ext": "^0.10.50",
|
||||||
|
"type": "^1.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"debug": {
|
||||||
|
"version": "2.6.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
|
||||||
|
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
|
||||||
|
"requires": {
|
||||||
|
"ms": "2.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"es5-ext": {
|
||||||
|
"version": "0.10.53",
|
||||||
|
"resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.53.tgz",
|
||||||
|
"integrity": "sha512-Xs2Stw6NiNHWypzRTY1MtaG/uJlwCk8kH81920ma8mvN8Xq1gsfhZvpkImLQArw8AHnv8MT2I45J3c0R8slE+Q==",
|
||||||
|
"requires": {
|
||||||
|
"es6-iterator": "~2.0.3",
|
||||||
|
"es6-symbol": "~3.1.3",
|
||||||
|
"next-tick": "~1.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"es6-iterator": {
|
||||||
|
"version": "2.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
|
||||||
|
"integrity": "sha1-p96IkUGgWpSwhUQDstCg+/qY87c=",
|
||||||
|
"requires": {
|
||||||
|
"d": "1",
|
||||||
|
"es5-ext": "^0.10.35",
|
||||||
|
"es6-symbol": "^3.1.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"es6-symbol": {
|
||||||
|
"version": "3.1.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
|
||||||
|
"integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
|
||||||
|
"requires": {
|
||||||
|
"d": "^1.0.1",
|
||||||
|
"ext": "^1.1.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"ext": {
|
||||||
|
"version": "1.4.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/ext/-/ext-1.4.0.tgz",
|
||||||
|
"integrity": "sha512-Key5NIsUxdqKg3vIsdw9dSuXpPCQ297y6wBjL30edxwPgt2E44WcWBZey/ZvUc6sERLTxKdyCu4gZFmUbk1Q7A==",
|
||||||
|
"requires": {
|
||||||
|
"type": "^2.0.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"type": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/type/-/type-2.0.0.tgz",
|
||||||
|
"integrity": "sha512-KBt58xCHry4Cejnc2ISQAF7QY+ORngsWfxezO68+12hKV6lQY8P/psIkcbjeHWn7MqcgciWJyCCevFMJdIXpow=="
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"is-typedarray": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
|
||||||
|
"integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
|
||||||
|
},
|
||||||
|
"ms": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
|
||||||
|
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
|
||||||
|
},
|
||||||
|
"nan": {
|
||||||
|
"version": "2.14.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz",
|
||||||
|
"integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw=="
|
||||||
|
},
|
||||||
|
"next-tick": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz",
|
||||||
|
"integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw="
|
||||||
|
},
|
||||||
|
"type": {
|
||||||
|
"version": "1.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
|
||||||
|
"integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
|
||||||
|
},
|
||||||
|
"typedarray-to-buffer": {
|
||||||
|
"version": "3.1.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
|
||||||
|
"integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
|
||||||
|
"requires": {
|
||||||
|
"is-typedarray": "^1.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"websocket": {
|
||||||
|
"version": "1.0.31",
|
||||||
|
"resolved": "https://registry.npmjs.org/websocket/-/websocket-1.0.31.tgz",
|
||||||
|
"integrity": "sha512-VAouplvGKPiKFDTeCCO65vYHsyay8DqoBSlzIO3fayrfOgU94lQN5a1uWVnFrMLceTJw/+fQXR5PGbUVRaHshQ==",
|
||||||
|
"requires": {
|
||||||
|
"debug": "^2.2.0",
|
||||||
|
"es5-ext": "^0.10.50",
|
||||||
|
"nan": "^2.14.0",
|
||||||
|
"typedarray-to-buffer": "^3.1.5",
|
||||||
|
"yaeti": "^0.0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"yaeti": {
|
||||||
|
"version": "0.0.6",
|
||||||
|
"resolved": "https://registry.npmjs.org/yaeti/-/yaeti-0.0.6.tgz",
|
||||||
|
"integrity": "sha1-8m9ITXJoTPQr7ft2lwqhYI+/lXc="
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
23
examples/web/package.json
Normal file
23
examples/web/package.json
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
{
|
||||||
|
"name": "libdatachannel-example-web",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"description": "Example for libdatachannel",
|
||||||
|
"main": "server.js",
|
||||||
|
"scripts": {
|
||||||
|
"start": "node server.js",
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/paullouisageneau/libdatachannel.git"
|
||||||
|
},
|
||||||
|
"author": "Paul-Louis Ageneau",
|
||||||
|
"license": "GPL-2.0",
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/paullouisageneau/libdatachannel/issues"
|
||||||
|
},
|
||||||
|
"homepage": "https://github.com/paullouisageneau/libdatachannel#readme",
|
||||||
|
"dependencies": {
|
||||||
|
"websocket": "^1.0.31"
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,69 +1,194 @@
|
|||||||
(function (){
|
/*
|
||||||
console.log('Hello');
|
* libdatachannel example web client
|
||||||
const connectButton = document.getElementById('createConnectionBtn');
|
* Copyright (C) 2020 Lara Mackey
|
||||||
connectButton.addEventListener('click', createConnection, false);
|
* Copyright (C) 2020 Paul-Louis Ageneau
|
||||||
})();
|
*
|
||||||
|
* This program is free software; you can redistribute it and/or
|
||||||
|
* modify it under the terms of the GNU General Public License
|
||||||
|
* as published by the Free Software Foundation; either version 2
|
||||||
|
* of the License, or (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU General Public License
|
||||||
|
* along with this program; If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
function createConnection() {
|
window.addEventListener('load', () => {
|
||||||
const localConnection = new RTCPeerConnection();
|
|
||||||
const sendChannel = localConnection.createDataChannel('channel');
|
const config = {
|
||||||
const connectionInfo = {};
|
iceServers: [{
|
||||||
localConnection.onicecandidate = e => {
|
urls: 'stun:stun.l.google.com:19302', // change to your STUN server
|
||||||
if (e.candidate) {
|
}],
|
||||||
const candidate = e.candidate.candidate;
|
};
|
||||||
connectionInfo.candidate = candidate;
|
|
||||||
const answererUrl = 'http://localhost:8080/answerer.html?connection=' + btoa(JSON.stringify(connectionInfo));
|
const localId = randomId(8);
|
||||||
const createLink = document.createElement('a');
|
|
||||||
createLink.setAttribute('href', answererUrl);
|
const url = `ws://localhost:8000/${localId}`;
|
||||||
createLink.setAttribute('target', 'new');
|
|
||||||
createLink.append('Open me ;)');
|
const peerConnectionMap = {};
|
||||||
document.body.append(createLink);
|
const dataChannelMap = {};
|
||||||
const pollForConnection = setInterval(() => {
|
|
||||||
fetch(
|
const offerId = document.getElementById('offerId');
|
||||||
'http://localhost:8000/state/json'
|
const offerBtn = document.getElementById('offerBtn');
|
||||||
).then(response => {
|
const sendMsg = document.getElementById('sendMsg');
|
||||||
if (response.status !== 200) {
|
const sendBtn = document.getElementById('sendBtn');
|
||||||
throw new Error('bad status ' + response.status);
|
const _localId = document.getElementById('localId');
|
||||||
|
_localId.textContent = localId;
|
||||||
|
|
||||||
|
console.log('Connecting to signaling...');
|
||||||
|
openSignaling(url)
|
||||||
|
.then((ws) => {
|
||||||
|
console.log('WebSocket connected, signaling ready');
|
||||||
|
offerId.disabled = false;
|
||||||
|
offerBtn.disabled = false;
|
||||||
|
offerBtn.onclick = () => offerPeerConnection(ws, offerId.value);
|
||||||
|
})
|
||||||
|
.catch((err) => console.error(err));
|
||||||
|
|
||||||
|
|
||||||
|
function openSignaling(url) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const ws = new WebSocket(url);
|
||||||
|
ws.onopen = () => resolve(ws);
|
||||||
|
ws.onerror = () => reject(new Error('WebSocket error'));
|
||||||
|
ws.onclosed = () => console.error('WebSocket disconnected');
|
||||||
|
ws.onmessage = (e) => {
|
||||||
|
if(typeof(e.data) != 'string') return;
|
||||||
|
const message = JSON.parse(e.data);
|
||||||
|
const { id, type } = message;
|
||||||
|
|
||||||
|
let pc = peerConnectionMap[id];
|
||||||
|
if(!pc) {
|
||||||
|
if(type != 'offer') return;
|
||||||
|
|
||||||
|
// Create PeerConnection for answer
|
||||||
|
console.log(`Answering to ${id}`);
|
||||||
|
pc = createPeerConnection(ws, id);
|
||||||
|
}
|
||||||
|
|
||||||
|
switch(type) {
|
||||||
|
case 'offer':
|
||||||
|
case 'answer':
|
||||||
|
pc.setRemoteDescription({
|
||||||
|
sdp: message.description,
|
||||||
|
type: message.type,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
if(type == 'offer') {
|
||||||
|
// Send answer
|
||||||
|
sendLocalDescription(ws, id, pc, 'answer');
|
||||||
}
|
}
|
||||||
return response.json();
|
});
|
||||||
}).then(data => {
|
break;
|
||||||
if (data.description) {
|
|
||||||
console.log('yes');
|
case 'candidate':
|
||||||
clearInterval(pollForConnection);
|
pc.addIceCandidate({
|
||||||
createRemoteConnection(data.description);
|
candidate: message.candidate,
|
||||||
}
|
sdpMid: message.mid,
|
||||||
else {
|
});
|
||||||
console.log('no');
|
break;
|
||||||
}
|
}
|
||||||
});
|
|
||||||
}, 5000);
|
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
localConnection.createOffer().then((desc) => {
|
|
||||||
connectionInfo.description = desc.sdp;
|
|
||||||
localConnection.setLocalDescription(desc);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function createRemoteConnection(desc) {
|
|
||||||
const remoteDesc = {
|
|
||||||
type: 'answer',
|
|
||||||
sdp: desc
|
|
||||||
};
|
|
||||||
localConnection.setRemoteDescription(remoteDesc).then((e) => {
|
|
||||||
console.log(e);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const sendButton = document.getElementById('sendDataBtn');
|
|
||||||
sendButton.addEventListener('click', sendMessage, false);
|
|
||||||
function sendMessage() {
|
|
||||||
const messageText = document.getElementById('sendData').value;
|
|
||||||
sendChannel.send(messageText);
|
|
||||||
}
|
|
||||||
sendChannel.onmessage = (msg) => {
|
|
||||||
document.body.append(msg.data);
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function offerPeerConnection(ws, id) {
|
||||||
|
// Create PeerConnection
|
||||||
|
console.log(`Offering to ${id}`);
|
||||||
|
pc = createPeerConnection(ws, id);
|
||||||
|
|
||||||
|
// Create DataChannel
|
||||||
|
const label = "test";
|
||||||
|
console.log(`Creating DataChannel with label "${label}"`);
|
||||||
|
const dc = pc.createDataChannel(label);
|
||||||
|
setupDataChannel(dc, id);
|
||||||
|
|
||||||
|
// Send offer
|
||||||
|
sendLocalDescription(ws, id, pc, 'offer');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create and setup a PeerConnection
|
||||||
|
function createPeerConnection(ws, id) {
|
||||||
|
const pc = new RTCPeerConnection(config);
|
||||||
|
pc.onconnectionstatechange = () => console.log(`Connection state: ${pc.connectionState}`);
|
||||||
|
pc.onicegatheringstatechange = () => console.log(`Gathering state: ${pc.iceGatheringState}`);
|
||||||
|
pc.onicecandidate = (e) => {
|
||||||
|
if (e.candidate) {
|
||||||
|
// Send candidate
|
||||||
|
sendLocalCandidate(ws, id, e.candidate);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
pc.ondatachannel = (e) => {
|
||||||
|
const dc = e.channel;
|
||||||
|
console.log(`"DataChannel from ${id} received with label "${dc.label}"`);
|
||||||
|
setupDataChannel(dc, id);
|
||||||
|
|
||||||
|
dc.send(`Hello from ${localId}`);
|
||||||
|
|
||||||
|
sendMsg.disabled = false;
|
||||||
|
sendBtn.disabled = false;
|
||||||
|
sendBtn.onclick = () => dc.send(sendMsg.value);
|
||||||
|
};
|
||||||
|
|
||||||
|
peerConnectionMap[id] = pc;
|
||||||
|
return pc;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Setup a DataChannel
|
||||||
|
function setupDataChannel(dc, id) {
|
||||||
|
dc.onopen = () => {
|
||||||
|
console.log(`DataChannel from ${id} open`);
|
||||||
|
|
||||||
|
sendMsg.disabled = false;
|
||||||
|
sendBtn.disabled = false;
|
||||||
|
sendBtn.onclick = () => dc.send(sendMsg.value);
|
||||||
|
};
|
||||||
|
dc.onclose = () => {
|
||||||
|
console.log(`DataChannel from ${id} closed`);
|
||||||
|
};
|
||||||
|
dc.onmessage = (e) => {
|
||||||
|
if(typeof(e.data) != 'string') return;
|
||||||
|
console.log(`Message from ${id} received: ${e.data}`);
|
||||||
|
document.body.appendChild(document.createTextNode(e.data));
|
||||||
|
};
|
||||||
|
|
||||||
|
dataChannelMap[id] = dc;
|
||||||
|
return dc;
|
||||||
|
}
|
||||||
|
|
||||||
|
function sendLocalDescription(ws, id, pc, type) {
|
||||||
|
(type == 'offer' ? pc.createOffer() : pc.createAnswer())
|
||||||
|
.then((desc) => pc.setLocalDescription(desc))
|
||||||
|
.then(() => {
|
||||||
|
const { sdp, type } = pc.localDescription;
|
||||||
|
ws.send(JSON.stringify({
|
||||||
|
id,
|
||||||
|
type,
|
||||||
|
description: sdp,
|
||||||
|
}));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function sendLocalCandidate(ws, id, cand) {
|
||||||
|
const {candidate, sdpMid} = cand;
|
||||||
|
ws.send(JSON.stringify({
|
||||||
|
id,
|
||||||
|
type: 'candidate',
|
||||||
|
candidate,
|
||||||
|
mid: sdpMid,
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Helper function to generate a random ID
|
||||||
|
function randomId(length) {
|
||||||
|
const characters = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
|
||||||
|
const pickRandom = () => characters.charAt(Math.floor(Math.random() * characters.length));
|
||||||
|
return [...Array(length)].map(pickRandom).join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|||||||
@ -1,29 +1,102 @@
|
|||||||
const http = require('http');
|
/*
|
||||||
|
* libdatachannel example web server
|
||||||
|
* Copyright (C) 2020 Lara Mackey
|
||||||
|
* Copyright (C) 2020 Paul-Louis Ageneau
|
||||||
|
*
|
||||||
|
* This program is free software; you can redistribute it and/or
|
||||||
|
* modify it under the terms of the GNU General Public License
|
||||||
|
* as published by the Free Software Foundation; either version 2
|
||||||
|
* of the License, or (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU General Public License
|
||||||
|
* along with this program; If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
let connectionMetadata;
|
const fs = require('fs');
|
||||||
http.createServer(function(req, res) {
|
const http = require('http');
|
||||||
console.log(req.method.toUpperCase(), req.url);
|
const websocket = require('websocket');
|
||||||
if (req.method === 'POST') {
|
|
||||||
let body = '';
|
const staticFiles = {
|
||||||
req.on('data', chunk => body += chunk);
|
'/index.html': 'text/html',
|
||||||
req.on('end', () => {
|
'/style.css': 'text/css',
|
||||||
connectionMetadata = body;
|
'/script.js': 'text/javascript',
|
||||||
res.writeHead(200);
|
};
|
||||||
res.end();
|
|
||||||
});
|
const clients = {};
|
||||||
return;
|
|
||||||
}
|
const httpServer = http.createServer((req, res) => {
|
||||||
if (req.method === 'GET') {
|
console.log(`${req.method.toUpperCase()} ${req.url}`);
|
||||||
res.writeHead(200, {'Content-Type': 'text/plain'});
|
|
||||||
res.end(connectionMetadata);
|
const respond = (code, data, contentType = 'text/plain') => {
|
||||||
return;
|
res.writeHead(code, {
|
||||||
}
|
'Content-Type': contentType,
|
||||||
if (req.method === 'OPTIONS') {
|
|
||||||
res.writeHead(200, {
|
|
||||||
'Access-Control-Allow-Origin': '*',
|
'Access-Control-Allow-Origin': '*',
|
||||||
});
|
});
|
||||||
res.end(connectionMetadata);
|
res.end(data);
|
||||||
|
};
|
||||||
|
|
||||||
|
if(req.method != 'GET') {
|
||||||
|
respond(405, 'Method not allowed');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
console.error('unknown method: ' + req.method);
|
|
||||||
}).listen(8000);
|
const url = req.url == '/' ? '/index.html' : req.url;
|
||||||
|
const contentType = staticFiles[url];
|
||||||
|
if(!contentType) {
|
||||||
|
respond(404, 'Not found');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
fs.readFile(__dirname + url, (err, data) => {
|
||||||
|
if(err) {
|
||||||
|
respond(500, 'Missing file');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
respond(200, data, contentType);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
const wsServer = new websocket.server({ httpServer });
|
||||||
|
wsServer.on('request', (req) => {
|
||||||
|
console.log(`WS ${req.resource}`);
|
||||||
|
|
||||||
|
const { path } = req.resourceURL;
|
||||||
|
const splitted = path.split('/');
|
||||||
|
splitted.shift();
|
||||||
|
const id = splitted[0];
|
||||||
|
|
||||||
|
const conn = req.accept(null, req.origin);
|
||||||
|
conn.on('message', (data) => {
|
||||||
|
if(data.type === 'utf8') {
|
||||||
|
console.log(`Client ${id} << ${data.utf8Data}`);
|
||||||
|
|
||||||
|
const message = JSON.parse(data.utf8Data);
|
||||||
|
const destId = message.id;
|
||||||
|
const dest = clients[destId];
|
||||||
|
if(dest) {
|
||||||
|
message.id = id;
|
||||||
|
const data = JSON.stringify(message);
|
||||||
|
console.log(`Client ${destId} >> ${data}`);
|
||||||
|
dest.send(data);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
console.error(`Client ${destId} not found`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
conn.on('close', () => {
|
||||||
|
delete clients[id];
|
||||||
|
console.error(`Client ${id} disconnected`);
|
||||||
|
});
|
||||||
|
|
||||||
|
clients[id] = conn;
|
||||||
|
});
|
||||||
|
|
||||||
|
httpServer.listen(8000);
|
||||||
|
|
||||||
|
|||||||
@ -1,79 +1,20 @@
|
|||||||
body {
|
body {
|
||||||
background-color: #fff5e3;
|
font-family: arial, verdana, sans-serif;
|
||||||
font-family: sans-serif;
|
font-size: 12pt;
|
||||||
display: flex;
|
background-color: #FFFFFF;
|
||||||
flex-wrap: wrap;
|
color: #000000;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
padding: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#message-container {
|
input {
|
||||||
padding: 0 5%;
|
font-size: 100%;
|
||||||
width: 100%;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
input[type="text"] {
|
||||||
width: 100%;
|
width: 8em;
|
||||||
|
max-width: 75%;
|
||||||
|
padding: 0.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#message-input {
|
|
||||||
width: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 90%;
|
|
||||||
height: 10%;
|
|
||||||
display: flex;
|
|
||||||
background-color: #a0a0a0f7;
|
|
||||||
}
|
|
||||||
|
|
||||||
#message-text-box {
|
|
||||||
width: 90%;
|
|
||||||
border: none;
|
|
||||||
border-radius: 20px 0 0 20px;
|
|
||||||
padding: 5px;
|
|
||||||
vertical-align: middle;
|
|
||||||
font-size: medium;
|
|
||||||
resize: none;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
#message-text-box:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#messages {
|
|
||||||
display: flex;
|
|
||||||
flex-direction:column;
|
|
||||||
width: 100%;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#send-message-button {
|
|
||||||
width: 10%;
|
|
||||||
font-size: medium;
|
|
||||||
}
|
|
||||||
#send-message-button:hover {
|
|
||||||
opacity: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message {
|
|
||||||
width: 40%;
|
|
||||||
flex-basis: 100%;
|
|
||||||
border: 1px solid;
|
|
||||||
padding: 1%;
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 2px 2px #a0a0a0f7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message .time {
|
|
||||||
font-size: x-small;
|
|
||||||
display: flex;
|
|
||||||
align-self:flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.from-me {
|
|
||||||
background-color: #dcf8c6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.from-them {
|
|
||||||
background-color: #fff;
|
|
||||||
align-self:flex-end;
|
|
||||||
}
|
|
||||||
|
|||||||
@ -60,12 +60,19 @@ bool Candidate::resolve(ResolveMode mode) {
|
|||||||
if (mIsResolved)
|
if (mIsResolved)
|
||||||
return true;
|
return true;
|
||||||
|
|
||||||
|
PLOG_VERBOSE << "Resolving candidate (mode="
|
||||||
|
<< (mode == ResolveMode::Simple ? "simple" : "lookup")
|
||||||
|
<< "): " << mCandidate;
|
||||||
|
|
||||||
// See RFC 8445 for format
|
// See RFC 8445 for format
|
||||||
std::stringstream ss(mCandidate);
|
std::istringstream iss(mCandidate);
|
||||||
int component{0}, priority{0};
|
int component{0}, priority{0};
|
||||||
string foundation, transport, node, service, typ_, type;
|
string foundation, transport, node, service, typ_, type;
|
||||||
if (ss >> foundation >> component >> transport >> priority &&
|
if (iss >> foundation >> component >> transport >> priority &&
|
||||||
ss >> node >> service >> typ_ >> type && typ_ == "typ") {
|
iss >> node >> service >> typ_ >> type && typ_ == "typ") {
|
||||||
|
|
||||||
|
string left;
|
||||||
|
std::getline(iss, left);
|
||||||
|
|
||||||
// Try to resolve the node
|
// Try to resolve the node
|
||||||
struct addrinfo hints = {};
|
struct addrinfo hints = {};
|
||||||
@ -94,15 +101,13 @@ bool Candidate::resolve(ResolveMode mode) {
|
|||||||
if (getnameinfo(p->ai_addr, p->ai_addrlen, nodebuffer, MAX_NUMERICNODE_LEN,
|
if (getnameinfo(p->ai_addr, p->ai_addrlen, nodebuffer, MAX_NUMERICNODE_LEN,
|
||||||
servbuffer, MAX_NUMERICSERV_LEN,
|
servbuffer, MAX_NUMERICSERV_LEN,
|
||||||
NI_NUMERICHOST | NI_NUMERICSERV) == 0) {
|
NI_NUMERICHOST | NI_NUMERICSERV) == 0) {
|
||||||
string left;
|
|
||||||
std::getline(ss, left);
|
|
||||||
const char sp{' '};
|
const char sp{' '};
|
||||||
ss.clear();
|
std::ostringstream oss;
|
||||||
ss << foundation << sp << component << sp << transport << sp << priority;
|
oss << foundation << sp << component << sp << transport << sp << priority;
|
||||||
ss << sp << nodebuffer << sp << servbuffer << sp << "typ" << sp << type;
|
oss << sp << nodebuffer << sp << servbuffer << sp << "typ" << sp << type;
|
||||||
if (!left.empty())
|
oss << left;
|
||||||
ss << left;
|
mCandidate = oss.str();
|
||||||
mCandidate = ss.str();
|
PLOG_VERBOSE << "Resolved candidate: " << mCandidate;
|
||||||
return mIsResolved = true;
|
return mIsResolved = true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -205,7 +205,7 @@ ssize_t TlsTransport::ReadCallback(gnutls_transport_ptr_t ptr, void *data, size_
|
|||||||
return len;
|
return len;
|
||||||
}
|
}
|
||||||
|
|
||||||
recv(message); // Pass zero-sized messages through
|
t->recv(message); // Pass zero-sized messages through
|
||||||
}
|
}
|
||||||
// Closed
|
// Closed
|
||||||
gnutls_transport_set_errno(t->mSession, 0);
|
gnutls_transport_set_errno(t->mSession, 0);
|
||||||
|
|||||||
Reference in New Issue
Block a user