브라우저 / 비디오 버퍼를 기다리지 않고 런타임 동안 여러 비디오 재생 및 소스 변경

Grodslukarn

webGL을 사용하여 간단한 이미지 필터 / 분석을 수행하고 있습니다. 현재 제가하고있는 일은 두 개의 다른 이미지에 몇 가지 필터 (프레임 버퍼 사용)를 적용한 다음 결과를 하나의 이미지로 결합하는 것입니다. 지금까지 성공을 거두었지만 지금은 실시간으로 동영상에 적용하고 싶습니다. 여기에서 흥미로운 문제가 발생했습니다.

HTML 파일에 비디오를 정의하면 동시에 둘 다 재생할 수 있습니다. 하지만 런타임 중에 자바 스크립트로 동영상을 동적으로 추가하려고하면 동시에 재생할 수 없습니다. 또는 하나의 비디오를 재생하면 즉시 시작되지만 다른 비디오를 시작하려고하면 첫 번째 비디오가 내가 이해하는대로 완전히 버퍼링 될 때까지 시작되지 않습니다. 그래서 짧은 시간 동안 두 개의 비디오 만 재생됩니다 (그리고 오래 기다려야합니다).

새로운 비디오 요소를 만들고 동시에 재생할 수있는 방법이 있습니까? 가급적이면 소스를 마음대로 변경하고 동시에 버퍼링 / 재생할 수 있습니다.

명확히하기 위해 Chrome 및 HTML5 비디오 요소를 사용하고 있습니다. 또한 저해상도 / 작은 크기의 비디오를 사용하는 경우에도 작동합니다. 그러나 고해상도 / 큰 비디오를 사용하는 것은 작동하지 않습니다.

gman

한 가지 해결책은 모든 비디오를 하나의 비디오에 넣는 것입니다. 예를 들어 4 개의 동영상이있는 경우 화면의 왼쪽 상단 1/4이 동영상 # 1, 오른쪽 상단이 동영상 # 2, 왼쪽 하단이 동영상 3 #, 오른쪽 하단이 동영상 # 4 인 동영상을 만듭니다.

그런 다음 유니폼이있는 셰이더를 사용하여 표시 할 텍스처의 모서리를 선택하거나 미리 구운 UV로 각 모서리에 쿼드를 만들어 표시 할 비디오 부분을 선택합니다.

이것은 확실히 가장 쉬운 방법입니다. 버퍼링이나 기타 문제없이 N 개의 동영상을 동시에 재생할 수있는 다른 솔루션은 없다고 생각합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

브라우저 / 비디오 버퍼를 기다리지 않고 런타임 동안 여러 비디오 재생 및 소스 변경

분류에서Dev

html5 비디오를 여러 브라우저로 스트리밍하고 모든 브라우저에서 비디오 동기화 유지

분류에서Dev

ffmpeg-android-java 라이브러리를 사용하여 압축 된 비디오는 웹 브라우저에서 재생되지 않습니다.

분류에서Dev

비디오 재생 변경은 FFMPEG android java 사전 컴파일 라이브러리를 사용하여 매우 느린 프로세스입니다.

분류에서Dev

패키징되지 않은 비디오를 재생하는 동안 ffplay 오버레이 현재 타임 스탬프

분류에서Dev

Chrome 및 Opera 브라우저에서 재생되는 일부 비디오 및 오디오 파일에서 소리가 나지 않는 문제를 해결하는 방법은 무엇입니까?

분류에서Dev

소스를 변경할 때 반응 네이티브 비디오가 비디오를 변경하지 않음

분류에서Dev

레지스트리를 사용하여 오디오 CD 및 USB 드라이브의 자동 재생 비활성화

분류에서Dev

5 분마다 변경되는 여러 비디오의 임의 섹션 재생

분류에서Dev

비디오의 오디오 스트림 제거-FFMPEG로 오디오 또는 비디오를 변환하지 않고 재귀 적으로

분류에서Dev

재생 : 오디오-비디오 동기화 알고리즘

분류에서Dev

FastAPI를 사용하여 웹 브라우저로 비디오 스트리밍

분류에서Dev

PotPlayer에서 비디오를 재생하는 동안 소리가 나지

분류에서Dev

PotPlayer에서 비디오를 재생하는 동안 소리가 나지

분류에서Dev

가변 유튜브 임베디드 비디오를 이미지로 오버레이, 클릭시 이미지 숨기기 및 하드 코딩 된 jQuery없이 자동 재생

분류에서Dev

Reveal.js html5 비디오 및 자바 스크립트-슬라이드 변경 문제에서 처음부터 비디오 재생 다시 시작

분류에서Dev

비디오 자동 재생이 때때로 작동하지 않는 경우

분류에서Dev

비디오 및 오디오 라이브러리를 가져 오는 방법

분류에서Dev

FFmpeg를 사용하여 YouTube로 라이브 스트리밍하는 동안 SD 카드에 비디오 저장

분류에서Dev

Opera 브라우저로 Facebook 비디오를 재생할 수 없습니다

분류에서Dev

libvlc / vlcj, 비디오를 재생하지 않고 비디오 메타 데이터 (오디오 트랙 수) 가져 오기

분류에서Dev

일부 Android 버전에서 라이브 스트림 비디오가 재생되지 않음, HTML5 비디오를 찾을 수 없음

분류에서Dev

비디오 설치까지 토스트 메시지를 보여주고 재생

분류에서Dev

비디오 분석 및 키 프레임 추출에 대한 오픈 소스 라이브러리

분류에서Dev

배경 음악을 중단하지 않고 음소거 된 비디오 재생

분류에서Dev

python-vlc를 사용하여 비디오를 재생할 때 지정된 타임 스탬프에서 시작 및 종료

분류에서Dev

변환 된 비디오에서 "소스 프레임 속도"를 사용해도 음성 및 비디오 프레임이 동기화되지 않는 이유는 무엇입니까?

분류에서Dev

유형 스크립트 및 VS 코드로 각도기를 디버깅하는 동안 브라우저가 동기화되지 않습니다.

분류에서Dev

비디오를 재생하는 동안 슬라이더가 움직입니다.

Related 관련 기사

  1. 1

    브라우저 / 비디오 버퍼를 기다리지 않고 런타임 동안 여러 비디오 재생 및 소스 변경

  2. 2

    html5 비디오를 여러 브라우저로 스트리밍하고 모든 브라우저에서 비디오 동기화 유지

  3. 3

    ffmpeg-android-java 라이브러리를 사용하여 압축 된 비디오는 웹 브라우저에서 재생되지 않습니다.

  4. 4

    비디오 재생 변경은 FFMPEG android java 사전 컴파일 라이브러리를 사용하여 매우 느린 프로세스입니다.

  5. 5

    패키징되지 않은 비디오를 재생하는 동안 ffplay 오버레이 현재 타임 스탬프

  6. 6

    Chrome 및 Opera 브라우저에서 재생되는 일부 비디오 및 오디오 파일에서 소리가 나지 않는 문제를 해결하는 방법은 무엇입니까?

  7. 7

    소스를 변경할 때 반응 네이티브 비디오가 비디오를 변경하지 않음

  8. 8

    레지스트리를 사용하여 오디오 CD 및 USB 드라이브의 자동 재생 비활성화

  9. 9

    5 분마다 변경되는 여러 비디오의 임의 섹션 재생

  10. 10

    비디오의 오디오 스트림 제거-FFMPEG로 오디오 또는 비디오를 변환하지 않고 재귀 적으로

  11. 11

    재생 : 오디오-비디오 동기화 알고리즘

  12. 12

    FastAPI를 사용하여 웹 브라우저로 비디오 스트리밍

  13. 13

    PotPlayer에서 비디오를 재생하는 동안 소리가 나지

  14. 14

    PotPlayer에서 비디오를 재생하는 동안 소리가 나지

  15. 15

    가변 유튜브 임베디드 비디오를 이미지로 오버레이, 클릭시 이미지 숨기기 및 하드 코딩 된 jQuery없이 자동 재생

  16. 16

    Reveal.js html5 비디오 및 자바 스크립트-슬라이드 변경 문제에서 처음부터 비디오 재생 다시 시작

  17. 17

    비디오 자동 재생이 때때로 작동하지 않는 경우

  18. 18

    비디오 및 오디오 라이브러리를 가져 오는 방법

  19. 19

    FFmpeg를 사용하여 YouTube로 라이브 스트리밍하는 동안 SD 카드에 비디오 저장

  20. 20

    Opera 브라우저로 Facebook 비디오를 재생할 수 없습니다

  21. 21

    libvlc / vlcj, 비디오를 재생하지 않고 비디오 메타 데이터 (오디오 트랙 수) 가져 오기

  22. 22

    일부 Android 버전에서 라이브 스트림 비디오가 재생되지 않음, HTML5 비디오를 찾을 수 없음

  23. 23

    비디오 설치까지 토스트 메시지를 보여주고 재생

  24. 24

    비디오 분석 및 키 프레임 추출에 대한 오픈 소스 라이브러리

  25. 25

    배경 음악을 중단하지 않고 음소거 된 비디오 재생

  26. 26

    python-vlc를 사용하여 비디오를 재생할 때 지정된 타임 스탬프에서 시작 및 종료

  27. 27

    변환 된 비디오에서 "소스 프레임 속도"를 사용해도 음성 및 비디오 프레임이 동기화되지 않는 이유는 무엇입니까?

  28. 28

    유형 스크립트 및 VS 코드로 각도기를 디버깅하는 동안 브라우저가 동기화되지 않습니다.

  29. 29

    비디오를 재생하는 동안 슬라이더가 움직입니다.

뜨겁다태그

보관