HTML5 비디오 플레이어의 되감기 기능을 개선하고 싶습니다.

Question

이것은 프로그래밍 문제가 아닙니다. 나는 mov, mp4 등과 같은 다른 형식의 비디오 파일을 가지고있는 프로젝트에서 일하고있다.

내 응용 프로그램은 knockoutjs와 html5 및 css3을 사용하여 작성되었다.

우리의 고객 요구 사항은 비디오를 재생하고 빠른 forwaard, rewind 등과 같은 기능을 사용할 때입니다. 비디오 렌더링에 성능 문제가 없어야합니다.

지금 당장 비디오를 제대로 표현할 수 있으며 앞으로 건너 뛰는 기능은 html5와 완벽하게 작동합니다. 내가 맞닥뜨린 문제는 되감기에 있고, 되감기를 당했고, 동영상이 더듬 거리며 프레임이 사라지고 사용자가 여기 있습니다. 되감기 기능은 매우 중요합니다.

이제 모든 형식의 비디오에 대해 일관된 성능을 만들고 싶습니다.

웹 사이트의 비디오 성능을 최적화하기위한 가장 좋은 방법은 무엇입니까?

모든 제안과 도움을 주시면 대단히 감사하겠습니다.

Answer 1

비디오를 어떻게 인코딩하는지 모르겠지만 비디오 키 프레임을 최적화하여 리와인드 성능이 향상되는지 확인하십시오. http://www.lighterra.com/papers/videoencodingh264/#maximumkeyframeinterval

... 우리는 여전히 추구하는 선수는 키 프레임으로 직접 이동할 수 있기 때문에 행동, 좋은 빨리 감기만큼 키 프레임을 원하는 : 여기

은 도움이 될 방법에 대한 간략한 개요입니다 "재생 중"이고 일반적으로 빠른 속도로 빨리 감기 및 되감기를 할 때 키 프레임 만 표시합니다 ( 2x 또는 3x와 같이 저속으로 재생할 때마다 모든 프레임을 재생할 수 있음). 타임 라인에서의 임의의 지점에 점프 따라서 더 개재 델타 프레임 필요 단지 최종 대상 프레임을 재구성하기 위해 디코딩 될 수 있기 때문에 더 느린 적은 키 프레임도, 이전의 키 프레임과 그 중간 프레임 비록 있다진다 대상 프레임이 실제로 표시되지 않습니다.