├── .github
    └── workflows
    │   └── action.yml
├── .gitignore
├── LICENSE
├── README.md
├── index.js
├── logo.png
├── package.json
└── template
    ├── favicon.ico
    ├── index.css
    └── index.html


/.github/workflows/action.yml:
--------------------------------------------------------------------------------
 1 | name: "IPTV Channels Bot"
 2 | 
 3 | on:
 4 |   push:
 5 |     branches:
 6 |       - main
 7 |   schedule:
 8 |     - cron: 00 02 * * 0
 9 | 
10 | jobs:
11 |   feed-processor:
12 |     name: IPTV Channels fetch processor
13 |     runs-on: ubuntu-18.04
14 |     steps:
15 |       - name: Checkout
16 |         uses: actions/checkout@v2
17 |       - name: Setup Node.js
18 |         uses: actions/setup-node@main
19 |         with:
20 |           node-version: "14"
21 |       - name: Install dependencies
22 |         run: npm install
23 |       - name: Build JSON
24 |         run: node index.js
25 |       - name: Deploy to GitHub Pages
26 |         uses: JamesIves/github-pages-deploy-action@3.7.1
27 |         with:
28 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
29 |           BRANCH: gh-pages # The branch the action should deploy to.
30 |           FOLDER: dist # The folder the action should deploy.
31 |           CLEAN: true # Automatically remove deleted files from the deploy branch
32 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | .idea


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 Eric Shen
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <p align="center"><a href="https://iptvlist.ml/?utm_source=gh_readme" target="_blank"><img width="100" src="logo.png" alt="logo"/></a></p>
 2 | <h1 align="center">:point_right: <a href="https://iptvlist.ml">iptvlist.ml</a></h1>
 3 | <h3 align="center">
 4 | List of IPTV channels with the option to play them directly in the browser (10000+) .</h3>
 5 | 
 6 | <p align="center">
 7 | 
 8 | <img src="https://img.shields.io/github/package-json/v/Shen-Yu/iptv-list" alt="version"/>
 9 | <img src="https://img.shields.io/github/license/Shen-Yu/iptv-list" alt="license"/>
10 | <img src="https://visitor-badge.laobi.icu/badge?page_id=Shen-Yu.iptv-list" alt="pv">
11 | 
12 | </p>
13 | 
14 | ## Features:
15 | 
16 | - [x] Easy to search Channels by Category or Country.
17 | - [x] Easy to copy Channels' link
18 | - [x] Video player for Channels (Only for https link)
19 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | const fetch = require("node-fetch");
 2 | const fsPromises = require("fs").promises;
 3 | 
 4 | async function main() {
 5 |   const response = await fetch("https://iptv-org.github.io/iptv/channels.json");
 6 |   if (response.status < 200 || response.status >= 300) {
 7 |     throw new Error("wrong status code");
 8 |   }
 9 |   const json = await response.json();
10 |   console.log(`successfully fetch iptv channels`);
11 | 
12 |   await fsPromises.rmdir("./dist", { recursive: true });
13 |   console.log(`successfully deleted ./dist`);
14 | 
15 |   await fsPromises.mkdir("./dist");
16 |   console.log(`successfully create ./dist`);
17 | 
18 |   await fsPromises.writeFile("./dist/channels.json", JSON.stringify(json));
19 |   console.log(`successfully write channels.json`);
20 | 
21 |   await fsPromises.copyFile("./template/index.html", `./dist/index.html`);
22 |   await fsPromises.copyFile("./template/index.css", `./dist/index.css`);
23 |   await fsPromises.copyFile("./template/favicon.ico", `./dist/favicon.ico`);
24 |   console.log(`successfully copy asset files`);
25 | }
26 | 
27 | main();
28 | 


--------------------------------------------------------------------------------
/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shen-yu/iptv-list/8d492e327cbd53f6a6bdf6087ba414703813b41a/logo.png


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "iptv-list",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1",
 8 |     "build": "node index.js"
 9 |   },
10 |   "repository": {
11 |     "type": "git",
12 |     "url": "git+https://github.com/Shen-Yu/iptv-list.git"
13 |   },
14 |   "author": "Shen-Yu",
15 |   "license": "MIT",
16 |   "bugs": {
17 |     "url": "https://github.com/Shen-Yu/iptv-list/issues"
18 |   },
19 |   "homepage": "https://github.com/Shen-Yu/iptv-list#readme",
20 |   "dependencies": {
21 |     "node-fetch": "^2.6.1"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/template/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shen-yu/iptv-list/8d492e327cbd53f6a6bdf6087ba414703813b41a/template/favicon.ico


--------------------------------------------------------------------------------
/template/index.css:
--------------------------------------------------------------------------------
  1 | ul,
  2 | li {
  3 |   list-style-type: none;
  4 | }
  5 | a {
  6 |   color: #00c4a7;
  7 | }
  8 | a:hover {
  9 |   color: #00d1b2;
 10 | }
 11 | 
 12 | tr td {
 13 |   user-select: all;
 14 | }
 15 | 
 16 | tr td img {
 17 |   width: 40px;
 18 |   height: 40px;
 19 | }
 20 | 
 21 | .title {
 22 |   text-align: center;
 23 |   margin: 40px auto !important;
 24 | }
 25 | .logo {
 26 |   width: 18%;
 27 | }
 28 | .is-spaced {
 29 |   margin-bottom: 20px;
 30 | }
 31 | .swal-button {
 32 |   background-color: #00d1b2;
 33 |   border: 1px solid #00d1b2;
 34 | }
 35 | 
 36 | .swal-button:not([disabled]):hover {
 37 |   background-color: #00c4a7;
 38 |   border: 1px solid #00c4a7;
 39 | }
 40 | 
 41 | .table-container {
 42 |   margin-top: 20px;
 43 | }
 44 | @media screen and (max-width: 768px) {
 45 |   * {
 46 |     font-size: 98%;
 47 |   }
 48 |   th.cate,
 49 |   td.cate {
 50 |     display: none;
 51 |   }
 52 |   th.url,
 53 |   td.url {
 54 |     max-width: 100px;
 55 |   }
 56 |   .btns button {
 57 |     transform: scale(0.8);
 58 |   }
 59 |   .logo {
 60 |     width: 60%;
 61 |   }
 62 | }
 63 | @media screen and (min-width: 768px) {
 64 |   td.cate {
 65 |     max-width: 125px;
 66 |   }
 67 |   th.url,
 68 |   td.url {
 69 |     max-width: 480px;
 70 |   }
 71 |   th.btns,
 72 |   td.btns {
 73 |     min-width: 180px;
 74 |   }
 75 |   .search-bar {
 76 |     margin-left: 10%;
 77 |   }
 78 |   .table-container {
 79 |     max-width: 80%;
 80 |     margin-left: 10%;
 81 |   }
 82 | }
 83 | td.url {
 84 |   overflow: hidden;
 85 |   text-overflow: ellipsis;
 86 |   white-space: nowrap;
 87 | }
 88 | 
 89 | .spinner {
 90 |   margin: 100px auto;
 91 |   width: 50px;
 92 |   height: 60px;
 93 |   text-align: center;
 94 |   font-size: 10px;
 95 | }
 96 | 
 97 | .spinner > div {
 98 |   background-color: #00d1b2;
 99 |   height: 100%;
100 |   width: 6px;
101 |   display: inline-block;
102 |   -webkit-animation: stretchDelay 1.2s infinite ease-in-out;
103 |   animation: stretchDelay 1.2s infinite ease-in-out;
104 | }
105 | 
106 | .spinner .rect2 {
107 |   -webkit-animation-delay: -1.1s;
108 |   animation-delay: -1.1s;
109 | }
110 | 
111 | .spinner .rect3 {
112 |   -webkit-animation-delay: -1s;
113 |   animation-delay: -1s;
114 | }
115 | 
116 | .spinner .rect4 {
117 |   -webkit-animation-delay: -0.9s;
118 |   animation-delay: -0.9s;
119 | }
120 | 
121 | .spinner .rect5 {
122 |   -webkit-animation-delay: -0.8s;
123 |   animation-delay: -0.8s;
124 | }
125 | 
126 | @-webkit-keyframes stretchDelay {
127 |   0%,
128 |   40%,
129 |   100% {
130 |     -webkit-transform: scaleY(0.4);
131 |   }
132 |   20% {
133 |     -webkit-transform: scaleY(1);
134 |   }
135 | }
136 | 
137 | @keyframes stretchDelay {
138 |   0%,
139 |   40%,
140 |   100% {
141 |     transform: scaleY(0.4);
142 |     -webkit-transform: scaleY(0.4);
143 |   }
144 |   20% {
145 |     transform: scaleY(1);
146 |     -webkit-transform: scaleY(1);
147 |   }
148 | }
149 | 
150 | .github-fork-ribbon.right-top:before {
151 |   background-color: #f80;
152 | }
153 | 


--------------------------------------------------------------------------------
/template/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6 |     <meta
  7 |       name="viewport"
  8 |       content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no"
  9 |     />
 10 |     <title>Free IPTV Playlist</title>
 11 |     <meta name="description" content="Get and Play Free IPTV M3u Playlist & Links (Updated Everyday)">
 12 |     <meta property="og:locale" content="en_US">
 13 |     <meta property="og:type" content="website">
 14 |     <meta property="og:description" content="Get Free IPTV M3u Playlist For Free On our Platform, Our IPTV Links are updated daily with premium and free working online channels">
 15 |     <meta property="og:url" content="https://iptvlist.ml">
 16 |     <link rel="canonical" href="//iptvlist.ml/">
 17 |     <link rel="icon" href="./favicon.ico" type="image/x-icon" />
 18 |     <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
 19 |     <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
 20 |     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.15.6/dist/sweetalert2.all.min.js"></script>
 21 |     <script src="https://cdn.jsdelivr.net/npm/hls.js@0.13.1/dist/hls.min.js"></script>
 22 |     <link
 23 |       rel="stylesheet"
 24 |       href="https://cdn.jsdelivr.net/npm/github-fork-ribbon-css@0.2.3/gh-fork-ribbon.css"
 25 |     />
 26 |     <link
 27 |       rel="stylesheet"
 28 |       href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css"
 29 |     />
 30 |     <link rel="stylesheet" href="./index.css" />
 31 |     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8745267255643367"
 32 |      crossorigin="anonymous"></script>
 33 |     <!-- Global site tag (gtag.js) - Google Analytics -->
 34 |     <script
 35 |       async
 36 |       src="https://www.googletagmanager.com/gtag/js?id=G-HG9ML96XFK"
 37 |     ></script>
 38 |     <script>
 39 |       window.dataLayer = window.dataLayer || [];
 40 |       function gtag() {
 41 |         dataLayer.push(arguments);
 42 |       }
 43 |       gtag("js", new Date());
 44 | 
 45 |       gtag("config", "G-HG9ML96XFK");
 46 |     </script>
 47 |     <script type="text/javascript" src="//js.users.51.la/21094553.js"></script>
 48 |   </head>
 49 |   <body>
 50 |     <a
 51 |       class="github-fork-ribbon right-top fixed"
 52 |       href="https://github.com/Shen-Yu/iptv-list"
 53 |       data-ribbon="Fork me on GitHub"
 54 |       title="Fork me on GitHub"
 55 |       target="_blank"
 56 |       >Fork me on GitHub</a
 57 |     >
 58 |     <div id="app">
 59 |       <h1 class="title is-spaced">
 60 |         <a href="https://iptvlist.ml"><img src="data:image/png;base64,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" alt="" class="logo"></a>
 61 |       </h1>
 62 |       <div v-if="loading" class="spinner">
 63 |         <div class="rect1"></div>
 64 |         <div class="rect2"></div>
 65 |         <div class="rect3"></div>
 66 |         <div class="rect4"></div>
 67 |         <div class="rect5"></div>
 68 |       </div>
 69 |       <main v-else class="columns is-mobile">
 70 |         <div class="column is-full">
 71 |           <div class="search-bar">
 72 |             <div class="select is-primary">
 73 |               <select @change="selectCategory">
 74 |                 <option
 75 |                   v-for="(i,d) in categories"
 76 |                   :value="i.slug"
 77 |                   :key="i.slug"
 78 |                   :selected="i.slug==='movies'?'selected':''"
 79 |                 >
 80 |                   {{i.name}}
 81 |                 </option>
 82 |               </select>
 83 |             </div>
 84 |             <div class="select is-primary">
 85 |               <select @change="selectCountry">
 86 |                 <option value="">Select Country</option>
 87 |                 <option
 88 |                   v-for="(i,d) in countries"
 89 |                   :value="i.code"
 90 |                   :key="i.code"
 91 |                 >
 92 |                   {{i.name}}
 93 |                 </option>
 94 |               </select>
 95 |             </div>
 96 |           </div>
 97 |           <div class="table-container">
 98 |             <table class="table is-fullwidth">
 99 |               <thead>
100 |                 <th>Channel</th>
101 |                 <th class="cate">Category</th>
102 |                 <th class="url">Url</th>
103 |                 <th class="btns">Action</th>
104 |               </thead>
105 |               <tbody>
106 |                 <tr v-for="(i,d) in items" :key="i.url">
107 |                   <td>{{i.name}}</td>
108 |                   <td class="cate">
109 |                     <span
110 |                       v-for="item in i.categories"
111 |                       :key="item.slug"
112 |                       class="tag is-primary is-light"
113 |                       >{{item.name}}</span
114 |                     >
115 |                   </td>
116 |                   <td class="url">{{i.url}}</td>
117 |                   <td class="btns">
118 |                     <button
119 |                       :data-clipboard-text="i.url"
120 |                       @click="onCopy(i,d)"
121 |                       class="button is-primary"
122 |                       :class="`item_${d}`"
123 |                     >
124 |                       Copy
125 |                     </button>
126 |                     <button @click="onPlay(i,d)" class="button is-primary">
127 |                       Play
128 |                     </button>
129 |                   </td>
130 |                 </tr>
131 |               </tbody>
132 |             </table>
133 |           </div>
134 |         </div>
135 |       </main>
136 |       <footer class="footer">
137 |         <div class="content has-text-centered">
138 |           <a href="https://github.com/Shen-Yu/iptv-list" target="_blank"
139 |             >iptv-list</a
140 |           >
141 |           by
142 |           <a href="https://github.com/Shen-Yu" target="_blank">Eric Shen</a> is
143 |           licensed under
144 |           <a href="https://mit-license.org/" target="_blank">MIT</a>.
145 |         </div>
146 |       </footer>
147 |       <div :class="['modal',video_show&&'is-active']">
148 |         <div class="modal-background"></div>
149 |         <div class="modal-content">
150 |           <video
151 |             id="player"
152 |             class="player"
153 |             playsinline
154 |             controls
155 |             preload="none"
156 |             controlslist="nodownload"
157 |             width="100%"
158 |           ></video>
159 |         </div>
160 |         <button
161 |           @click="video_show=false"
162 |           class="modal-close is-large"
163 |           aria-label="close"
164 |         ></button>
165 |       </div>
166 |     </div>
167 |     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8745267255643367"
168 |      crossorigin="anonymous"></script>
169 | <ins class="adsbygoogle"
170 |      style="display:block"
171 |      data-ad-client="ca-pub-8745267255643367"
172 |      data-ad-slot="2652267230"
173 |      data-ad-format="auto"
174 |      data-full-width-responsive="true"></ins>
175 | <script>
176 |      (adsbygoogle = window.adsbygoogle || []).push({});
177 | </script>
178 |   </body>
179 |   <script>
180 |     var app = new Vue({
181 |       el: "#app",
182 |       data: {
183 |         items_all: [],
184 |         items: [],
185 |         categories: [],
186 |         countries: [],
187 |         isCopied: false,
188 |         loading: true,
189 |         modal_show: true,
190 |         videoUrl: "",
191 |         video_show: false,
192 |       },
193 |       mounted() {
194 |         fetch("./channels.json").then(async (response) => {
195 |           const items = await response.json();
196 |           this.items_all = items;
197 |           this.items = this.items_all.filter(
198 |             (i) => i.categories.filter((v) => v.slug === "movies").length > 0
199 |           );
200 |           console.log(this.items);
201 |           let arr_categories = [],
202 |             arr_countries = [];
203 |           const res = new Map();
204 |           for (const item of items) {
205 |             arr_countries = [...arr_countries, ...item.countries];
206 |           }
207 |           this.countries = arr_countries
208 |             .filter((a) => !res.has(a.code) && res.set(a.code, 1))
209 |             .sort((a, b) => a.name.localeCompare(b.name));
210 | 
211 |           const res2 = new Map();
212 |           for (const item of items) {
213 |             arr_categories = [...arr_categories, ...item.categories];
214 |           }
215 |           this.categories = arr_categories
216 |             .filter((a) => !res2.has(a.slug) && res2.set(a.slug, 1))
217 |             .sort((a, b) => a.name.localeCompare(b.name));
218 |           this.loading = false;
219 |         });
220 |       },
221 |       methods: {
222 |         selectCategory(e) {
223 |           const { value } = e.target;
224 |           if (value) {
225 |             this.items = this.items_all.filter(
226 |               (i) => i.categories.filter((v) => v.slug === value).length > 0
227 |             );
228 |           }
229 |         },
230 |         selectCountry(e) {
231 |           const { value } = e.target;
232 |           if (value) {
233 |             this.items = this.items_all.filter(
234 |               (i) => i.countries.filter((v) => v.code === value).length > 0
235 |             );
236 |           }
237 |         },
238 |         handleToast(msg, type) {
239 |           const Toast = Swal.mixin({
240 |             toast: true,
241 |             position: "top",
242 |             showConfirmButton: false,
243 |             timer: 2000,
244 |             animation: false,
245 |             didOpen: (toast) => {
246 |               toast.addEventListener("mouseenter", Swal.stopTimer);
247 |               toast.addEventListener("mouseleave", Swal.resumeTimer);
248 |             },
249 |           });
250 |           Toast.fire({
251 |             icon: type,
252 |             title: msg,
253 |           });
254 |         },
255 |         onCopy(i, d) {
256 |           let clipboard = new ClipboardJS(`.item_${d}`);
257 |           clipboard.on("success", () => {
258 |             this.handleToast(`${i.name} Copied Success !`, "success");
259 |           });
260 |           clipboard.on("error", () => {
261 |             this.handleToast(`${i.name} Copied Fail !`, "error");
262 |           });
263 |         },
264 |         onPlay(i, d) {
265 |           if (i.url.substr(0, 7) === "http://") {
266 |             this.handleToast(
267 |               `Sorry, but now it's only support https !`,
268 |               "error"
269 |             );
270 |             return false;
271 |           }
272 |           if (Hls.isSupported()) {
273 |             this.video_show = true;
274 |             const video = document.getElementById("player");
275 |             const hls = new Hls();
276 |             hls.loadSource(i.url);
277 |             hls.attachMedia(video);
278 |             hls.on(Hls.Events.MANIFEST_PARSED, () => {
279 |               console.log("Loaded Success ！");
280 |               setTimeout(() => video.play(), 500);
281 |             });
282 |           }
283 |         },
284 |       },
285 |     });
286 |   </script>
287 | </html>


--------------------------------------------------------------------------------