Сборка SCORM Player в PHP
Я нахожусь на начальной стадии разработки проигрывателя SCORM на PHP, поэтому в любой момент вы чувствуете, что я делаю неправильно, не стесняйтесь высказывать свое мнение о моем подходе и оказывать некоторую помощь в развитии проигрывателя.
Следующие вещи сделаны -
- Создал загрузчик zip-up для загрузки и сохранения моих zip-файлов в определенном месте.
- Показаны извлеченные zip-файлы.
Проблема-
По этой ссылке, чтобы создать RTE для игры SCORM
расслоение, но я использую jQuery
а также window.open()
загрузить мой пакет, но я не могу установить api.html
файл через мой текущий код. URL-адрес воспроизводит его непосредственно во фрейме, но я делаю это по-другому, так что немного смущен частью реализации (не стесняйтесь вернуться назад, если что-то еще неясно).
My Full Code
-
Структура каталогов -
-package(directory to store extracted zip files)
-index.php
-functions.php
-myjs.js
-style.css
index.php
<?php
include 'functions.php';
if( isset($_FILES['fupload']) && isset($_POST['submit']) ) {
$filename = $_FILES['fupload']['name'];
$source = $_FILES['fupload']['tmp_name'];
$type = $_FILES['fupload']['type'];
$name = explode('.', $filename);
$target = 'package/' . $name[0] . '-' . time() . '/';
// Ensures that the correct file was chosen
$accepted_types = array('application/zip',
'application/x-zip-compressed',
'multipart/x-zip',
'application/s-compressed');
foreach($accepted_types as $mime_type) {
if($mime_type == $type) {
$okay = true;
break;
}
}
//Safari and Chrome don't register zip mime types. Something better could be used here.
$okay = strtolower($name[1]) == 'zip' ? true: false;
if(!$okay) {
die("Please choose a zip file, dummy!");
}
mkdir($target);
$saved_file_location = $target . $filename;
if(move_uploaded_file($source, $saved_file_location)) {
openZip($saved_file_location);
} else {
die("There was a problem. Sorry!");
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>How to Upload and Open Zip Files With PHP</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="style.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="myjs.js"></script>
</head>
<body>
<div id="container">
<h1>Upload A Zip File</h1>
<form enctype="multipart/form-data" action="" method="post">
<input type="file" name="fupload" /><br />
<input type="submit" value="Upload Zip File" />
</form>
<div class="show-files">
<ol>
<?php
$dir = new DirectoryIterator('course');
foreach ($dir as $fileinfo) {
if (!$fileinfo->isDot()) {
echo '<li>', '<span class="packagename">',$fileinfo->getFilename(), '</span>','<span class="play"><button id="',$fileinfo->getFilename(),'">Play</button></span>','</li>';
}
}
?>
</ol>
</div>
<!--
<iframe id="frame" src="" width="100%" height="300"></iframe>
-->
</div><!--end container-->
</body>
</html>
functions.php
<?php
function openZip($file_to_open) {
global $target;
$zip = new ZipArchive();
$x = $zip->open($file_to_open);
if($x === true) {
$zip->extractTo($target);
$zip->close();
unlink($file_to_open);
} else {
die("There was a problem. Please try again!");
}
}
?>
myjs.js
$(document).ready(function(){
$('button').on('click',function(){
var myid = $(this).attr('id');
var url = "http://mysite/package/"+ myid +"/index.html";
//$("#frame").attr("src", url);
window.open(url,"_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");
})
})
1 ответ
Итак, вы загрузили файлы, разархивировали их и запустили в окне. Предполагая, что файлы действительно представляют собой пакет scorm, они будут пытаться отправлять запросы AJAX POST на ваш сервер. Вы должны быть готовы перехватывать эти запросы и обрабатывать их соответственно, например, для чтения / записи данных из / в базу данных. У вас есть эта часть закодирована?
Это НЕ простая вещь для кодирования. Хорошие парни из деревенского сайта сделали всю тяжелую работу и создали движок SCORM, который вы можете купить и использовать. Конечно, это будет стоить вам (дорого).
Ссылка для движка: http://scorm.com/scorm-solved/scorm-engine/