2015-07-23 3 views
1

Я пытаюсь загрузить видео, между тем пользователь переходит через мое веб-приложение.читать переменные с родительской вкладки

Чтобы сделать это, я пытаюсь открыть новую вкладку в фоновом режиме с помощью простой страницы, содержащей новую библиотеку javascript, которая просто загружает видео, передавая все необходимые ему параметры.

Сейчас все в одной библиотеке, поэтому я не вижу, как я могу создать эту новую тему, которую я ищу.

Здесь внизу я вставить код, я использую:

var blob; 

function xhr(url, data, callback) { 
    'use strict'; 

    var request = new XMLHttpRequest(); 
    request.onreadystatechange = function() { 
     if (request.readyState === 4 && request.status === 200) { 
      callback(request.responseText); 
     } 
    }; 
    request.open('POST', url); 
    request.send(data); 
} 

function sendVideo(name, path) { 
    'use strict'; 

    var formData = new FormData(); 

    formData.append('filename', name + '.webm'); 
    formData.append('video', blob); 
    formData.append('title', $('.title').val()); 
    formData.append('tag1', $('#tag1').val()); 

    if ($('#tag2').val()) { 
     formData.append('tag2', $('#tag2').val()); 
    } 

    if ($('#tag3').val()) { 
     formData.append('tag3', $('#tag3').val()); 
    } 

    xhr(path, formData, function (fName) { 
     if (fName === 'success') { 
      window.alert('Your video has been succesfully uploaded'); 
     } else { 
      window.console.log(fName); 
     } 
    }); 
} 

<div onclick="sendVideo(1, 'test');">Send</div> 

Как хорошо, я открыт для новых предложений о различных способов решения этой проблемы.

Спасибо за консультацию.

ответ

1

Кажется, идеально подходит для веб-работников.

Веб-рабочие - довольно новый инструмент в HTML5, который позволяет вам «использовать» многопоточность на ваших страницах.

Я использовал их, чтобы успеть загружать большие файлы в фоновом режиме.

Проверить эту замечательную статью от Эрика Bidelman на эту тему для дальнейшей информации: http://www.html5rocks.com/en/tutorials/file/filesystem-sync/

Смежные вопросы