質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
C++

C++はC言語をもとにしてつくられた最もよく使われるマルチパラダイムプログラミング言語の1つです。オブジェクト指向、ジェネリック、命令型など広く対応しており、多目的に使用されています。

Emscripten

Emscripten は JavaScript に変換するコンパイラです。 C/C++ から生成される LLVM ビットコードをJavaScript に変換します。

Q&A

解決済

1回答

1063閲覧

ffplay をWebでやりたい。

kokawa2003

総合スコア217

C++

C++はC言語をもとにしてつくられた最もよく使われるマルチパラダイムプログラミング言語の1つです。オブジェクト指向、ジェネリック、命令型など広く対応しており、多目的に使用されています。

Emscripten

Emscripten は JavaScript に変換するコンパイラです。 C/C++ から生成される LLVM ビットコードをJavaScript に変換します。

0グッド

2クリップ

投稿2018/08/28 08:54

まず使っているemscriptenはemscripten 1.38.11です。
表題の通りなのですがGITHUBにSimpleFFPlayerというものがあって
これですが
https://github.com/WanghongLin/SimpleFFPlayer
まずダウンロードしてそのままUBUNTUでビルドすると動画が見れたのでWEBに変換しようとしました。
これのCMakeLists.txtを読むと

make

1cmake_minimum_required(VERSION 3.5.1) 2project(SimpleFFPlayer) 3 4set(CMAKE_CXX_STANDARD 11) 5 6include(FindPkgConfig) 7if (PkgConfig_FOUND) 8 9 set(ENV{PKG_CONFIG_PATH} "$ENV{PKG_CONFIG_PATH}:$ENV{HOME}/Applications/ffmpeg/lib/pkgconfig:$ENV{HOME}/Applications/SDL2-2.0.4/lib/pkgconfig") 10 message("$ENV{PKG_CONFIG_PATH}") 11 pkg_check_modules(FFMPEG REQUIRED libavformat libavcodec libavutil libswscale libswresample) 12 if (FFMPEG_FOUND) 13 include_directories(BEFORE SYSTEM ${FFMPEG_INCLUDE_DIRS}) 14 link_directories(${FFMPEG_LIBRARY_DIRS}) 15 link_libraries(${FFMPEG_LIBRARIES}) 16 endif (FFMPEG_FOUND) 17 pkg_search_module(SDL2 REQUIRED sdl2) 18 if (SDL2_FOUND) 19 include_directories(BEFORE SYSTEM ${SDL2_INCLUDE_DIRS}) 20 link_directories(${SDL2_LIBRARY_DIRS}) 21 link_libraries(${SDL2_LIBRARIES}) 22 endif (SDL2_FOUND) 23endif (PkgConfig_FOUND) 24 25set(SOURCE_FILES main.cpp MediaFormat.cpp MediaInput.cpp MediaRender.cpp MediaUtils.cpp MediaUtils.h MediaFrame.cpp MediaFrame.h MediaFrameAvailableListener.cpp MediaFrameAvailableListener.h) 26add_executable(SimpleFFPlayer ${SOURCE_FILES}) 27target_link_libraries(SimpleFFPlayer "pthread")

こんな感じでffmpeg SDL2 pthreadを使っているのが分かります。
そこでSDL2とpthreadはemscriptenでつかえるからffmpegをどうにかすればいいと思いました。
でやったのは
①ffmpegの最新をGITHUBからダウンロードしてそれをemscriptenでビルド

emconfigure ./configure --cc=emcc --ar=emar --ranlib=emranlib --prefix=$(pwd)/../dist --enable-cross-compile --target-os=none --arch=x86_32 --cpu=generic --disable-stripping --enable-shared --disable-programs --disable-asm --disable-doc --disable-devices --disable-pthreads --disable-w32threads --disable-network --disable-debug --disable-xlib --disable-zlib --disable-sdl2 --disable-iconv --disable-everything --enable-protocol=file --enable-decoder=hevc --enable-parser=hevc --enable-demuxer=hevc --enable-decoder=h264 --enable-parser=h264 --enable-demuxer=h264

make -j4
make install

※この引数は
https://github.com/commaai/vidutil.js/blob/master/libs/ffmpeg/build.txt
からパクった
②CMakeLists.txt変更
こんな感じ

lang

1cmake_minimum_required(VERSION 3.5.1) 2project(SimpleFFPlayer) 3 4set(CMAKE_CXX_STANDARD 11) 5set(CMAKE_C_FLAGS "-s USE_SDL=2") 6set(CMAKE_CXX_FLAGS "-s USE_SDL=2") 7include(FindPkgConfig) 8if (PkgConfig_FOUND) 9 10 set(ENV{PKG_CONFIG_PATH} "/media/kokawa2003/2ef39caa-192e-4e36-8eed-1919c6c9791f/emscriptensample/dist/lib/pkgconfig") 11 message("$ENV{PKG_CONFIG_PATH}") 12 pkg_check_modules(FFMPEG REQUIRED libavformat libavcodec libavutil libswscale libswresample) 13 if (FFMPEG_FOUND) 14 include_directories(BEFORE SYSTEM ${FFMPEG_INCLUDE_DIRS}) 15 link_directories(${FFMPEG_LIBRARY_DIRS}) 16 link_libraries(${FFMPEG_LIBRARIES}) 17 endif (FFMPEG_FOUND) 18 19endif (PkgConfig_FOUND) 20 21set(SOURCE_FILES main.cpp MediaFormat.cpp MediaInput.cpp MediaRender.cpp MediaUtils.cpp MediaUtils.h MediaFrame.cpp MediaFrame.h MediaFrameAvailableListener.cpp MediaFrameAvailableListener.h) 22add_executable(SimpleFFPlayer ${SOURCE_FILES}) 23target_link_libraries(SimpleFFPlayer "pthread") 24 25

これで
emcmake cmake ..
emmake make
したところ幸いにもコンパイルは通ってWASMとJSはできましたがHTMLはできませんでした。
これはなぜでしょうか?
CMakeLists.txtに何をかきくわえたらいいのですか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

わかりました。
CMakeLists.txtに
if (EMSCRIPTEN)
set(CMAKE_EXECUTABLE_SUFFIX ".html") # デフォルトでは.js
endif()

を追記でした。

投稿2018/08/28 09:18

kokawa2003

総合スコア217

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問