श्रृंखला के अनुवादित भागों की सूची:

1. खाना पकाने
2. Emscripten के साथ संकलन (आप यहाँ हैं)
3. कन्वर्ट AVI करने के लिए mp4

इस भाग के साथ शुरू करना, सामग्री अधिक जटिल होगी, इसलिए पढ़ने के दौरान Google से संकोच न करें, अगर आपको समझ नहीं आता कि क्या हो रहा है।

इसके अलावा, मैं संभावित समस्याओं के समाधान का दस्तावेजीकरण करने की कोशिश करूंगा ताकि आप अपनी सेटिंग्स के साथ पुस्तकालय को संकलित कर सकें।

इस भाग में हम विश्लेषण करेंगे:

1. डॉकर में Emscripten के लिए एक वातावरण कैसे सेट करें
2. Emconfigure और emmake का उपयोग करना
3. Emscripten के साथ FFmpeg को संकलित करते समय समस्याओं को कैसे हल करें

डॉकर में Emscripten के लिए एक वातावरण कैसे सेट करें

पहले भाग में, हमने FFmpeg को gcc के साथ संकलित किया और डॉकटर छवि को emscripten के साथ प्रयोग करने के लिए आगे बढ़ सकते हैं।

मैं trzeci / emscripten संस्करण 1.38.45 का उपयोग करूंगा:

$ docker pull trzeci/emscripten:1.38.45 

चूंकि छवि में लगभग 1 जीबी है, इसलिए प्रक्रिया में कुछ समय लग सकता है।

अब हम परीक्षण और त्रुटि द्वारा एफएमएसएमपी को ईस्क्रिप्टस्क्रिप्ट में संकलित करने के लिए सही कॉन्फ़िगरेशन पाएंगे, जिसमें दृढ़ता और प्रलेखन के बड़े संस्करणों को पढ़ने की आवश्यकता होगी। Emscripten के साथ कंटेनर चलाएँ और FFmpeg स्रोतों को / src निर्देशिका में माउंट करें।

 # ,      FFmpeg $ docker run -it \ -v $PWD:/src \ trzeci/emscripten:1.38.45 \ /bin/bash 

कंटेनर के अंदर, इस तरह से कुछ देखने के लिए ls --color निष्पादित करें:

Emconfigure और emmake का उपयोग करना। संकलन समस्याओं को कैसे हल करें

चलो विन्यास के साथ शुरू करते हैं। पहले भाग में, हमने प्रदर्शन किया ।/configure --disable-x86asm , emscripten में इसे emconfigure के साथ हासिल किया गया है ।/configure --disable-x86asm कमांड । (Emconfigure का उपयोग करने पर विवरण के लिए, यहां देखें)

 $ emconfigure ./configure --disable-x86asm 

और जब से हमने कोई त्रुटि नहीं देखी, तो यह केवल emmake -j4 को निष्पादित करने और प्रतिष्ठित FFmpeg.js प्राप्त करने के लिए बनी हुई है? दुर्भाग्य से, नहीं। Emconfigure के लिए सबसे महत्वपूर्ण कार्यों में से एक है gcc कंपाइलर को emcc (या g ++ के साथ em ++) के साथ बदलना, लेकिन ./configure का परिणाम अभी भी gcc का उत्पादन करता है।

 root@57ab95def750:/src# emconfigure ./configure --disable-x86asm emscripten sdl2-config called with /emsdk_portable/emscripten/tag-1.38.45/system/bin/sdl2-config --cflags emscripten sdl2-config called with /emsdk_portable/emscripten/tag-1.38.45/system/bin/sdl2-config --libs install prefix /usr/local source path . C compiler gcc #    emcc C library glibc ARCH x86 (generic) big-endian no runtime cpu detection yes standalone assembly no x86 assembler nasm 

किसी भी स्वचालन की अपनी सीमा होती है, और इस मामले में, दुर्भाग्य से, हमें सब कुछ मैन्युअल रूप से करना होगा। आइए देखें कि क्या हमारी मदद करने के लिए कोई तर्क हैं:

 $ ./configure --help 

टूलचैन विकल्प अनुभाग के तहत, हम संकलक के प्रकार को इंगित करने के लिए तर्क देखते हैं।

 root@57ab95def750:/src# ./configure --help Usage: configure [options] Options: [defaults in brackets after descriptions]Help options: ... Toolchain options: ... --nm=NM use nm tool NM [nm -g] --ar=AR use archive tool AR [ar] --as=AS use assembler AS [] --ln_s=LN_S use symbolic link tool LN_S [ln -s -f] --strip=STRIP use strip tool STRIP [strip] --windres=WINDRES use windows resource compiler WINDRES [windres] --x86asmexe=EXE use nasm-compatible assembler EXE [nasm] --cc=CC use C compiler CC [gcc] --cxx=CXX use C compiler CXX [g++] --objcc=OCC use ObjC compiler OCC [gcc] --dep-cc=DEPCC use dependency generator DEPCC [gcc] --nvcc=NVCC use Nvidia CUDA compiler NVCC [nvcc] --ld=LD use linker LD [] ... 

आइए इनका उपयोग आइम्स्क्रिप्टेन में करें

 $ emconfigure ./configure \ --disable-x86asm \ --nm="llvm-nm -g" \ --ar=emar \ --cc=emcc \ --cxx=em++ \ --objcc=emcc \ --dep-cc=emcc 

अब निष्पादित हो रहा है ।/configure में अधिक समय लगेगा, लेकिन इसके परिणामस्वरूप हमें emcc मिलता है।

 root@57ab95def750:/src# emconfigure ... emscripten sdl2-config called with /emsdk_portable/emscripten/tag-1.38.45/system/bin/sdl2-config --cflags emscripten sdl2-config called with /emsdk_portable/emscripten/tag-1.38.45/system/bin/sdl2-config --libs install prefix /usr/local source path . C compiler emcc # emcc    C library ARCH x86 (generic) big-endian no runtime cpu detection yes standalone assembly no 

देखते हैं कि संकलन कैसे जाता है।

 $ emmake make -j4 

और तुरंत एक गलती ...

 root@57ab95def750:/src# emmake make -j4 ... ./libavutil/x86/timer.h:39:24: error: invalid output constraint '=a' in asm : "=a" (a), "=d" (d)); ^ 

संदेश से पता चलता है कि त्रुटि किसी तरह से संबंधित है। Open ./libavutil/x86/timer.h यह देखने के लिए कि समस्या x86 इनलाइन असेंबलर में है, जो WebAssembly के साथ असंगत है, इसलिए इसे बंद कर दें।

 $ emconfigure ./configure \ --disable-x86asm \ --disable-inline-asm \ #   asm --nm="llvm-nm -g" \ --ar=emar \ --cc=emcc \ --cxx=em++ \ --objcc=emcc \ --dep-cc=emcc 

आइए फिर से संकलित करने का प्रयास करें।

 $ emmake make -j4 

अगली त्रुटि तक संकलन जारी है।

 root@57ab95def750:/src# emmake make -j4 ... AR libavdevice/libavdevice.a AR libavfilter/libavfilter.a AR libavformat/libavformat.a AR libavcodec/libavcodec.a AR libswresample/libswresample.a AR libswscale/libswscale.a AR libavutil/libavutil.a HOSTLD doc/print_options GENTEXI doc/avoptions_format.texi /bin/sh: 1: doc/print_options: Exec format error doc/Makefile:59: recipe for target 'doc/avoptions_format.texi' failed make: *** [doc/avoptions_format.texi] Error 2 make: *** Waiting for unfinished jobs.... 

प्रलेखन की पीढ़ी से संबंधित कुछ, जिसकी हमें बिल्कुल आवश्यकता नहीं है, इसलिए इसे बंद कर दें।

 $ emconfigure ./configure \ --disable-x86asm \ --disable-inline-asm \ --disable-doc \ #    --nm="llvm-nm -g" \ --ar=emar \ --cc=emcc \ --cxx=em++ \ --objcc=emcc \ --dep-cc=emcc 

हम इसे फिर से कर रहे हैं।

 $ emmake make -j4 

अब स्ट्रिप स्टेज पर एरर आ गई है।

 root@57ab95def750:/src# emmake make -j4 ... STRIP ffmpeg STRIP ffprobe strip:ffmpeg_g: File format not recognized strip:ffprobe_g: File format not recognized Makefile:101: recipe for target 'ffmpeg' failed make: *** [ffmpeg] Error 1 make: *** Waiting for unfinished jobs.... Makefile:101: recipe for target 'ffprobe' failed make: *** [ffprobe] Error 1 

चूंकि देशी फसल WebAssembly के हमारे संस्करण के साथ असंगत है, इसलिए हम इसे अक्षम भी करेंगे।

 $ emconfigure ./configure \ --disable-x86asm \ --disable-inline-asm \ --disable-doc \ --disable-stripping \ #  strip --nm="llvm-nm -g" \ --ar=emar \ --cc=emcc \ --cxx=em++ \ --objcc=emcc \ --dep-cc=emcc 

चौथा प्रयास।

 $ emmake make -j4 

अंत में, प्रक्रिया बिना त्रुटियों के समाप्त हो गई। लेकिन केवल आउटपुट पर हमें ffmpeg फ़ाइल मिली, जो शुरू नहीं होती है, और यह एक js फ़ाइल (या फ़ाइल फ़ाइल) नहीं है। Js फ़ाइल प्राप्त करने के लिए, हमें -o ffmpeg.js को emcc कमांड में जोड़ना होगा, जिसे दो तरीकों से किया जा सकता है:

1. FFmpeg का मेकफिल खुद बदलें
2. अतिरिक्त संकलन / लिंकिंग जोड़ें

हम दूसरा रास्ता चुनेंगे, क्योंकि मैं संभावित दुष्प्रभावों के कारण FFmpeg स्रोतों को नहीं छूना चाहता। तो हम पाते हैं कि मेक का उपयोग करके ffmpeg कैसे उत्पन्न होता है। यहीं पर ड्राई रन को चलाने के लिए मेक ऑप्शन काम आता है।

 $ emmake make -n 

हम पीढ़ी टीम को देखते हैं।

 root@57ab95def750:/src# emmake make -n ... printf "LD\t%s\n" ffmpeg_g; emcc -Llibavcodec -Llibavdevice -Llibavfilter -Llibavformat -Llibavresample -Llibavutil -Llibpostproc -Llibswscale -Llibswresample -Wl,--as-needed -Wl,-z,noexecstack -Wl,--warn-common -Wl,-rpath-link=libpostproc:libswresample:libswscale:libavfilter:libavdevice:libavformat:libavcodec:libavutil:libavresample -Qunused-arguments -o ffmpeg_g fftools/ffmpeg_opt.o fftools/ffmpeg_filter.o fftools/ffmpeg_hw.o fftools/cmdutils.o fftools/ffmpeg.o -lavdevice -lavfilter -lavformat -lavcodec -lswresample -lswscale -lavutil -lm -pthread -lm -lm -pthread -lm -lm -lm -pthread -lm printf "CP\t%s\n" ffmpeg; cp -p ffmpeg_g ffmpeg ... 

बहुत सारी अनावश्यक चीज़ें हैं, इसलिए चलिए अप्रयुक्त तर्कों (जो आप संकलन के अंत में देखेंगे) को हटा दें, थोड़ा साफ करें और ffmpeg_js के लिए ffmpeg_g का नाम बदलें।

 $ emcc \ -Llibavcodec -Llibavdevice -Llibavfilter -Llibavformat -Llibavresample -Llibavutil -Llibpostproc -Llibswscale -Llibswresample \ -Qunused-arguments \ -o ffmpeg.js fftools/ffmpeg_opt.o fftools/ffmpeg_filter.o fftools/ffmpeg_hw.o fftools/cmdutils.o fftools/ffmpeg.o \ -lavdevice -lavfilter -lavformat -lavcodec -lswresample -lswscale -lavutil -lm -pthread 

यह काम करना चाहिए था, लेकिन हम स्मृति की कमी की समस्या में भाग लेंगे।

 root@57ab95def750:/src# emcc ... shared:ERROR: Memory is not large enough for static data (11794000) plus the stack (5242880), please increase TOTAL_MEMORY (16777216) to at least 17037904 

स्मृति आकार बढ़ाने के लिए TOTAL_MEMORY तर्क जोड़ें (33554432 बाइट्स: = 32 एमबी)।

 $ emcc \ -Llibavcodec -Llibavdevice -Llibavfilter -Llibavformat -Llibavresample -Llibavutil -Llibpostproc -Llibswscale -Llibswresample \ -Qunused-arguments \ -o ffmpeg.js fftools/ffmpeg_opt.o fftools/ffmpeg_filter.o fftools/ffmpeg_hw.o fftools/cmdutils.o fftools/ffmpeg.o \ -lavdevice -lavfilter -lavformat -lavcodec -lswresample -lswscale -lavutil -lm -pthread \ -s TOTAL_MEMORY=33554432 

अंत में हमें हमारी js और wasm फाइलें मिलीं

 root@57ab95def750:/src# ls ffmpeg* ffmpeg ffmpeg.js ffmpeg.js.mem ffmpeg.wasm ffmpeg.worker.js ffmpeg_g 

FFmpeg.js का परीक्षण करने के लिए test.html बनाएं

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="./ffmpeg.js"></script> </head> <body> </body> </html> 

चलिए आसान सर्वर शुरू करते हैं ( python2 -m SimpleHTTPServer को निष्पादित करके ) और परिणामित पृष्ठ खोलें ( http: // localhost: 8000 / test.html ) , फिर Chrome DevTools खोलें।

जैसा कि आप देख सकते हैं, FFmpeg एक पाप के साथ आधे में काम कर रहा है, इसलिए अब आप ffmpeg.js को चमकाना शुरू कर सकते हैं।

पूरी बिल्ड स्क्रिप्ट इस रिपॉजिटरी में मिल सकती है (build-with-docker.sh और build-js.sh)