Streaming Video - jwplayer, amazon s3 e cloudfront

Ho una distribuzione in streaming su s6b99lczhnef6.cloudfront.net su Amazon. L'origine è un secchio in S3. Il secchio ha un video video.mp4. È pubblico. Sto cercando di testare lo streaming video con jwplayer, in seguito è il codice:Streaming Video - jwplayer, amazon s3 e cloudfront

<html> 
<head> 
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script> 
</head> 
<body> 
    <div id="container">Loading the player ...</div> 
    <script type="text/javascript"> 
    jwplayer("container").setup({ 
     flashplayer: "jwplayer/player.swf", 
     file: "video.mp4", 
     height: 270, 
     provider: "rtmp", 
     streamer: "rtmp://s6b99lczhnef6.cloudfront.net/cfx/st", 
     width: 480 
    }); 
    </script> 
</body> 
</html>

Il video non è in riproduzione. Non ci sono errori JS. Cosa potrebbe andare storto?

fonte

2012-06-10 septerr

-4

Il caricamento della pagina HTML da un server diverso da "localhost" funziona.

fonte

2012-06-20 04:20:54 septerr

Questa è una risposta debole alla tua stessa domanda. Dove stai cercando di guadagnare un badge o qualcosa del genere? –

Penso che devi dare il valore di stringa del file come nome bucket/video.mp4, tutto sembra a posto.

fonte

2012-06-11 06:43:29

No, non è corretto perché sta utilizzando CloudFront. Vedo l'uso in-conseguente delle virgolette. Prova questo:

<div id="container">Loading the player ...</div> 
<script type="text/javascript"> 
jwplayer("container").setup({ 
    'flashplayer': 'jwplayer/player.swf', 
    'file': 'video.mp4', 
    'height': '270', 
    'provider': 'rtmp', 
    'streamer': 'rtmp://s6b99lczhnef6.cloudfront.net/cfx/st', 
    'width': '480' 
}); 
</script>

Ecco un tutorial che spiega la formattazione e le opzioni in grande dettaglio. http://www.miracletutorials.com/embed-streaming-video-audio-with-html5-fallback/

Se ciò non funziona, è possibile che il video non sia ottimizzato per lo streaming. Prova questo tutorial per convertire il vostro video: http://www.miracletutorials.com/how-to-encode-video-for-web-iphone-ipad-ipod/

Spero che questo aiuta?

fonte

2012-06-11 18:41:49

Per qualche motivo, la riproduzione da localhost non funziona. Se distribuisco l'HTML per dire un altro bucket in S3 e lo carichi nel browser da lì, il video funziona alla grande (carica abbastanza velocemente!). Forse, c'è qualche restrizione su 'localhost'? – septerr

No, non è necessario fornire un nome bucket. La distribuzione del cloudfront indica già un bucket.

fonte

2012-07-10 19:50:37

Il amazon documentation è valido per JW Player 5.9 e la documentazione di JW Player è piuttosto scarsa sull'utilizzo dello streaming di CloudFront. As briefly explained here, specificando la fonte di streaming è cambiato con JW Player 6. Questo è il nuovo modo per specificare una fonte di streaming:

<div id='mediaplayer'>This text will be replaced</div> 
<script type="text/javascript"> 
    jwplayer('mediaplayer').setup({ 
     'id': 'playerID', 
     'width': '720', 
     'height': '480', 
     'file': 'rtmp://s1cxpk7od1m10r.cloudfront.net/cfx/st/your_streaming_file.mp4', 
     'primary':'flash', 
     'autostart' : 'true', 
    }); 
</script>

Se il flusso si trova nella cartella, si potrebbe avere alcuni problemi con il riferimento di file di cui sopra. Io non sono sicuro perché rtmp://s1cxpk7od1m10r.cloudfront.net/cfx/st/folder/your_streaming_file.mp4 non avrebbe funzionato per me (penso che abbia qualcosa a che fare con la codifica URL), tuttavia usando questo per il file param quando si accede a una risorsa di streaming trova in una cartella funzionato per me:

rtmp://s1cxpk7od1m10r.cloudfront.net/cfx/st/mp4:folder/your_streaming_file.mp4

Se si desidera testare la stringa di connessione e ottenere un output di debug, checkout this streaming diagnostic tool.

Non è necessario specificare un nome bucket in qualsiasi punto del codice di incorporamento.

fonte

2012-12-12 13:04:35 iloveitaly

Streaming Video - jwplayer, amazon s3 e cloudfront

risposta

Problemi correlati