-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (112 loc) · 5.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DLTOK.IO</title>
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./root/custom.css">
</head>
<body>
<div class="container">
<div class="row mt-2">
<div class="col-12">
<div class="d-flex align-items-center justify-content-between">
<a class="header-btn btn btn-sm text-uppercase font-weight-bold" href="#">How to download Tiktok videos</a>
<a class="header-btn btn btn-sm text-uppercase font-weight-bold" href="#">Download Tiktik Audio (MP3)</a>
</div>
</div>
</div>
<div class="row my-4">
<div class="col-12">
<img class="img-fluid" src="https://via.placeholder.com/1440x200" alt="banner1"/>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-2">
<img class="img-fluid" src="https://via.placeholder.com/350x600" alt="banner1"/>
</div>
<div class="col-8">
<h1 class="text-center font-weight-bold">DLTIK.IO</h1>
<div class="d-flex align-items-start w-100 justify-content-center">
<form class="w-25" onsubmit="submitTiktok(event)">
<div class="form-group text-center">
<label class="d-none" for="video_url">Tiktok Video URL</label>
<input type="url" class="form-control text-center" name="video_url" id="video_url" aria-describedby="urlHelp" placeholder="Enter video URL">
<small id="urlHelp" class="form-text text-muted">Paste your video URL.</small>
</div>
<button type="submit" class="btn btn-primary mx-auto d-block">Submit</button>
</form>
</div>
<div class="d-flex w-100 justify-content-center mt-5">
<div id="result"></div>
</div>
<div class="row mt-5">
<div class="col">
<div class="text-center">
<img class="img-fluid" src="./assets/images/endless.png" loading="lazy" height="125" width="137">
</div>
<div class="text-center">
<h4 class="text-color--main u-bigger-text">Unlimited downloads</h4>
<div>Save as many videos as you need, no limits or any other restrictions.</div>
</div>
</div>
<div class="col">
<div class="text-center">
<img class="img-fluid" src="./assets/images/no-watermark.png" loading="lazy" height="125" width="134.25">
</div>
<div class="text-center">
<h4 class="text-color--main u-bigger-text">No Watermark!</h4>
<div>TikTok video download without watermark, remove a TT logo.</div>
</div>
</div>
<div class="col">
<div class="text-center img-wrapper">
<img src="./assets/images/audio.png" class="img-fluid" loading="lazy" height="125" width="150">
</div>
<div class="text-center">
<h4 class="text-color--main u-bigger-text">MP4 and MP3 supported</h4>
<div>Save videos in hd quality, MP4 file format or convert to audio MP3.</div>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-12 text-center">
<h1>TikTok video download without watermark</h1>
<p>ssstik.io is a free tool helping you download TikTok video (Musically) without watermarks online. Save TikTok video with the best quality in an MP4 file format with HD resolution. To find out how to use the TikTok video downloader, follow the instructions below. It’s simple - you can save TikToks without watermark in three easy steps.</p>
</div>
</div>
</div>
<div class="col-2">
<img class="img-fluid" src="https://via.placeholder.com/350x600" alt="banner1"/>
</div>
</div>
</div>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
async function submitTiktok(event){
event.preventDefault();
const video_input = document.getElementById('video_url');
console.log(video_input.value)
const data = {
video_url: video_input.value
}
let res = await axios.post('./get-video', data);
console.log(res.data.url);
const videoEl = document.createElement('video', {text: 'Your browser does not support the video tag'});
videoEl.setAttribute("autoplay", true);
videoEl.setAttribute('controls', true);
let sourceEl = document.createElement('source');
sourceEl.setAttribute("src", res.data.url);
videoEl.append(sourceEl);
while (document.getElementById('result').firstChild) {
document.getElementById('result').firstChild.remove()
}
document.getElementById('result').append(videoEl)
}
</script>
</body>
</html>