@@ -27,23 +27,22 @@ <h4 class="modal-title lbl">Re-streaming: {{ channel?.name }}</h4>
27
27
< div *ngIf ="started ">
28
28
< br />
29
29
< p >
30
- Press the share button (Share LAN or Share WAN) below to generate an .otv file for this
31
- service. You will be able to share this file with your friends so they can import it in Open
32
- TV and watch your re-streamed livestream
30
+ Select an IP and press the share button below to generate an .otv file. You will be able to
31
+ share this file with your friends so they can import it in Open TV and watch your re-streamed
32
+ content.
33
33
</ p >
34
34
< br />
35
35
< p >
36
- Your re-streaming service is always availaible from your LAN. On the other hand, WAN access
37
- will work if you open the appropriate port on your router (3000 by default)
36
+ You can import .otv files in Open TV by having or creating a custom source. Make sure to
37
+ select the right IP for the right context; sharing an .otv file with one of your local IPs
38
+ will not work for someone outside your LAN.
38
39
</ p >
39
40
< br />
40
- < p > To import an .otv file in Open TV:</ p >
41
- < ol >
42
- < li > Create a new custom source (either from setup or settings)</ li >
43
- < li > Go in settings</ li >
44
- < li > Click on "import channel/group" button within the custom source</ li >
45
- < li > Select the .otv file</ li >
46
- </ ol >
41
+ < label for ="ip-select "> Select IP to share</ label >
42
+ < select [(ngModel)] ="selectedIP " id ="ip-select " class ="form-control ">
43
+ < option *ngFor ="let local of networkInfo?.local_ips "> {{ local }}</ option >
44
+ < option > {{ networkInfo?.wan_ip }}</ option >
45
+ </ select >
47
46
</ div >
48
47
</ div >
49
48
< div class ="modal-footer ">
@@ -79,60 +78,55 @@ <h4 class="modal-title lbl">Re-streaming: {{ channel?.name }}</h4>
79
78
</ svg >
80
79
</ button >
81
80
< button
82
- ngbTooltip ="Sharing over LAN means sharing for your local network. The .otv file generated will
83
- point to your local IP "
84
81
class ="btn btn-primary d-inline-flex align-items-center "
85
82
(click) ="share() "
86
83
*ngIf ="started "
87
84
>
88
- < span > Share LAN </ span >
85
+ < span > Share</ span >
89
86
< svg
90
87
class ="icon ms-1 "
91
88
fill ="currentColor "
92
89
xmlns ="http://www.w3.org/2000/svg "
93
90
viewBox ="0 0 24 24 "
94
91
>
95
92
< path
96
- d ="M10,2C8.89,2 8,2.89 8,4V7C8,8.11 8.89,9 10,9H11V11H2V13H6V15H5C3.89,15 3,15.89 3,17V20C3,21.11 3.89,22 5,22H9C10.11,22 11,21.11 11,20V17C11,15.89 10.11,15 9,15H8V13H16V15H15C13.89,15 13,15.89 13,17V20C13,21.11 13.89,22 15,22H19C20.11,22 21,21.11 21,20V17C21,15.89 20.11,15 19,15H18V13H22V11H13V9H14C15.11,9 16,8.11 16,7V4C16,2.89 15.11,2 14,2H10M10,4H14V7H10V4M5,17H9V20H5V17M15,17H19V20H15V17Z "
93
+ d ="M12,2A8,8 0 0,0 4,10C4,14.03 7,17.42 11,17.93V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15A1,1 0 0,0 14,19H13V17.93C17,17.43 20,14.03 20,10A8,8 0 0,0 12,2M12,4C12,4 12.74,5.28 13.26,7H10.74C11.26,5.28 12,4 12,4M9.77,4.43C9.5,4.93 9.09,5.84 8.74,7H6.81C7.5,5.84 8.5,4.93 9.77,4.43M14.23,4.44C15.5,4.94 16.5,5.84 17.19,7H15.26C14.91,5.84 14.5,4.93 14.23,4.44M6.09,9H8.32C8.28,9.33 8.25,9.66 8.25,10C8.25,10.34 8.28,10.67 8.32,11H6.09C6.03,10.67 6,10.34 6,10C6,9.66 6.03,9.33 6.09,9M10.32,9H13.68C13.72,9.33 13.75,9.66 13.75,10C13.75,10.34 13.72,10.67 13.68,11H10.32C10.28,10.67 10.25,10.34 10.25,10C10.25,9.66 10.28,9.33 10.32,9M15.68,9H17.91C17.97,9.33 18,9.66 18,10C18,10.34 17.97,10.67 17.91,11H15.68C15.72,10.67 15.75,10.34 15.75,10C15.75,9.66 15.72,9.33 15.68,9M6.81,13H8.74C9.09,14.16 9.5,15.07 9.77,15.56C8.5,15.06 7.5,14.16 6.81,13M10.74,13H13.26C12.74,14.72 12,16 12,16C12,16 11.26,14.72 10.74,13M15.26,13H17.19C16.5,14.16 15.5,15.07 14.23,15.57C14.5,15.07 14.91,14.16 15.26,13Z "
97
94
/>
98
95
</ svg >
99
96
</ button >
100
97
< button
101
- ngbTooltip ="Sharing over WAN means sharing for the internet. The .otv file generated will point
102
- to your public IP "
103
- class ="btn btn-primary d-inline-flex align-items-center "
104
- (click) ="share() "
98
+ class ="btn btn-danger d-inline-flex align-items-center "
105
99
*ngIf ="started "
100
+ [disabled] ="loading "
101
+ (click) ="stop() "
106
102
>
107
- < span > Share WAN </ span >
103
+ < span > Stop </ span >
108
104
< svg
109
105
class ="icon ms-1 "
110
106
fill ="currentColor "
111
107
xmlns ="http://www.w3.org/2000/svg "
112
108
viewBox ="0 0 24 24 "
113
109
>
114
110
< path
115
- d ="M12,2A8,8 0 0,0 4,10C4,14.03 7,17.42 11,17.93V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15A1,1 0 0,0 14,19H13V17.93C17,17.43 20,14.03 20,10A8,8 0 0,0 12,2M12,4C12,4 12.74,5.28 13.26,7H10.74C11.26,5.28 12,4 12,4M9.77,4.43C9.5,4.93 9.09,5.84 8.74,7H6.81C7.5,5.84 8.5,4.93 9.77,4.43M14.23,4.44C15.5,4.94 16.5,5.84 17.19,7H15.26C14.91,5.84 14.5,4.93 14.23,4.44M6.09,9H8.32C8.28,9.33 8.25,9.66 8.25,10C8.25,10.34 8.28,10.67 8.32,11H6.09C6.03,10.67 6,10.34 6,10C6,9.66 6.03,9.33 6.09,9M10.32,9H13.68C13.72,9.33 13.75,9.66 13.75,10C13.75,10.34 13.72,10.67 13.68,11H10.32C10.28,10.67 10.25,10.34 10.25,10C10.25,9.66 10.28,9.33 10.32,9M15.68,9H17.91C17.97,9.33 18,9.66 18,10C18,10.34 17.97,10.67 17.91,11H15.68C15.72,10.67 15.75,10.34 15.75,10C15.75,9.66 15.72,9.33 15.68,9M6.81,13H8.74C9.09,14.16 9.5,15.07 9.77,15.56C8.5,15.06 7.5,14.16 6.81,13M10.74,13H13.26C12.74,14.72 12,16 12,16C12,16 11.26,14.72 10.74,13M15.26,13H17.19C16.5,14.16 15.5,15.07 14.23,15.57C14.5,15.07 14.91,14.16 15.26,13Z "
111
+ d ="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M9,9H15V15H9 "
116
112
/>
117
113
</ svg >
118
114
</ button >
119
115
< button
120
- class ="btn btn-danger d-inline-flex align-items-center "
121
- *ngIf ="started "
122
- [disabled] ="loading "
123
- (click) ="stop() "
116
+ (click) ="activeModal.close('close') "
117
+ class ="btn btn-secondary d-inline-flex align-items-center "
118
+ *ngIf ="!started "
124
119
>
125
- < span > Stop </ span >
120
+ < span > Close </ span >
126
121
< svg
127
122
class ="icon ms-1 "
128
123
fill ="currentColor "
129
124
xmlns ="http://www.w3.org/2000/svg "
130
125
viewBox ="0 0 24 24 "
131
126
>
132
127
< path
133
- d ="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M9,9H15V15H9 "
128
+ d ="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z "
134
129
/>
135
130
</ svg >
136
131
</ button >
137
- < button class ="btn btn-secondary d-inline-flex align-items-center " *ngIf ="!started "> Close</ button >
138
132
</ div >
0 commit comments