Difference between revisions of "IT-SDK-HTML"

From wiki.samerhijazi.net
Jump to navigation Jump to search
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
=Resource=
 +
* https://fonts.qurancomplex.gov.sa/
 +
=.htaccess=
 +
== Allways use https==
 +
<pre class="code">
 +
RewriteEngine On
 +
RewriteCond %{HTTPS} off
 +
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
 +
</pre>
 +
==Password==
 +
<pre class="code">
 +
htpasswd -c /home/username/example.com/.htpasswd user1
 +
chmod 644 .htpasswd
 +
nano .htaccess
 +
--------------------------------------------------
 +
#Protect Directory
 +
AuthName "Dialog prompt"
 +
AuthType Basic
 +
AuthUserFile /home/username/example.com/.htpasswd
 +
Require valid-user
 +
--------------------------------------------------
 +
</pre>
 +
 +
=Streaming=
 
<pre class="code">
 
<pre class="code">
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html>
 
<html>
 +
<head>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
</head>
 
<body>
 
<body>
<audio controls>
+
  <audio controls>
  <source src="./001.mp3" type="audio/mpeg">
+
    <source src="./001.mp3" type="audio/mpeg">
Your browser does not support the audio element.
+
  </audio>
</audio>
+
  <p>
<p>
+
  <audio controls>
<audio controls>
+
    <source src="./quran.m3u" type="audio/mpegurl"> # Works just in Mobil-Version
  <source src="./quran.m3u" type="audio/mpegurl">
+
  </audio>
Your browser does not support the audio element.
 
</audio>
 
 
</body>
 
</body>
 
</html>
 
</html>
 
</pre>
 
</pre>

Latest revision as of 10:59, 5 December 2025

Resource

.htaccess

Allways use https

RewriteEngine On 
RewriteCond %{HTTPS} off 
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Password

htpasswd -c /home/username/example.com/.htpasswd user1
chmod 644 .htpasswd
nano .htaccess
--------------------------------------------------
#Protect Directory
AuthName "Dialog prompt"
AuthType Basic
AuthUserFile /home/username/example.com/.htpasswd
Require valid-user
--------------------------------------------------

Streaming

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <audio controls>
    <source src="./001.mp3" type="audio/mpeg">
  </audio>
  <p>
  <audio controls>
    <source src="./quran.m3u" type="audio/mpegurl"> # Works just in Mobil-Version
  </audio>
</body>
</html>