embedded.php 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <?php
  2. include '../auth.php';
  3. ?>
  4. <!DOCTYPE html>
  5. <meta name="apple-mobile-web-app-capable" content="yes" />
  6. <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=0.6, maximum-scale=0.6"/>
  7. <html>
  8. <head>
  9. <meta charset="UTF-8">
  10. <script type='text/javascript' charset='utf-8'>
  11. // Hides mobile browser's address bar when page is done loading.
  12. window.addEventListener('load', function(e) {
  13. setTimeout(function() { window.scrollTo(0, 1); }, 1);
  14. }, false);
  15. </script>
  16. <title>ArOZ Onlineβ</title>
  17. <link rel="stylesheet" href="../script/tocas/tocas.css">
  18. <script src="../script/tocas/tocas.js"></script>
  19. <script src="../script/jquery.min.js"></script>
  20. <style>
  21. .transparent{
  22. background-color:rgba(255, 255, 255, 0) !important;
  23. border:1px solid transparent;
  24. }
  25. .seventytransparent{
  26. background-color:rgba(255, 255, 255, 0.7) !important;
  27. border:1px solid transparent;
  28. }
  29. body {
  30. background: rgba(255,255,255,0.7);
  31. }
  32. </style>
  33. </head>
  34. <body>
  35. <?php
  36. function formatSizeUnits($bytes)
  37. {
  38. if ($bytes >= 1073741824)
  39. {
  40. $bytes = number_format($bytes / 1073741824, 2) . ' GB';
  41. }
  42. elseif ($bytes >= 1048576)
  43. {
  44. $bytes = number_format($bytes / 1048576, 2) . ' MB';
  45. }
  46. elseif ($bytes >= 1024)
  47. {
  48. $bytes = number_format($bytes / 1024, 2) . ' KB';
  49. }
  50. elseif ($bytes > 1)
  51. {
  52. $bytes = $bytes . ' bytes';
  53. }
  54. elseif ($bytes == 1)
  55. {
  56. $bytes = $bytes . ' byte';
  57. }
  58. else
  59. {
  60. $bytes = '0 bytes';
  61. }
  62. return $bytes;
  63. }
  64. ?>
  65. <div class="ts small attached segmented single line selection items" style="top:0;">
  66. <?php
  67. $_GET['id'] = -1;
  68. if(isset($_GET['filepath']) && $_GET['filepath'] != "" && isset($_GET['filename']) && $_GET['filename'] != ""){
  69. $shareMode = true;
  70. }else{
  71. $shareMode = false;
  72. }
  73. ?>
  74. <!-- Audio Control System with no HTML5 Audio Attribute-->
  75. <div class="ts fluid container transparent" style="cursor: pointer;">
  76. <div id="audio_attr"style="display:none;">
  77. <audio id="player" controls autoplay>
  78. <source src="" type="audio/mpeg">
  79. Your browser does not support the audio element.
  80. </audio>
  81. </div>
  82. <div id="YamiPlayer" class="content transparent" style="top:0;">
  83. <div id="songname" class="ts top attached segment transparent">
  84. NOW PLAYING ||
  85. </div>
  86. <div id="progressbardiv" class="ts attached progress">
  87. <div id="audioprogress" class="bar" style="width: 0%"></div>
  88. </div>
  89. <div class="ts bottom attached segment seventytransparent">
  90. <div class="ts icon buttons">
  91. <button class="ts disabled button" onclick="PreviousSong()"><i class="step backward icon"></i></button>
  92. <button class="ts button" onclick="playbtn()"><i id='playbtn' class="pause icon"></i></button>
  93. <button class="ts disabled button" onclick="NextSong()"><i class="step forward icon"></i></button>
  94. <button class="ts button" onclick="stopbtn()"><i class="stop icon"></i></button>
  95. <button class="ts button" onclick="volDown()"><i class="volume down icon"></i></button>
  96. <button class="ts button" onclick="volUp()"><i class="volume up icon"></i></button>
  97. <button class="ts button" onclick="repeatmode()"><i class="repeat icon"></i></button>
  98. </div>
  99. <span>
  100. <i id="voldis" class="volume off icon"> 100%</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  101. <i id="timecode" class="time icon"> 0:00/0:00</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  102. <i id="repmode" class="repeat icon"> Single</i>
  103. </span>
  104. </div>
  105. <!-- <button class="ts button" onclick="Show_Audio_Attrubute()">Show HTML5 Attrubute</button> -->
  106. </div>
  107. </div>
  108. <?php
  109. $SongS = "";
  110. if ($shareMode){
  111. $ModeS = "true";
  112. $SongS = json_encode([$_GET['filepath'],$_GET['filename'] ,$_GET['id']]);
  113. }else{
  114. $ModeS = "false";
  115. }
  116. $template = '<div href="" id="%ID%" class="ts item" onclick="PlaySong('."'".'%RAW_FILENAME%'."','" .'%AUDIO_FILE_NAME%'."','".'%ID%'."'".')">
  117. <div>
  118. <i class="big file audio outline icon"></i>
  119. </div>
  120. <div class="content">
  121. <div class="header">%AUDIO_FILE_NAME%</div>
  122. <div class="middoted meta">
  123. <div>%FILE_SIZE%</div>
  124. </div>
  125. </div>
  126. </div>';
  127. $files = array();
  128. $filepath = "uploads/";
  129. foreach (glob($filepath . "*.mp3") as $file) {
  130. if(strpos($file,'inith') !== false){
  131. $files[] = $file;
  132. }
  133. }
  134. $count = 0;
  135. $songlist = [];
  136. $keyword = "";
  137. foreach($files as $file) {
  138. $ext = pathinfo($file, PATHINFO_EXTENSION);
  139. $filename = str_replace("." . $ext,"",str_replace("inith","",basename($file)));
  140. $filename = hex2bin($filename);
  141. array_push($songlist,[$file,$filename,$count]);
  142. $count += 1;
  143. }
  144. ?>
  145. </div>
  146. <div style="display:none;">
  147. <div id="DATA_OBJECT_extStorageMode">false</div>
  148. <div id="DATA_OBJECT_extStorageFolder"></div>
  149. <div id="DATA_OBJECT_songlist"><?php echo json_encode($songlist); ?></div>
  150. <div id="DATA_OBJECT_search_keyword"><?php echo $keyword;?></div>
  151. <div id="DATA_OBJECT_embedded">true</div>
  152. <div id="DATA_OBJECT_shareMode"><?php echo $ModeS;?></div>
  153. <div id="DATA_OBJECT_ShareSong"><?php echo $SongS;?></div>
  154. </div>
  155. <div id="downloadmode_reminder" class="ts active bottom right snackbar">
  156. <div id="sbtext" class="content">
  157. Download Mode Enabled.
  158. </div>
  159. <a class="primary action" onclick="toggledownload()">Disable</a>
  160. </div>
  161. <script src="index.js"></script>
  162. <script>
  163. </script>
  164. </body>
  165. </html>