2

Queria saber se é possível trabalhar com uma requisição Http:// localmente em minha aplicação e não em um servidor local,se for possível como eu faço isso? (não precisa necessariamente ser com o protocolo file://).

//Cleanup the popover when we're done with it!
  $scope.$on('$destroy', function() {
    $scope.musicActionspopover.remove();
  });

  $scope.openMusicActions = function($event, music) {
    $scope.audioSelected = music;
    $scope.musicActionspopover.show($event);
  };

  $scope.closeMusicActionsPopover = function() {
    $scope.musicActionspopover.hide();
  };

  $scope.playAudio = function($event, audioSelected) {
    // Prevents start the song when it is clicked on the menu
    if ($event.srcElement.tagName == 'I') {
      $event.preventDefault();
      return;
    }

    var audioSelectedIndex = 0;
    var queueMusics = [];

    angular.forEach($scope.playlist.audios, function (music, index) {
      if (audioSelected.nid == music.nid) {
        audioSelectedIndex = index;
      };

        queueMusics.push({
        id: music.nid, 
        name: music.title, 
        artist: music.interpeters[0], 
        audioUrl: "file://audio/0379442681742547b1cc4baacab409c3/320/ts_.m3u8",//music.audio_url, 
        albumId: music.album.nid, 
        albumCover: music.album.cover, 
        albumBlurCover: music.album.blur_cover, 
        audioType: music.audioType,
        collectionSourceID: $scope.playlist.nid,
        collectionSourceTitle: $scope.playlist.title,
        collectionSourceCategory: "System Playlist"
      });
    });

    $rootScope.$emit("playAudio", {index: audioSelectedIndex, queueName: $scope.playlist.title, audios: queueMusics});
    $scope.closeMusicActionsPopover();
  };
  $scope.playSystemPlaylist = function ($event) {

    playlist = $scope.playlist;
    var audioSelectedIndex = 0;
    var queueMusics = [];

    angular.forEach(playlist.audios, function (music, index) {
      queueMusics.push({
        id: music.nid, 
        name: music.title, 
        artist: music.interpeters[0], 
        audioUrl: music.audio_url, 
        albumId: music.album.nid, 
        albumCover: music.album.cover, 
        albumBlurCover: music.album.blur_cover,
        audioType: music.audioType,
        collectionSourceID: $scope.playlist.nid,
        collectionSourceTitle: $scope.playlist.title,
        collectionSourceCategory: "System Playlist"
      });
    });

    $rootScope.$emit("playAudio", {index: audioSelectedIndex, queueName: playlist.title, audios: queueMusics});
  };

}]);

Atualmente estou com esse erro :

clappr.js:30025 XMLHttpRequest cannot load file://audio/0379442681742547b1cc4baacab409c3/320/ts_.m3u8. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. loadInternal @ clappr.js:30025 d @ raven.js:1279

12
  • Bom respondendo a pergunta diretamente, sim porém é interessante que coloque mais informações linguagem e afins para podermos responder de uma forma mais acertiva.
    – Otto
    Commented 12/04/2017 às 13:07
  • Tenho uma aplicação em angular, que trabalha com stream hls, existe uma maneira de fazer essas requisições localmente ? Commented 12/04/2017 às 13:14
  • Eu não sei se entendi a pergunta por isso não vou publicar como resposta... Mas acho que o que você quer é acessar um site local pelo navegador, certo? http://localhost/ e http://127.0.0.1/ atendem quase todos os casos (se não atendem é porque o endereço local do seu computador foi reconfigurado). Commented 12/04/2017 às 13:25
  • Aplicação local ou na Nuvem ?
    – Otto
    Commented 12/04/2017 às 13:25
  • @Renan eu estou achando, me corrija se estiver errado, que a aplicação esta na nuvem porém ele quer utilizar algumas requisições locais
    – Otto
    Commented 12/04/2017 às 13:26

2 Respostas 2

1

O problema é segurança.

clappr.js:30025 XMLHttpRequest cannot load file://audio/0379442681742547b1cc4baacab409c3/320/ts_.m3u8. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. loadInternal @ clappr.js:30025 d @ raven.js:1279

O que ocorreu aqui é que uma página tentou acessar algo fora do domínio dela, sobre um protocolo no qual isso não é possível (os protocolos suportados estão listados na mensagem de erro).

Você deve utilizar um dos protocolos especificados. Além disso, provavelmente terá que configurar a aplicação ou o servidor para permitir requisições não seguras. E terá uma grande margem para falhas de segurança na aplicação.

Talvez seja o caso de repensar a arquitetura da aplicação e como seu conteúdo será servido. Sugiro abrir uma pergunta específica sobre como evitar requisições Cross origin em sua aplicação, quando você detém tanto a página que faz a requisição quanto o conteúdo a ser servido na mesma máquina. Assim você poderá fazer o que tem que fazer com menos código, menos configurações, e sua aplicação será mais segura.

1
  • Acredito que tenha perguntado da maneira errada, vou reformular a pergunta para que possam me ajudar melhor. Commented 12/04/2017 às 14:25
1

Resposta simples: Você não pode.

O protocolo file:// possui várias restrições impostas pelo browser.

Entretanto nada impede que você crie um serviço web na sua máquina, e ofereça um site local acessível por uma URL similar a http://localhost.

Alguns exemplos de implementação de servidor http simples a seguir:

  • Python - python -m SimpleHTTPServer 8080
  • PHP - php -S localhost:8080
  • NodeJS - npm install -g http-server, seguido de http-server
1
  • tem outro protocolo ou requisição que possa usar offline, lembrando que quero trabalhar localmente na aplicação e não em um servidor local. Commented 17/04/2017 às 11:56

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .