0
Azure Media Services에서 스트리밍 비디오를 재생하는 회사의 웹 응용 프로그램에 비디오 플레이어를 추가하라는 메시지가 나타납니다.내 Azure Media Services 비디오가 Azure Media Player에서 재생되지 않습니다.
Azure 포털과 Azure API를 모두 사용하여 제공 할 비디오 파일을로드하고 게시 할 수있었습니다.
HTML 페이지에 Azure Media Player를 설정하는 것이 얼마나 간단한 지 보여주는 샘플 here 및 here가 있습니다.
웹 응용 프로그램에 관련 비트를 추가했는데 플레이어가 나타나지만 아무것도 재생되지 않습니다. Chrome에서는 플레이어가 비어 있습니다. IE11에서는 플레이어가 "잘못된 소스"를 표시합니다. Edge에서 플레이어는 "이 유형의 비디오 파일은 지원되지 않습니다."라고 표시합니다.
동영상의 URL을 Azure Media Player Demo에 연결했는데 정상적으로 작동했습니다.
저는 Azure의 샘플과 자신의 프로모션 비디오를 사용하여 비디오 플레이어의 기초만으로 잘라낸 HTML 파일을 만들었습니다. 내가 공백 또는 "잘못된 소스"또는 즉 우리의 웹 앱에서와 마찬가지로
<!DOCTYPE html>
<html>
<head>
<title>Azure Media Player Test</title>
<link href="//amp.azure.net/libs/amp/1.3.0/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src= "//amp.azure.net/libs/amp/1.3.0/azuremediaplayer.min.js"></script>
</head>
<body>
This sample came from <a href="https://azure.microsoft.com/en-us/blog/announcing-azure-media-player/">https://azure.microsoft.com/en-us/blog/announcing-azure-media-player/</a>
<br />
<br />
<video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" controls autoplay width="640" height="400" poster="" data-setup='{"nativeControlsForTouch": false}' tabindex="0">
<source src="http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest" type="application/vnd.ms-sstr+xml" />
<p class="amp-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p>
</video>
</body>
</html>
및
<!DOCTYPE html>
<html>
<head>
<title>Azure Media Player Test</title>
<link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src="//amp.azure.net/libs/amp/latest/azuremediaplayer.min.js"></script>
</head>
<body>
This sample came from <a href="http://amp.azure.net/libs/amp/latest/docs/">http://amp.azure.net/libs/amp/latest/docs/</a>
<br />
<br />
<video id="vid1" class="azuremediaplayer amp-default-skin" autoplay controls width="640" height="400" poster="poster.jpg" data-setup='{"nativeControlsForTouch": false}'>
<source src="http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest" type="application/vnd.ms-sstr+xml" />
<p class="amp-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p>
</video>
</body>
</html>
나는 기본적인 것을 놓치고 있다고 가정하지만, 무엇을해야할까요?