{"id":1316,"date":"2026-09-21T07:40:39","date_gmt":"2026-09-21T07:40:39","guid":{"rendered":"https:\/\/otus.ru\/journal\/?p=1316"},"modified":"2026-09-25T15:39:08","modified_gmt":"2026-09-25T15:39:08","slug":"oop-na-c-pishem-videopleer","status":"publish","type":"post","link":"https:\/\/otus.ru\/journal\/oop-na-c-pishem-videopleer\/","title":{"rendered":"\u041e\u041e\u041f \u043d\u0430 C++ \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435: \u043f\u0438\u0448\u0435\u043c \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u044b\u0439 \u0432\u0438\u0434\u0435\u043e\u043f\u043b\u0435\u0435\u0440"},"content":{"rendered":"

\u041e\u041e\u041f<\/strong> (\u043e\u0431\u044a\u0435\u043a\u0442\u043d\u043e-\u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435) — \u043f\u043e\u0434\u0445\u043e\u0434, \u043f\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0438\u0437 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432: \u043a\u0430\u0436\u0434\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u0440\u044f\u0447\u0435\u0442 \u0441\u0432\u043e\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u043e\u0431\u0449\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u0442\u043e\u0434\u044b. \u0420\u0430\u0437\u0431\u0435\u0440\u0443 \u0432\u0441\u0435 \u0447\u0435\u0442\u044b\u0440\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 \u041e\u041e\u041f — \u0438\u043d\u043a\u0430\u043f\u0441\u0443\u043b\u044f\u0446\u0438\u044e, \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435, \u043f\u043e\u043b\u0438\u043c\u043e\u0440\u0444\u0438\u0437\u043c \u0438 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044e — \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0441\u043a\u0432\u043e\u0437\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435: \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u043e\u043c \u0432\u0438\u0434\u0435\u043e\u043f\u043b\u0435\u0435\u0440\u0435 \u043d\u0430 C++.<\/p>\n

\n

\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435<\/strong><\/p>\n

    \n
  1. \u0427\u0435\u0442\u044b\u0440\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 \u041e\u041e\u041f \u043a\u0440\u0430\u0442\u043a\u043e<\/a><\/li>\n
  2. \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0446\u0435\u043b\u0438\u043a\u043e\u043c<\/a><\/li>\n
  3. \u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f: \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043c\u0435\u0434\u0438\u0430\u0444\u0430\u0439\u043b\u0430<\/a><\/li>\n
  4. \u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435: \u0432\u0438\u0434\u0435\u043e \u0438 \u0430\u0443\u0434\u0438\u043e<\/a><\/li>\n
  5. \u041f\u043e\u043b\u0438\u043c\u043e\u0440\u0444\u0438\u0437\u043c: \u043e\u0434\u0438\u043d \u0432\u044b\u0437\u043e\u0432 — \u0440\u0430\u0437\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/a><\/li>\n
  6. \u0418\u043d\u043a\u0430\u043f\u0441\u0443\u043b\u044f\u0446\u0438\u044f: \u043a\u043b\u0430\u0441\u0441 Player \u043f\u0440\u044f\u0447\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435<\/a><\/li>\n
  7. \u0413\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u043e\u0434\u0435\u043b\u0438<\/a><\/li>\n
  8. \u0412\u044b\u0432\u043e\u0434\u044b<\/a><\/li>\n
  9. \u0413\u0434\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \/ \u0441\u0432\u044f\u0437\u044c \u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u043e\u0439<\/a><\/li>\n
  10. FAQ<\/a><\/li>\n<\/ol>\n<\/div>\n

    \u041f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430\u043c\u0435\u0440\u0435\u043d\u043d\u043e \u043c\u043e\u0434\u0435\u043b\u044c\u043d\u044b\u0439: \u044f \u043d\u0435 \u0434\u0435\u043a\u043e\u0434\u0438\u0440\u0443\u044e \u0432\u0438\u0434\u0435\u043e\u043f\u043e\u0442\u043e\u043a \u0438 \u043d\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e \u043a\u043e\u0434\u0435\u043a\u0438, \u043c\u0435\u0442\u043e\u0434\u044b \u0432\u0440\u043e\u0434\u0435 play()<\/code> \u0438 render()<\/code> \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0435\u0447\u0430\u0442\u0430\u044e\u0442, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442. \u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u043f\u043b\u0435\u0435\u0440 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043c\u0435\u0434\u0438\u0430 (GStreamer, FFmpeg), \u043d\u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u041e\u041e\u041f \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u0435\u0437 \u044d\u0442\u043e\u0433\u043e \u0448\u0443\u043c\u0430.<\/p>\n

    \u0427\u0435\u0442\u044b\u0440\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 \u041e\u041e\u041f \u043a\u0440\u0430\u0442\u043a\u043e<\/h2>\n

    \u0417\u0430\u0434\u0430\u0447\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043f\u043b\u0435\u0439\u043b\u0438\u0441\u0442 \u0438\u0437 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0434\u0438\u0430\u0444\u0430\u0439\u043b\u043e\u0432 (\u0432\u0438\u0434\u0435\u043e \u0438 \u0430\u0443\u0434\u0438\u043e) \u0438 \u043f\u0440\u043e\u0438\u0433\u0440\u0430\u0442\u044c \u0438\u0445 \u043e\u0434\u043d\u0438\u043c \u043f\u043b\u0435\u0435\u0440\u043e\u043c. \u041a\u043b\u0430\u0441\u0441\u044b \u0438 \u0438\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u0441\u0432\u0435\u0434\u0435\u043d\u044b \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0443.<\/p>\n\n\n\n\n\n\n\n\n
    \u041f\u0440\u0438\u043d\u0446\u0438\u043f<\/th>\n\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442<\/th>\n\u0413\u0434\u0435 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435<\/th>\n<\/tr>\n<\/thead>\n
    \u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f<\/td>\n\u043f\u0440\u044f\u0447\u0435\u0442 \u0434\u0435\u0442\u0430\u043b\u0438 \u0437\u0430 \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c<\/td>\n\u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 MediaFile<\/code>: \u0442\u043e\u043b\u044c\u043a\u043e kind<\/code>\/render<\/code>, \u0431\u0435\u0437 \u043a\u043e\u0434\u0435\u043a\u0430<\/td>\n<\/tr>\n
    \u0418\u043d\u043a\u0430\u043f\u0441\u0443\u043b\u044f\u0446\u0438\u044f<\/td>\n\u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441 \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438 \u0438 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435<\/td>\nPlayer<\/code>: \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0435 position_<\/code>\/playing_<\/code>, \u043d\u0430\u0440\u0443\u0436\u0443 — \u043a\u043e\u043c\u0430\u043d\u0434\u044b<\/td>\n<\/tr>\n
    \u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/td>\n\u043d\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u044b\u0439<\/td>\nVideoFile<\/code> \u0438 AudioFile<\/code> \u043e\u0442 MediaFile<\/code><\/td>\n<\/tr>\n
    \u041f\u043e\u043b\u0438\u043c\u043e\u0440\u0444\u0438\u0437\u043c<\/td>\n\u043e\u0434\u0438\u043d \u0432\u044b\u0437\u043e\u0432 — \u0440\u0430\u0437\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e \u0442\u0438\u043f\u0443<\/td>\nrender()<\/code> \u0447\u0435\u0440\u0435\u0437 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c MediaFile*<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    \u0414\u0432\u0430 \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0445 \u0442\u0435\u0440\u043c\u0438\u043d\u0430 \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0437\u0432\u0435\u0441\u0442\u0438 \u0441\u0440\u0430\u0437\u0443. \u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f<\/strong> — \u044d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0447\u0442\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0430\u0440\u0443\u0436\u0443, \u0430 \u0447\u0442\u043e \u0441\u043f\u0440\u044f\u0442\u0430\u0442\u044c. \u0418\u043d\u043a\u0430\u043f\u0441\u0443\u043b\u044f\u0446\u0438\u044f<\/strong> — \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0434\u0435\u0440\u0436\u0438\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u043c\u0435\u0442\u043e\u0434\u044b \u0432\u043c\u0435\u0441\u0442\u0435 \u0438 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u043b\u044f \u0447\u0435\u0440\u0435\u0437 private<\/code>. \u041a\u043e\u0440\u043e\u0442\u043a\u043e: \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f \u043f\u0440\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441, \u0438\u043d\u043a\u0430\u043f\u0441\u0443\u043b\u044f\u0446\u0438\u044f \u043f\u0440\u043e \u0434\u043e\u0441\u0442\u0443\u043f.<\/p>\n

    \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0446\u0435\u043b\u0438\u043a\u043e\u043c<\/h2>\n

    \u0412\u0435\u0441\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043e\u0434\u043d\u0438\u043c \u043a\u0443\u0441\u043a\u043e\u043c (\u0444\u0430\u0439\u043b player.cpp<\/code>), \u0440\u0430\u0437\u0431\u043e\u0440 — \u043d\u0438\u0436\u0435.<\/p>\n

    #include<\/span> <\/span><iostream><\/span>\n#include<\/span> <\/span><string><\/span>\n#include<\/span> <\/span><vector><\/span>\n#include<\/span> <\/span><memory><\/span>\n#include<\/span> <\/span><utility><\/span>\n\n\/\/ \u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f: \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043c\u0435\u0434\u0438\u0430\u0444\u0430\u0439\u043b\u0430<\/span>\nclass<\/span> <\/span>MediaFile<\/span> {<\/span>\npublic<\/span>:<\/span>\n    <\/span>MediaFile<\/span>(<\/span>std<\/span>::<\/span>string<\/span> <\/span>name<\/span>, <\/span>int<\/span> <\/span>seconds<\/span>)<\/span>\n        <\/span>:<\/span> <\/span>name_<\/span>(<\/span>std<\/span>::<\/span>move<\/span>(<\/span>name<\/span>)), <\/span>seconds_<\/span>(<\/span>seconds<\/span>) {}<\/span>\n    <\/span>virtual<\/span> <\/span>~<\/span>MediaFile<\/span>() <\/span>=<\/span> <\/span>default<\/span>;          <\/span>\/\/ \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0435\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u0435\u043d<\/span>\n\n    <\/span>virtual<\/span> <\/span>std<\/span>::<\/span>string<\/span> <\/span>kind<\/span>() <\/span>const<\/span> <\/span>=<\/span> <\/span>0<\/span>;    <\/span>\/\/ \u0447\u0438\u0441\u0442\u044b\u0439 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 -> \u043a\u043b\u0430\u0441\u0441 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439<\/span>\n    <\/span>virtual<\/span> <\/span>void<\/span> <\/span>render<\/span>() <\/span>const<\/span> <\/span>=<\/span> <\/span>0<\/span>;         <\/span>\/\/ \u043f\u0440\u043e\u0438\u0433\u0440\u0430\u0442\u044c (\u043c\u043e\u0434\u0435\u043b\u044c, \u0431\u0435\u0437 \u043a\u043e\u0434\u0435\u043a\u0430)<\/span>\n\n    <\/span>const<\/span> <\/span>std<\/span>::<\/span>string<\/span>&<\/span> <\/span>name<\/span>() <\/span>const<\/span> { <\/span>return<\/span> <\/span>name_<\/span>; }<\/span>\n    <\/span>int<\/span> <\/span>seconds<\/span>() <\/span>const<\/span> { <\/span>return<\/span> <\/span>seconds_<\/span>; }<\/span>\n\nprotected<\/span>:<\/span>\n    <\/span>std<\/span>::<\/span>string<\/span> <\/span>name_<\/span>;<\/span>\n    <\/span>int<\/span> <\/span>seconds_<\/span>;<\/span>\n};<\/span>\n\n\/\/ \u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435: \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0444\u0430\u0439\u043b\u043e\u0432<\/span>\nclass<\/span> <\/span>VideoFile<\/span> <\/span>:<\/span> <\/span>public<\/span> <\/span>MediaFile<\/span> {<\/span>\npublic<\/span>:<\/span>\n    <\/span>VideoFile<\/span>(<\/span>std<\/span>::<\/span>string<\/span> <\/span>name<\/span>, <\/span>int<\/span> <\/span>seconds<\/span>, <\/span>int<\/span> <\/span>height<\/span>)<\/span>\n        <\/span>:<\/span> <\/span>MediaFile<\/span>(<\/span>std<\/span>::<\/span>move<\/span>(<\/span>name<\/span>), <\/span>seconds<\/span>), <\/span>height_<\/span>(<\/span>height<\/span>) {}<\/span>\n\n    <\/span>std<\/span>::<\/span>string<\/span> <\/span>kind<\/span>() <\/span>const<\/span> <\/span>override<\/span> { <\/span>return<\/span> <\/span>\"video\"<\/span>; }<\/span>\n    <\/span>void<\/span> <\/span>render<\/span>() <\/span>const<\/span> <\/span>override<\/span> {<\/span>\n        <\/span>std<\/span>::<\/span>cout<\/span> <\/span><<<\/span> <\/span>\"  frames \"<\/span> <\/span><<<\/span> <\/span>height_<\/span> <\/span><<<\/span> <\/span>\"p\"<\/span> <\/span><<<\/span> <\/span>std<\/span>::<\/span>endl<\/span>;<\/span>\n    }<\/span>\nprivate<\/span>:<\/span>\n    <\/span>int<\/span> <\/span>height_<\/span>;<\/span>\n};<\/span>\n\nclass<\/span> <\/span>AudioFile<\/span> <\/span>:<\/span> <\/span>public<\/span> <\/span>MediaFile<\/span> {<\/span>\npublic<\/span>:<\/span>\n    <\/span>AudioFile<\/span>(<\/span>std<\/span>::<\/span>string<\/span> <\/span>name<\/span>, <\/span>int<\/span> <\/span>seconds<\/span>, <\/span>int<\/span> <\/span>kbps<\/span>)<\/span>\n        <\/span>:<\/span> <\/span>MediaFile<\/span>(<\/span>std<\/span>::<\/span>move<\/span>(<\/span>name<\/span>), <\/span>seconds<\/span>), <\/span>kbps_<\/span>(<\/span>kbps<\/span>) {}<\/span>\n\n    <\/span>std<\/span>::<\/span>string<\/span> <\/span>kind<\/span>() <\/span>const<\/span> <\/span>override<\/span> { <\/span>return<\/span> <\/span>\"audio\"<\/span>; }<\/span>\n    <\/span>void<\/span> <\/span>render<\/span>() <\/span>const<\/span> <\/span>override<\/span> {<\/span>\n        <\/span>std<\/span>::<\/span>cout<\/span> <\/span><<<\/span> <\/span>\"  sound \"<\/span> <\/span><<<\/span> <\/span>kbps_<\/span> <\/span><<<\/span> <\/span>\" kbps\"<\/span> <\/span><<<\/span> <\/span>std<\/span>::<\/span>endl<\/span>;<\/span>\n    }<\/span>\nprivate<\/span>:<\/span>\n    <\/span>int<\/span> <\/span>kbps_<\/span>;<\/span>\n};<\/span>\n\n\/\/ \u0418\u043d\u043a\u0430\u043f\u0441\u0443\u043b\u044f\u0446\u0438\u044f: Player \u043f\u0440\u044f\u0447\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u043d\u0430\u0440\u0443\u0436\u0443 - \u043a\u043e\u043c\u0430\u043d\u0434\u044b<\/span>\nclass<\/span> <\/span>Player<\/span> {<\/span>\npublic<\/span>:<\/span>\n    <\/span>void<\/span> <\/span>open<\/span>(<\/span>const<\/span> <\/span>MediaFile<\/span>*<\/span> <\/span>file<\/span>) {<\/span>\n        <\/span>file_<\/span> <\/span>=<\/span> <\/span>file<\/span>;<\/span>\n        <\/span>position_<\/span> <\/span>=<\/span> <\/span>0<\/span>;<\/span>\n        <\/span>playing_<\/span> <\/span>=<\/span> <\/span>false<\/span>;<\/span>\n        <\/span>std<\/span>::<\/span>cout<\/span> <\/span><<<\/span> <\/span>\"open \"<\/span> <\/span><<<\/span> <\/span>file_<\/span>-><\/span>kind<\/span>() <\/span><<<\/span> <\/span>\" \\\"\"<\/span> <\/span><<<\/span> <\/span>file_<\/span>-><\/span>name<\/span>()<\/span>\n                  <\/span><<<\/span> <\/span>\"\\\" (\"<\/span> <\/span><<<\/span> <\/span>file_<\/span>-><\/span>seconds<\/span>() <\/span><<<\/span> <\/span>\" s)\"<\/span> <\/span><<<\/span> <\/span>std<\/span>::<\/span>endl<\/span>;<\/span>\n    }<\/span>\n    <\/span>void<\/span> <\/span>play<\/span>() {<\/span>\n        <\/span>if<\/span> (<\/span>!<\/span>file_<\/span>) <\/span>return<\/span>;<\/span>\n        <\/span>playing_<\/span> <\/span>=<\/span> <\/span>true<\/span>;<\/span>\n        <\/span>std<\/span>::<\/span>cout<\/span> <\/span><<<\/span> <\/span>\"play: \"<\/span> <\/span><<<\/span> <\/span>file_<\/span>-><\/span>name<\/span>() <\/span><<<\/span> <\/span>std<\/span>::<\/span>endl<\/span>;<\/span>\n        <\/span>file_<\/span>-><\/span>render<\/span>();                 <\/span>\/\/ \u043f\u043e\u043b\u0438\u043c\u043e\u0440\u0444\u0438\u0437\u043c \u043f\u043e \u0442\u0438\u043f\u0443 \u0444\u0430\u0439\u043b\u0430<\/span>\n    }<\/span>\n    <\/span>void<\/span> <\/span>pause<\/span>() {<\/span>\n        <\/span>playing_<\/span> <\/span>=<\/span> <\/span>false<\/span>;<\/span>\n        <\/span>std<\/span>::<\/span>cout<\/span> <\/span><<<\/span> <\/span>\"pause at \"<\/span> <\/span><<<\/span> <\/span>position_<\/span> <\/span><<<\/span> <\/span>\" s\"<\/span> <\/span><<<\/span> <\/span>std<\/span>::<\/span>endl<\/span>;<\/span>\n    }<\/span>\n    <\/span>void<\/span> <\/span>stop<\/span>() {<\/span>\n        <\/span>playing_<\/span> <\/span>=<\/span> <\/span>false<\/span>;<\/span>\n        <\/span>position_<\/span> <\/span>=<\/span> <\/span>0<\/span>;<\/span>\n        <\/span>std<\/span>::<\/span>cout<\/span> <\/span><<<\/span> <\/span>\"stop\"<\/span> <\/span><<<\/span> <\/span>std<\/span>::<\/span>endl<\/span>;<\/span>\n    }<\/span>\nprivate<\/span>:<\/span>\n    <\/span>const<\/span> <\/span>MediaFile<\/span>*<\/span> <\/span>file_<\/span> <\/span>=<\/span> <\/span>nullptr<\/span>;    <\/span>\/\/ \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435<\/span>\n    <\/span>int<\/span> <\/span>position_<\/span> <\/span>=<\/span> <\/span>0<\/span>;<\/span>\n    <\/span>bool<\/span> <\/span>playing_<\/span> <\/span>=<\/span> <\/span>false<\/span>;<\/span>\n};<\/span>\n\n\/\/ \u041f\u043b\u0435\u0439\u043b\u0438\u0441\u0442: \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u043c\u0435\u0434\u0438\u0430\u0444\u0430\u0439\u043b\u043e\u0432 \u0437\u0430 \u043e\u0431\u0449\u0438\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c<\/span>\nclass<\/span> <\/span>Playlist<\/span> {<\/span>\npublic<\/span>:<\/span>\n    <\/span>void<\/span> <\/span>add<\/span>(<\/span>std<\/span>::<\/span>unique_ptr<\/span><<\/span>MediaFile<\/span>><\/span> <\/span>file<\/span>) {<\/span>\n        <\/span>items_<\/span>.<\/span>push_back<\/span>(<\/span>std<\/span>::<\/span>move<\/span>(<\/span>file<\/span>));<\/span>\n    }<\/span>\n    <\/span>void<\/span> <\/span>playAll<\/span>(<\/span>Player<\/span>&<\/span> <\/span>player<\/span>) <\/span>const<\/span> {<\/span>\n        <\/span>for<\/span> (<\/span>const<\/span> <\/span>auto<\/span>&<\/span> <\/span>item<\/span> <\/span>:<\/span> <\/span>items_<\/span>) {<\/span>\n            <\/span>player<\/span>.<\/span>open<\/span>(<\/span>item<\/span>.<\/span>get<\/span>());<\/span>\n            <\/span>player<\/span>.<\/span>play<\/span>();<\/span>\n        }<\/span>\n    }<\/span>\nprivate<\/span>:<\/span>\n    <\/span>std<\/span>::<\/span>vector<\/span><<\/span>std<\/span>::<\/span>unique_ptr<\/span><<\/span>MediaFile<\/span>>><\/span> <\/span>items_<\/span>;<\/span>\n};<\/span>\n\nint<\/span> <\/span>main<\/span>() {<\/span>\n    <\/span>Playlist<\/span> <\/span>list<\/span>;<\/span>\n    <\/span>list<\/span>.<\/span>add<\/span>(<\/span>std<\/span>::<\/span>make_unique<\/span><<\/span>VideoFile<\/span>><\/span>(<\/span>\"intro.mp4\"<\/span>, <\/span>30<\/span>, <\/span>1080<\/span>));<\/span>\n    <\/span>list<\/span>.<\/span>add<\/span>(<\/span>std<\/span>::<\/span>make_unique<\/span><<\/span>AudioFile<\/span>><\/span>(<\/span>\"theme.mp3\"<\/span>, <\/span>90<\/span>, <\/span>320<\/span>));<\/span>\n\n    <\/span>Player<\/span> <\/span>player<\/span>;<\/span>\n    <\/span>list<\/span>.<\/span>playAll<\/span>(<\/span>player<\/span>);               <\/span>\/\/ \u0440\u0430\u0437\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 render()<\/span>\n    <\/span>player<\/span>.<\/span>pause<\/span>();<\/span>\n    <\/span>player<\/span>.<\/span>stop<\/span>();<\/span>\n    <\/span>return<\/span> <\/span>0<\/span>;<\/span>\n}<\/span><\/code><\/pre>\n
    \u0421\u0431\u043e\u0440\u043a\u0430 \u0438 \u0437\u0430\u043f\u0443\u0441\u043a (g++, C++17):<\/p>\n
    g++ <\/span>-std=<\/span>c++17 <\/span>player.cpp <\/span>-o <\/span>player <\/span>&&<\/span> <\/span>.\/player<\/code><\/pre>\n
    \u041e\u0436\u0438\u0434\u0430\u0435\u043c\u044b\u0439 \u0432\u044b\u0432\u043e\u0434:<\/p>\n
    open video "intro.mp4" (30 s)\nplay: intro.mp4\n  frames 1080p\nopen audio "theme.mp3" (90 s)\nplay: theme.mp3\n  sound 320 kbps\npause at 0 s\nstop\n<\/code><\/pre>\n
    playAll<\/code> \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0443 \u043e\u0431\u043e\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 render()<\/code>, \u043d\u043e \u0443 \u0432\u0438\u0434\u0435\u043e \u043f\u0435\u0447\u0430\u0442\u0430\u044e\u0442\u0441\u044f \u043a\u0430\u0434\u0440\u044b, \u0430 \u0443 \u0430\u0443\u0434\u0438\u043e — \u0431\u0438\u0442\u0440\u0435\u0439\u0442. \u042d\u0442\u043e \u043f\u043e\u043b\u0438\u043c\u043e\u0440\u0444\u0438\u0437\u043c \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438.<\/p>\n
    \u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f: \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043c\u0435\u0434\u0438\u0430\u0444\u0430\u0439\u043b\u0430<\/h2>\n
    \u041a\u043b\u0430\u0441\u0441 MediaFile<\/code> \u043e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u0442, \u0447\u0442\u043e \u0443\u043c\u0435\u0435\u0442 \u043b\u044e\u0431\u043e\u0439 \u0444\u0430\u0439\u043b, \u043d\u043e \u043d\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043a\u0430\u043a. \u0414\u0432\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 \u043f\u043e\u043c\u0435\u0447\u0435\u043d\u044b = 0<\/code> — \u044d\u0442\u043e \u0447\u0438\u0441\u0442\u044b\u0435 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b<\/strong>. \u041a\u043b\u0430\u0441\u0441 \u0445\u043e\u0442\u044f \u0431\u044b \u0441 \u043e\u0434\u043d\u0438\u043c \u0442\u0430\u043a\u0438\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u043c<\/strong>: \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0435\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043d\u0435\u043b\u044c\u0437\u044f, \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u044b. \u0412 C++ \u043d\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043b\u043e\u0432\u0430 interface<\/code>: \u0440\u043e\u043b\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0438\u0433\u0440\u0430\u0435\u0442 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 (\u0443 \u043d\u0430\u0448\u0435\u0433\u043e MediaFile<\/code> \u0435\u0441\u0442\u044c \u0438 \u043e\u0431\u0449\u0438\u0435 \u043f\u043e\u043b\u044f name_<\/code>\/seconds_<\/code>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044d\u0442\u043e \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441, \u0430 \u043d\u0435 \u0447\u0438\u0441\u0442\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441).<\/p>\n
    \u041f\u043e\u043f\u044b\u0442\u043a\u0430 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 — \u0442\u0438\u043f\u043e\u0432\u0430\u044f \u043e\u0448\u0438\u0431\u043a\u0430 \u043d\u043e\u0432\u0438\u0447\u043a\u0430 (\u043d\u0435\u0432\u0435\u0440\u043d\u044b\u0439 \u043a\u043e\u0434, \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442, \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435):<\/p>\n
    MediaFile<\/span> <\/span>file<\/span>(<\/span>\"intro.mp4\"<\/span>, <\/span>30<\/span>);   <\/span>\/\/ \u043f\u043e\u043f\u044b\u0442\u043a\u0430 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430<\/span><\/code><\/pre>\n
    \u041a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 g++ \u043e\u0442\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c:<\/p>\n
    error: cannot declare variable 'file' to be of abstract type 'MediaFile'\nnote:   because the following virtual functions are pure within 'MediaFile'\n<\/code><\/pre>\n
    \u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435: \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0442\u0438\u043f \u0438 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u0447\u0435\u0440\u0435\u0437 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043d\u0430 \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441.<\/p>\n
    std<\/span>::<\/span>unique_ptr<\/span><<\/span>MediaFile<\/span>><\/span> <\/span>file<\/span> <\/span>=<\/span> <\/span>std<\/span>::<\/span>make_unique<\/span><<\/span>VideoFile<\/span>><\/span>(<\/span>\"intro.mp4\"<\/span>, <\/span>30<\/span>, <\/span>1080<\/span>);<\/span><\/code><\/pre>\n
    \u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435: \u0432\u0438\u0434\u0435\u043e \u0438 \u0430\u0443\u0434\u0438\u043e<\/h2>\n
    VideoFile<\/code> \u0438 AudioFile<\/code> \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u044b \u043a\u0430\u043a : public MediaFile<\/code> \u0438 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u0438 \u043f\u043e\u043b\u044f \u0431\u0430\u0437\u044b, \u0430 \u0441\u0432\u043e\u0438 kind()<\/code> \u0438 render()<\/code> \u043f\u043e\u043c\u0435\u0447\u0430\u044e\u0442 \u0441\u043b\u043e\u0432\u043e\u043c override<\/code>. \u041e\u043d\u043e \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e: \u043f\u0440\u0438 \u043d\u0435\u0441\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0438 \u0441\u0438\u0433\u043d\u0430\u0442\u0443\u0440\u044b \u0441 \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0431\u0430\u0437\u044b \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 \u043f\u043e\u0439\u043c\u0430\u0435\u0442 \u043e\u0448\u0438\u0431\u043a\u0443 \u0441\u0440\u0430\u0437\u0443. \u041a\u0430\u0436\u0434\u044b\u0439 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u0432\u043e\u0438 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 — \u0432\u044b\u0441\u043e\u0442\u0443 \u043a\u0430\u0434\u0440\u0430 \u0438\u043b\u0438 \u0431\u0438\u0442\u0440\u0435\u0439\u0442.<\/p>\n
    \u041f\u043e\u043b\u0438\u043c\u043e\u0440\u0444\u0438\u0437\u043c: \u043e\u0434\u0438\u043d \u0432\u044b\u0437\u043e\u0432 — \u0440\u0430\u0437\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/h2>\n
    \u041f\u043e\u043b\u0438\u043c\u043e\u0440\u0444\u0438\u0437\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0447\u0435\u0440\u0435\u0437 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b<\/strong> \u0438 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c (\u0438\u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0443) \u043d\u0430 \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441. \u041a\u043e\u0433\u0434\u0430 Player::play()<\/code> \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 file_->render()<\/code>, \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0442\u0438\u043f file_<\/code> — \u044d\u0442\u043e const MediaFile*<\/code>, \u043d\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u0437\u0430 \u043d\u0438\u043c — VideoFile<\/code> \u0438\u043b\u0438 AudioFile<\/code>, \u0438 C++ \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u043f\u043e \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0442\u0438\u043f\u0443 (\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0434\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440\u0438\u0437\u0430\u0446\u0438\u044f).<\/p>\n
    \u0412\u0430\u0436\u043d\u0430\u044f \u0433\u0440\u0430\u043d\u0438\u0446\u0430: \u0434\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u0432\u044b\u0437\u043e\u0432\u0435 \u0447\u0435\u0440\u0435\u0437 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u0438\u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u0442\u0438\u043f. \u0415\u0441\u043b\u0438 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0430 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043f\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e, \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 \u0441\u0440\u0435\u0437\u043a\u0430<\/strong> (object slicing) — \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043f\u043e\u0442\u0435\u0440\u044f\u0435\u0442\u0441\u044f. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 Playlist<\/code> \u0445\u0440\u0430\u043d\u0438\u0442 std::vector<std::unique_ptr<MediaFile>><\/code>, \u0430 \u043d\u0435 std::vector<MediaFile><\/code>; unique_ptr<\/code> \u0437\u0430\u043e\u0434\u043d\u043e \u0441\u0430\u043c \u043e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0430\u0435\u0442 \u043f\u0430\u043c\u044f\u0442\u044c.<\/p>\n
    \u0417\u0434\u0435\u0441\u044c \u0436\u0435 \u044f\u0441\u043d\u043e, \u0437\u0430\u0447\u0435\u043c \u0434\u0435\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 \u043f\u043e\u043c\u0435\u0447\u0435\u043d virtual<\/code>. \u0411\u0435\u0437 \u044d\u0442\u043e\u0433\u043e \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u0430 \u0447\u0435\u0440\u0435\u0437 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043d\u0430 \u0431\u0430\u0437\u0443 — \u043d\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435: \u0432\u044b\u0437\u0432\u0430\u043b\u0441\u044f \u0431\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u0435\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438. \u0412\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0435\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442 \u0432\u044b\u0437\u043e\u0432 \u0434\u0435\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0430 \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0442\u0438\u043f\u0430.<\/p>\n
    \u0418\u043d\u043a\u0430\u043f\u0441\u0443\u043b\u044f\u0446\u0438\u044f: \u043a\u043b\u0430\u0441\u0441 Player \u043f\u0440\u044f\u0447\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435<\/h2>\n
    Player<\/code> \u0445\u0440\u0430\u043d\u0438\u0442 \u0442\u0440\u0438 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0445 \u043f\u043e\u043b\u044f: \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0444\u0430\u0439\u043b, \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0438 \u0444\u043b\u0430\u0433 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f. \u0421\u043d\u0430\u0440\u0443\u0436\u0438 \u043a \u043d\u0438\u043c \u043d\u0435 \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f — \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b open<\/code>, play<\/code>, pause<\/code>, stop<\/code>. \u042d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c \u0438\u043d\u043a\u0430\u043f\u0441\u0443\u043b\u044f\u0446\u0438\u044f: \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043a\u043b\u0430\u0441\u0441\u0430 \u043d\u0430\u0436\u0438\u043c\u0430\u0435\u0442 \u043a\u043d\u043e\u043f\u043a\u0438, \u043d\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u0440\u0442\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e. \u0422\u0430\u043a\u043e\u0439 \u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442 \u0434\u0430\u0435\u0442 \u0441\u0432\u043e\u0431\u043e\u0434\u0443 \u043c\u0435\u043d\u044f\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e: \u0441\u0435\u0433\u043e\u0434\u043d\u044f position_<\/code> — \u043f\u0440\u043e\u0441\u0442\u043e \u0447\u0438\u0441\u043b\u043e, \u0437\u0430\u0432\u0442\u0440\u0430 \u0437\u0430 \u043d\u0438\u043c \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0442\u0430\u0439\u043c\u0435\u0440, \u0430 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u043a\u043e\u0434 \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u0441\u044f.<\/p>\n
    \u0413\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u043e\u0434\u0435\u043b\u0438<\/h2>\n
    \u042d\u0442\u043e \u0443\u0447\u0435\u0431\u043d\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c, \u0438 \u0435\u0435 \u043f\u0440\u0435\u0434\u0435\u043b\u044b \u0441\u0442\u043e\u0438\u0442 \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u044f\u0432\u043d\u043e. render()<\/code> \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u0435\u043a\u043e\u0434\u0438\u0440\u0443\u0435\u0442 — \u043e\u043d \u043f\u0435\u0447\u0430\u0442\u0430\u0435\u0442 \u0441\u0442\u0440\u043e\u043a\u0443 \u0432\u043c\u0435\u0441\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u043e\u0442\u043e\u043a\u043e\u043c \u0431\u0430\u0439\u0442\u043e\u0432. \u0412 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u043c \u043f\u043b\u0435\u0435\u0440\u0435 \u0442\u0443\u0442 \u0441\u0442\u043e\u0438\u0442 \u043a\u043e\u043d\u0432\u0435\u0439\u0435\u0440 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043c\u0435\u0434\u0438\u0430: \u0434\u0435\u043c\u0443\u043b\u044c\u0442\u0438\u043f\u043b\u0435\u043a\u0441\u043e\u0440 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430, \u0434\u0435\u043a\u043e\u0434\u0435\u0440 \u043a\u043e\u0434\u0435\u043a\u0430 (H.264, AAC \u0438 \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0435), \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0430\u0443\u0434\u0438\u043e \u0438 \u0432\u0438\u0434\u0435\u043e. \u041d\u043e \u0441\u0430\u043c\u0438 \u043a\u043b\u0430\u0441\u0441\u044b, \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u044b \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0432\u044b\u0448\u0435.<\/p>\n
    \u0412\u044b\u0432\u043e\u0434\u044b<\/h2>\n