The best way is to use XMLHttpRequest with better example here AJAX - Server Response
Create a javascript function like this :
<script>
// Check if the window is loaded
window.addEventListener('load', function () {
// Function to call Ajax request to convert or move file
var go = function(key, btn) {
// Initialize request
var xhttp = new XMLHttpRequest();
// Execute code when the request ready state is changed and handle response.
// Optional but recommended.
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// Do what you want here with the response here
document.getElementById('myResponse').innerHTML = this.responseText;
// Disable the button to not clicking again
// see https://www.w3schools.com/jsref/prop_pushbutton_disabled.asp
btn.disabled = true;
}
};
// Handle error message here
// Optional but recommended.
xhttp.onerror = function(event) {
document.getElementById('myResponse').innerHTML = 'Request error:' + event.target.status;
};
// Create request to the server
// Call the page that convert .mp4 or move .mp3
xhttp.open('POST', '/your_convert_file.php', true);
// Pass key or name or something (secure) to retrieve the file
// and send the request to the server
xhttp.send('key=' + key);
}
)};
</script>
Add somewhere something to handle the response of the server as you want; example:
<div id="myResponse"></div>
Modify the button to call the javascript function onclick="go('<?php echo $key; ?>', this); return false;":
<button style="width:90px;" type="button" class="btn btn-outline-primary" onclick="go('<?php echo $key; ?>', this); return false;">Go</button>
Take the time to learn how works Ajax call, it's really important to communicate with the server if you don't use form
You can use JQuery but it's better without ;)
Edit
Using form, you can do this:
<form id="formId" action="your_page.php" method="post">
<!-- your table here -->
<input type="hidden" id="key" name="key" value="">
</form>
<script>
var go = function(key) {
document.getElementById('key').value = key;
document.getElementById('formId').submit();
}
</script>
Edit :
Replace $key by the House Number basename($file, ".mp4")
and the page.php or your_encoder.php as you want for an Ajax call :
// EXAMPLE FOR AJAX CALL
<?php
// Get the unique name or key
$key = $_POST['key'];
// If key is empty, no need to go further.
if(empty($_POST['key'])) {
echo "File name is empty !";
exit();
}
// Can be secure by performing string sanitize
$filePath = $src_dir . DS . $key . '.mp4';
// Check if file exists
// echo a json string to parse it in javascript is better
if (file_exists($filePath)) {
system('ffmpeg -i ' . $filePath . ' -map 0:2 -ac 1 ' . $destination_dir . DS . $parts['filename'] . '.mp3', $result);
echo "The file $filePath has been encoded successfully.";
. "<br />"
. $result;
} else {
echo "The file $filePath does not exist";
}
?>
If you use form, you have to:
check if $_POST['key'] exists
do the encoding if key exists
send your new html table.
// EXAMPLE FOR FORM CALL
<?php
// Get the unique name or key
$key = $_POST['key'];
// If key is not empty.
if(!empty($_POST['key'])) {
// do the encoding here like above
// set message success | error
}
// display your html table and message here.
?>
Edit :
I know this adapted from your preview question but this code is "uncorrect", it works, no problem, but it can be optimized like this :
from...
<?php
// Here, you list only .mp4 in the directory
// see: https://www.php.net/manual/en/function.preg-grep.php
$mp4_files = preg_grep('~.(mp4)$~', scandir($src_dir));
// Here you loop only on all .mp4
foreach ($mp4_files as $f)
{
$parts = pathinfo($f);
// Here, you check if extension is .mp4
// Useless, because it is always the case.
// see : https://www.php.net/manual/en/control-structures.switch.php
switch ($parts['extension'])
{
case 'mp4' :
$filePath = $src_dir . DS . $f;
system('ffmpeg -i ' . $filePath . ' -map 0:2 -ac 1 ' . $destination_dir . DS . $parts['filename'] . '.mp3', $result); // Through this command conversion happens.
}
}
$mp3_files = preg_grep('/^([^.])/', scandir($destination_dir));
?>
... to
<?php
// Here, you list only .mp4 on the directory
$mp4_files = preg_grep('~.(mp4)$~', scandir($src_dir));
// Here you loop only on all .mp4
foreach ($mp4_files as $f)
{
$filePath = $src_dir . DS . $f;
// No more need to switch, preg_reg do the job before looping
// Through this command conversion happens.
system('ffmpeg -i ' . $filePath . ' -map 0:2 -ac 1 ' . $destination_dir . DS . pathinfo($f, 'filename') . '.mp3', $result);
}
$mp3_files = preg_grep('/^([^.])/', scandir($destination_dir));
?>
