☰

tex를 사용하여 삽입된 비디오가 포함된 HTML 페이지를 생성할 수 있습니까?

tag-icon • tag-icon tex4ht javascript latex2html
tex를 사용하여 삽입된 비디오가 포함된 HTML 페이지를 생성할 수 있습니까?

tex를 사용하여 동영상이 포함된 HTML 페이지를 생성하고 싶습니다. 나는 latex2html을 사용하여 tex를 html로 변환할 수 있다는 것을 알고 있습니다. 나는 media9에 대해서도 알고 있지만 pdf로 비디오를 렌더링하는 데만 사용할 수 있다고 생각합니다. 자바스크립트를 tex에 삽입하고 html로 렌더링할 수 있다면 자바스크립트 기반 비디오 플레이어를 사용하여 html 페이지에 비디오를 표시할 수 있다고 생각합니다. 그렇다면 가능합니까?

나는 왜 이 일을 하고 싶은가? : 내 문서에 비디오를 포함하고 싶은데 PDF 표준 및 관련 뷰어에서 비디오가 간헐적으로 지원되므로 실망스럽습니다.

답변1

. tex4ht​샘플 문서:

\documentclass{article}
\usepackage{media9}
\newcommand\myvideo[3]{%
\includemedia[%
addresource=#3,
width=#1,
height=#2,
activate=pageopen
]{}{VPlayer.swf}
}
\begin{document}
\myvideo{.5\linewidth}{.5\linewidth}{circle.mp4}
\end{document}

, 및 3개의 매개변수와 함께 명령이 \myvideo도입되었습니다 . 명령 은 비디오를 포함하는 데 사용됩니다. Linux에서는 비디오 재생이 지원되지 않기 때문에 작동하는지 테스트할 수 없습니다.widthheightvideo filemedia9\includemedia

이제 에 대한 구성 파일을 만들어야 하며 tex4ht, media.cfg여기서 \myvideo비디오 HTML 태그를 생성하는 명령을 다시 작성해야 합니다.

\Preamble{xhtml}
\begin{document}
\renewcommand\myvideo[3]{%
\HCode{%
<embed src="#3" type="video/mp4" WIDTH="\the\dimexpr#1\relax" HEIGHT="\the\dimexpr#2\relax" AUTOPLAY="TRUE" LOOP="TRUE" PLAYEVERYFRAME="TRUE" />
}
}
\EndPreamble

<embed>요소는 널리 지원되므로 사용됩니다. 매개변수 는 type로 하드코딩되어 있으므로 video/mp4동영상 유형이 다른 경우 매개변수를 변경해야 합니다. \dimexpr치수를 계산하는 데 사용됩니다.

이제 다음을 사용하여 문서를 컴파일할 수 있습니다.

htlatex sample.tex media

그리고 HTML을 생성했습니다.

<?xml version="1.0" encoding="utf-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<!--http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd-->  
<html xmlns="http://www.w3.org/1999/xhtml"  
> 
<head> <title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="generator" content="TeX4ht (http://www.cse.ohio-state.edu/~gurari/TeX4ht/)" /> 
<meta name="originator" content="TeX4ht (http://www.cse.ohio-state.edu/~gurari/TeX4ht/)" /> 
<!-- charset=utf-8,html,xhtml --> 
<meta name="src" content="sample.tex" /> 
<meta name="date" content="2014-05-09 13:45:00" /> 
<link rel="stylesheet" type="text/css" href="sample.css" /> 
</head><body 
>
<!--l. 12--><p class="noindent" ><embed src="circle.mp4" type="video/mp4" WIDTH="172.5pt" HEIGHT="172.5pt" AUTOPLAY="TRUE" LOOP="TRUE" PLAYEVERYFRAME="TRUE" />  </p> 
</body></html>

답변2

tex4ht를 사용한 솔루션을 제안한 David Carlisle과 michal.h21에게 감사드립니다. 다음은 latex2html에 대한 솔루션입니다.

나는 html5 비디오 파일을 배치하는 환경을 작성하기 위해 latex2html의 rawhtml 환경을 사용했습니다(mp4 및 ogg 형식을 시도합니다).

\documentclass[english]{article}
\newcommand{\vid}[1] {   
\begin{rawhtml}
<video width="320" height="240" controls>   
\end{rawhtml}
\begin{rawhtml}
<source src="
\end{rawhtml}
#1
\begin{rawhtml}
.ogg" type="video/ogg"> 
\end{rawhtml}
\begin{rawhtml}
<source src="
\end{rawhtml}
#1
\begin{rawhtml}
.mp4" type="video/mp4"> 
\end{rawhtml}
\begin{rawhtml}
Your browser does not support the video tag. </video>
\end{rawhtml}
}
\begin{document}
%now use the environment defined above to place 
%a video called myVidName.mp4 or myVidName.ogg
\vid{myVidName}
\end{document}

관련 정보