You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2569 lines
117 KiB
2569 lines
117 KiB
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<!--[if IE 6]><html class="ie lt-ie8"><![endif]-->
|
||
|
|
<!--[if IE 7]><html class="ie lt-ie8"><![endif]-->
|
||
|
|
<!--[if IE 8]><html class="ie ie8"><![endif]-->
|
||
|
|
<!--[if IE 9]><html class="ie ie9"><![endif]-->
|
||
|
|
<!--[if !IE]><!-->
|
||
|
|
<html><!--<![endif]--><head>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
|
||
|
|
|
||
|
|
<!-- Start of Baidu Transcode -->
|
||
|
|
<meta http-equiv="Cache-Control" content="no-siteapp">
|
||
|
|
<meta http-equiv="Cache-Control" content="no-transform">
|
||
|
|
<meta name="applicable-device" content="pc,mobile">
|
||
|
|
<meta name="MobileOptimized" content="width">
|
||
|
|
<meta name="HandheldFriendly" content="true">
|
||
|
|
<meta name="mobile-agent" content="format=html5;url=https://www.jianshu.com/p/9d8322e5de7f">
|
||
|
|
<!-- End of Baidu Transcode -->
|
||
|
|
|
||
|
|
<meta name="description" content="FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。它提供了录制、转换以及流化音视频的完整解决方案。 1.环境搭建 操作系统：Ubuntu 16.04 64bitNDK版本：android-ndk-r14b-linux-x86_64FFmpeg版本：3.4.2 NDK 下载地址 FFmpeg 下载地址 将NDK和FFmpeg源码解压至指定目录，文中解压在了H...">
|
||
|
|
|
||
|
|
<meta name="360-site-verification" content="604a14b53c6b871206001285921e81d8">
|
||
|
|
<meta property="wb:webmaster" content="294ec9de89e7fadb">
|
||
|
|
<meta property="qc:admins" content="104102651453316562112116375">
|
||
|
|
<meta property="qc:admins" content="11635613706305617">
|
||
|
|
<meta property="qc:admins" content="1163561616621163056375">
|
||
|
|
<meta name="google-site-verification" content="cV4-qkUJZR6gmFeajx_UyPe47GW9vY6cnCrYtCHYNh4">
|
||
|
|
<meta name="google-site-verification" content="HF7lfF8YEGs1qtCE-kPml8Z469e2RHhGajy6JPVy5XI">
|
||
|
|
<meta http-equiv="mobile-agent" content="format=html5; url=https://www.jianshu.com/p/9d8322e5de7f">
|
||
|
|
|
||
|
|
<!-- Apple -->
|
||
|
|
<meta name="apple-mobile-web-app-title" content="简书">
|
||
|
|
|
||
|
|
<!-- Meta for Smart App Banner -->
|
||
|
|
<meta name="apple-itunes-app" content="app-id=888237539, app-argument=jianshu://notes/24807649">
|
||
|
|
<!-- End -->
|
||
|
|
|
||
|
|
<!-- Meta for Twitter Card -->
|
||
|
|
<meta content="summary" property="twitter:card">
|
||
|
|
<meta content="@jianshucom" property="twitter:site">
|
||
|
|
<meta content="Android NDK开发（三） 在Linux环境下编译FFmpeg" property="twitter:title">
|
||
|
|
<meta content="FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。它提供了录制、转换以及流化音视频的完整解决方案。 1.环境搭建 操作系统：Ubuntu ..." property="twitter:description">
|
||
|
|
<meta content="https://www.jianshu.com/p/9d8322e5de7f" property="twitter:url">
|
||
|
|
<!-- End -->
|
||
|
|
|
||
|
|
<!-- Meta for OpenGraph -->
|
||
|
|
<meta property="fb:app_id" content="865829053512461">
|
||
|
|
<meta property="og:site_name" content="简书">
|
||
|
|
<meta property="og:title" content="Android NDK开发（三） 在Linux环境下编译FFmpeg">
|
||
|
|
<meta property="og:type" content="article">
|
||
|
|
<meta property="og:url" content="https://www.jianshu.com/p/9d8322e5de7f">
|
||
|
|
<meta property="og:description" content="FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。它提供了录制、转换以及流化音视频的完整解决方案。 1.环境搭建 操作系统：Ubuntu 16.04 64bi...">
|
||
|
|
<!-- End -->
|
||
|
|
|
||
|
|
<!-- Meta for Facebook Applinks -->
|
||
|
|
<meta property="al:ios:url" content="jianshu://notes/24807649">
|
||
|
|
<meta property="al:ios:app_store_id" content="888237539">
|
||
|
|
<meta property="al:ios:app_name" content="简书">
|
||
|
|
|
||
|
|
<meta property="al:android:url" content="jianshu://notes/24807649">
|
||
|
|
<meta property="al:android:package" content="com.jianshu.haruki">
|
||
|
|
<meta property="al:android:app_name" content="简书">
|
||
|
|
<!-- End -->
|
||
|
|
|
||
|
|
|
||
|
|
<title>Android NDK开发（三） 在Linux环境下编译FFmpeg - 简书</title>
|
||
|
|
|
||
|
|
<meta name="csrf-param" content="authenticity_token">
|
||
|
|
<meta name="csrf-token" content="nn+u1BiTQOCLktploq5Y+3jow6z5vcAuuIMw4z7tNObbCPt+yNOieIe0TzueP8ahNgnnbs7fL+Erkdl7Y5+v8Q==">
|
||
|
|
|
||
|
|
<link rel="stylesheet" media="all" href="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/web-274d6a76417c1f7a7da5.css">
|
||
|
|
|
||
|
|
<link rel="stylesheet" media="all" href="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/entry-aa75deb505b1b600256a.css">
|
||
|
|
|
||
|
|
<link href="https://cdn2.jianshu.io/assets/favicons/favicon-e743bfb1821442341c3ab15bdbe804f7ad97676bd07a770ccc9483473aa76f06.ico" rel="shortcut icon" type="image/x-icon">
|
||
|
|
<link rel="apple-touch-icon-precomposed" href="https://cdn2.jianshu.io/assets/apple-touch-icons/57-a6f1f1ee62ace44f6dc2f6a08575abd3c3b163288881c78dd8d75247682a4b27.png" sizes="57x57">
|
||
|
|
<link rel="apple-touch-icon-precomposed" href="https://cdn2.jianshu.io/assets/apple-touch-icons/72-fb9834bcfce738fd7b9c5e31363e79443e09a81a8e931170b58bc815387c1562.png" sizes="72x72">
|
||
|
|
<link rel="apple-touch-icon-precomposed" href="https://cdn2.jianshu.io/assets/apple-touch-icons/76-49d88e539ff2489475d603994988d871219141ecaa0b1a7a9a1914f4fe3182d6.png" sizes="76x76">
|
||
|
|
<link rel="apple-touch-icon-precomposed" href="https://cdn2.jianshu.io/assets/apple-touch-icons/114-24252fe693524ed3a9d0905e49bff3cbd0228f25a320aa09053c2ebb4955de97.png" sizes="114x114">
|
||
|
|
<link rel="apple-touch-icon-precomposed" href="https://cdn2.jianshu.io/assets/apple-touch-icons/120-1bb7371f5e87f93ce780a5f1a05ff1b176828ee0d1d130e768575918a2e05834.png" sizes="120x120">
|
||
|
|
<link rel="apple-touch-icon-precomposed" href="https://cdn2.jianshu.io/assets/apple-touch-icons/152-bf209460fc1c17bfd3e2b84c8e758bc11ca3e570fd411c3bbd84149b97453b99.png" sizes="152x152">
|
||
|
|
|
||
|
|
<!-- Start of 访问统计 -->
|
||
|
|
<script src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/push.js"></script><script src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/hm.js"></script><script>
|
||
|
|
var _hmt = _hmt || [];
|
||
|
|
(function() {
|
||
|
|
var hm = document.createElement("script");
|
||
|
|
hm.src = "//hm.baidu.com/hm.js?0c0e9d9b1e7d617b3e6842e85b9fb068";
|
||
|
|
var s = document.getElementsByTagName("script")[0];
|
||
|
|
s.parentNode.insertBefore(hm, s);
|
||
|
|
})();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- End of 访问统计 -->
|
||
|
|
<style type="text/css">@charset "UTF-8";.image-package .image-container{position:relative;z-index:2;background-color:#eee;-webkit-transition:background-color .1s linear;-o-transition:background-color .1s linear;transition:background-color .1s linear;margin:0 auto}body.reader-night-mode .image-package .image-container{background-color:#545454}.image-package .image-container-fill{z-index:1}.image-package .image-container .image-view{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.image-package .image-container .image-view-error:after{content:"图片获取失败，请点击重试";position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#888;font-size:14px}.image-package .image-container .image-view img.image-loading{opacity:.3}.image-package .image-container .image-view img{-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;z-index:2;opacity:1}</style><style type="text/css">fieldset[disabled] .multiselect {
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__spinner {
|
||
|
|
position: absolute;
|
||
|
|
right: 1px;
|
||
|
|
top: 1px;
|
||
|
|
width: 48px;
|
||
|
|
height: 35px;
|
||
|
|
background: #fff;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__spinner:after,
|
||
|
|
.multiselect__spinner:before {
|
||
|
|
position: absolute;
|
||
|
|
content: "";
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
margin: -8px 0 0 -8px;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
border-radius: 100%;
|
||
|
|
border-color: #41b883 transparent transparent;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 2px;
|
||
|
|
box-shadow: 0 0 0 1px transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__spinner:before {
|
||
|
|
animation: a 2.4s cubic-bezier(.41,.26,.2,.62);
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__spinner:after {
|
||
|
|
animation: a 2.4s cubic-bezier(.51,.09,.21,.8);
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__loading-enter-active,
|
||
|
|
.multiselect__loading-leave-active {
|
||
|
|
transition: opacity .4s ease-in-out;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__loading-enter,
|
||
|
|
.multiselect__loading-leave-active {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect,
|
||
|
|
.multiselect__input,
|
||
|
|
.multiselect__single {
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: 14px;
|
||
|
|
-ms-touch-action: manipulation;
|
||
|
|
touch-action: manipulation;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect {
|
||
|
|
box-sizing: content-box;
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
min-height: 40px;
|
||
|
|
text-align: left;
|
||
|
|
color: #35495e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect * {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect--disabled {
|
||
|
|
opacity: .6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect--active {
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect--active:not(.multiselect--above) .multiselect__current,
|
||
|
|
.multiselect--active:not(.multiselect--above) .multiselect__input,
|
||
|
|
.multiselect--active:not(.multiselect--above) .multiselect__tags {
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect--active .multiselect__select {
|
||
|
|
transform: rotate(180deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect--above.multiselect--active .multiselect__current,
|
||
|
|
.multiselect--above.multiselect--active .multiselect__input,
|
||
|
|
.multiselect--above.multiselect--active .multiselect__tags {
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-top-right-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__input,
|
||
|
|
.multiselect__single {
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
min-height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
border: none;
|
||
|
|
border-radius: 5px;
|
||
|
|
background: #fff;
|
||
|
|
padding: 0 0 0 5px;
|
||
|
|
width: 100%;
|
||
|
|
transition: border .1s ease;
|
||
|
|
box-sizing: border-box;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__tag~.multiselect__input,
|
||
|
|
.multiselect__tag~.multiselect__single {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__input:hover,
|
||
|
|
.multiselect__single:hover {
|
||
|
|
border-color: #cfcfcf;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__input:focus,
|
||
|
|
.multiselect__single:focus {
|
||
|
|
border-color: #a8a8a8;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__single {
|
||
|
|
padding-left: 6px;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__tags-wrap {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__tags {
|
||
|
|
min-height: 40px;
|
||
|
|
display: block;
|
||
|
|
padding: 8px 40px 0 8px;
|
||
|
|
border-radius: 5px;
|
||
|
|
border: 1px solid #e8e8e8;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__tag {
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
padding: 4px 26px 4px 10px;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin-right: 10px;
|
||
|
|
color: #fff;
|
||
|
|
line-height: 1;
|
||
|
|
background: #41b883;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
max-width: 100%;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__tag-icon {
|
||
|
|
cursor: pointer;
|
||
|
|
margin-left: 7px;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
font-weight: 700;
|
||
|
|
font-style: normal;
|
||
|
|
width: 22px;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 22px;
|
||
|
|
transition: all .2s ease;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__tag-icon:after {
|
||
|
|
content: "\D7";
|
||
|
|
color: #266d4d;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__tag-icon:focus,
|
||
|
|
.multiselect__tag-icon:hover {
|
||
|
|
background: #369a6e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__tag-icon:focus:after,
|
||
|
|
.multiselect__tag-icon:hover:after {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__current {
|
||
|
|
min-height: 40px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 8px 12px 0;
|
||
|
|
padding-right: 30px;
|
||
|
|
white-space: nowrap;
|
||
|
|
border-radius: 5px;
|
||
|
|
border: 1px solid #e8e8e8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__current,
|
||
|
|
.multiselect__select {
|
||
|
|
line-height: 16px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: block;
|
||
|
|
margin: 0;
|
||
|
|
text-decoration: none;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__select {
|
||
|
|
position: absolute;
|
||
|
|
width: 40px;
|
||
|
|
height: 38px;
|
||
|
|
right: 1px;
|
||
|
|
top: 1px;
|
||
|
|
padding: 4px 8px;
|
||
|
|
text-align: center;
|
||
|
|
transition: transform .2s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__select:before {
|
||
|
|
position: relative;
|
||
|
|
right: 0;
|
||
|
|
top: 65%;
|
||
|
|
color: #999;
|
||
|
|
margin-top: 4px;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 5px 5px 0;
|
||
|
|
border-color: #999 transparent transparent;
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__placeholder {
|
||
|
|
color: #adadad;
|
||
|
|
display: inline-block;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding-top: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect--active .multiselect__placeholder {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__content-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
display: block;
|
||
|
|
background: #fff;
|
||
|
|
width: 100%;
|
||
|
|
max-height: 240px;
|
||
|
|
overflow: auto;
|
||
|
|
border: 1px solid #e8e8e8;
|
||
|
|
border-top: none;
|
||
|
|
border-bottom-left-radius: 5px;
|
||
|
|
border-bottom-right-radius: 5px;
|
||
|
|
z-index: 1;
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__content {
|
||
|
|
list-style: none;
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
min-width: 100%;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect--above .multiselect__content-wrapper {
|
||
|
|
bottom: 100%;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
border-top-left-radius: 5px;
|
||
|
|
border-top-right-radius: 5px;
|
||
|
|
border-bottom: none;
|
||
|
|
border-top: 1px solid #e8e8e8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__content::webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__element {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option {
|
||
|
|
display: block;
|
||
|
|
padding: 12px;
|
||
|
|
min-height: 40px;
|
||
|
|
line-height: 16px;
|
||
|
|
text-decoration: none;
|
||
|
|
text-transform: none;
|
||
|
|
vertical-align: middle;
|
||
|
|
position: relative;
|
||
|
|
cursor: pointer;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option:after {
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
position: absolute;
|
||
|
|
line-height: 40px;
|
||
|
|
padding-right: 12px;
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option--highlight {
|
||
|
|
background: #41b883;
|
||
|
|
outline: none;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option--highlight:after {
|
||
|
|
content: attr(data-select);
|
||
|
|
background: #41b883;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option--selected {
|
||
|
|
background: #f3f3f3;
|
||
|
|
color: #35495e;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option--selected:after {
|
||
|
|
content: attr(data-selected);
|
||
|
|
color: silver;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option--selected.multiselect__option--highlight {
|
||
|
|
background: #ff6a6a;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option--selected.multiselect__option--highlight:after {
|
||
|
|
background: #ff6a6a;
|
||
|
|
content: attr(data-deselect);
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect--disabled {
|
||
|
|
background: #ededed;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect--disabled .multiselect__current,
|
||
|
|
.multiselect--disabled .multiselect__select,
|
||
|
|
.multiselect__option--disabled {
|
||
|
|
background: #ededed;
|
||
|
|
color: #a6a6a6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option--disabled {
|
||
|
|
cursor: text;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__option--disabled.multiselect__option--highlight {
|
||
|
|
background: #dedede!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect-enter-active,
|
||
|
|
.multiselect-leave-active {
|
||
|
|
transition: all .15s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect-enter,
|
||
|
|
.multiselect-leave-active {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiselect__strong {
|
||
|
|
margin-bottom: 8px;
|
||
|
|
line-height: 20px;
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] .multiselect {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] .multiselect__select {
|
||
|
|
right: auto;
|
||
|
|
left: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] .multiselect__tags {
|
||
|
|
padding: 8px 8px 0 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] .multiselect__content {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] .multiselect__option:after {
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] .multiselect__clear {
|
||
|
|
right: auto;
|
||
|
|
left: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] .multiselect__spinner {
|
||
|
|
right: auto;
|
||
|
|
left: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes a {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0);
|
||
|
|
}
|
||
|
|
|
||
|
|
to {
|
||
|
|
transform: rotate(2turn);
|
||
|
|
}
|
||
|
|
}</style><style type="text/css">
|
||
|
|
#free-reward-panel .reward-users-modal main {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
* 变量
|
||
|
|
*/
|
||
|
|
.reward-note-modal .v-modal {
|
||
|
|
width: 620px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal form {
|
||
|
|
margin: 0 auto 25px auto;
|
||
|
|
padding: 0 40px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .reward-intro {
|
||
|
|
margin-top: 20px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .reward-intro .avatar {
|
||
|
|
cursor: default !important;
|
||
|
|
width: 36px;
|
||
|
|
height: 36px;
|
||
|
|
margin-right: 10px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .reward-intro .intro {
|
||
|
|
margin-right: 5px;
|
||
|
|
font-weight: bold;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .reward-intro i {
|
||
|
|
color: #EA6F5A;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs {
|
||
|
|
margin: 25px 0;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group {
|
||
|
|
margin: 0 -5px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group input {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group input:checked + .option {
|
||
|
|
color: #EA6F5A;
|
||
|
|
border-color: #EA6F5A;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .custom-amount:checked + .option .custom-text {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .custom-amount:checked + .option .custom-amount-input {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .option {
|
||
|
|
position: relative;
|
||
|
|
margin: 0 5px 15px;
|
||
|
|
width: 156px;
|
||
|
|
height: 56px;
|
||
|
|
line-height: 54px;
|
||
|
|
border: 1px solid #E6E6E6;
|
||
|
|
border-radius: 4px;
|
||
|
|
font-weight: normal;
|
||
|
|
color: #999999;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .option i {
|
||
|
|
font-size: 16px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .option .amount {
|
||
|
|
font-size: 28px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .option .piece {
|
||
|
|
font-size: 13px;
|
||
|
|
vertical-align: sub;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .option .custom-amount-input {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
z-index: -1;
|
||
|
|
width: 100%;
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .option .custom-amount-input i {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 10px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .option .custom-amount-input .piece {
|
||
|
|
position: absolute;
|
||
|
|
top: 4px;
|
||
|
|
right: 10px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .option .custom-amount-input input {
|
||
|
|
display: block;
|
||
|
|
margin: 0 auto;
|
||
|
|
width: 80px;
|
||
|
|
height: 54px;
|
||
|
|
line-height: 54px;
|
||
|
|
border: none;
|
||
|
|
font-size: 28px;
|
||
|
|
text-align: center;
|
||
|
|
background: transparent;
|
||
|
|
-moz-appearance: textfield;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .amount-group .option .custom-amount-input input::-webkit-outer-spin-button, .reward-note-modal .v-modal .main-inputs .amount-group .option .custom-amount-input input::-webkit-inner-spin-button {
|
||
|
|
-webkit-appearance: none !important;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .message {
|
||
|
|
padding: 15px 20px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
font-size: 14px;
|
||
|
|
border: 1px solid #E6E6E6;
|
||
|
|
color: #333333;
|
||
|
|
border-radius: 4px;
|
||
|
|
background-color: rgba(180, 180, 180, 0.1);
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .message textarea {
|
||
|
|
width: 100%;
|
||
|
|
height: 44px;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
resize: none;
|
||
|
|
background: none !important;
|
||
|
|
border: none !important;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .main-inputs .message textarea:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .reward-info .amount {
|
||
|
|
font-size: 28px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #EA6F5A;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .reward-info .pay-method {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .reward-info .pay-method a {
|
||
|
|
color: #3194D0;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .choose-pay {
|
||
|
|
margin: 0 -5px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .choose-pay input {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .choose-pay input:checked + .option {
|
||
|
|
color: #EA6F5A;
|
||
|
|
border-color: #EA6F5A;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .choose-pay .option {
|
||
|
|
margin: 20px 5px 10px;
|
||
|
|
width: 156px;
|
||
|
|
height: 56px;
|
||
|
|
line-height: 54px;
|
||
|
|
text-align: center;
|
||
|
|
border: 1px solid #E6E6E6;
|
||
|
|
border-radius: 4px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .choose-pay .option img {
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .choose-pay .option img.day.alipay, .reward-note-modal .v-modal .choose-pay .option img.night.alipay {
|
||
|
|
min-width: 85px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .choose-pay .option img.day.wechat, .reward-note-modal .v-modal .choose-pay .option img.night.wechat {
|
||
|
|
min-width: 112px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .choose-pay .option img.night {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
body.reader-night-mode .reward-note-modal .v-modal .choose-pay .option img.night {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
body.reader-night-mode .reward-note-modal .v-modal .choose-pay .option img.day {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .choose-pay .tooltip {
|
||
|
|
width: 230px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .modal-footer {
|
||
|
|
padding: 0 15px 20px;
|
||
|
|
border: none;
|
||
|
|
background-color: transparent;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .modal-footer .btn {
|
||
|
|
padding: 8px 45px;
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
.reward-note-modal .v-modal .btn-pay {
|
||
|
|
padding: 8px 25px;
|
||
|
|
font-size: 16px;
|
||
|
|
color: #ffffff;
|
||
|
|
background-color: #F5A623;
|
||
|
|
}
|
||
|
|
.weixin-pay, .success-pay {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.weixin-pay .v-modal, .success-pay .v-modal {
|
||
|
|
width: 350px;
|
||
|
|
}
|
||
|
|
.weixin-pay .ic-successed, .success-pay .ic-successed {
|
||
|
|
font-size: 60px;
|
||
|
|
color: #3db922;
|
||
|
|
}
|
||
|
|
.weixin-pay h2, .weixin-pay h3, .success-pay h2, .success-pay h3 {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.weixin-pay h2, .success-pay h2 {
|
||
|
|
margin: 0 0 40px 0;
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
.weixin-pay .bind-text, .success-pay .bind-text {
|
||
|
|
position: relative;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.weixin-pay .bind-text:before, .weixin-pay .bind-text:after, .success-pay .bind-text:before, .success-pay .bind-text:after {
|
||
|
|
content: "";
|
||
|
|
border-top: 1px solid #999;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
width: 40px;
|
||
|
|
top: 8px;
|
||
|
|
}
|
||
|
|
.weixin-pay .bind-text:before, .success-pay .bind-text:before {
|
||
|
|
left: 30px;
|
||
|
|
}
|
||
|
|
.weixin-pay .bind-text:after, .success-pay .bind-text:after {
|
||
|
|
right: 30px;
|
||
|
|
}
|
||
|
|
.weixin-pay .share-bind, .success-pay .share-bind {
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.weixin-pay .share-bind i, .success-pay .share-bind i {
|
||
|
|
margin-right: 4px;
|
||
|
|
font-size: 22px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.weixin-pay .share-bind.wechat i, .success-pay .share-bind.wechat i {
|
||
|
|
color: #00BB29;
|
||
|
|
}
|
||
|
|
.weixin-pay .share-bind.weibo i, .success-pay .share-bind.weibo i {
|
||
|
|
color: #E05244;
|
||
|
|
}
|
||
|
|
.weixin-pay .wx-qr-code, .success-pay .wx-qr-code {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.weixin-pay .wx-qr-code img, .success-pay .wx-qr-code img {
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 10px;
|
||
|
|
width: 200px;
|
||
|
|
background-color: #ffffff;
|
||
|
|
}
|
||
|
|
.weixin-pay .pay-amount, .success-pay .pay-amount {
|
||
|
|
margin: 20px 0;
|
||
|
|
color: #787878;
|
||
|
|
}
|
||
|
|
.weixin-pay .pay-amount span, .success-pay .pay-amount span {
|
||
|
|
color: #F5A623;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
* 变量
|
||
|
|
*/
|
||
|
|
.v-modal-wrap {
|
||
|
|
position: fixed;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
z-index: 9999;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.v-modal-wrap.modal-leave-active {
|
||
|
|
-webkit-transition: opacity 0.3s;
|
||
|
|
-o-transition: opacity 0.3s;
|
||
|
|
transition: opacity 0.3s;
|
||
|
|
}
|
||
|
|
.v-modal-wrap.modal-enter-active .v-modal-mask, .v-modal-wrap.modal-leave-active .v-modal-mask {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.v-modal-wrap.modal-enter-active .v-modal, .v-modal-wrap.modal-leave-active .v-modal {
|
||
|
|
-webkit-transform: translate(-50%, -70%);
|
||
|
|
-ms-transform: translate(-50%, -70%);
|
||
|
|
transform: translate(-50%, -70%);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal-mask {
|
||
|
|
background-color: rgba(255, 255, 255, 0.7);
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
-webkit-transition: opacity 0.3s;
|
||
|
|
-o-transition: opacity 0.3s;
|
||
|
|
transition: opacity 0.3s;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal {
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
-webkit-transform: translate(-50%, -50%);
|
||
|
|
-ms-transform: translate(-50%, -50%);
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
border-radius: 6px;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||
|
|
background-color: #fff;
|
||
|
|
-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
|
||
|
|
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
|
||
|
|
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
|
||
|
|
transition: opacity 0.3s, -webkit-transform 0.3s;
|
||
|
|
-o-transition: opacity 0.3s, transform 0.3s;
|
||
|
|
transition: opacity 0.3s, transform 0.3s;
|
||
|
|
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
|
||
|
|
opacity: 1;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-webkit-flex-direction: column;
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > header:before, .v-modal-wrap .v-modal > header:after, .v-modal-wrap .v-modal > main:before, .v-modal-wrap .v-modal > main:after, .v-modal-wrap .v-modal > footer:before, .v-modal-wrap .v-modal > footer:after {
|
||
|
|
content: '';
|
||
|
|
clear: both;
|
||
|
|
display: table;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > header {
|
||
|
|
padding: 20px;
|
||
|
|
border-bottom: 1px solid #F0F0F0;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > header h4 {
|
||
|
|
margin: 0;
|
||
|
|
color: #333;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal .close {
|
||
|
|
position: absolute;
|
||
|
|
right: 16px;
|
||
|
|
top: 20px;
|
||
|
|
font-size: 26px;
|
||
|
|
line-height: 20px;
|
||
|
|
color: rgba(0, 0, 0, 0.8);
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal .close:hover {
|
||
|
|
color: #000000;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > main {
|
||
|
|
padding: 20px 20px 20px 20px;
|
||
|
|
font-size: 15px;
|
||
|
|
color: #333;
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-webkit-flex-grow: 1;
|
||
|
|
-ms-flex-positive: 1;
|
||
|
|
flex-grow: 1;
|
||
|
|
overflow-x: hidden;
|
||
|
|
overflow-y: auto;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > footer {
|
||
|
|
padding: 20px;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > footer button {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
background-color: transparent;
|
||
|
|
border: 0;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > footer button:focus {
|
||
|
|
outline: 0;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > footer .submit {
|
||
|
|
padding: 4px 12px;
|
||
|
|
border: 1px solid;
|
||
|
|
border-radius: 20px;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > footer .cancel {
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
.v-modal-wrap .v-modal > footer .cancel:hover {
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.reader-night-mode .v-modal-wrap .v-modal-mask {
|
||
|
|
background-color: rgba(63, 63, 63, 0.7);
|
||
|
|
}
|
||
|
|
.reader-night-mode .v-modal-wrap .v-modal {
|
||
|
|
background-color: #3f3f3f;
|
||
|
|
}
|
||
|
|
.reader-night-mode .v-modal-wrap .v-modal header {
|
||
|
|
border-color: #2F2F2F;
|
||
|
|
}
|
||
|
|
.reader-night-mode .v-modal-wrap .v-modal header h4 {
|
||
|
|
color: #C8C8C8;
|
||
|
|
}
|
||
|
|
.reader-night-mode .v-modal-wrap .v-modal .close {
|
||
|
|
color: #C8C8C8;
|
||
|
|
}
|
||
|
|
.reader-night-mode .v-modal-wrap .v-modal .close:hover {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
.reader-night-mode .v-modal-wrap .v-modal main {
|
||
|
|
color: #C8C8C8;
|
||
|
|
}
|
||
|
|
.reader-night-mode .v-modal-wrap .v-modal footer {
|
||
|
|
background-color: #3f3f3f;
|
||
|
|
}
|
||
|
|
.reader-night-mode .v-modal-wrap .v-modal footer .cancel:hover {
|
||
|
|
color: #C8C8C8;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
* 变量
|
||
|
|
*/
|
||
|
|
.youdao-fixed-ad {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
width: 180px;
|
||
|
|
height: 180px;
|
||
|
|
}
|
||
|
|
.youdao-fixed-ad .img {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-size: cover;
|
||
|
|
}
|
||
|
|
.youdao-fixed-ad .ad-badge {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
right: 0;
|
||
|
|
display: block;
|
||
|
|
font-size: 12px;
|
||
|
|
padding: 2px 5px 0 6px;
|
||
|
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
|
color: #fff;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
.yuxi-fixed-ad {
|
||
|
|
position: relative;
|
||
|
|
width: 180px;
|
||
|
|
height: 180px;
|
||
|
|
}
|
||
|
|
.yuxi-fixed-ad .img {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-size: cover;
|
||
|
|
background-image: url(//cdn2.jianshu.io/assets/web/yuxi-ads-d73b364baf42dfeca32d518c819a0136.jpg);
|
||
|
|
}
|
||
|
|
.yuxi-fixed-ad .ad-badge {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
right: 0;
|
||
|
|
display: block;
|
||
|
|
font-size: 12px;
|
||
|
|
padding: 2px 5px 0 6px;
|
||
|
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
|
color: #fff;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
* 变量
|
||
|
|
*/
|
||
|
|
.like[data-v-6ddd02c6] {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.like .like-group[data-v-6ddd02c6] {
|
||
|
|
position: relative;
|
||
|
|
padding: 13px 0 15px 0;
|
||
|
|
font-size: 0;
|
||
|
|
border: 1px solid #EA6F5A;
|
||
|
|
border-radius: 40px;
|
||
|
|
}
|
||
|
|
.like .like-group[data-v-6ddd02c6]:hover {
|
||
|
|
background-color: rgba(236, 97, 73, 0.05);
|
||
|
|
}
|
||
|
|
.like .like-group .btn-like[data-v-6ddd02c6] {
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 19px;
|
||
|
|
}
|
||
|
|
.like .like-group .btn-like[data-v-6ddd02c6]:before {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
left: 12px;
|
||
|
|
top: 2px;
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
background-image: url(//cdn2.jianshu.io/assets/web/like_animation_steps-62a00a7b52377d3069927cdb8e61fd34.png);
|
||
|
|
background-position: left;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 1000px 50px;
|
||
|
|
}
|
||
|
|
.like .like-group .btn-like a[data-v-6ddd02c6] {
|
||
|
|
position: relative;
|
||
|
|
padding: 18px 30px 18px 55px;
|
||
|
|
color: #EA6F5A;
|
||
|
|
}
|
||
|
|
.like .like-group .modal-wrap[data-v-6ddd02c6] {
|
||
|
|
font-size: 18px;
|
||
|
|
border-left: 1px solid rgba(236, 97, 73, 0.4);
|
||
|
|
display: inline-block;
|
||
|
|
margin-left: -15px;
|
||
|
|
}
|
||
|
|
.like .like-group .modal-wrap a[data-v-6ddd02c6] {
|
||
|
|
color: #EA6F5A;
|
||
|
|
padding: 18px 26px 18px 18px;
|
||
|
|
}
|
||
|
|
.like .like-group.like-animation[data-v-6ddd02c6], .like .like-group.active[data-v-6ddd02c6] {
|
||
|
|
background-color: #EA6F5A;
|
||
|
|
}
|
||
|
|
.like .like-group.like-animation .btn-like a[data-v-6ddd02c6], .like .like-group.active .btn-like a[data-v-6ddd02c6] {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.like .like-group.like-animation .modal-wrap[data-v-6ddd02c6], .like .like-group.active .modal-wrap[data-v-6ddd02c6] {
|
||
|
|
border-left: 1px solid white;
|
||
|
|
}
|
||
|
|
.like .like-group.like-animation .modal-wrap a[data-v-6ddd02c6], .like .like-group.active .modal-wrap a[data-v-6ddd02c6] {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.like .like-group.like-animation .btn-like[data-v-6ddd02c6]:before {
|
||
|
|
-webkit-animation: likeBlast-data-v-6ddd02c6 0.6s 1 steps(19);
|
||
|
|
animation: likeBlast-data-v-6ddd02c6 0.6s 1 steps(19);
|
||
|
|
background-position: right;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes likeBlast {
|
||
|
|
0% {
|
||
|
|
background-position: left;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
background-position: right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes likeBlast-data-v-6ddd02c6 {
|
||
|
|
0% {
|
||
|
|
background-position: left;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
background-position: right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.like .like-group.active .btn-like[data-v-6ddd02c6]:before {
|
||
|
|
background-position: right;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
* 变量
|
||
|
|
*/
|
||
|
|
.main {
|
||
|
|
position: relative;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0 0 30px 0;
|
||
|
|
width: 620px;
|
||
|
|
}
|
||
|
|
.main .title {
|
||
|
|
padding-left: 8px;
|
||
|
|
border-left: 3px solid #EA6F5A;
|
||
|
|
line-height: 1;
|
||
|
|
font-size: 15px;
|
||
|
|
}
|
||
|
|
.main .collection-settings {
|
||
|
|
position: absolute;
|
||
|
|
top: 2px;
|
||
|
|
right: 0;
|
||
|
|
font-size: 13px;
|
||
|
|
color: #A0A0A0;
|
||
|
|
}
|
||
|
|
.main .collection-settings span {
|
||
|
|
padding-left: 4px;
|
||
|
|
}
|
||
|
|
.main .include-collection {
|
||
|
|
width: 100%;
|
||
|
|
padding-top: 20px;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: horizontal;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-webkit-flex-direction: row;
|
||
|
|
-ms-flex-direction: row;
|
||
|
|
flex-direction: row;
|
||
|
|
-webkit-box-pack: start;
|
||
|
|
-webkit-justify-content: flex-start;
|
||
|
|
-ms-flex-pack: start;
|
||
|
|
justify-content: flex-start;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-webkit-flex-wrap: wrap;
|
||
|
|
-ms-flex-wrap: wrap;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.main .include-collection .item {
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0 12px 12px 0;
|
||
|
|
min-height: 32px;
|
||
|
|
background-color: white;
|
||
|
|
border: 1px solid #DCDCDC;
|
||
|
|
border-radius: 4px;
|
||
|
|
vertical-align: top;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.main .include-collection .item img {
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
}
|
||
|
|
.main .include-collection .item .name {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0 10px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.main .include-collection .add-collection-wrap {
|
||
|
|
margin: 0 12px 12px 0;
|
||
|
|
}
|
||
|
|
.main .include-collection .add-collection {
|
||
|
|
padding: 8px 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
border: 1px solid #DCDCDC;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.main .include-collection .add-collection i {
|
||
|
|
margin-right: 4px;
|
||
|
|
color: #969696;
|
||
|
|
}
|
||
|
|
.main .recommend-note a {
|
||
|
|
position: relative;
|
||
|
|
margin: 20px 2px 0 0;
|
||
|
|
width: 200px;
|
||
|
|
height: 160px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.main .recommend-note a:after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
width: 200px;
|
||
|
|
height: 160px;
|
||
|
|
border-radius: 0 0 4px 4px;
|
||
|
|
-webkit-box-shadow: inset 0px -80px 50px -22px rgba(0, 0, 0, 0.6);
|
||
|
|
box-shadow: inset 0px -80px 50px -22px rgba(0, 0, 0, 0.6);
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.main .recommend-note .name {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 40px;
|
||
|
|
left: 10px;
|
||
|
|
right: 10px;
|
||
|
|
font-size: 17px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #ffffff;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.main .recommend-note .author {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 10px;
|
||
|
|
left: 10px;
|
||
|
|
right: 10px;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.main .recommend-note .avatar {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.main .recommend-note .avatar img {
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.main .recommend-note .author-name {
|
||
|
|
font-size: 12px;
|
||
|
|
color: #ffffff;
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: -1px;
|
||
|
|
}
|
||
|
|
.main .show-more {
|
||
|
|
margin: 0 12px 12px 0;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #A0A0A0;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
#featured-comment-list {
|
||
|
|
margin-top: 30px;
|
||
|
|
margin-bottom: -15px;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
* 变量
|
||
|
|
*/
|
||
|
|
.pc-bind-phone-modal .modal-content, .pc-bind-phone-modal .modal-body {
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
.pc-bind-phone-modal .modal-body {
|
||
|
|
padding-top: 14px;
|
||
|
|
}
|
||
|
|
.pc-bind-phone-modal .dropdown-menu {
|
||
|
|
max-height: 300px;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
.pc-bind-phone-modal .dropdown-menu .tag {
|
||
|
|
background-color: #efefef;
|
||
|
|
color: #4A4A4A;
|
||
|
|
height: 28px;
|
||
|
|
line-height: 28px;
|
||
|
|
padding-left: 25px;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.pc-bind-phone-modal .tips {
|
||
|
|
color: #999999;
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 18px;
|
||
|
|
margin-bottom: 14px;
|
||
|
|
}
|
||
|
|
.pc-bind-phone-modal .tips a {
|
||
|
|
color: #3194D0;
|
||
|
|
}
|
||
|
|
.reader-night-mode .pc-bind-phone-modal .dropdown-menu .tag {
|
||
|
|
background-color: #2F2F2F;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
* 变量
|
||
|
|
*/
|
||
|
|
.comment-images {
|
||
|
|
display: block;
|
||
|
|
width: 338px;
|
||
|
|
margin-top: 15px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
position: relative;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.comment-images .preview-img {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.comment-images .image {
|
||
|
|
position: relative;
|
||
|
|
border-radius: 4px;
|
||
|
|
background-position: center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
overflow: hidden;
|
||
|
|
border: 1px solid #f0f0f0;
|
||
|
|
}
|
||
|
|
body.reader-night-mode .comment-images .image {
|
||
|
|
border-color: #2f2f2f;
|
||
|
|
}
|
||
|
|
.comment-images .image:not(:nth-child(3n)) {
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
.comment-images .image:nth-child(n + 4) {
|
||
|
|
margin-top: 4px;
|
||
|
|
}
|
||
|
|
.comment-images .image.is-long:after {
|
||
|
|
content: '\957F\56FE';
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
margin-left: -32px;
|
||
|
|
width: 32px;
|
||
|
|
height: 28px;
|
||
|
|
font-size: 12px;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 28px;
|
||
|
|
background-color: #2f2f2f;
|
||
|
|
opacity: 0.5;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.comment-images .one-image.is-long {
|
||
|
|
width: 110px;
|
||
|
|
height: 220px;
|
||
|
|
background-position: top left;
|
||
|
|
background-size: 110px auto;
|
||
|
|
}
|
||
|
|
.comment-images .one-image.is-long:after {
|
||
|
|
left: 100%;
|
||
|
|
}
|
||
|
|
.comment-images .one-image.is-normal {
|
||
|
|
height: 110px;
|
||
|
|
width: 100%;
|
||
|
|
background-size: contain;
|
||
|
|
background-position: center left;
|
||
|
|
}
|
||
|
|
.comment-images .many-image {
|
||
|
|
background-size: cover;
|
||
|
|
display: inline-block !important;
|
||
|
|
height: 110px;
|
||
|
|
width: 110px;
|
||
|
|
}
|
||
|
|
.comment-images .many-image:after {
|
||
|
|
left: 100%;
|
||
|
|
}
|
||
|
|
.comment-images .sub-image {
|
||
|
|
width: 105px;
|
||
|
|
height: 105px;
|
||
|
|
}
|
||
|
|
.comment-images .collapsed-btn {
|
||
|
|
display: block;
|
||
|
|
color: #3194d0;
|
||
|
|
font-size: 15px;
|
||
|
|
margin-top: 15px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
.comment-images .mask {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
width: 32%;
|
||
|
|
border-radius: 2px;
|
||
|
|
background-color: rgba(47, 47, 47, 0.6);
|
||
|
|
overflow: hidden;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.comment-images .mask span {
|
||
|
|
font-size: 15px;
|
||
|
|
color: #fff;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
-webkit-transform: translate(-50%, -50%);
|
||
|
|
-ms-transform: translate(-50%, -50%);
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
* 变量
|
||
|
|
*/
|
||
|
|
.tips-card-loading[data-v-f3bf5228], .tips-card[data-v-f3bf5228] {
|
||
|
|
width: 460px;
|
||
|
|
position: relative;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
border-radius: 6px;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-color: #ffffff;
|
||
|
|
-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
|
||
|
|
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
|
||
|
|
border: 1px solid #d9d9d9;
|
||
|
|
}
|
||
|
|
.tips-card-loading[data-v-f3bf5228] {
|
||
|
|
height: 200px;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: horizontal;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-webkit-flex-direction: row;
|
||
|
|
-ms-flex-direction: row;
|
||
|
|
flex-direction: row;
|
||
|
|
-webkit-box-pack: center;
|
||
|
|
-webkit-justify-content: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tips-card-loading div[data-v-f3bf5228] {
|
||
|
|
background-color: #EAEAEA;
|
||
|
|
}
|
||
|
|
.tips-card-loading .avatar[data-v-f3bf5228] {
|
||
|
|
width: 72px !important;
|
||
|
|
height: 72px !important;
|
||
|
|
border-radius: 50%;
|
||
|
|
position: absolute;
|
||
|
|
left: 20px;
|
||
|
|
top: 20px;
|
||
|
|
}
|
||
|
|
.tips-card-loading .name[data-v-f3bf5228] {
|
||
|
|
width: 120px;
|
||
|
|
height: 20px;
|
||
|
|
position: absolute;
|
||
|
|
left: 110px;
|
||
|
|
top: 31px;
|
||
|
|
}
|
||
|
|
.tips-card-loading .content[data-v-f3bf5228] {
|
||
|
|
position: absolute;
|
||
|
|
left: 110px;
|
||
|
|
top: 62px;
|
||
|
|
width: 238px;
|
||
|
|
height: 39.2px;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.tips-card-loading .content .text[data-v-f3bf5228], .tips-card-loading .content .text-delay[data-v-f3bf5228] {
|
||
|
|
height: 14px;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tips-card-loading .content .text[data-v-f3bf5228] {
|
||
|
|
top: 2px;
|
||
|
|
-webkit-animation: loading-data-v-f3bf5228 1s ease-in-out infinite;
|
||
|
|
animation: loading-data-v-f3bf5228 1s ease-in-out infinite;
|
||
|
|
}
|
||
|
|
.tips-card-loading .content .text-delay[data-v-f3bf5228] {
|
||
|
|
bottom: 3px;
|
||
|
|
-webkit-animation: loading-data-v-f3bf5228 1s ease-in-out -0.5s infinite;
|
||
|
|
animation: loading-data-v-f3bf5228 1s ease-in-out -0.5s infinite;
|
||
|
|
}
|
||
|
|
@keyframes loading-data-v-f3bf5228 {
|
||
|
|
0% {
|
||
|
|
width: 60%;
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
width: 60%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes loading {
|
||
|
|
0% {
|
||
|
|
width: 60%;
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
width: 60%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tips-card-loading .meta[data-v-f3bf5228] {
|
||
|
|
width: 30px;
|
||
|
|
height: 42px;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 20px;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.tips-card-loading .meta.meta-1[data-v-f3bf5228] {
|
||
|
|
left: 30px;
|
||
|
|
}
|
||
|
|
.tips-card-loading .meta.meta-2[data-v-f3bf5228] {
|
||
|
|
left: 90px;
|
||
|
|
}
|
||
|
|
.tips-card-loading .meta.meta-3[data-v-f3bf5228] {
|
||
|
|
left: 150px;
|
||
|
|
}
|
||
|
|
.tips-card-loading .meta .count[data-v-f3bf5228], .tips-card-loading .meta .type[data-v-f3bf5228] {
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.tips-card-loading .meta .count[data-v-f3bf5228] {
|
||
|
|
left: -5px;
|
||
|
|
top: 6px;
|
||
|
|
height: 18px;
|
||
|
|
width: 40px;
|
||
|
|
}
|
||
|
|
.tips-card-loading .meta .type[data-v-f3bf5228] {
|
||
|
|
left: 1px;
|
||
|
|
bottom: 2px;
|
||
|
|
height: 13px;
|
||
|
|
width: 28px;
|
||
|
|
}
|
||
|
|
.tips-card-loading .button[data-v-f3bf5228] {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 17px;
|
||
|
|
width: 90px;
|
||
|
|
height: 40px;
|
||
|
|
border-radius: 40px;
|
||
|
|
}
|
||
|
|
.tips-card-loading .message[data-v-f3bf5228] {
|
||
|
|
right: 120px;
|
||
|
|
}
|
||
|
|
.tips-card-loading .follow[data-v-f3bf5228] {
|
||
|
|
right: 17px;
|
||
|
|
}
|
||
|
|
.tips-card[data-v-f3bf5228] {
|
||
|
|
z-index: 10;
|
||
|
|
}
|
||
|
|
.tips-card .card-content[data-v-f3bf5228] {
|
||
|
|
padding: 20px 20px 0 20px;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary[data-v-f3bf5228] {
|
||
|
|
padding: 8px 0 20px 90px;
|
||
|
|
min-height: 92px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary .avatar[data-v-f3bf5228] {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 72px;
|
||
|
|
height: 72px;
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 50%;
|
||
|
|
background-color: #EAEAEA;
|
||
|
|
background-position: center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: cover;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary .name[data-v-f3bf5228] {
|
||
|
|
height: 26px;
|
||
|
|
margin-right: 3px;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: horizontal;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-webkit-flex-direction: row;
|
||
|
|
-ms-flex-direction: row;
|
||
|
|
flex-direction: row;
|
||
|
|
-webkit-box-pack: start;
|
||
|
|
-webkit-justify-content: flex-start;
|
||
|
|
-ms-flex-pack: start;
|
||
|
|
justify-content: flex-start;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary .name .nickname[data-v-f3bf5228] {
|
||
|
|
color: #333333;
|
||
|
|
font-size: 19px;
|
||
|
|
font-weight: bold;
|
||
|
|
overflow: hidden;
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary .name .sex[data-v-f3bf5228], .tips-card .card-content .summary .name .badge[data-v-f3bf5228] {
|
||
|
|
-webkit-flex-shrink: 0;
|
||
|
|
-ms-flex-negative: 0;
|
||
|
|
flex-shrink: 0;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary .name .sex[data-v-f3bf5228] {
|
||
|
|
font-size: 19px;
|
||
|
|
width: 19px;
|
||
|
|
margin: 0 4px;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary .intro[data-v-f3bf5228] {
|
||
|
|
overflow: hidden;
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.5;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary .intro.block[data-v-f3bf5228] {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary .list .item[data-v-f3bf5228] {
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
font-size: 13px;
|
||
|
|
color: #999999;
|
||
|
|
cursor: pointer;
|
||
|
|
overflow: hidden;
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.tips-card .card-content .summary .list .item i[data-v-f3bf5228] {
|
||
|
|
margin-right: 2px;
|
||
|
|
}
|
||
|
|
.tips-card .card-footer[data-v-f3bf5228] {
|
||
|
|
border-top: 1px solid #F0F0F0;
|
||
|
|
padding: 15px;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: horizontal;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-webkit-flex-direction: row;
|
||
|
|
-ms-flex-direction: row;
|
||
|
|
flex-direction: row;
|
||
|
|
-webkit-box-pack: justify;
|
||
|
|
-webkit-justify-content: space-between;
|
||
|
|
-ms-flex-pack: justify;
|
||
|
|
justify-content: space-between;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
overflow: hidden;
|
||
|
|
_zoom: 1;
|
||
|
|
}
|
||
|
|
.tips-card .card-footer .profile[data-v-f3bf5228] {
|
||
|
|
width: 198px;
|
||
|
|
overflow: hidden;
|
||
|
|
_zoom: 1;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.tips-card .card-footer .profile div[data-v-f3bf5228] {
|
||
|
|
float: left;
|
||
|
|
width: 60px;
|
||
|
|
height: 44px;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-webkit-flex-direction: column;
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
-webkit-box-pack: center;
|
||
|
|
-webkit-justify-content: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.tips-card .card-footer .profile div span[data-v-f3bf5228] {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.tips-card .card-footer .profile div .type[data-v-f3bf5228] {
|
||
|
|
font-size: 13px;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.tips-card .card-footer .profile div .count[data-v-f3bf5228] {
|
||
|
|
font-size: 18px;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.tips-card .card-footer .social[data-v-f3bf5228] {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: horizontal;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-webkit-flex-direction: row;
|
||
|
|
-ms-flex-direction: row;
|
||
|
|
flex-direction: row;
|
||
|
|
-webkit-box-pack: end;
|
||
|
|
-webkit-justify-content: flex-end;
|
||
|
|
-ms-flex-pack: end;
|
||
|
|
justify-content: flex-end;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
float: right;
|
||
|
|
overflow: hidden;
|
||
|
|
_zoom: 1;
|
||
|
|
}
|
||
|
|
.tips-card .card-footer .social .message[data-v-f3bf5228] {
|
||
|
|
border: 1px solid rgba(59, 194, 29, 0.7);
|
||
|
|
color: #42C02E;
|
||
|
|
margin: 0 10px 0 16px;
|
||
|
|
font-size: 15px;
|
||
|
|
padding: 8px 0;
|
||
|
|
width: 90px;
|
||
|
|
border-radius: 40px;
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
float: left;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.tips-card .card-footer .social .message[data-v-f3bf5228]:hover {
|
||
|
|
border: 1px solid #42C02E;
|
||
|
|
color: #42C02E;
|
||
|
|
background-color: rgba(59, 194, 29, 0.05);
|
||
|
|
}
|
||
|
|
.tips-card .card-footer .social .user-follow-button[data-v-f3bf5228] {
|
||
|
|
font-size: 15px;
|
||
|
|
padding: 8px 0;
|
||
|
|
width: 100px;
|
||
|
|
}
|
||
|
|
.arrow[data-v-f3bf5228] {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 10px;
|
||
|
|
left: 0;
|
||
|
|
z-index: 20;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.arrow i[data-v-f3bf5228] {
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
margin: 0;
|
||
|
|
margin-left: -10px;
|
||
|
|
border-width: 10px;
|
||
|
|
border-color: transparent;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.arrow em[data-v-f3bf5228] {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: -9px;
|
||
|
|
border-width: 9px;
|
||
|
|
border-color: transparent;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.arrow-type-top[data-v-f3bf5228] {
|
||
|
|
bottom: 1px;
|
||
|
|
}
|
||
|
|
.arrow-type-top i[data-v-f3bf5228] {
|
||
|
|
border-top-color: #d9d9d9;
|
||
|
|
border-style: solid dashed dashed;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.arrow-type-top em[data-v-f3bf5228] {
|
||
|
|
border-style: solid dashed dashed;
|
||
|
|
border-top-color: #ffffff;
|
||
|
|
top: -10px;
|
||
|
|
}
|
||
|
|
.arrow-type-bottom[data-v-f3bf5228] {
|
||
|
|
top: 1px;
|
||
|
|
}
|
||
|
|
.arrow-type-bottom i[data-v-f3bf5228] {
|
||
|
|
border-bottom-color: #d9d9d9;
|
||
|
|
border-style: dashed dashed solid;
|
||
|
|
top: -10px;
|
||
|
|
}
|
||
|
|
.arrow-type-bottom em[data-v-f3bf5228] {
|
||
|
|
border-style: dashed dashed solid;
|
||
|
|
border-bottom-color: #ffffff;
|
||
|
|
top: -8px;
|
||
|
|
}
|
||
|
|
.reader-night-mode .tips-card-loading[data-v-f3bf5228] {
|
||
|
|
background-color: #3F3F3F;
|
||
|
|
border-color: #2F2F2F;
|
||
|
|
}
|
||
|
|
.reader-night-mode .tips-card-loading .avatar[data-v-f3bf5228], .reader-night-mode .tips-card-loading .name[data-v-f3bf5228], .reader-night-mode .tips-card-loading .text[data-v-f3bf5228], .reader-night-mode .tips-card-loading .text-delay[data-v-f3bf5228], .reader-night-mode .tips-card-loading .count[data-v-f3bf5228], .reader-night-mode .tips-card-loading .type[data-v-f3bf5228], .reader-night-mode .tips-card-loading .button[data-v-f3bf5228] {
|
||
|
|
background-color: #545454;
|
||
|
|
}
|
||
|
|
.reader-night-mode .tips-card[data-v-f3bf5228] {
|
||
|
|
background-color: #3F3F3F;
|
||
|
|
border-color: #2F2F2F;
|
||
|
|
}
|
||
|
|
.reader-night-mode .tips-card .card-content .summary .name .nickname[data-v-f3bf5228] {
|
||
|
|
color: #C8C8C8;
|
||
|
|
}
|
||
|
|
.reader-night-mode .tips-card .card-content .summary .name .nickname[data-v-f3bf5228]:hover {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
.reader-night-mode .tips-card .card-content .summary .intro[data-v-f3bf5228] {
|
||
|
|
color: #C8C8C8;
|
||
|
|
}
|
||
|
|
.reader-night-mode .tips-card .card-footer[data-v-f3bf5228] {
|
||
|
|
border-top-color: #2F2F2F;
|
||
|
|
}
|
||
|
|
.reader-night-mode .tips-card .card-footer .profile div .count[data-v-f3bf5228] {
|
||
|
|
color: #C8C8C8;
|
||
|
|
}
|
||
|
|
.reader-night-mode .arrow.arrow-type-top em[data-v-f3bf5228] {
|
||
|
|
border-top-color: #3F3F3F;
|
||
|
|
}
|
||
|
|
.reader-night-mode .arrow.arrow-type-top i[data-v-f3bf5228] {
|
||
|
|
border-top-color: #2F2F2F;
|
||
|
|
}
|
||
|
|
.reader-night-mode .arrow.arrow-type-bottom em[data-v-f3bf5228] {
|
||
|
|
border-bottom-color: #3F3F3F;
|
||
|
|
}
|
||
|
|
.reader-night-mode .arrow.arrow-type-bottom i[data-v-f3bf5228] {
|
||
|
|
border-bottom-color: #2F2F2F;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
.v-tooltip-container,
|
||
|
|
.v-tooltip-content {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.v-tooltip-container {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-content {
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap {
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-top {
|
||
|
|
bottom: 100%;
|
||
|
|
left: 50%;
|
||
|
|
-webkit-transform: translateX(-50%);
|
||
|
|
-ms-transform: translateX(-50%);
|
||
|
|
transform: translateX(-50%);
|
||
|
|
padding-bottom: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-bottom {
|
||
|
|
top: 100%;
|
||
|
|
left: 50%;
|
||
|
|
-webkit-transform: translateX(-50%);
|
||
|
|
-ms-transform: translateX(-50%);
|
||
|
|
transform: translateX(-50%);
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-left {
|
||
|
|
top: 50%;
|
||
|
|
right: 100%;
|
||
|
|
-webkit-transform: translateY(-50%);
|
||
|
|
-ms-transform: translateY(-50%);
|
||
|
|
transform: translateY(-50%);
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-right {
|
||
|
|
top: 50%;
|
||
|
|
left: 100%;
|
||
|
|
-webkit-transform: translateY(-50%);
|
||
|
|
-ms-transform: translateY(-50%);
|
||
|
|
transform: translateY(-50%);
|
||
|
|
padding-left: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-top-start {
|
||
|
|
bottom: 100%;
|
||
|
|
left: 0;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-top-end {
|
||
|
|
bottom: 100%;
|
||
|
|
right: 0;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-bottom-start {
|
||
|
|
top: 100%;
|
||
|
|
left: 0;
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-bottom-end {
|
||
|
|
top: 100%;
|
||
|
|
right: 0;
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-left-start {
|
||
|
|
top: 0;
|
||
|
|
right: 100%;
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-left-end {
|
||
|
|
bottom: 0;
|
||
|
|
right: 100%;
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-right-start {
|
||
|
|
top: 0;
|
||
|
|
left: 100%;
|
||
|
|
padding-left: 10px;
|
||
|
|
}
|
||
|
|
.v-tooltip-container .v-tooltip-wrap.v-tooltip-wrap-right-end {
|
||
|
|
bottom: 0;
|
||
|
|
left: 100%;
|
||
|
|
padding-left: 10px;
|
||
|
|
}
|
||
|
|
</style><style type="text/css">
|
||
|
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
* 变量
|
||
|
|
*/
|
||
|
|
.like-button[data-v-cdecbe24] {
|
||
|
|
position: relative;
|
||
|
|
padding-left: 23px;
|
||
|
|
}
|
||
|
|
.like-button[data-v-cdecbe24]:before {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
left: -16px;
|
||
|
|
top: -16px;
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
background-image: url(//cdn2.jianshu.io/assets/web/zan_animation_steps-8d65a474b670eb6a022516f4e0b8e9a4.png);
|
||
|
|
background-position: left;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 1050px 50px;
|
||
|
|
}
|
||
|
|
.like-button[data-v-cdecbe24]:hover:before {
|
||
|
|
background-position: -50px;
|
||
|
|
}
|
||
|
|
.like-button.zan-animation span[data-v-cdecbe24], .like-button.active span[data-v-cdecbe24] {
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
body.reader-night-mode .like-button.zan-animation span[data-v-cdecbe24], body.reader-night-mode .like-button.active span[data-v-cdecbe24] {
|
||
|
|
color: #C8C8C8;
|
||
|
|
}
|
||
|
|
.like-button.zan-animation[data-v-cdecbe24]:before {
|
||
|
|
-webkit-animation: likeBlast-data-v-cdecbe24 0.6s 1 steps(19);
|
||
|
|
animation: likeBlast-data-v-cdecbe24 0.6s 1 steps(19);
|
||
|
|
background-position: right;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes likeBlast {
|
||
|
|
0% {
|
||
|
|
background-position: -50px;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
background-position: right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes likeBlast-data-v-cdecbe24 {
|
||
|
|
0% {
|
||
|
|
background-position: -50px;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
background-position: right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.like-button.active[data-v-cdecbe24]:before {
|
||
|
|
background-position: right;
|
||
|
|
}
|
||
|
|
</style></head>
|
||
|
|
|
||
|
|
<!-- 只给10%的用户添加代码 -->
|
||
|
|
<!-- ###第四范式-智能推荐：代码直接复制 无需修改参数### -->
|
||
|
|
<!-- ###功能：上报内容并反馈用户行为### -->
|
||
|
|
<!--
|
||
|
|
-->
|
||
|
|
<body class="reader-black-font" lang="zh-CN">
|
||
|
|
<!-- 全局顶部导航栏 -->
|
||
|
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
||
|
|
<div class="width-limit">
|
||
|
|
<!-- 左上方 Logo -->
|
||
|
|
<a class="logo" href="https://www.jianshu.com/"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/nav-logo-4c7bbafe27adc892f3046e6978459bac.png" alt="Nav logo"></a>
|
||
|
|
|
||
|
|
<!-- 右上角 -->
|
||
|
|
<!-- 未登录显示登录/注册/写文章 -->
|
||
|
|
<a class="btn write-btn" target="_blank" href="https://www.jianshu.com/writer#/">
|
||
|
|
<i class="iconfont ic-write"></i>写文章
|
||
|
|
</a> <a class="btn sign-up" id="sign_up" href="https://www.jianshu.com/sign_up">注册</a>
|
||
|
|
<a class="btn log-in" id="sign_in" href="https://www.jianshu.com/sign_in">登录</a>
|
||
|
|
|
||
|
|
<!-- 如果用户登录，显示下拉菜单 -->
|
||
|
|
|
||
|
|
<div class="style-mode"><a class="style-mode-btn"><i class="iconfont ic-navigation-mode"></i></a> <div class="popover-modal" style="left: 0px; display: none;"><div class="meta"><i class="iconfont ic-navigation-night"></i><span>夜间模式</span></div> <div class="switch day-night-group"><a class="switch-btn">开</a> <a class="switch-btn active">关</a></div> <hr> <div class="switch font-family-group"><a class="switch-btn font-song">宋体</a> <a class="switch-btn font-hei active">黑体</a></div> <div class="switch"><a class="switch-btn active">简</a> <a class="switch-btn">繁</a></div></div></div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="navbar-header">
|
||
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu" aria-expanded="false">
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="collapse navbar-collapse" id="menu">
|
||
|
|
<ul class="nav navbar-nav">
|
||
|
|
<li class="tab ">
|
||
|
|
<a href="https://www.jianshu.com/">
|
||
|
|
<span class="menu-text">首页</span><i class="iconfont ic-navigation-discover menu-icon"></i>
|
||
|
|
</a> </li>
|
||
|
|
<li class="tab ">
|
||
|
|
<a id="web-nav-app-download-btn" class="app-download-btn" href="https://www.jianshu.com/apps?utm_medium=desktop&utm_source=navbar-apps"><span class="menu-text">下载App</span><i class="iconfont ic-navigation-download menu-icon"></i></a>
|
||
|
|
</li>
|
||
|
|
<li class="search">
|
||
|
|
<form target="_blank" action="/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓">
|
||
|
|
<input type="text" name="q" id="q" autocomplete="off" placeholder="搜索" class="search-input">
|
||
|
|
<a class="search-btn" href="javascript:void(null)"><i class="iconfont ic-search"></i></a>
|
||
|
|
</form> </li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="note">
|
||
|
|
<div id="note-fixed-ad-container">
|
||
|
|
<div id="fixed-ad-container">
|
||
|
|
<div style="display: block;"><a target="_blank" href="https://www.jianshu.com/apps/redirect?utm_source=side-banner-click" id="web-note-ad-fixed"><span class="close">×</span></a></div>
|
||
|
|
<a href="https://dsp-click.youdao.com/clk/request.s?slot=30edd91dd8637d9f645baa8448ba90b3&k=%2FCIg7cLHpNL31urp2YEyTohNeWp%2B9rqDPvQLqgFI%2BOzXxo%2BoRxcJpjjAgKuViCqvIxCHqA9N%2F2c%2F9Be%2FcwcSrytzsXtwWLcKWfmEr%2F%2BaTNTj%2FbeYKl6%2BWnCWtObvlgt5B4ytgK8p7UFSxfMfCqdJJ9vSlZjXSp3FQm%2BrudeYfaJv0yDKGUJ9hEviGVibSX2HEA7md3Hq7BOhGrSke341nqVN6BVwkooxryLvadi1XpsUmDcRLOYhYCSzGsT%2BHryqt%2B0MDz5bXHoJFk0KiyBQH8Bc8hTRkDkpUdNHMN2yVKT%2BEc%2Bd1jbbq9hGJq0XLIGZMHMNk0HBE7d6E4vICqnJAl16Cg%2BsHjwne1fg0d0rY8FeoCYHBX8ZiJ9u6zuhLEA5tlH56qtVR4M6sYv7BUdPp1nIBmYesmszo4sszyOzgu%2B0ckvkITsO1u5zUtRET2JoCUIY1nS%2BU%2BiXpN%2B1mBywm%2BJCvUUbD7ARLgrbV6V7v0Ap3DXt0HuGReB8cXG4v14BvDLGB0rlms2t2kmjw3g3g3tQW%2FRVuaYRauWej6r2RkfFPQxgvCMp4t8sYQNqIYTuBGBgjPjnaBshwtqiHLVP62shE5G7oKqpExu85UMwkryscQOH0jslSvzZXkJfQfC5M5x63sKEu1XU3FWGKGmdU7vUGE6xi1jHl55O0OohoeKkD2ygWqbgSaJPwxtbL8HEwADarfKhTDrZc7MkLIfDj7mSK%2Bges1y7QzMoyL0QHRV%2B6THDI9y%2BrKp0sxmAUGbGXyQTYzzIlrvsXZDTIZ39IQhXV89bdbnXRO7A0csU8D8K7XH1nlzn1r7xfLkM2PrU4yBlGcazffjrEMsXmq7kOpJGGZLVdmQusV3djFVkS1JctwjN8GeN4cT%2BoAIpunKV3uVe7rJ4wUxShe1DiD50%2BkspHZ924U%2B0HeiJ5%2F9OP3b4xNZ4prl6uQBwR406ZKXrarkmR8eDYJ%2FWfJDA5PIgRLGODTCeckvg8pIHBmLNVSGjB6hSNizCnbszmotwVvDQ3Msw936C4seU7oJXRXHm6Z2ni2CgWfTM0cXIvhWR8JWrLWPZnGz1KWfbQd%2FCug7HfDRWO2a0fHGhtE8TGkUuy0aVvoq3E6%2Fo7Bf6MAJBkPRw73YzWXY5%2BWji44CmFQ%2FO18aPqEcXCaY4wICrlYgqr9fGj6hHFwmmOMCAq5WIKq%2FXxo%2BoRxcJpjjAgKuViCqvQ3ZgZ3HnAxC%2B5yXnsgdjKw%3D%3D&youdao_bid=25be8179-afe1-48a7-a070-d3f0b4407552&iid=%7B%22-7014733055058021470%22%3A4%7D&sid=17024" target="_blank" class="youdao-fixed-ad"><div class="img" style="background-image: url("https://oimagec5.ydstatic.com/image?id=-7014733055058021470&product=adpublish&w=360&h=360&sc=0&rm=2&gsb=0&gsbd=60");"></div> <span class="ad-badge">广告</span></a>
|
||
|
|
<a href="http://e.cn.miaozhen.com/r/k=2110413&p=7L9Gn&dx=__IPDX__&rt=2&ns=__IP__&ni=__IESID__&v=__LOC__&xa=__ADPLATFORM__&tr=__REQUESTID__&mo=__OS__&m0=__OPENUDID__&m0a=__DUID__&m1=__ANDROIDID1__&m1a=__ANDROIDID__&m2=__IMEI__&m4=__AAID__&m5=__IDFA__&m6=__MAC1__&m6a=__MAC__&vo=3f2e070eb&vr=2&o=https%3A%2F%2Fwww.jianshu.com%2Fp%2Fee05f7eff678" target="_blank" class="yuxi-fixed-ad" style="display: none;"><div class="img"></div> <span class="ad-badge">广告</span></a>
|
||
|
|
<div id="_so_pdsBy_0"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="post">
|
||
|
|
<div class="article">
|
||
|
|
<h1 class="title">Android NDK开发（三） 在Linux环境下编译FFmpeg</h1>
|
||
|
|
|
||
|
|
<!-- 作者区域 -->
|
||
|
|
<div class="author">
|
||
|
|
<a class="avatar" href="https://www.jianshu.com/u/34ece31cd6eb">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/29276055bb9e.jpg" alt="96">
|
||
|
|
</a> <div class="info">
|
||
|
|
<span class="name"><a href="https://www.jianshu.com/u/34ece31cd6eb">容华谢后</a></span>
|
||
|
|
<!-- 关注用户按钮 -->
|
||
|
|
<a class="btn btn-success follow"><i class="iconfont ic-follow"></i><span>关注</span></a>
|
||
|
|
<!-- 文章数据信息 -->
|
||
|
|
<div class="meta">
|
||
|
|
<!-- 简书钻 -->
|
||
|
|
<!-- 如果文章更新时间大于发布时间，那么使用 tooltip 显示更新时间 -->
|
||
|
|
<span class="publish-time">2018.03.07 07:20</span>
|
||
|
|
<span class="wordage">字数 1337</span>
|
||
|
|
<span class="views-count">阅读 1163</span><span class="comments-count">评论 4</span><span class="likes-count">喜欢 23</span></div>
|
||
|
|
</div>
|
||
|
|
<!-- 如果是当前作者，加入编辑按钮 -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- 文章内容 -->
|
||
|
|
<div data-note-content="" class="show-content">
|
||
|
|
<div class="show-content-free">
|
||
|
|
<blockquote>
|
||
|
|
<p>FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。它提供了录制、转换以及流化音视频的完整解决方案。</p>
|
||
|
|
</blockquote>
|
||
|
|
<h1>1.环境搭建</h1>
|
||
|
|
<blockquote>
|
||
|
|
<p>操作系统：Ubuntu 16.04 64bit</p>
|
||
|
|
<p>NDK版本：android-ndk-r14b-linux-x86_64</p>
|
||
|
|
<p>FFmpeg版本：3.4.2</p>
|
||
|
|
</blockquote>
|
||
|
|
<p><a href="https://link.jianshu.com/?t=https%3A%2F%2Fdeveloper.android.com%2Fndk%2Fdownloads%2Findex.html" target="_blank" rel="nofollow">NDK 下载地址</a></p>
|
||
|
|
<p><a href="https://link.jianshu.com/?t=http%3A%2F%2Fffmpeg.org" target="_blank" rel="nofollow">FFmpeg 下载地址</a></p>
|
||
|
|
<p>将NDK和FFmpeg源码解压至指定目录，文中解压在了Home > ffmpeg目录下，注意NDK的版本一定要选择Linux版的，在编译的时候我就犯了这个错误，使用了Windows版的NDK，一直报错也找不到原因，切记切记！</p>
|
||
|
|
<h1>2.编译FFmpeg</h1>
|
||
|
|
<p>在ffmpeg-3.4.2目录下创建build_android.sh编译脚本，文件名可以随便取，这个脚本是本文中最关键的内容，一起来看下：</p>
|
||
|
|
<pre class="hljs bash"><code class="bash"><span class="hljs-meta">#!/bin/bash
|
||
|
|
</span>
|
||
|
|
<span class="hljs-comment"># 设置临时文件夹，需要提前手动创建</span>
|
||
|
|
<span class="hljs-built_in">export</span> TMPDIR=<span class="hljs-string">"/home/yangle/ffmpeg/ffmpeg-3.4.2/ffmpegtemp"</span>
|
||
|
|
|
||
|
|
<span class="hljs-comment"># 设置NDK路径</span>
|
||
|
|
NDK=~/ffmpeg/android-ndk-r14b
|
||
|
|
|
||
|
|
<span class="hljs-comment"># 设置编译针对的平台，可以根据实际需求进行设置</span>
|
||
|
|
<span class="hljs-comment"># 当前设置为最低支持android-14版本，arm架构</span>
|
||
|
|
SYSROOT=<span class="hljs-variable">$NDK</span>/platforms/android-14/arch-arm
|
||
|
|
|
||
|
|
<span class="hljs-comment"># 设置编译工具链，4.9为版本号</span>
|
||
|
|
TOOLCHAIN=<span class="hljs-variable">$NDK</span>/toolchains/arm-linux-androideabi-4.9/prebuilt/linux-x86_64
|
||
|
|
|
||
|
|
<span class="hljs-keyword">function</span> build_one
|
||
|
|
{
|
||
|
|
./configure \
|
||
|
|
--<span class="hljs-built_in">enable</span>-cross-compile \
|
||
|
|
--<span class="hljs-built_in">enable</span>-shared \
|
||
|
|
--<span class="hljs-built_in">disable</span>-static \
|
||
|
|
--<span class="hljs-built_in">disable</span>-doc \
|
||
|
|
--<span class="hljs-built_in">disable</span>-ffmpeg \
|
||
|
|
--<span class="hljs-built_in">disable</span>-ffplay \
|
||
|
|
--<span class="hljs-built_in">disable</span>-ffprobe \
|
||
|
|
--<span class="hljs-built_in">disable</span>-ffserver \
|
||
|
|
--<span class="hljs-built_in">disable</span>-avdevice \
|
||
|
|
--<span class="hljs-built_in">disable</span>-doc \
|
||
|
|
--<span class="hljs-built_in">disable</span>-symver \
|
||
|
|
--prefix=<span class="hljs-variable">$PREFIX</span> \
|
||
|
|
--cross-prefix=<span class="hljs-variable">$TOOLCHAIN</span>/bin/arm-linux-androideabi- \
|
||
|
|
--target-os=android \
|
||
|
|
--arch=arm \
|
||
|
|
--sysroot=<span class="hljs-variable">$SYSROOT</span> \
|
||
|
|
--extra-cflags=<span class="hljs-string">"-Os -fpic <span class="hljs-variable">$ADDI_CFLAGS</span>"</span> \
|
||
|
|
|
||
|
|
<span class="hljs-variable">$ADDITIONAL_CONFIGURE_FLAG</span>
|
||
|
|
make clean
|
||
|
|
make
|
||
|
|
make install
|
||
|
|
}
|
||
|
|
|
||
|
|
<span class="hljs-comment"># 设置编译后文件的输出目录</span>
|
||
|
|
CPU=arm
|
||
|
|
PREFIX=$(<span class="hljs-built_in">pwd</span>)/android/<span class="hljs-variable">$CPU</span>
|
||
|
|
ADDI_CFLAGS=<span class="hljs-string">"-marm"</span>
|
||
|
|
build_one
|
||
|
|
</code></pre>
|
||
|
|
<p>前四项配置按照你本机的实际路径修改就可以了，注意ffmpegtemp这个临时文件夹需要提前手动创建，【~/】 在Linux上代表
|
||
|
|
【/home/用户名/】，看下build_one这个方法，enable、disable分别代表打开和关闭一些功能，重点看下下面几个配置：</p>
|
||
|
|
<pre class="hljs bash"><code class="bash">--<span class="hljs-built_in">enable</span>-shared
|
||
|
|
--<span class="hljs-built_in">disable</span>-static
|
||
|
|
</code></pre>
|
||
|
|
<p>编译动态库，shared和static的开关是相对的。</p>
|
||
|
|
<pre class="hljs bash"><code class="bash">--prefix=<span class="hljs-variable">$PREFIX</span>
|
||
|
|
|
||
|
|
CPU=arm
|
||
|
|
PREFIX=$(<span class="hljs-built_in">pwd</span>)/android/<span class="hljs-variable">$CPU</span>
|
||
|
|
</code></pre>
|
||
|
|
<p>设置编译后文件的输出目录，$(pwd)代表当前目录，所以文件的输出路径为：ffmpeg-3.4.2/android/arm</p>
|
||
|
|
<pre class="hljs bash"><code class="bash">--cross-prefix=<span class="hljs-variable">$TOOLCHAIN</span>/bin/arm-linux-androideabi-
|
||
|
|
</code></pre>
|
||
|
|
<p>设置交叉编译器，按照实际路径修改就可以了。</p>
|
||
|
|
<pre class="hljs undefined"><code>--target-os=android
|
||
|
|
</code></pre>
|
||
|
|
<p>设置编译针对的系统，网上查到很多资料说编译前需要修改configure文件，设置这项后就不用修改了，系统会自动为我们修改，效果一样。</p>
|
||
|
|
<pre class="hljs undefined"><code>--arch=arm
|
||
|
|
</code></pre>
|
||
|
|
<p>设置编译so库的架构，当前设置为arm，可以根据实际需求修改。</p>
|
||
|
|
<pre class="hljs bash"><code class="bash">--sysroot=<span class="hljs-variable">$SYSROOT</span>
|
||
|
|
</code></pre>
|
||
|
|
<p>设置编译针对的平台，可以根据实际需求进行设置，当前设置为最低支持android-14版本，arm架构。</p>
|
||
|
|
<pre class="hljs bash"><code class="bash">--extra-cflags=<span class="hljs-string">"-Os -fpic <span class="hljs-variable">$ADDI_CFLAGS</span>"</span>
|
||
|
|
|
||
|
|
ADDI_CFLAGS=<span class="hljs-string">"-marm"</span>
|
||
|
|
</code></pre>
|
||
|
|
<p>还没有完全理解这几个参数的作用，有知道的同学可以给我留言啊，谢谢！</p>
|
||
|
|
<p>到这里，编译脚本就写完了，在当前目录下打开终端窗口，执行脚本，加上管理员权限，以防权限不足：</p>
|
||
|
|
<pre class="hljs ruby"><code class="ruby">$ sudo ./build_android.sh
|
||
|
|
</code></pre>
|
||
|
|
<p>回车提示输入密码，密码不会显示出来或者显示成*号，直接输完然后回车就可以了，看下执行效果：</p>
|
||
|
|
<div class="image-package">
|
||
|
|
<div class="image-container" style="max-width: 700px; max-height: 438px; background-color: transparent;">
|
||
|
|
<div class="image-container-fill" style="padding-bottom: 60.160000000000004%;"></div>
|
||
|
|
<div class="image-view" data-width="728" data-height="438"><img data-original-src="//upload-images.jianshu.io/upload_images/3270074-79f4e8aba74868b6.png" data-original-width="728" data-original-height="438" data-original-format="image/png" data-original-filesize="77100" style="cursor: zoom-in;" class="" src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/3270074-79f4e8aba74868b6.png"></div>
|
||
|
|
</div>
|
||
|
|
<div class="image-caption">开始编译</div>
|
||
|
|
</div>
|
||
|
|
<p>编译中：</p>
|
||
|
|
<div class="image-package">
|
||
|
|
<div class="image-container" style="max-width: 700px; max-height: 435px; background-color: transparent;">
|
||
|
|
<div class="image-container-fill" style="padding-bottom: 59.75%;"></div>
|
||
|
|
<div class="image-view" data-width="728" data-height="435"><img data-original-src="//upload-images.jianshu.io/upload_images/3270074-c8c76626f4f4e603.png" data-original-width="728" data-original-height="435" data-original-format="image/png" data-original-filesize="74221" style="cursor: zoom-in;" class="" src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/3270074-c8c76626f4f4e603.png"></div>
|
||
|
|
</div>
|
||
|
|
<div class="image-caption">编译中</div>
|
||
|
|
</div>
|
||
|
|
<p>如果一切顺利的话，大概十多分钟就可以编译完成：</p>
|
||
|
|
<div class="image-package">
|
||
|
|
<div class="image-container" style="max-width: 700px; max-height: 438px; background-color: transparent;">
|
||
|
|
<div class="image-container-fill" style="padding-bottom: 60.08%;"></div>
|
||
|
|
<div class="image-view" data-width="729" data-height="438"><img data-original-src="//upload-images.jianshu.io/upload_images/3270074-1bccd8a0be74c355.png" data-original-width="729" data-original-height="438" data-original-format="image/png" data-original-filesize="89500" style="cursor: zoom-in;" class="" src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/3270074-1bccd8a0be74c355.png"></div>
|
||
|
|
</div>
|
||
|
|
<div class="image-caption">编译完成</div>
|
||
|
|
</div>
|
||
|
|
<p>编译完成后，在当前目录下（ffmpeg-3.4.2）会生成一个android目录，so文件就在android > arm > lib目录下：</p>
|
||
|
|
<div class="image-package">
|
||
|
|
<div class="image-container" style="max-width: 700px; max-height: 539px; background-color: transparent;">
|
||
|
|
<div class="image-container-fill" style="padding-bottom: 73.83999999999999%;"></div>
|
||
|
|
<div class="image-view" data-width="730" data-height="539"><img data-original-src="//upload-images.jianshu.io/upload_images/3270074-34c688f5202f57fb.png" data-original-width="730" data-original-height="539" data-original-format="image/png" data-original-filesize="52759" style="cursor: zoom-in;" class="" src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/3270074-34c688f5202f57fb.png"></div>
|
||
|
|
</div>
|
||
|
|
<div class="image-caption">生成so文件</div>
|
||
|
|
</div>
|
||
|
|
<p>看下生成的so包是做什么用的：</p>
|
||
|
|
<ul>
|
||
|
|
<li><p>libavcodec：用于各种类型声音、图像编解码。</p></li>
|
||
|
|
<li><p>libavformat：用于各种音视频封装格式的生成和解析，读取音视频帧等功能。</p></li>
|
||
|
|
<li><p>libavutil：包含一些公共的工具函数。</p></li>
|
||
|
|
<li><p>libavfilter：提供了各种音视频过滤器。</p></li>
|
||
|
|
<li><p>libswresample：用于音频重采样，采样格式转换和混合。</p></li>
|
||
|
|
<li><p>libswscale：用于视频场景比例缩放、色彩映射转换。</p></li>
|
||
|
|
</ul>
|
||
|
|
<h1>3.将FFmpeg编译成一个so文件</h1>
|
||
|
|
<p>在上文中我们成功的编译了FFmpeg，但是编译出来的so文件一共有6个，如果觉的使用起来比较麻烦，可以编译成一个so文件，下面我们来修改下脚本：</p>
|
||
|
|
<pre class="hljs bash"><code class="bash"><span class="hljs-meta">#!/bin/bash
|
||
|
|
</span>
|
||
|
|
<span class="hljs-comment"># 设置临时文件夹，需要提前手动创建</span>
|
||
|
|
<span class="hljs-built_in">export</span> TMPDIR=<span class="hljs-string">"/home/yangle/ffmpeg/ffmpeg-3.4.2/ffmpegtemp"</span>
|
||
|
|
|
||
|
|
<span class="hljs-comment"># 设置NDK路径</span>
|
||
|
|
NDK=~/ffmpeg/android-ndk-r14b
|
||
|
|
|
||
|
|
<span class="hljs-comment"># 设置编译针对的平台，可以根据自己的需求进行设置</span>
|
||
|
|
<span class="hljs-comment"># 当前设置为最低支持android-14版本，arm架构</span>
|
||
|
|
SYSROOT=<span class="hljs-variable">$NDK</span>/platforms/android-14/arch-arm
|
||
|
|
|
||
|
|
<span class="hljs-comment"># 设置编译工具链，4.9为版本号</span>
|
||
|
|
TOOLCHAIN=<span class="hljs-variable">$NDK</span>/toolchains/arm-linux-androideabi-4.9/prebuilt/linux-x86_64
|
||
|
|
|
||
|
|
<span class="hljs-keyword">function</span> build_one
|
||
|
|
{
|
||
|
|
./configure \
|
||
|
|
--<span class="hljs-built_in">enable</span>-cross-compile \
|
||
|
|
--<span class="hljs-built_in">enable</span>-static \
|
||
|
|
--<span class="hljs-built_in">disable</span>-shared \
|
||
|
|
--<span class="hljs-built_in">disable</span>-doc \
|
||
|
|
--<span class="hljs-built_in">disable</span>-ffmpeg \
|
||
|
|
--<span class="hljs-built_in">disable</span>-ffplay \
|
||
|
|
--<span class="hljs-built_in">disable</span>-ffprobe \
|
||
|
|
--<span class="hljs-built_in">disable</span>-ffserver \
|
||
|
|
--<span class="hljs-built_in">disable</span>-avdevice \
|
||
|
|
--<span class="hljs-built_in">disable</span>-doc \
|
||
|
|
--<span class="hljs-built_in">disable</span>-symver \
|
||
|
|
--prefix=<span class="hljs-variable">$PREFIX</span> \
|
||
|
|
--cross-prefix=<span class="hljs-variable">$TOOLCHAIN</span>/bin/arm-linux-androideabi- \
|
||
|
|
--target-os=android \
|
||
|
|
--arch=arm \
|
||
|
|
--sysroot=<span class="hljs-variable">$SYSROOT</span> \
|
||
|
|
--extra-cflags=<span class="hljs-string">"-Os -fpic <span class="hljs-variable">$ADDI_CFLAGS</span>"</span> \
|
||
|
|
|
||
|
|
<span class="hljs-variable">$ADDITIONAL_CONFIGURE_FLAG</span>
|
||
|
|
make clean
|
||
|
|
make
|
||
|
|
make install
|
||
|
|
|
||
|
|
<span class="hljs-comment"># 合并生成的静态库</span>
|
||
|
|
<span class="hljs-variable">$TOOLCHAIN</span>/bin/arm-linux-androideabi-ld \
|
||
|
|
-rpath-link=<span class="hljs-variable">$SYSROOT</span>/usr/lib \
|
||
|
|
-L<span class="hljs-variable">$SYSROOT</span>/usr/lib \
|
||
|
|
-L<span class="hljs-variable">$PREFIX</span>/lib \
|
||
|
|
-soname libffmpeg.so -shared -nostdlib -Bsymbolic --whole-archive --no-undefined -o \
|
||
|
|
<span class="hljs-variable">$PREFIX</span>/libffmpeg.so \
|
||
|
|
libavcodec/libavcodec.a \
|
||
|
|
libavfilter/libavfilter.a \
|
||
|
|
libswresample/libswresample.a \
|
||
|
|
libavformat/libavformat.a \
|
||
|
|
libavutil/libavutil.a \
|
||
|
|
libswscale/libswscale.a \
|
||
|
|
-lc -lm -lz -ldl -llog --dynamic-linker=/system/bin/linker \
|
||
|
|
<span class="hljs-variable">$TOOLCHAIN</span>/lib/gcc/arm-linux-androideabi/4.9.x/libgcc.a
|
||
|
|
}
|
||
|
|
|
||
|
|
<span class="hljs-comment"># 设置编译后的文件输出目录</span>
|
||
|
|
CPU=arm
|
||
|
|
PREFIX=$(<span class="hljs-built_in">pwd</span>)/android/<span class="hljs-variable">$CPU</span>
|
||
|
|
ADDI_CFLAGS=<span class="hljs-string">"-marm"</span>
|
||
|
|
build_one
|
||
|
|
</code></pre>
|
||
|
|
<p>看下和编译单个so文件的脚本有什么区别：</p>
|
||
|
|
<p>生成静态库：</p>
|
||
|
|
<pre class="hljs bash"><code class="bash">--<span class="hljs-built_in">disable</span>-static
|
||
|
|
--<span class="hljs-built_in">enable</span>-shared
|
||
|
|
|
||
|
|
修改为：
|
||
|
|
|
||
|
|
--<span class="hljs-built_in">enable</span>-static
|
||
|
|
--<span class="hljs-built_in">disable</span>-shared
|
||
|
|
</code></pre>
|
||
|
|
<p>增加下面的指令，将生成的静态库合并成一个动态库：</p>
|
||
|
|
<pre class="hljs ruby"><code class="ruby">$TOOLCHAIN/bin/arm-linux-androideabi-ld \
|
||
|
|
-rpath-link=$SYSROOT/usr/lib \
|
||
|
|
-L$SYSROOT/usr/lib \
|
||
|
|
-L$PREFIX/lib \
|
||
|
|
-soname libffmpeg.so -shared -nostdlib -Bsymbolic --whole-archive --no-undefined -o \
|
||
|
|
$PREFIX/libffmpeg.so \
|
||
|
|
libavcodec/libavcodec.a \
|
||
|
|
libavfilter/libavfilter.a \
|
||
|
|
libswresample/libswresample.a \
|
||
|
|
libavformat/libavformat.a \
|
||
|
|
libavutil/libavutil.a \
|
||
|
|
libswscale/libswscale.a \
|
||
|
|
-lc -lm -lz -ldl -llog --dynamic-linker=<span class="hljs-regexp">/system/bin</span><span class="hljs-regexp">/linker \
|
||
|
|
$TOOLCHAIN/lib</span><span class="hljs-regexp">/gcc/arm</span>-linux-androideabi/<span class="hljs-number">4.9</span>.x/libgcc.a
|
||
|
|
</code></pre>
|
||
|
|
<p>重点看下下面两个配置：</p>
|
||
|
|
<pre class="hljs css"><code class="css"><span class="hljs-selector-tag">-soname</span> <span class="hljs-selector-tag">libffmpeg</span><span class="hljs-selector-class">.so</span>
|
||
|
|
</code></pre>
|
||
|
|
<p>指定动态库，也就是so文件的名称。</p>
|
||
|
|
<pre class="hljs bash"><code class="bash"><span class="hljs-variable">$TOOLCHAIN</span>/lib/gcc/arm-linux-androideabi/4.9.x/libgcc.a
|
||
|
|
</code></pre>
|
||
|
|
<p>设置编译器的路径，根据实际路径进行修改，编译前一定要检查一遍路径是否正确！</p>
|
||
|
|
<p>脚本中还涉及到一些编译指令，都可以在网上查到作用，在这里就不再一一说明了，OK，开始执行编译脚本：</p>
|
||
|
|
<pre class="hljs ruby"><code class="ruby">$ sudo ./build_android_all.sh
|
||
|
|
</code></pre>
|
||
|
|
<p>编译完成后，生成的libffmpeg.so就在android > arm目录下：</p>
|
||
|
|
<div class="image-package">
|
||
|
|
<div class="image-container" style="max-width: 700px; max-height: 539px; background-color: transparent;">
|
||
|
|
<div class="image-container-fill" style="padding-bottom: 73.94%;"></div>
|
||
|
|
<div class="image-view" data-width="729" data-height="539"><img data-original-src="//upload-images.jianshu.io/upload_images/3270074-f44803c44786f0a9.png" data-original-width="729" data-original-height="539" data-original-format="image/png" data-original-filesize="46041" style="cursor: zoom-in;" class="" src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/3270074-f44803c44786f0a9.png"></div>
|
||
|
|
</div>
|
||
|
|
<div class="image-caption">将FFmpeg编译成一个so文件</div>
|
||
|
|
</div>
|
||
|
|
<h1>4.遇到的问题</h1>
|
||
|
|
<p><strong>NDK路径错误</strong></p>
|
||
|
|
<p>遇到这个错误仔细检查一遍设置的路径有没有问题，我就栽在了这个坑里：</p>
|
||
|
|
<div class="image-package">
|
||
|
|
<div class="image-container" style="max-width: 700px; max-height: 437px; background-color: transparent;">
|
||
|
|
<div class="image-container-fill" style="padding-bottom: 59.95%;"></div>
|
||
|
|
<div class="image-view" data-width="729" data-height="437"><img data-original-src="//upload-images.jianshu.io/upload_images/3270074-8c7da51bb7a3afaf.png" data-original-width="729" data-original-height="437" data-original-format="image/png" data-original-filesize="137643" style="cursor: zoom-in;" class="" src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/3270074-8c7da51bb7a3afaf.png"></div>
|
||
|
|
</div>
|
||
|
|
<div class="image-caption">NDK路径错误</div>
|
||
|
|
</div>
|
||
|
|
<p><strong>android文件夹带锁</strong></p>
|
||
|
|
<p>编译成功后，android文件夹是带锁的，执行下面的命令就可以解锁：</p>
|
||
|
|
<pre class="hljs undefined"><code>sudo chown 用户名 android/ -R
|
||
|
|
</code></pre>
|
||
|
|
<h1>5.写在最后</h1>
|
||
|
|
<p>第一次使用Linux系统和编译FFmpeg，一直在网上查命令和各种报错的解决方案，这篇文章前前后后写了一个多月，如有错误的地方，可以给我留言指正，多谢！</p>
|
||
|
|
<p>文中用到的FFmpeg源码、编译脚本以及编译生成的so文件已经上传至GitHub，后续还会更新，欢迎Start、Fork！</p>
|
||
|
|
<p><a href="https://link.jianshu.com/?t=https%3A%2F%2Fgithub.com%2Falidili%2FFFmpeg4Android" target="_blank" rel="nofollow">GitHub传送门</a></p>
|
||
|
|
<p>本篇文章到这里就结束了，下一篇文章将会继续介绍如何在Android项目中使用FFmepg，敬请期待！</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 如果是付费文章，未购买，则显示购买按钮 -->
|
||
|
|
|
||
|
|
<!-- 连载目录项 -->
|
||
|
|
|
||
|
|
<!-- 如果是付费文章 -->
|
||
|
|
<!-- 如果是付费连载，已购买，且作者允许赞赏，则显示付费信息和赞赏 -->
|
||
|
|
<div id="free-reward-panel" class="support-author"><p>点个喜欢就好</p> <div class="btn btn-pay">赞赏支持</div> <div class="supporter"><ul class="support-list"></ul> <!----></div> <!----> <!----></div>
|
||
|
|
|
||
|
|
<div class="show-foot">
|
||
|
|
<a class="notebook" href="https://www.jianshu.com/nb/21245945">
|
||
|
|
<i class="iconfont ic-search-notebook"></i>
|
||
|
|
<span>NDK开发</span>
|
||
|
|
</a> <div class="copyright" data-toggle="tooltip" data-html="true" data-original-title="转载请联系作者获得授权，并标注“简书作者”。">
|
||
|
|
© 著作权归作者所有
|
||
|
|
</div>
|
||
|
|
<div class="modal-wrap" data-report-note="">
|
||
|
|
<a id="report-modal">举报文章</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 文章底部作者信息 -->
|
||
|
|
<div class="follow-detail">
|
||
|
|
<div class="info">
|
||
|
|
<a class="avatar" href="https://www.jianshu.com/u/34ece31cd6eb">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/29276055bb9e.jpg" alt="96">
|
||
|
|
</a> <a class="btn btn-success follow"><i class="iconfont ic-follow"></i><span>关注</span></a>
|
||
|
|
<a class="title" href="https://www.jianshu.com/u/34ece31cd6eb">容华谢后</a>
|
||
|
|
<i class="iconfont ic-man"></i>
|
||
|
|
<p>写了 50204 字，被 1234 人关注，获得了 2422 个喜欢</p></div>
|
||
|
|
<div class="signature">主页：http://www.yangle.tech
|
||
|
|
GitHub：https://github.com/alidili
|
||
|
|
|
||
|
|
微信公众号『码个蛋』特约作者</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="meta-bottom">
|
||
|
|
<div data-v-6ddd02c6="" class="like"><div data-v-6ddd02c6="" class="btn like-group"><div data-v-6ddd02c6="" class="btn-like"><a data-v-6ddd02c6="">喜欢</a></div> <div data-v-6ddd02c6="" class="modal-wrap"><a data-v-6ddd02c6="">23</a></div></div> <!----></div>
|
||
|
|
<div class="share-group">
|
||
|
|
<a class="share-circle" data-action="weixin-share" data-toggle="tooltip" data-original-title="分享到微信">
|
||
|
|
<i class="iconfont ic-wechat"></i>
|
||
|
|
</a>
|
||
|
|
<a class="share-circle" data-action="weibo-share" data-toggle="tooltip" href="javascript:void((function(s,d,e,r,l,p,t,z,c){var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','', '%E6%8E%A8%E8%8D%90 @%E5%AE%B9%E5%8D%8E_%E8%B0%A2%E5%90%8E %E7%9A%84%E6%96%87%E7%AB%A0%E3%80%8AAndroid NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89 %E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%E3%80%8B%EF%BC%88 %E5%88%86%E4%BA%AB%E8%87%AA @%E7%AE%80%E4%B9%A6 %EF%BC%89','https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=weibo','%E9%A1%B5%E9%9D%A2%E7%BC%96%E7%A0%81gb2312|utf-8%E9%BB%98%E8%AE%A4gb2312'));" data-original-title="分享到微博">
|
||
|
|
<i class="iconfont ic-weibo"></i>
|
||
|
|
</a>
|
||
|
|
<a class="share-circle" data-toggle="tooltip" id="longshare" target="_blank" data-original-title="" title="">
|
||
|
|
<div class="qrcode" id="qrcode">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/download-index-side-qrcode-cb13fc9106a478795f8d10f9f632fccf.png" alt="Download index side qrcode">
|
||
|
|
<p>下载app生成长微博图片</p>
|
||
|
|
</div>
|
||
|
|
<i class="iconfont ic-picture"></i>
|
||
|
|
</a>
|
||
|
|
<a class="share-circle more-share" tabindex="0" data-toggle="popover" data-placement="top" data-html="true" data-trigger="focus" href="javascript:void(0);" data-content="
|
||
|
|
<ul class="share-list">
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,r='http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+e('https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=qzone')+'&title='+e('推荐 容华谢后 的文章《Android NDK开发（三） 在Linux环境下编译FFmpeg》'),x=function(){if(!window.open(r,'qzone','toolbar=0,resizable=1,scrollbars=yes,status=1,width=600,height=600'))location.href=r};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})();"><i class="social-icon-sprite social-icon-zone"></i><span>分享到QQ空间</span></a></li>
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,r='https://twitter.com/share?url='+e('https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=twitter')+'&text='+e('推荐 容华谢后 的文章《Android NDK开发（三） 在Linux环境下编译FFmpeg》（ 分享自 @jianshucom ）')+'&related='+e('jianshucom'),x=function(){if(!window.open(r,'twitter','toolbar=0,resizable=1,scrollbars=yes,status=1,width=600,height=600'))location.href=r};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})();"><i class="social-icon-sprite social-icon-twitter"></i><span>分享到Twitter</span></a></li>
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,r='https://www.facebook.com/dialog/share?app_id=483126645039390&display=popup&href=https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=facebook',x=function(){if(!window.open(r,'facebook','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})();"><i class="social-icon-sprite social-icon-facebook"></i><span>分享到Facebook</span></a></li>
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,r='https://plus.google.com/share?url='+e('https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=google_plus'),x=function(){if(!window.open(r,'google_plus','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})();"><i class="social-icon-sprite social-icon-google"></i><span>分享到Google+</span></a></li>
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,s1=window.getSelection,s2=d.getSelection,s3=d.selection,s=s1?s1():s2?s2():s3?s3.createRange().text:'',r='http://www.douban.com/recommend/?url='+e('https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=douban')+'&title='+e('Android NDK开发（三） 在Linux环境下编译FFmpeg')+'&sel='+e(s)+'&v=1',x=function(){if(!window.open(r,'douban','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r+'&r=1'};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})()"><i class="social-icon-sprite social-icon-douban"></i><span>分享到豆瓣</span></a></li>
|
||
|
|
</ul>
|
||
|
|
" data-original-title="" title="">更多分享</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a id="web-note-ad-1" target="_blank" href="https://www.jianshu.com/apps/redirect?utm_source=note-bottom-click"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/web-note-ad-1-c2e1746859dbf03abe49248893c9bea4.png" alt="Web note ad 1"></a>
|
||
|
|
|
||
|
|
<!--
|
||
|
|
<div id="note-comment-above-ad-container">
|
||
|
|
<span id="youdao-comment-ad" class="ad-badge">广告</span>
|
||
|
|
</div>
|
||
|
|
-->
|
||
|
|
<div><div id="comment-list" class="comment-list"><div><form class="new-comment"><a class="avatar"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/avatar_default-78d4d1f68984cd6d4379508dd94b4210.png"></a> <div class="sign-container"><a href="https://www.jianshu.com/sign_in?utm_source=desktop&utm_medium=not-signed-in-comment-form" class="btn btn-sign">登录</a> <span>后发表评论</span></div></form> <!----></div> <!----> <div class="comments-placeholder" style="display: none;"><div class="author"><div class="avatar"></div> <div class="info"><div class="name"></div> <div class="meta"></div></div></div> <div class="text"></div> <div class="text animation-delay"></div> <div class="tool-group"><i class="iconfont ic-zan-active"></i><div class="zan"></div> <i class="iconfont ic-list-comments"></i><div class="zan"></div></div></div> <div id="normal-comment-list" class="normal-comment-list"><div><div><div class="top-title"><span>4条评论</span> <a class="author-only">只看作者</a> <a class="close-btn" style="display: none;">关闭评论</a> <div class="pull-right"><a class="active">按时间倒序</a><a class="">按时间正序</a></div></div></div> <!----> <!----> <div class="comments-placeholder" style="display: none;"><div class="author"><div class="avatar"></div> <div class="info"><div class="name"></div> <div class="meta"></div></div></div> <div class="text"></div> <div class="text animation-delay"></div> <div class="tool-group"><i class="iconfont ic-zan-active"></i><div class="zan"></div> <i class="iconfont ic-list-comments"></i><div class="zan"></div></div></div> <div id="comment-24268023" class="comment"><div><div class="author"><div data-v-f3bf5228="" class="v-tooltip-container" style="z-index: 0;"><div class="v-tooltip-content"><a href="https://www.jianshu.com/u/5d889332920f" target="_blank" class="avatar"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/af861fc2-e72e-4665-bb93-d84422b9b2f7.jpg"></a> </div> <!----></div> <div class="info"><a href="https://www.jianshu.com/u/5d889332920f" target="_blank" class="name">Light_0083</a> <!----> <!----> <div class="meta"><span>3楼 · 2018.05.23 11:17</span></div></div></div> <div class="comment-wrap"><p>请问下编译完成的libffmpeg.so文件为什么有82.5 MB，这个正常吗？</p> <!----> <div class="tool-group"><a data-v-cdecbe24="" id="like-button-24268023" class="like-button"><span data-v-cdecbe24="">赞</span></a> <a class=""><i class="iconfont ic-comment"></i> <span>回复</span></a> <!----> <!----></div></div></div> <div class="sub-comment-list"><div id="comment-24274214" class="sub-comment"><p><div data-v-f3bf5228="" class="v-tooltip-container" style="z-index: 0;"><div class="v-tooltip-content"><a href="https://www.jianshu.com/u/34ece31cd6eb" target="_blank">容华谢后</a>：
|
||
|
|
</div> <!----></div> <span>正常，是这么大，分开编译小一点。</span> <!----></p> <div class="sub-tool-group"><span>2018.05.23 13:54</span> <a class=""><i class="iconfont ic-comment"></i> <span>回复</span></a> <!----> <!----></div></div> <div class="sub-comment more-comment"><a class="add-comment-btn"><i class="iconfont ic-subcomment"></i> <span>添加新评论</span></a> <!----> <!----> <!----></div> <!----></div></div><div id="comment-22662401" class="comment"><div><div class="author"><div data-v-f3bf5228="" class="v-tooltip-container" style="z-index: 0;"><div class="v-tooltip-content"><a href="https://www.jianshu.com/u/37253cc0f917" target="_blank" class="avatar"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/72ef6768476e.jpg"></a> </div> <!----></div> <div class="info"><a href="https://www.jianshu.com/u/37253cc0f917" target="_blank" class="name">37253cc0f917</a> <!----> <!----> <div class="meta"><span>2楼 · 2018.04.10 19:35</span></div></div></div> <div class="comment-wrap"><p>按照你这个来总报错，不知道咋么回事</p> <!----> <div class="tool-group"><a data-v-cdecbe24="" id="like-button-22662401" class="like-button"><span data-v-cdecbe24="">赞</span></a> <a class=""><i class="iconfont ic-comment"></i> <span>回复</span></a> <!----> <!----></div></div></div> <div class="sub-comment-list"><div id="comment-22662532" class="sub-comment"><p><div data-v-f3bf5228="" class="v-tooltip-container" style="z-index: 0;"><div class="v-tooltip-content"><a href="https://www.jianshu.com/u/34ece31cd6eb" target="_blank">容华谢后</a>：
|
||
|
|
</div> <!----></div> <span><a href="https://www.jianshu.com/users/37253cc0f917" class="maleskine-author" target="_blank" data-user-slug="37253cc0f917">@37253cc0f917</a> 报什么错</span> <!----></p> <div class="sub-tool-group"><span>2018.04.10 19:39</span> <a class=""><i class="iconfont ic-comment"></i> <span>回复</span></a> <!----> <!----></div></div> <div class="sub-comment more-comment"><a class="add-comment-btn"><i class="iconfont ic-subcomment"></i> <span>添加新评论</span></a> <!----> <!----> <!----></div> <!----></div></div></div></div> <!----> <div><!----></div></div></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="side-tool"><ul><li data-placement="left" data-toggle="tooltip" data-container="body" data-original-title="回到顶部" style="display: none;"><a class="function-button"><i class="iconfont ic-backtop"></i></a></li> <!----> <!----> <!----> <!----> <li data-placement="left" data-toggle="tooltip" data-container="body" data-original-title="分享文章" id="share"><a tabindex="0" role="button" data-toggle="popover" data-placement="left" data-html="true" data-trigger="focus" href="javascript:void(0);" data-content="<ul class='share-list' style="width:220px">
|
||
|
|
<li><a class="weixin-share"><i class="social-icon-sprite social-icon-weixin"></i><span>分享到微信</span></a></li>
|
||
|
|
<li><a href="javascript:void((function(s,d,e,r,l,p,t,z,c){var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','', '推荐 @容华_谢后 的文章《Android NDK开发（三） 在Linux环境下编译FFmpeg》（ 分享自 @简书 ）','https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=weibo','页面编码gb2312|utf-8默认gb2312'));"><i class='social-icon-sprite social-icon-weibo'></i><span>分享到微博</span></a></li>
|
||
|
|
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,r='http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+e('https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=qzone')+'&title='+e('推荐 容华谢后 的文章《Android NDK开发（三） 在Linux环境下编译FFmpeg》'),x=function(){if(!window.open(r,'qzone','toolbar=0,resizable=1,scrollbars=yes,status=1,width=600,height=600'))location.href=r};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})();"><i class='social-icon-sprite social-icon-zone'></i><span>分享到QQ空间</span></a></li>
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,r='https://twitter.com/share?url='+e('https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=twitter')+'&text='+e('推荐 容华谢后 的文章《Android NDK开发（三） 在Linux环境下编译FFmpeg》（ 分享自 @jianshucom ）')+'&related='+e('jianshucom'),x=function(){if(!window.open(r,'twitter','toolbar=0,resizable=1,scrollbars=yes,status=1,width=600,height=600'))location.href=r};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})();"><i class='social-icon-sprite social-icon-twitter'></i><span>分享到Twitter</span></a></li>
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,r='https://www.facebook.com/dialog/share?app_id=483126645039390&display=popup&href=https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=facebook',x=function(){if(!window.open(r,'facebook','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})();"><i class='social-icon-sprite social-icon-facebook'></i><span>分享到Facebook</span></a></li>
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,r='https://plus.google.com/share?url='+e('https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=google_plus'),x=function(){if(!window.open(r,'google_plus','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})();"><i class='social-icon-sprite social-icon-google'></i><span>分享到Google+</span></a></li>
|
||
|
|
<li><a href="javascript:void(function(){var d=document,e=encodeURIComponent,s1=window.getSelection,s2=d.getSelection,s3=d.selection,s=s1?s1():s2?s2():s3?s3.createRange().text:'',r='http://www.douban.com/recommend/?url='+e('https://www.jianshu.com/p/9d8322e5de7f?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=douban')+'&title='+e('Android NDK开发（三） 在Linux环境下编译FFmpeg')+'&sel='+e(s)+'&v=1',x=function(){if(!window.open(r,'douban','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r+'&r=1'};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})()"><i class='social-icon-sprite social-icon-douban'></i><span>分享到豆瓣</span></a></li>
|
||
|
|
</ul>" data-original-title="" title="" class="function-button"><i class="iconfont ic-share"></i></a> <!----></li> <!----></ul></div>
|
||
|
|
</div>
|
||
|
|
<div class="note-bottom">
|
||
|
|
<div><div class="main"><div class="title">被以下专题收入，发现更多相似内容</div> <!----> <div class="include-collection"><!----> <a href="https://www.jianshu.com/c/5139d555c94d?utm_source=desktop&utm_medium=notes-included-collection" target="_blank" class="item"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/1416528891_3612.png"><div class="name">Android...</div></a><a href="https://www.jianshu.com/c/0dc880a2c73c?utm_source=desktop&utm_medium=notes-included-collection" target="_blank" class="item"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/ff55916a6a0c2db84ebb1ffdcef539dd.png"><div class="name">Android开发</div></a><a href="https://www.jianshu.com/c/d1591c322c89?utm_source=desktop&utm_medium=notes-included-collection" target="_blank" class="item"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/android.jpg"><div class="name">Android开发</div></a><a href="https://www.jianshu.com/c/bDHhpK?utm_source=desktop&utm_medium=notes-included-collection" target="_blank" class="item"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/a.png"><div class="name">首页投稿（暂停...</div></a><a href="https://www.jianshu.com/c/NEt52a?utm_source=desktop&utm_medium=notes-included-collection" target="_blank" class="item"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/computer_guy.jpg"><div class="name">程序员</div></a><a href="https://www.jianshu.com/c/e537afd8bffa?utm_source=desktop&utm_medium=notes-included-collection" target="_blank" class="item"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/crop1505798605198.jpg"><div class="name">图像，音视频</div></a><a href="https://www.jianshu.com/c/4123eb37db68?utm_source=desktop&utm_medium=notes-included-collection" target="_blank" class="item"><img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/1525832666.jpg"><div class="name">Android...</div></a> <!----></div></div> <!----> <!----></div>
|
||
|
|
<div data-vcomp="recommended-notes" data-note-id="24807649"></div>
|
||
|
|
<!-- 相关文章 -->
|
||
|
|
<!-- 未登录用户 -->
|
||
|
|
<div class="seo-recommended-notes">
|
||
|
|
|
||
|
|
<div class="note ">
|
||
|
|
<a class="title" target="_blank" href="https://www.jianshu.com/p/dad51f6c9c4d?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">Android - 收藏集 </a>
|
||
|
|
<p class="description">用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金
|
||
|
|
Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取
|
||
|
|
View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...</p>
|
||
|
|
<a class="author" target="_blank" href="https://www.jianshu.com/u/e946d18f163c?utm_campaign=maleskine&utm_content=user&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<div class="avatar">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/4-3397163ecdb3855a0a4139c34a695885.jpg" alt="48">
|
||
|
|
</div>
|
||
|
|
<span class="name">passiontim</span>
|
||
|
|
</a> </div>
|
||
|
|
|
||
|
|
<div class="note have-img">
|
||
|
|
<a class="cover" target="_blank" href="https://www.jianshu.com/p/cb2f7e2da29f?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/3084440-52457f28e6e6225b.png" alt="240">
|
||
|
|
</a> <a class="title" target="_blank" href="https://www.jianshu.com/p/cb2f7e2da29f?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">Android游戏开发实践(1)之NDK与JNI开发02</a>
|
||
|
|
<p class="description">Android游戏开发实践(1)之NDK与JNI开发02
|
||
|
|
承接上篇Android游戏开发实践(1)之NDK与JNI开发01分享完JNI的基础和简要开发流程之后，再来分享下在Android环境下的JNI的
|
||
|
|
开发，以及涉及到的NDK相关的操作。当然，本篇仍是以Eclipse作为开...</p>
|
||
|
|
<a class="author" target="_blank" href="https://www.jianshu.com/u/4cc00e2af10b?utm_campaign=maleskine&utm_content=user&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<div class="avatar">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/1-04bbeead395d74921af6a4e8214b4f61.jpg" alt="48">
|
||
|
|
</div>
|
||
|
|
<span class="name">AlphaGL</span>
|
||
|
|
</a> </div>
|
||
|
|
|
||
|
|
<div class="note have-img">
|
||
|
|
<a class="cover" target="_blank" href="https://www.jianshu.com/p/9c6caa9979e3?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/1824809-3d0b3c951b39f72c.jpg" alt="240">
|
||
|
|
</a> <a class="title" target="_blank" href="https://www.jianshu.com/p/9c6caa9979e3?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">Android NDK开发之旅32--云服务器Ubuntu下搭建NDK环境，并编译FFmpeg</a>
|
||
|
|
<p class="description">Android NDK开发之旅 目录 前言
|
||
|
|
因为在Linux环境下编译FFmpeg生成库和头文件下比较方便，所以接下来主要操作在Linux环境下进行。但是对于Android NDK
|
||
|
|
开发新手来说，自己电脑配置Ubuntu Linux环境过程比较繁琐。而采用云服务器极大的方便...</p>
|
||
|
|
<a class="author" target="_blank" href="https://www.jianshu.com/u/9657d11e6c3d?utm_campaign=maleskine&utm_content=user&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<div class="avatar">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/e7ad9250-95d1-4013-8f22-bdf371637e33.png" alt="48">
|
||
|
|
</div>
|
||
|
|
<span class="name">香沙小熊</span>
|
||
|
|
</a> </div>
|
||
|
|
|
||
|
|
<div class="note ">
|
||
|
|
<a class="title" target="_blank" href="https://www.jianshu.com/p/f23c62820b79?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">Android 集成 FFmpeg (一) 基础知识及简单调用</a>
|
||
|
|
<p class="description">前言 网上关于 Android 集成 FFmpeg
|
||
|
|
的文章很多，但大多数都只介绍了步骤，没有说明背后的原理，若之前没有集成底层库的经验，那就会“神知无知”的走一步看一步，出错几率很大，出错了也不知
|
||
|
|
道原因，然后会乱猜“这篇教程有问题“，“换个版本估计可以”，甚至“电脑有问题，...</p>
|
||
|
|
<a class="author" target="_blank" href="https://www.jianshu.com/u/bf20b3c0da59?utm_campaign=maleskine&utm_content=user&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<div class="avatar">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/afff40f9-4d71-4e6e-8ab3-479a82cb3b15.jpg" alt="48">
|
||
|
|
</div>
|
||
|
|
<span class="name">王英豪</span>
|
||
|
|
</a> </div>
|
||
|
|
|
||
|
|
<div class="note ">
|
||
|
|
<a class="title" target="_blank" href="https://www.jianshu.com/p/ac438da137a6?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">作为产品经理，我认为应该....</a>
|
||
|
|
<p class="description">作为一个合格的产品经理，我认为，他必须是专业的，至少达到三点：
|
||
|
|
1）信息同步 2）文档逻辑清晰 3）了解程序实现方式 我为什么这么说：
|
||
|
|
场景1：目前接触的一个新app需求中，安卓版本比IOS版本先开发、上线了两周。而这两周的时间导致安卓的需求沟通过程中很多问题已经提出解决了...</p>
|
||
|
|
<a class="author" target="_blank" href="https://www.jianshu.com/u/78efbb23ae80?utm_campaign=maleskine&utm_content=user&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<div class="avatar">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/1071d728-beaf-47b3-b566-196851aafafb.png" alt="48">
|
||
|
|
</div>
|
||
|
|
<span class="name">我是小柒</span>
|
||
|
|
</a> </div>
|
||
|
|
|
||
|
|
<div class="note have-img">
|
||
|
|
<a class="cover" target="_blank" href="https://www.jianshu.com/p/5f274cec97f0?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/1496109-8a14ab369f04989d.png" alt="240">
|
||
|
|
</a> <a class="title" target="_blank" href="https://www.jianshu.com/p/5f274cec97f0?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">《锦绣未央》里的皇爷爷历史上到底是怎么死的？</a>
|
||
|
|
<p class="description">54集的《锦绣未央》已经演完了，不过观众们的热情并没有消退，人们茶余饭后谈
|
||
|
|
论的人物对象依旧是剧中的人物。比如大结局非常虐心，拓跋浚为了救未央毅然放弃了世上唯一的解药，结果最后五六年的光景就充满遗憾的死去。今天，我们不谈
|
||
|
|
男主和女主，我们谈谈剧中的黄金配角，比如十分疼爱拓跋浚的...</p>
|
||
|
|
<a class="author" target="_blank" href="https://www.jianshu.com/u/57c063d42af0?utm_campaign=maleskine&utm_content=user&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<div class="avatar">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/c9416693-24ec-4250-9df3-2182f0c3fff5.jpg" alt="48">
|
||
|
|
</div>
|
||
|
|
<span class="name">一个历史围观群众</span>
|
||
|
|
</a> </div>
|
||
|
|
|
||
|
|
<div class="note have-img">
|
||
|
|
<a class="cover" target="_blank" href="https://www.jianshu.com/p/36ff0946fddf?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/7290548-9297ccc0fc1c2c49.jpg" alt="240">
|
||
|
|
</a> <a class="title" target="_blank" href="https://www.jianshu.com/p/36ff0946fddf?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">怎么做一个好的演讲</a>
|
||
|
|
<p class="description">今天晨读是一个好的演讲的三大要素，说实话，比较简单也比较深奥，实话实说，讲
|
||
|
|
述故事，用图说话。里面用了很多技巧。 其实对于普通小白来说，从我的角度来说我注重这三点： 1. Tell them what you will
|
||
|
|
tell them.告诉听众你想分享什么。 2. Tel...</p>
|
||
|
|
<a class="author" target="_blank" href="https://www.jianshu.com/u/aad6e6c745b1?utm_campaign=maleskine&utm_content=user&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<div class="avatar">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/2a3ecac5-69ee-45fe-af39-bc252fd736d9.jpg" alt="48">
|
||
|
|
</div>
|
||
|
|
<span class="name">二十少</span>
|
||
|
|
</a> </div>
|
||
|
|
|
||
|
|
<div class="note ">
|
||
|
|
<a class="title" target="_blank" href="https://www.jianshu.com/p/18e3477af8ac?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">六、结尾——整理文章来源：</a>
|
||
|
|
<p class="description">互动百科：http://tupian.baike.com/doc/重庆小面
|
||
|
|
/tctupian/1/3?target=a3_86_50_01300543957669147314508795108.jpg菜谱网：http:
|
||
|
|
//www.meishij.net/zuofa/zhon...</p>
|
||
|
|
<a class="author" target="_blank" href="https://www.jianshu.com/u/e3ce51b718c3?utm_campaign=maleskine&utm_content=user&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<div class="avatar">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/7d38d6ce9b21.jpg" alt="48">
|
||
|
|
</div>
|
||
|
|
<span class="name">爱milk大布丁</span>
|
||
|
|
</a> </div>
|
||
|
|
|
||
|
|
<div class="note have-img">
|
||
|
|
<a class="cover" target="_blank" href="https://www.jianshu.com/p/55bf04d33eb9?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/7322806-b7e535e1bf7c2e6c.jpg" alt="240">
|
||
|
|
</a> <a class="title" target="_blank" href="https://www.jianshu.com/p/55bf04d33eb9?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation">201708贵州自驾行</a>
|
||
|
|
<p class="description">蜀中酷暑渐难当， 黔地悠游载歌行。 黄果赤水有巨瀑， 熊咆龙吟堪盛名！
|
||
|
|
七孔玲珑拉雅秀， 西江苗寨月正明。 山美水美人欲醉， 五千里路逐日星！
|
||
|
|
写在前面:千万别以为到了贵州就能避到暑了，实际上大多数地方还是热，日照强烈，黄果树、龙宫、小七孔、千户苗寨，游客都多到爆，买票排队...</p>
|
||
|
|
<a class="author" target="_blank" href="https://www.jianshu.com/u/533f936b8f42?utm_campaign=maleskine&utm_content=user&utm_medium=seo_notes&utm_source=recommendation">
|
||
|
|
<div class="avatar">
|
||
|
|
<img src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/fd696722-6142-46ee-a410-ed3d66182012.jpg" alt="48">
|
||
|
|
</div>
|
||
|
|
<span class="name">francoMGe</span>
|
||
|
|
</a> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="application/json" data-name="page-data">{"user_signed_in":false,"locale":"zh-CN","os":"windows","read_mode":"day","read_font":"font2","note_show":{"is_author":false,"is_following_author":false,"is_liked_note":false,"follow_state":0,"uuid":"0b6cc5e4-77ea-4f48-a72f-118de054ba1f"},"note":{"id":24807649,"slug":"9d8322e5de7f","user_id":3270074,"notebook_id":21245945,"commentable":true,"likes_count":23,"views_count":1163,"public_wordage":1337,"comments_count":4,"featured_comments_count":0,"total_rewards_count":0,"is_author":false,"paid_type":"free","paid":false,"paid_content_accessible":false,"author":{"nickname":"容华谢后","total_wordage":50204,"followers_count":1234,"total_likes_count":2422}}}</script>
|
||
|
|
|
||
|
|
<script src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/babel-polyfill-6cd2d6b53fe3184b71cc.js" crossorigin="anonymous"></script>
|
||
|
|
<script src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/web-base-ff73d517fc8d3c3429e6.js" crossorigin="anonymous"></script>
|
||
|
|
<script src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/web-5a55490af7df504104e6.js" crossorigin="anonymous"></script>
|
||
|
|
|
||
|
|
<script src="Android%20NDK%E5%BC%80%E5%8F%91%EF%BC%88%E4%B8%89%EF%BC%89%20%E5%9C%A8Linux%E7%8E%AF%E5%A2%83%E4%B8%8B%E7%BC%96%E8%AF%91FFmpeg%20-%20%E7%AE%80%E4%B9%A6_files/entry-82e44627b2e2d73431d6.js" crossorigin="anonymous"></script>
|
||
|
|
<script>
|
||
|
|
(function(){
|
||
|
|
var bp = document.createElement('script');
|
||
|
|
var curProtocol = window.location.protocol.split(':')[0];
|
||
|
|
if (curProtocol === 'https') {
|
||
|
|
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
|
||
|
|
}
|
||
|
|
var s = document.getElementsByTagName("script")[0];
|
||
|
|
s.parentNode.insertBefore(bp, s);
|
||
|
|
})();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!----><!----></body></html>
|